1. /*
  2. Online Marketer Child
  3. Theme URI: http://wpthemes.co.nz/online-marketer/
  4. Description: Child theme for the Online Marketer theme
  5. Author URI: http://wpthemes.co.nz/
  6. Template: online-marketer
  7. Version: 1.8.6
  8. */
  9.  
  10.  
  11. @import url(library/css/default.css);
  12. @import url(http://fonts.googleapis.com/css?family=Francois+One);
  13. @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  14.  
  15. /******************************************************************
  16. GENERAL LAYOUT STYLES
  17. ******************************************************************/
  18.  
  19. body {
  20. background:#001627;
  21. font-family:Arial, Helvetica, sans-serif;
  22. }
  23.  
  24.  
  25. #container, .wrap {
  26. width: 100%;
  27. margin: 30px auto;
  28. padding: 0;
  29. max-width: 1060px; /* remove or edit to adjust width */
  30. min-width: 1060px; /* remove or edit to adjust width */
  31. background:#043156;
  32. background-image:url(library/images/bg-page.jpg);
  33. background-repeat:no-repeat;
  34. background-position:center top;
  35. }
  36.  
  37. /* layout options ( all have margins right & left of 1%) */
  38. .col60 { width: 6.333%; } /* width 60px / grid_1 */
  39. .col140 { width: 14.667%; } /* width 140px / grid_2 */
  40. .col220 { width: 23.0%; } /* width 220px / grid_3 */
  41. .col300 { width: 31.333%; } /* width 300px / grid_4 */
  42. .col380 { width: 39.667%; } /* width 380px / grid_5 */
  43. .col480 { width: 48.0%; } /* width 480px / grid_6 */
  44. .col540 { width: 56.333%; } /* width 540px / grid_7 */
  45. .col620 { width: 64.667%; } /* width 620px / grid_8 */
  46. .col700 { width: 73.0%; } /* width 700px / grid_9 */
  47. .col780 { width: 81.333%; } /* width 780px / grid_10 */
  48. .col860 { width: 89.667%; } /* width 860px / grid_11 */
  49. .col940 { width: 98.0%; } /* width 940px / grid_12 */
  50.  
  51. /* layout & column defaults */
  52. .col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; margin-left: 1%; margin-right: 1%; position: relative; }
  53.  
  54. /* default styles & fixes */
  55. #main { margin-left: 0; } /* fixes alignment (defaulted at col620) */
  56. #sidebar1 { margin-right: 0; } /* fixes alignment (defaulted at col300) */
  57.  
  58. /******************************************************************
  59. LINK STYLES
  60. ******************************************************************/
  61.  
  62. a, a:visited { color:#ffd21f; }
  63. a:hover, a:link {}
  64. a:active {} /* on click */
  65. a:link {
  66. -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */
  67. }
  68.  
  69. /******************************************************************
  70. TEXT SELECTION STYLES
  71. ******************************************************************/
  72.  
  73. /* Safari, Chrome, iPhones, iPads */
  74. ::-webkit-selection {
  75. background: #6fc2f6;
  76. color:#fff;
  77. text-shadow : none;
  78. }
  79.  
  80. /* Firefox */
  81. ::-moz-selection {
  82. background: #6fc2f6;
  83. color:#fff;
  84. text-shadow : none;
  85. }
  86.  
  87. /* The Rest of em */
  88. ::selection {
  89. background: #6fc2f6;
  90. color:#fff;
  91. text-shadow : none;
  92. }
  93.  
  94.  
  95. /******************************************************************
  96. WORDPRESS BODY CLASSES
  97. want to style a page via body class? go ahead
  98. ******************************************************************/
  99.  
  100. body.rtl {}
  101. body.home {} /* home page */
  102. body.blog {}
  103. body.archive {} /* archive page */
  104. body.date {} /* date archive page */
  105. body.date-paged-1 {} /* replace the number to the corresponding page number */
  106. body.search {} /* search page */
  107. body.search-results {} /* search result page */
  108. body.search-no-results {} /* no results search page */
  109. body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
  110. body.error404 {} /* 404 page */
  111. body.single {} /* single post page */
  112. body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
  113. body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
  114. body.attachment {} /* attatchment page */
  115. body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
  116. body.attachment-mime-type {} /* style mime type pages
  117. body.author {} /* author page */
  118. body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
  119. body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
  120. body.category {} /* category page */
  121. body.category-1 {} /* individual category page (i.e. body.category-6) */
  122. body.category-paged-1 {} /* replace the number to the corresponding page number */
  123. body.tag {} /* tag page */
  124. body.tag-slug {} /* individual tag page (i.e. body.tag-news) */
  125. body.tag-paged-1 {} /* replace the number to the corresponding page number */
  126. body.page-template {} /* custom page template page */
  127. body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
  128. body.page-paged-1 {} /* replace the number to the corresponding page number */
  129. body.page-parent {}
  130. body.page-child {}
  131. body.parent-pageid-1 {} /* replace the number to the corresponding page number */
  132. body.logged-in {} /* if user is logged in */
  133. body.paged {} /* paged items like search results or archives */
  134. body.paged-1 {} /* individual paged (i.e. body.paged-3) */
  135.  
  136. /* new browser classes */
  137. body.browser-lynx {} /* lynx browsers */
  138. body.browser-gecko {} /* firefox browsers */
  139. body.browser-opera {} /* opera browsers */
  140. body.browser-ns4 {} /* ns4 browsers */
  141. body.browser-safari {} /* safari browsers */
  142. body.browser-chrome {} /* chrome browsers */
  143. body.browser-ie {} /* ie browsers ( aka dinosaurs) */
  144. body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */
  145.  
  146.  
  147. /******************************************************************
  148. HEADLINES & TITLES
  149. ******************************************************************/
  150.  
  151. h1, .h1 { font-family: 'Open Sans Condensed', sans-serif; }
  152. h2, .h2 { font-family: 'Open Sans Condensed', sans-serif; }
  153. h3, .h3 {}
  154. h4, .h4 { font-family: 'Open Sans Condensed', sans-serif; }
  155. h5, .h5 { font-family: 'Open Sans Condensed', sans-serif; }
  156.  
  157. h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { font-family: 'Open Sans Condensed', sans-serif; }
  158.  
  159. .format-heading {
  160. text-transform:uppercase;
  161. font-weight:normal;
  162. }
  163. /******************************************************************
  164. HEADER SYTLES
  165. ******************************************************************/
  166.  
  167. header[role=banner] {
  168.  
  169. }
  170.  
  171. #inner-header {
  172. position:relative;
  173. padding:0;
  174. }
  175.  
  176. #top-header {
  177. background-image:url(library/images/bg-header.png);
  178. padding:5px 4%;
  179. }
  180. #site-title {
  181. color:#fff;
  182. font-family: 'Francois One', sans-serif;
  183. text-shadow: 2px 2px 5px #000;
  184. margin:0;
  185. margin-right:250px;
  186. font-size:2.5em;
  187. line-height: 1.333em;
  188. }
  189. #site-title a {
  190. color:#fff;
  191. font-family: 'Francois One', sans-serif;
  192. text-decoration: none;
  193. }
  194.  
  195.  
  196. #site-description {
  197. text-transform:uppercase;
  198. font-family: 'Open Sans Condensed', sans-serif;
  199. font-weight: bold;
  200. font-size:15px;
  201. color:#ffd21f;
  202. text-shadow: 1px 1px 2px #000;
  203. margin-bottom:10px;
  204. }
  205.  
  206. #inner-header #searchform {
  207. position:absolute;
  208. top:25px;
  209. right:4%;
  210. }
  211.  
  212. #inner-header #searchform label {
  213. display:none;
  214. }
  215.  
  216. #inner-header #searchform #s {
  217. float:left;
  218. background:#dedede;
  219. width: 170px;
  220. padding:7px;
  221. padding-bottom:6px;
  222. padding-left:10px;
  223. border:1px solid #fff;
  224. border-radius:3px;
  225. border-top-right-radius:0;
  226. border-bottom-right-radius:0;
  227. box-shadow:0 0 3px #aaa inset;
  228. }
  229.  
  230. #inner-header #searchform #s:focus {
  231. background:#f9f9f9;
  232. }
  233.  
  234. #inner-header #searchform #searchsubmit {
  235. display:block;
  236. float:left;
  237. background:#ffd21f url(library/images/magnify.png) no-repeat center center;
  238. height:32px;
  239. width:40px;
  240. border:0;
  241. text-indent:-9999px;
  242. outline:0;
  243. cursor:pointer;
  244. border-top:1px solid #fff;
  245. border-bottom:1px solid #d09907;
  246. border-right:1px solid #9c7914;
  247. border-top-right-radius:3px;
  248. border-bottom-right-radius:3px;
  249. }
  250.  
  251. #headerimg {
  252. margin:0 4%;
  253. padding:2em 0 1.5em 0;
  254. background:url(library/images/separator.png) repeat-x;
  255. }
  256.  
  257. /******************************************************************
  258. NAVIGATION STYLES
  259. (Main Navigation)
  260. ******************************************************************/
  261. nav[role=navigation] {}
  262.  
  263. .menu {
  264. margin:0;
  265. }
  266.  
  267. div.menu {
  268. margin:0 4%;
  269. }
  270.  
  271. .navbreak {
  272. height:2px;
  273. overflow:hidden;
  274. clear:both;
  275. }
  276.  
  277. nav[role=navigation] .menu ul li {}
  278. nav[role=navigation] .menu ul li a {
  279. color:#fff;
  280. text-transform:uppercase;
  281. font-family: 'Francois One', sans-serif;
  282. font-size:16px;
  283. font-weight:normal;
  284. line-height:50px;
  285. padding: 0 0.8em;
  286. text-shadow: 1px 1px 2px #043156;
  287. letter-spacing:-1px;
  288. }
  289.  
  290. nav[role=navigation] .menu #menu-icon {
  291. cursor: pointer;
  292. display: none;
  293. }
  294. nav[role=navigation] .menu ul li a:hover {
  295. background:none;
  296. color:#ffd21f;
  297. }
  298.  
  299. nav[role=navigation] .menu ul li:first-child a {}
  300.  
  301. nav[role=navigation] .menu ul li.current-menu-item a, .nav ul li.current_page_item a {
  302. background:none;
  303. color:#ffd21f;
  304. }
  305.  
  306. nav[role=navigation] .menu ul li ul.sub-menu,
  307. nav[role=navigation] .menu ul li ul.children {
  308. background:#266190;
  309. box-shadow:2px 2px 2px #000;
  310.  
  311. }
  312. nav[role=navigation] .menu ul li ul.sub-menu a,
  313. nav[role=navigation] .menu ul li ul.children a {
  314. font-size:15px;
  315. font-weight:normal;
  316. line-height: 40px;
  317. }
  318. nav[role=navigation] .menu ul li ul li a {}
  319. nav[role=navigation] .menu ul li ul li a:hover {}
  320. nav[role=navigation] .menu ul li ul li:last-child a {}
  321. nav[role=navigation] .menu ul li:hover ul { }
  322. nav[role=navigation] .menu ul li ul li ul.sub-menu,
  323. nav[role=navigation] .menu ul li ul li ul.children {
  324. margin-top:-40px;
  325.  
  326.  
  327. }
  328. nav[role=navigation] .menu ul li ul li:hover ul.sub-menu,
  329. nav[role=navigation] .menu ul li ul li:hover ul.children {
  330.  
  331. }
  332.  
  333. nav[role=navigation] .menu ul.sub-menu li.current-menu-item a,
  334. .nav ul.sub-menu li.current_page_item a,
  335. nav[role=navigation] .menu ul.sub-menu li.current_page_item a,
  336. nav[role=navigation] .menu ul li.current-page-parent ul.sub-menu li a,
  337. nav[role=navigation] .menu ul li.current-menu-item ul.sub-menu li a,
  338. nav[role=navigation] .menu ul li.current_page_parent ul.children li a,
  339. nav[role=navigation] .menu ul li.current_page_item ul.children li a,
  340. .nav ul li.current_page_item ul.sub-menu li a,
  341. nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a {
  342. color: #fff;
  343. }
  344.  
  345.  
  346.  
  347. /******************************************************************
  348. POSTS & CONTENT STYLES
  349. ******************************************************************/
  350.  
  351. #content { margin:0 4% 2em 4%; background:url(library/images/separator.png) repeat-x; padding-top:2em;}
  352.  
  353. #content .page-header {
  354. background:url(library/images/separator.png) repeat-x left bottom;
  355. padding-bottom:1.2em;
  356. margin-top:-15px;
  357. margin-bottom:20px;
  358. width:100%;
  359. line-height:normal;
  360. }
  361. #content header .entry-title,
  362. #content header .page-title {
  363. font-family: 'Open Sans Condensed', sans-serif;
  364. /*color:#ffd21f;*/
  365. color:#fff;
  366. text-shadow: 1px 1px 2px #000;
  367. }
  368. #main {
  369.  
  370. }
  371.  
  372. article[id*=post-] {
  373. background:url(library/images/separator.png) repeat-x left bottom transparent;
  374. color:#fff;
  375. }
  376.  
  377.  
  378.  
  379. body.home article[id*=post-] .entry-title,
  380. body.archive article[id*=post-] .entry-title,
  381. body.search article[id*=post-] .entry-title {
  382. text-transform:uppercase;
  383. font-size: 2.5em;
  384. line-height: 1.1em;
  385. margin-bottom: 5px;
  386. }
  387.  
  388. /* want to style individual post classes? Booya! */
  389. .post-id {} /* post by id (i.e. post-3) */
  390. .post {} /* general post style */
  391. .page {} /* general article on a page style */
  392.  
  393. .attachment {} /* general style on an attatchment */
  394. .sticky {} /* sticky post style */
  395. .hentry {} /* hentry class */
  396. .category-slug {} /* style by category (i.e. category-videos) */
  397. .tag-slug {} /* style by tag (i.e. tag-news) */
  398.  
  399. /* post meta */
  400. .meta {margin:0 0 1.5em 0}
  401. .page-header .meta { margin-bottom:0 }
  402. .meta time {}
  403.  
  404. /* post content */
  405. .post_content { overflow:hidden }
  406.  
  407. .post_content p {margin:0 0 1.5em 0}
  408. .post_content p:last-child { margin-bottom:0 }
  409. .post_content h1, .post_content h2, .post_content h3, .post_content h4 {margin:0 0 1.5em 0}
  410. .post_content ul, .post_content ol, .post_content table, .post_content dl {}
  411. .post_content ul, .post_content ol {}
  412. .post_content li {}
  413. .post_content ul li {}
  414. .post_content ol li {}
  415.  
  416. .post_content blockquote {}
  417. .post_content blockquote:before {} /* this adds the quote before the blockquote */
  418.  
  419. .post_content dl {}
  420. .post_content dt {}
  421. .post_content dd {}
  422.  
  423. .post_content img {}
  424. .post_content video {}
  425. .post_content object {}
  426.  
  427. .wp-caption {}
  428. .wp-caption img {}
  429. .wp-caption p.wp-caption-text {}
  430.  
  431. /* image gallery styles */
  432. .gallery dl {}
  433. .gallery dt {}
  434. .gallery dd {}
  435. .gallery dl a {}
  436. .gallery dl img {}
  437. .gallery-caption {}
  438.  
  439. .size-full {}
  440. .size-large {}
  441. .size-medium {}
  442. .size-thumbnail {}
  443.  
  444. article[id*=post-] footer { padding-bottom:1em }
  445.  
  446. /******************************************************************
  447. POST FORMAT STYLES
  448. ******************************************************************/
  449.  
  450. /* Aside Posts */
  451. .format-aside .entry-header {
  452. display: none;
  453. }
  454. .single .format-aside .entry-header {
  455. display: block;
  456. }
  457. .format-aside .entry-content,
  458. .format-aside .entry-summary {
  459. padding-top: 1em;
  460. }
  461. .single .format-aside .entry-content,
  462. .single .format-aside .entry-summary {
  463. padding-top: 0;
  464. }
  465.  
  466.  
  467. /* Image Posts */
  468. .format-image .entry-header {
  469. display: none;
  470. }
  471. .single .format-image .entry-header {
  472. display: block;
  473. }
  474. .format-image .entry-content,
  475. .format-image .entry-summary {
  476. padding-top: 1em;
  477. }
  478. .single .format-image .entry-content,
  479. .single .format-image .entry-summary {
  480. padding-top: 0;
  481. }
  482.  
  483. /******************************************************************
  484. PAGE NAVI STYLES
  485. (Special Feature)
  486. ******************************************************************/
  487.  
  488. /* page navigation */
  489. .page-navigation {}
  490. .onlinemarketer_page_navi {}
  491. .onlinemarketer_page_navi li.bpn-prev-link {} /* previous link */
  492. .onlinemarketer_page_navi li.bpn-prev-link a {}
  493. .onlinemarketer_page_navi li.bpn-prev-link a:hover {}
  494. .onlinemarketer_page_navi li {} /* regular links */
  495. .onlinemarketer_page_navi li a {}
  496. .onlinemarketer_page_navi li a:hover {}
  497. .onlinemarketer_page_navi li.bpn-current {} /* current page link */
  498. .onlinemarketer_page_navi li.bpn-current:hover {}
  499. .onlinemarketer_page_navi li.bpn-next-link {} /* next page link */
  500. .onlinemarketer_page_navi li.bpn-next-link a {}
  501. .onlinemarketer_page_navi li.bpn-next-link a:hover {}
  502. .onlinemarketer_page_navi li.bpn-last-page-link {} /* last page link */
  503. .onlinemarketer_page_navi li.bpn-last-page-link a {}
  504. .onlinemarketer_page_navi li.bpn-last-page-link a:hover {}
  505. .onlinemarketer_page_navi li.bpn-first-page-link {} /* first page link */
  506. .onlinemarketer_page_navi li.bpn-first-page-link a {}
  507. .onlinemarketer_page_navi li.bpn-first-page-link a:hover {}
  508.  
  509. /* fallback previous & next links */
  510. .wp-prev-next {}
  511. .wp-prev-next ul {}
  512. .wp-prev-next .prev-link {}
  513. .wp-prev-next .next-link {}
  514.  
  515. /******************************************************************
  516. PAGE LINK STYLES
  517. ******************************************************************/
  518.  
  519. .page-link {
  520. clear: both;
  521. display: block;
  522. margin: 0 0 1.625em;
  523. }
  524. .page-link a {
  525. margin: 0;
  526. padding: 2px 3px;
  527. }
  528. .page-link a:hover {
  529. font-weight: bold;
  530. }
  531.  
  532.  
  533.  
  534. .page-link span {
  535. margin-right: 6px;
  536. }
  537.  
  538. .wp-prev-next .prev-link, .nav-previous, .previous-image { float: left; margin:10px 0; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; }
  539. .wp-prev-next .next-link, .nav-next, .next-image { float: right; margin:10px 0; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; }
  540.  
  541. #image-navigation, #comment-nav-below, #comment-nav-above, #nav-above, #nav-below { display:block; overflow:hidden }
  542. #comment-nav-above a, #comment-nav-below a { color:#075493; }
  543. /******************************************************************
  544. COMMENT STYLES
  545. ******************************************************************/
  546. #comments {
  547.  
  548. margin:40px 0;
  549. }
  550.  
  551. #comments-title {
  552. padding:0;
  553. padding-top:10px;
  554. padding-bottom:20px;
  555. font-family: 'Open Sans Condensed', sans-serif;
  556. font-size:18px;
  557. text-transform:uppercase;
  558. line-height:normal;
  559. color:#FFD21F;
  560. margin:0;
  561. }/* h3 comment title */
  562. #comments span {} /* number of comments span */
  563. .comment-nav {}
  564. .comment-nav ul {}
  565. .comment-nav ul li {}
  566. .commentlist {
  567. margin:0;
  568.  
  569.  
  570. }
  571. .commentlist li.comment {
  572. background:#fafafa;
  573. border:1px solid #cfd3d6;
  574. border-radius:7px;
  575. box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px;
  576. }
  577.  
  578. .commentlist li.pingback {
  579. margin:10px 0 20px 0;
  580. background:#fafafa;
  581. border:1px solid #cfd3d6;
  582. border-radius:7px;
  583. box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px;
  584. padding: 5px 10px;
  585. }
  586.  
  587. .commentlist li[class*=depth-] {
  588.  
  589. }
  590. .commentlist li.depth-1 {}
  591. .commentlist li.depth-2 {}
  592. .commentlist li.depth-3 {}
  593. .commentlist li.depth-4 {}
  594. .commentlist li.depth-5 {}
  595. .commentlist li ul.children li {}
  596. .commentlist li ul.children li.alt {}
  597. .commentlist li ul.children li.byuser {}
  598. .commentlist li ul.children li.comment {}
  599. .commentlist li ul.children li.depth-1 {} /* change number for different depth */
  600. .commentlist li ul.children li.bypostauthor {}
  601. .commentlist li ul.children li.comment-author-admin {}
  602. .commentlist li ul.children .alt {}
  603. .commentlist li ul.children .odd {}
  604. .commentlist li ul.children .even {}
  605. .commentlist .alt {}
  606. .commentlist .odd {}
  607. .commentlist .even {}
  608. .commentlist .parent {}
  609. .commentlist .comment {}
  610. .commentlist .children {}
  611. .commentlist .pingback {}
  612. .commentlist .bypostauthor {}
  613. .commentlist .comment-author {}
  614. .commentlist .comment-author-admin {}
  615. .commentlist .thread-alt {}
  616. .commentlist .thread-odd {}
  617. .commentlist .thread-even {}
  618. .commentlist .vcard {}
  619. .commentlist .vcard cite.fn {}
  620. .commentlist .vcard time {}
  621. .commentlist .vcard time a {}
  622. .commentlist .vcard time a:hover {}
  623. .commentlist .vcard img.photo {}
  624. .commentlist .vcard img.avatar {}
  625. .commentlist .vcard cite.fn a.url {}
  626. .commentlist .comment-meta {}
  627. .commentlist .comment-meta a {}
  628. .commentlist .commentmetadata {}
  629. .commentlist .commentmetadata a {}
  630. .commentlist li .comment_content {}
  631. .commentlist li .comment_content p {}
  632. .commentlist li ul {}
  633. .commentlist a { color:#075493; }
  634. .commentlist a.comment-reply-link {
  635. background: none repeat scroll 0 0 #29506f;
  636. border-radius: 5px 0px 5px 0px;
  637. color:#ffd21f;
  638. opacity:1;
  639. }
  640. .commentlist a.comment-reply-link:hover {
  641. color:#fff;
  642. }
  643.  
  644. #comment-nav-below a {
  645. color:#FFD21F;
  646. }
  647.  
  648. /******************************************************************
  649. COMMENT FORM STYLES
  650. ******************************************************************/
  651.  
  652. div#respond {
  653. background:#dce4ea;
  654. margin:60px auto 0 auto;
  655. border:1px solid #cfd3d6;
  656. border-radius:7px;
  657.  
  658. z-index:999999;
  659. padding:15px;
  660. }
  661. #comment-form-title {
  662. display:none;
  663. }
  664. #cancel-comment-reply {
  665. float:right;
  666. }
  667. #cancel-comment-reply a {}
  668. #commentform {}
  669. #commentform p {
  670. border-bottom:1px solid #cad7e2;
  671. padding:0;
  672. padding-bottom:0.5em;
  673. padding-top:0.5em;
  674. margin:0;
  675. margin-bottom:0;
  676. }
  677. #commentform p.form-submit {
  678. border-bottom:0;
  679. text-align:center;
  680. }
  681. #commentform label {
  682. background-color:transparent;
  683. box-shadow:none;
  684. color: #555555;
  685. display:block;
  686. font-size: 13px;
  687. left: 4px;
  688. min-width: 80px;
  689. padding: 4px 10px;
  690. position: relative;
  691. top: 0;
  692. z-index: 1;
  693. float:left;
  694. font-family: 'Open Sans Condensed', sans-serif;
  695. font-size:20px;
  696. color:#2b689a;
  697. text-transform:uppercase;
  698. }
  699. #commentform a { color:#2B7CC2; }
  700. .required {
  701. color: #BD3500;
  702. font-size: 22px;
  703. font-weight: bold;
  704. margin-left:-13px;
  705. padding-right:5px;
  706. }
  707.  
  708. .required:first-child {
  709. margin:0;
  710. }
  711.  
  712. h3#reply-title {
  713. width:130px;
  714. margin-top:-51px;
  715. margin-bottom:0;
  716. margin-left:20px;
  717. background:#29506f;
  718. font-family: 'Francois One', sans-serif;
  719. font-size:20px;
  720. font-weight:normal;
  721. line-height:35px;
  722. color:#ffd21f;
  723. padding-left:15px;
  724. border-top-left-radius:7px;
  725. border-top-right-radius:7px;
  726. box-shadow:0 5px 5px #a4afb8 inset;
  727. }
  728.  
  729. .commentlist li h3#reply-title {
  730. width:200px;
  731. }
  732.  
  733. h3#reply-title a { color:#ffd21f; }
  734.  
  735. #cancel-comment-reply-link { font-size:11px; }
  736.  
  737. .comments-logged-in-as {}
  738. #comment-form-elements {}
  739. #comment-form-elements li {}
  740. #comment-form-elements label {
  741.  
  742. }
  743. #author, #email, #url, #comment {
  744. background: none repeat scroll 0 0 #b9cbda;
  745. border: 1px solid #9db6cb;
  746. border-radius: 5px 5px 5px 5px;
  747. box-shadow: 0 1px 3px #9db6cb inset;
  748. padding: 2px 5px;
  749. position: relative;
  750. text-indent:0;
  751. margin:10px 0;
  752. }
  753. #author:focus, #email:focus, #url:focus, #comment:focus {}
  754. #author, #email, #url {}
  755. #allowed_tags {}
  756. #comment {}
  757. #submit {
  758. background:transparent url(library/images/submit.png) repeat-x;
  759. border:1px solid #da910d;
  760. border-radius: 5px;
  761. box-shadow:none;
  762. color: #4e4e4e;
  763. cursor: pointer;
  764. padding: 3px 15px;
  765. position: relative;
  766. text-shadow:none;
  767. }
  768.  
  769. /******************************************************************
  770. SIDEBARS & ASIDES
  771. ******************************************************************/
  772.  
  773. #secondary {}
  774.  
  775. .widget {
  776. background:url(library/images/bg-widget.png);
  777. clear: both;
  778. margin: 0 0 2.2em 0;
  779. padding:1em;
  780. border-radius:7px;
  781. -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px;
  782. -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px;
  783. box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px;
  784. color:#fff;
  785. }
  786. .widget li,
  787. #meta.widget aside a {
  788. font-size: 13px;
  789. border-bottom:1px dotted #748da1;
  790. padding:5px 10px 5px 25px;
  791. background:url(library/images/bullet.png) no-repeat 5px 8px;
  792. margin-bottom:0;
  793. }
  794.  
  795. .widget ul li:first-child {
  796. border-top:1px dotted #748da1;
  797. }
  798.  
  799. .widget li a {
  800. color:#fff;
  801. text-decoration:none;
  802. }
  803.  
  804. .widget li a:hover {
  805. text-decoration:underline;
  806. }
  807.  
  808. .widget-title {
  809. border:0;
  810. color:#ffd21f;
  811. font-family: 'Francois One', sans-serif;
  812. font-size:20px;
  813. font-weight:normal;
  814. line-height:normal;
  815. text-transform:capitalize;
  816. letter-spacing:normal;
  817. margin-bottom:10px;
  818. }
  819.  
  820. /* links widget */
  821. .widget_links {}
  822. .widget_links ul {}
  823. .widget_links ul li {}
  824. .widget_links ul li a {}
  825.  
  826. /* meta widget */
  827. .widget_meta {}
  828. .widget_meta ul {}
  829. .widget_meta ul li {}
  830. .widget_meta ul li a {}
  831.  
  832. /* pages widget */
  833. .widget_pages {}
  834. .widget_pages ul {}
  835. .widget_pages ul li {}
  836. .widget_pages ul li a {}
  837.  
  838. /* recent-posts widget */
  839. .widget_recent_entries {}
  840. .widget_recent_entries ul {}
  841. .widget_recent_entries ul li {}
  842. .widget_recent_entries ul li a {}
  843.  
  844. /* archives widget */
  845. .widget_archive {}
  846. .widget_archive ul {}
  847. .widget_archive ul li {}
  848. .widget_archive ul li a {}
  849. .widget_archive select {}
  850. .widget_archive option {}
  851.  
  852. /* tag-cloud widget */
  853. .widget_links {}
  854. .widget_links li:after {}
  855. .widget_links li:before {}
  856. .widget_tag_cloud {}
  857. .widget_tag_cloud a {}
  858. .widget_tag_cloud a:after {}
  859. .widget_tag_cloud a:before {}
  860.  
  861. /* calendar widget */
  862. .widget_calendar {
  863.  
  864. }
  865. #calendar_wrap {}
  866. #calendar_wrap th {
  867. background: none;
  868. border-bottom: 1px solid #CCCCCC;
  869. border-top: 1px solid #CCCCCC;
  870. font-weight: bold;
  871. color:#FFD21F;
  872. }
  873. #calendar_wrap td {}
  874. #wp-calendar {
  875. color: #777;
  876. text-align: center;
  877. width: 95%;
  878. margin:auto;
  879. }
  880. #wp-calendar tr td {}
  881. #wp-calendar caption {
  882. font-size: 16px;
  883. font-weight: 700;
  884. padding: 5px 0 3px;
  885. text-transform: uppercase;
  886. color:#fff;
  887. }
  888. #wp-calendar a {}
  889. #wp-calendar #today {}
  890. #wp-calendar #prev {}
  891. #wp-calendar #next {}
  892. #wp-calendar #next a {}
  893. #wp-calendar #prev a {}
  894.  
  895. /* category widget */
  896. .widget_categories {}
  897. .widget_categories ul {}
  898. .widget_categories ul li {}
  899. .widget_categories ul ul.children {}
  900. .widget_categories a {}
  901. .widget_categories select{}
  902. .widget_categories select#cat {}
  903. .widget_categories select.postform {}
  904. .widget_categories option {}
  905. .widget_categories .level-0 {}
  906. .widget_categories .level-1 {}
  907. .widget_categories .level-2 {}
  908. .widget_categories .level-3 {}
  909.  
  910. /* recent-comments widget */
  911. .recentcomments {}
  912. #recentcomments {}
  913. #recentcomments li {}
  914. #recentcomments li a {}
  915. .widget_recent_comments {}
  916.  
  917. /* search widget */
  918. #searchform {}
  919. .widget_search {}
  920. .screen-reader-text {}
  921.  
  922. /* text widget */
  923. .textwidget {}
  924. .widget_text {}
  925. .textwidget p {}
  926.  
  927. /******************************************************************
  928. IMAGE STYLES
  929. ******************************************************************/
  930. .post_content img { margin-top:.75em }
  931.  
  932. .left img, img.left, img.alignleft {
  933. margin-right:1.5em;
  934. margin-bottom:1em;
  935. }
  936.  
  937. .right img, img.right, img.alignright {
  938. margin-left:1.5em;
  939. margin-bottom:1em;
  940. }
  941.  
  942. img.size-auto,
  943. img.size-full,
  944. img.size-large,
  945. img.size-medium,
  946. .attachment img,
  947. .widget-area img,
  948. .wp-caption {
  949. max-width: 100%; /* When images are too wide for containing element, force them to fit. */
  950. height: auto; /* Override height to match resized width for correct aspect ratio. */
  951. }
  952.  
  953. /* Notices */
  954. .post .notice,
  955. {
  956. background: #eee;
  957. display: block;
  958. padding: 1em;
  959. }
  960.  
  961. /* Image Attachments */
  962.  
  963.  
  964.  
  965. .entry-attachment {
  966. display: block;
  967. margin: 0 auto;
  968. text-align: center;
  969. }
  970.  
  971. .imgthumb img {
  972. float:left;
  973. margin-right:20px;
  974. border:1px solid #999;
  975. }
  976.  
  977.  
  978. /******************************************************************
  979. FOOTER STYLES
  980. ******************************************************************/
  981.  
  982. footer[role=contentinfo] {
  983. background:none;
  984. background:url(library/images/bg-header.png) repeat-x;
  985. line-height: 2em;
  986. padding: 1.6em 0.5em;
  987. border:0;
  988. color:#ffd21f;
  989. }
  990. /* footer menu */
  991. .footer-links {}
  992. .footer-links ul {}
  993. .footer-links ul li {}
  994. .footer-links ul li a {}
  995. .footer-links ul li:last-child a {}
  996. .footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
  997. .footer-links ul li ul.sub-menu {} /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */
  998.  
  999. .attribution {}
  1000.  
  1001. #site-generator { text-align: center; font-family: 'Open Sans Condensed', sans-serif; }
  1002.  
  1003. /* Text meant only for screen readers */
  1004. .screen-reader-text,
  1005. .assistive-text {
  1006. position: absolute !important;
  1007. clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  1008. clip: rect(1px, 1px, 1px, 1px);
  1009. }
  1010.  
  1011. /******************************************************************
  1012. MEDIA QUERIES & DEVICE STYLES
  1013. Developed by: Andy Clarke & the 320 & Up Extension
  1014. URL: http://stuffandnonsense.co.uk/projects/320andup/
  1015. ******************************************************************/
  1016.  
  1017. @media only screen and (max-width: 320px) {
  1018. body {
  1019. width: 100%;
  1020. float: none;
  1021. }
  1022. body img {
  1023. max-width: 100%;
  1024. }
  1025. }
  1026.  
  1027. @media only screen and (max-width: 480px) {
  1028. body {
  1029. width: 100%;
  1030. float: none;
  1031. }
  1032. }
  1033.  
  1034. @media only screen and (max-width: 768px) {
  1035. body {
  1036. width: 100%;
  1037. float: none;
  1038. }
  1039. }
  1040.  
  1041. @media only screen and (max-width: 780px) {
  1042. body {
  1043. width: 100%;
  1044. float: none;
  1045. }
  1046. }
  1047.  
  1048. @media only screen and (max-width: 992px) {
  1049. body {
  1050. width: 100%;
  1051. float: none;
  1052. }
  1053. }
  1054.  
  1055. @media only screen and (max-width: 1024px) {
  1056. body {
  1057. width: 100%;
  1058. float: none;
  1059. }
  1060. }
  1061.  
  1062. @media only screen and (max-width: 1382px) {
  1063. body {
  1064. width: 100%;
  1065. float: none;
  1066. }
  1067. }
  1068.  
  1069. @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  1070. /* insert styles here */
  1071. }
  1072.  
  1073. /******************************************************************
  1074. PRINT STYLES
  1075. (Handled by default, but if you want to edit it, feel free)
  1076. ******************************************************************/
  1077.  
  1078. @media print { }
  1079.  
  1080. /******************************************************************
  1081. IE SPECIFIC FIXES
  1082. ******************************************************************/
  1083.  
  1084. /*
  1085. Thanks to the HTML5 Boilerplate there's an easier way
  1086. to target IE specific bugs. Simply use the html class
  1087. to target the specific version of IE.
  1088.  
  1089. To target the .post_content area in IE6, use:
  1090. html.ie6 .post_content { ... }
  1091.  
  1092. To target the .post_content area in IE7, use:
  1093. html.ie7 .post_content { ... }
  1094.  
  1095. To target the .post_content area in IE8, use:
  1096. html.ie8 .post_content { ... }
  1097.  
  1098.  
  1099. Much easier right? This way, you don't have to call
  1100. any more stylesheets, you can leave it at the bottom
  1101. and it will overwrite depending on the html class.
  1102. */