Advertisement
Guest User

Untitled

a guest
Dec 12th, 2012
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 53.97 KB | None | 0 0
  1. /*
  2. Theme Name: Graphene
  3. Theme URI: http://www.khairul-syahir.com/wordpress-dev/graphene-theme
  4. Description: We believe that every theme should facilitate creative writing, not hinder it. We also believe that each site should have the opportunity to be unique. Since the theme's inception, we have received countless suggestions and requests on features that really matter. We listened, and we delivered. Here's a theme that's packed full of features that you need, yet far from being overwhelming. Here's a theme that's easy to use for beginners, yet well documented and powerful enough to be endlessly customisable to users with even only moderate technical skills. Here's a theme that's available in more than  30 languages and is backed with active community support, where questions, ideas and suggestions are always welcomed. And best of all, here's a theme that's completely free. Here's a theme that's yours to make it special.
  5. Version: 1.8.2
  6. Author: Syahir Hakim
  7. Author URI: http://www.khairul-syahir.com
  8. Tags: black, blue, white, one-column, two-columns, three-columns, right-sidebar, left-sidebar, fixed-width, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, threaded-comments, sticky-post, translation-ready, rtl-language-support, post-formats, featured-image-header, featured-images, full-width-template, microformats
  9. License: GNU General Public License, Version 3 (or newer)
  10. License URI: http://www.gnu.org/licenses/gpl.html
  11. */
  12.  
  13.  
  14. /* =Resets and Clearfix
  15. -------------------------------------------------------------- */
  16.  
  17. html,
  18. body,
  19. h1,
  20. h2,
  21. h3,
  22. h4,
  23. h5,
  24. h6,
  25. p,
  26. img,
  27. ul,
  28. ol,
  29. li,
  30. form,
  31. fieldset {
  32.     border: 0 none;
  33.     margin: 0;
  34.     padding: 0;
  35. }
  36.  
  37.  
  38. /* Containers
  39. ----------------------------------------------------------------------------------------------------*/
  40. .container_16 {
  41.     margin-left: auto;
  42.     margin-right: auto;
  43.     width: 960px;
  44. }
  45.  
  46.  
  47. /* Generic classes
  48. ----------------------------------------------------------------------------------------------------*/
  49.  
  50. .display-block {
  51.     display: block;
  52. }
  53. .hide {
  54.     display: none;
  55. }
  56.  
  57.  
  58. /* Grid >> Global
  59. ----------------------------------------------------------------------------------------------------*/
  60. .grid_1,
  61. .grid_2,
  62. .grid_3,
  63. .grid_4,
  64. .grid_5,
  65. .grid_6,
  66. .grid_7,
  67. .grid_8,
  68. .grid_9,
  69. .grid_10,
  70. .grid_11,
  71. .grid_12,
  72. .grid_13,
  73. .grid_14,
  74. .grid_15,
  75. .grid_16 {
  76.     display: inline;
  77.     float: left;
  78.     position: relative;
  79.     margin-left: 10px;
  80.     margin-right: 10px;
  81. }
  82. .push_1,
  83. .pull_1,
  84. .push_2,
  85. .pull_2,
  86. .push_3,
  87. .pull_3,
  88. .push_4,
  89. .pull_4,
  90. .push_5,
  91. .pull_5,
  92. .push_6,
  93. .pull_6,
  94. .push_7,
  95. .pull_7,
  96. .push_8,
  97. .pull_8,
  98. .push_9,
  99. .pull_9,
  100. .push_10,
  101. .pull_10,
  102. .push_11,
  103. .pull_11,
  104. .push_12,
  105. .pull_12,
  106. .push_13,
  107. .pull_13,
  108. .push_14,
  109. .pull_14,
  110. .push_15,
  111. .pull_15,
  112. .push_16,
  113. .pull_16 {
  114.     position: relative
  115. }
  116. .gutter-left {
  117.     margin-left: 10px;
  118. }
  119. .gutter-right {
  120.     margin-right: 10px;
  121. }
  122.  
  123. /* Grid >> Children (Alpha ~ First, Omega ~ Last)
  124. ----------------------------------------------------------------------------------------------------*/
  125. .alpha {
  126.     margin-left: 0
  127. }
  128. .omega {
  129.     margin-right: 0
  130. }
  131. /* Grid >> 16 Columns
  132. ----------------------------------------------------------------------------------------------------*/
  133. .container_16 .grid_1 {
  134.     width: 40px
  135. }
  136. .container_16 .grid_2 {
  137.     width: 100px
  138. }
  139. .container_16 .grid_3 {
  140.     width: 160px
  141. }
  142. .container_16 .grid_4 {
  143.     width: 220px
  144. }
  145. .container_16 .grid_5 {
  146.     width: 280px
  147. }
  148. .container_16 .grid_6 {
  149.     width: 340px
  150. }
  151. .container_16 .grid_7 {
  152.     width: 400px
  153. }
  154. .container_16 .grid_8 {
  155.     width: 460px
  156. }
  157. .container_16 .grid_9 {
  158.     width: 520px
  159. }
  160. .container_16 .grid_10 {
  161.     width: 580px
  162. }
  163. .container_16 .grid_11 {
  164.     width: 640px
  165. }
  166. .container_16 .grid_12 {
  167.     width: 700px
  168. }
  169. .container_16 .grid_13 {
  170.     width: 760px
  171. }
  172. .container_16 .grid_14 {
  173.     width: 820px
  174. }
  175. .container_16 .grid_15 {
  176.     width: 880px
  177. }
  178. .container_16 .grid_16 {
  179.     width: 940px
  180. }
  181. /* Prefix Extra Space >> 16 Columns
  182. ----------------------------------------------------------------------------------------------------*/
  183. .container_16 .prefix_1 {
  184.     padding-left: 60px
  185. }
  186. .container_16 .prefix_2 {
  187.     padding-left: 120px
  188. }
  189. .container_16 .prefix_3 {
  190.     padding-left: 180px
  191. }
  192. .container_16 .prefix_4 {
  193.     padding-left: 240px
  194. }
  195. .container_16 .prefix_5 {
  196.     padding-left: 300px
  197. }
  198. .container_16 .prefix_6 {
  199.     padding-left: 360px
  200. }
  201. .container_16 .prefix_7 {
  202.     padding-left: 420px
  203. }
  204. .container_16 .prefix_8 {
  205.     padding-left: 480px
  206. }
  207. .container_16 .prefix_9 {
  208.     padding-left: 540px
  209. }
  210. .container_16 .prefix_10 {
  211.     padding-left: 600px
  212. }
  213. .container_16 .prefix_11 {
  214.     padding-left: 660px
  215. }
  216. .container_16 .prefix_12 {
  217.     padding-left: 720px
  218. }
  219. .container_16 .prefix_13 {
  220.     padding-left: 780px
  221. }
  222. .container_16 .prefix_14 {
  223.     padding-left: 840px
  224. }
  225. .container_16 .prefix_15 {
  226.     padding-left: 900px
  227. }
  228. /* Suffix Extra Space >> 16 Columns
  229. ----------------------------------------------------------------------------------------------------*/
  230. .container_16 .suffix_1 {
  231.     padding-right: 60px
  232. }
  233. .container_16 .suffix_2 {
  234.     padding-right: 120px
  235. }
  236. .container_16 .suffix_3 {
  237.     padding-right: 180px
  238. }
  239. .container_16 .suffix_4 {
  240.     padding-right: 240px
  241. }
  242. .container_16 .suffix_5 {
  243.     padding-right: 300px
  244. }
  245. .container_16 .suffix_6 {
  246.     padding-right: 360px
  247. }
  248. .container_16 .suffix_7 {
  249.     padding-right: 420px
  250. }
  251. .container_16 .suffix_8 {
  252.     padding-right: 480px
  253. }
  254. .container_16 .suffix_9 {
  255.     padding-right: 540px
  256. }
  257. .container_16 .suffix_10 {
  258.     padding-right: 600px
  259. }
  260. .container_16 .suffix_11 {
  261.     padding-right: 660px
  262. }
  263. .container_16 .suffix_12 {
  264.     padding-right: 720px
  265. }
  266. .container_16 .suffix_13 {
  267.     padding-right: 780px
  268. }
  269. .container_16 .suffix_14 {
  270.     padding-right: 840px
  271. }
  272. .container_16 .suffix_15 {
  273.     padding-right: 900px
  274. }
  275. /* Push Space >> 16 Columns
  276. ----------------------------------------------------------------------------------------------------*/
  277. .container_16 .push_1 {
  278.     left: 60px
  279. }
  280. .container_16 .push_2 {
  281.     left: 120px
  282. }
  283. .container_16 .push_3 {
  284.     left: 180px
  285. }
  286. .container_16 .push_4 {
  287.     left: 240px
  288. }
  289. .container_16 .push_5 {
  290.     left: 300px
  291. }
  292. .container_16 .push_6 {
  293.     left: 360px
  294. }
  295. .container_16 .push_7 {
  296.     left: 420px
  297. }
  298. .container_16 .push_8 {
  299.     left: 480px
  300. }
  301. .container_16 .push_9 {
  302.     left: 540px
  303. }
  304. .container_16 .push_10 {
  305.     left: 600px
  306. }
  307. .container_16 .push_11 {
  308.     left: 660px
  309. }
  310. .container_16 .push_12 {
  311.     left: 720px
  312. }
  313. .container_16 .push_13 {
  314.     left: 780px
  315. }
  316. .container_16 .push_14 {
  317.     left: 840px
  318. }
  319. .container_16 .push_15 {
  320.     left: 900px
  321. }
  322. /* Pull Space >> 16 Columns
  323. ----------------------------------------------------------------------------------------------------*/
  324. .container_16 .pull_1 {
  325.     left: -60px
  326. }
  327. .container_16 .pull_2 {
  328.     left: -120px
  329. }
  330. .container_16 .pull_3 {
  331.     left: -180px
  332. }
  333. .container_16 .pull_4 {
  334.     left: -240px
  335. }
  336. .container_16 .pull_5 {
  337.     left: -300px
  338. }
  339. .container_16 .pull_6 {
  340.     left: -360px
  341. }
  342. .container_16 .pull_7 {
  343.     left: -420px
  344. }
  345. .container_16 .pull_8 {
  346.     left: -480px
  347. }
  348. .container_16 .pull_9 {
  349.     left: -540px
  350. }
  351. .container_16 .pull_10 {
  352.     left: -600px
  353. }
  354. .container_16 .pull_11 {
  355.     left: -660px
  356. }
  357. .container_16 .pull_12 {
  358.     left: -720px
  359. }
  360. .container_16 .pull_13 {
  361.     left: -780px
  362. }
  363. .container_16 .pull_14 {
  364.     left: -840px
  365. }
  366. .container_16 .pull_15 {
  367.     left: -900px
  368. }
  369. /* Clear Floated Elements
  370. ----------------------------------------------------------------------------------------------------*/
  371. .clear {
  372.     clear: both;
  373.     display: block;
  374.     overflow: hidden;
  375.     visibility: hidden;
  376.     width: 0;
  377.     height: 0;
  378. }
  379. .clearfix:before,
  380. .clearfix:after {
  381.     content: '\0020';
  382.     display: block;
  383.     overflow: hidden;
  384.     visibility: hidden;
  385.     width: 0;
  386.     height: 0;
  387. }
  388. .clearfix:after {
  389.     clear: both
  390. }
  391. /*
  392.   The following zoom:1 rule is specifically for IE6 + IE7.
  393.   Move to separate stylesheet if invalid CSS is a problem.
  394. */
  395. .clearfix {
  396.     zoom: 1
  397. }
  398.  
  399.  
  400. /* =Non-classed HTML elements
  401. -------------------------------------------------------------- */
  402.  
  403. body {
  404.     background: url(images/bg_g.png) repeat #000 fixed;
  405.     color: #2c2b2b;
  406.     font: normal 12px arial;
  407.     line-height: 18px;
  408.     position: relative;
  409. }
  410. a {
  411.     color: #142b54;
  412.     text-decoration: none;
  413. }
  414. a:hover {
  415.     color: #074d7c;
  416.     text-decoration: none;
  417. }
  418.  
  419.  
  420.  
  421. /* =Container elements
  422. -------------------------------------------------------------- */
  423.  
  424. .bg-gradient {
  425.     background: url(images/bg-gradient.png) left bottom repeat-x fixed;
  426.     position: relative;
  427.     width: 100%;
  428.     height: 100%;
  429.     padding-bottom: 1px;
  430. }
  431. #container {
  432.     -webkit-box-shadow: 0 0 10px #000;
  433.     box-shadow: 0 0 10px #000;
  434. }
  435.  
  436.  
  437. /* =Header
  438. -------------------------------------------------------------- */
  439.  
  440. #top-bar {
  441.     background: url(images/sprite_h.png) left -596px repeat-x #313130;
  442.     border-bottom:1px solid #222;
  443.     height: 54px;
  444.     position: relative;
  445.     z-index: 10;
  446. }
  447. #profiles{
  448.     padding-top: 13px;
  449.     float: left;
  450. }
  451. #profiles a {
  452.     float: left;
  453.     margin-right: 10px;
  454. }
  455. #profiles span {
  456.     display: none;
  457. }
  458. #top_search {
  459.     float: right;
  460.     margin-top: 15px;
  461. }
  462. #top_search input {
  463.     box-shadow: inset 0 0 3px #333;
  464.     border: none;
  465.     color: gray;
  466.     padding: 3px 7px 2px 5px;
  467.     width: 79.5455%;
  468.     height: 18px;
  469.     float: left;
  470. }
  471. #top_search button {
  472.     background: url(images/sprite_master.png) -38px top no-repeat;
  473.     border: 0;
  474.     cursor: pointer;
  475.     display: block;
  476.     float: right;
  477.     width: 23px;
  478.     height: 23px;
  479. }
  480. #top_search button span {
  481.     display: none;
  482. }
  483. #nav #top_search {
  484.     position: absolute;
  485.     right: 0;
  486.     top: 50%;
  487.     margin-top: -12px;
  488. }
  489. #header {
  490.     border-top: 1px solid #000;
  491.     height: 198px;
  492.     width: 100%;
  493.     position: relative;
  494.     overflow: hidden;
  495. }
  496. .header-img {
  497.     position: absolute;
  498.     top: 0;
  499.     left: 50%;
  500.     margin-left: -480px;
  501. }
  502. #header .header_title {
  503.     font: normal 32px "Pontano Sans", arial, sans-serif;
  504.     letter-spacing: -1px;
  505.     position: absolute;
  506.     bottom: 30%;
  507. }
  508. .header_title,
  509. .header_title a,
  510. .header_title a:hover {
  511.     text-decoration: none;
  512.     color: #000;
  513. }
  514. .header_desc {
  515.     font-size: 18px;
  516.     font-weight: normal;
  517.     border-bottom: none;
  518.     color: #000;
  519.     position: relative;
  520.     top: 68%;
  521.     width: 852px;
  522.     font: normal 22px "Pontano Sans", arial, sans-serif;
  523. }
  524. #header_img_link {
  525.     display: block;
  526.     position: absolute;
  527.     text-decoration: none;
  528.     width: 100%;
  529.     height: 198px;
  530. }
  531. #header .sidebar-wrap {
  532.     position: absolute;
  533.     z-index: 50;
  534. }
  535. .sidebar-wrap #searchsubmit {
  536.     float: right;
  537.     margin-top: 10px;
  538. }
  539. .sidebar-wrap #s {
  540.     width: 160px;
  541. }
  542.  
  543.  
  544. /* =Navigation
  545. -------------------------------------------------------------- */
  546.  
  547.  
  548. /* Son of Suckerfish - what makes it tick */
  549. #nav a {
  550.     display: block;
  551. }
  552. #nav li {
  553.     float: left;
  554. }
  555. #nav li ul {
  556.     position: absolute;
  557.     width: 200px;
  558.     left: -999em;
  559. }
  560. #nav li:hover ul {
  561.     left: auto;
  562. }
  563. #header-menu li ul ul {
  564.     margin: -34px 0 0 200px;
  565. }
  566. #secondary-menu li ul ul {
  567.     margin: -29px 0 0 200px;
  568. }
  569. #nav, #nav ul {
  570.     padding: 0;
  571.     list-style: none;
  572.     line-height: 0;
  573.     z-index: 15;
  574. }
  575. #nav li:hover ul ul,
  576. #nav li:hover ul ul ul,
  577. #nav li:hover ul ul ul ul,
  578. #nav li:hover ul ul ul ul ul {
  579.     left: -999em;
  580. }
  581. #nav li:hover ul,
  582. #nav li li:hover ul,
  583. #nav li li li:hover ul,
  584. #nav li li li li:hover ul {
  585.     left: auto;
  586. }
  587.  
  588. /* What gives our menus style */
  589. .menu-bottom-shadow{
  590.     background: url(images/sprite_h.png) left top repeat-x #eee;
  591.     height: 3px;
  592.     width: 100%;
  593. }
  594. #nav .menu li:hover{
  595.     position: static;
  596. }
  597. #nav .menu ul {
  598.     box-shadow: 0 1px 2px #555;
  599. }
  600.  
  601. /* Top level header menu, default state */
  602. #header-menu-wrap {
  603.     background: url(images/sprite_h.png) left -4px repeat-x #101010;
  604.     position: relative;
  605. }
  606. .have-secondary-menu #header-menu-wrap {
  607.     border-bottom: 1px solid #000;
  608. }
  609. .dropdown #header-menu-wrap {
  610.     background: none;
  611.     border: none;
  612. }
  613. #header-menu,
  614. #secondary-menu {
  615.     margin: 0 10px;
  616.     z-index: 20;
  617. }
  618. #header-menu > li {
  619.     font: normal 10px arial;
  620.     margin: 0 0 0 5px;
  621. }
  622. #header-menu > li:first-child {
  623.     margin-left: 0;
  624. }
  625. #header-menu > li > a {
  626.     color: #fff;
  627.     line-height: 16px;
  628.     padding: 4px 5px 5px;
  629. }
  630. #header-menu > li > a > span {
  631.     display: block;
  632.     font-size: 11px;
  633.     color: #aaa;
  634. }
  635. /* #header-menu > li.menu-item-ancestor > a {
  636.     background: url(images/sprite_master.png) -877px -240px no-repeat transparent;
  637.     padding-left: 26px;
  638. } */
  639.  
  640. /* Top level header menu, hover and current state */
  641. /* #header-menu > li:hover, */
  642. /* #header-menu > li.current-menu-item, */
  643. /* #header-menu > li.current-menu-ancestor { */
  644. /*  background: url(images/sprite_h.png) left -300px repeat-x #eee; */
  645. /* } */
  646. #header-menu > li:hover > a,
  647. #header-menu > li.current-menu-item > a,
  648. #header-menu > li.current-menu-ancestor > a {
  649.     color: #75BBEA;
  650. }
  651. #header-menu > li:hover > a > span,
  652. #header-menu > li.current-menu-item > a > span,
  653. #header-menu > li.current-menu-ancestor > a > span {
  654.     color: #484848;
  655. }
  656. #header-menu > li.menu-item-ancestor:hover > a,
  657. #header-menu > li.current-menu-item > a,
  658. #header-menu > li.current-menu-ancestor > a {
  659.     background-position: -877px -240px;
  660. }
  661.  
  662. /* Sub level header menu, default state */
  663. #header-menu ul li a {
  664.     color: #fff;
  665.     padding: 10px;
  666.     width: 180px;
  667. }
  668. #header-menu ul li {
  669.     background: #142b54;
  670. }
  671. #header-menu ul li.menu-item-ancestor > a {
  672.     background: url(images/sprite_master.png) -652px -238px no-repeat transparent;
  673.     padding-right: 25px;
  674.     width: 165px;
  675. }
  676.  
  677. /* Sub level header menu, hover and current state */
  678. #header-menu ul li:hover,
  679. #header-menu ul li.current-menu-item,
  680. #header-menu ul li.current-menu-ancestor {
  681.     background-position: left -856px;
  682.     background-color: #142b54;
  683. }
  684. #header-menu ul li:hover > a,
  685. #header-menu ul li.current-menu-item > a,
  686. #header-menu ul li.current-menu-ancestor > a {
  687.     color: #75BBEA;
  688. }
  689. #header-menu ul li.menu-item-ancestor:hover > a,
  690. #header-menu ul li.current-menu-item > a,
  691. #header-menu ul li.current-menu-ancestor > a {
  692.     background-position: -652px -238px;
  693. }
  694.  
  695.  
  696. /* Secondary menu */
  697. /* Top level, default state */
  698. #secondary-menu-wrap {
  699.     width: 100%;
  700.     border-top: 1px solid #2C2C2C;
  701.     background: #222;
  702. }
  703. #secondary-menu > li {
  704.     font: normal 11px arial;
  705.     margin: 0 5px;
  706.     text-transform: uppercase;
  707. }
  708. #secondary-menu > li:first-child {
  709.     margin-left: 0;
  710. }
  711. #secondary-menu > li > a {
  712.     color: #fff;
  713.     line-height: 16px;
  714.     padding: 7px 10px 6px;
  715. }
  716. #secondary-menu > li.menu-item-ancestor > a {
  717.     background: url(images/sprite_master.png) -877px -316px no-repeat transparent;
  718.     padding-left: 20px;
  719. }
  720.  
  721. /* Top level, hover and current state */
  722. #secondary-menu > li:hover,
  723. #secondary-menu > li.current-menu-item,
  724. #secondary-menu > li.current-menu-ancestor {
  725.     background: #eee;
  726. }
  727. #secondary-menu > li:hover > a,
  728. #secondary-menu > li.current-menu-item > a,
  729. #secondary-menu > li.current-menu-ancestor > a {
  730.     color: #000;
  731. }
  732. #secondary-menu > li.menu-item-ancestor:hover > a,
  733. #secondary-menu > li.current-menu-item > a,
  734. #secondary-menu > li.current-menu-ancestor > a {
  735.     background-position: -877px -283px;
  736. }
  737.  
  738. /* Sub level, default state */
  739. #secondary-menu ul li a {
  740.     color: #000;
  741.     padding: 7px 15px 6px;
  742.     width: 170px;
  743.     line-height: 16px;
  744. }
  745. #secondary-menu ul li {
  746.     background: #142b54;
  747. }
  748. #secondary-menu ul li.menu-item-ancestor > a {
  749.     background: url(images/sprite_master.png) -652px -286px no-repeat transparent;
  750.     padding-right: 20px;
  751.     width: 165px;
  752. }
  753. /* Sub level header menu, hover and current state */
  754. #secondary-menu ul li:hover,
  755. #secondary-menu ul li.current-menu-item,
  756. #secondary-menu ul li.current-menu-ancestor {
  757.     background-position: left -1084px;
  758.     background-color: #212121;
  759. }
  760. #secondary-menu ul li:hover > a,
  761. #secondary-menu ul li.current-menu-item > a,
  762. #secondary-menu ul li.current-menu-ancestor > a {
  763.     color: #fff;
  764. }
  765. #secondary-menu ul li.menu-item-ancestor:hover > a,
  766. #secondary-menu ul li.current-menu-item > a,
  767. #secondary-menu ul li.current-menu-ancestor > a {
  768.     background-position: -652px -319px;
  769. }
  770.  
  771.  
  772.  
  773. /* =Content Area
  774. -------------------------------------------------------------- */
  775.  
  776. #content {
  777.     background: #e3e3e3;
  778.     padding-top: 21px;
  779.     padding-bottom: 20px;
  780. }
  781. .page-title {
  782.     background: #2070B7;
  783.     background: linear-gradient(left top, #0F2D4D, #142b54);
  784.     background: -moz-linear-gradient(left top, #0F2D4D, #142b54);
  785.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr='#0F2D4D', EndColorStr='#142b54')";
  786.     background: -webkit-linear-gradient(left top, #0F2D4D, #142b54);
  787.     background: -o-linear-gradient(left top, #0F2D4D, #142b54);
  788.     -pie-background: linear-gradient(left top, #0F2D4D, #142b54);
  789.     color: #e3e3e3;
  790.     font-size: 16px;
  791.     margin: 0 auto 10px;
  792.     padding: 8px 0;
  793.     text-align: center;
  794.     text-shadow: 0 -1px 0 #333;
  795. }
  796. .page-title span {
  797.     color: #fff;
  798. }
  799. .term-desc {
  800.     padding: 10px;
  801.     margin-top: -10px;
  802.     overflow: hidden;
  803. }
  804. .term-desc p{
  805.     font: normal 12px/18px arial;
  806.     margin-top: 10px;
  807. }
  808. .term-desc p:first-child {
  809.     margin-top: 0;
  810. }
  811. .featured_slider {
  812.     -pie-background: linear-gradient(left top, #0F2D4D, #142b54);
  813.     background: #0F2D4D;
  814.     background: -moz-linear-gradient(left top, #0F2D4D, #142b54);
  815.     background: -webkit-linear-gradient(left top, #0F2D4D, #142b54);
  816.     background: -o-linear-gradient(left top, #0F2D4D, #142b54);
  817.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorStr='#0F2D4D', EndColorStr='#142b54')";
  818.     background: linear-gradient(left top, #0F2D4D, #142b54);
  819.     margin-bottom: 20px;
  820.     padding: 25px 0;
  821.     position: relative;
  822.     width: 100%;
  823.     clear: both;
  824. }
  825. .full-width-slider .featured_slider {
  826.     margin: 0 10px 20px;
  827. }
  828. .bottom-slider .featured_slider {
  829.     margin-bottom: 0;
  830. }
  831. .bgimage-excerpt.featured_slider {
  832.     padding: 0;
  833.     -pie-background: none;
  834.     background: none;
  835.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='false')";
  836. }
  837. .thumbnail-excerpt.featured_slider {
  838.     margin-bottom: 30px;
  839. }
  840. .featured_slider #slider_root {
  841.     background: #fff;
  842.     margin: 0 auto;
  843.     overflow: hidden;
  844.     position: relative;
  845.     height: 240px;
  846.     width: 100%;
  847. }
  848. .three-col-right .bgimage-excerpt.featured_slider #slider_root {
  849.     margin-left: 0;
  850. }
  851. .bgimage-excerpt.featured_slider #slider_root {
  852.     -moz-box-shadow: 0 0 5px #555;
  853.     -webkit-box-shadow: 0 0 5px #555;
  854.     box-shadow: 0 0 5px #555;
  855. }
  856. .featured_slider .slider_items {
  857.     position: absolute;
  858.     width: 20000em;
  859.     height: 100%;
  860. }
  861. .sliderpost_featured_image {
  862.     float: left;
  863.     margin: 4px 1em 12px 0;
  864. }
  865. .sliderpost_featured_image img {
  866.     -moz-box-shadow: 0 0 5px #555;
  867.     -webkit-box-shadow: 0 0 5px #555;
  868.     box-shadow: 0 0 5px #555;
  869. }
  870. .slider_post {
  871.     float: left;
  872.     position: relative;
  873.     height: 100%;
  874. }
  875. .slider-entry-wrap {
  876.     margin: 20px;
  877. }
  878. .fade .slider_post {
  879.     position: absolute !important;
  880.     left: 0;
  881.     top: 0;
  882.     display: none;
  883. }
  884. .slider_post_entry p{
  885.     margin-bottom: 10px;
  886. }
  887. .bgimage-excerpt .slider_post {
  888.     padding: 0;
  889.     position: relative;
  890.     height: 100%;
  891. }
  892. .slider-bgimage {
  893.     position: absolute;
  894.     left: 0;
  895.     top: 0;
  896.     max-width: 100%;
  897.     height: auto;
  898. }
  899. .thumbnail-excerpt .block-button {
  900.     position: absolute;
  901.     right: 15px;
  902.     bottom: 10px;
  903. }
  904. .sliderpost_featured_image {
  905.     margin: 20px 1em 1em 20px;
  906. }
  907. .bgimage-excerpt .slider-entry-wrap {
  908.     background: url(images/black70.png) repeat;
  909.     background: rgba(0, 0, 0, 0.8);
  910.     position: absolute;
  911.     left: 0;
  912.     bottom: 0;
  913.     width: 100%;
  914.     margin: 0;
  915.     z-index: 10;
  916. }
  917. .slider_post .permalink-overlay {
  918.     display: block;
  919.     position: absolute;
  920.     left: 0;
  921.     top: 0;
  922.     width: 100%;
  923.     height: 100%;
  924.     z-index: 5;
  925. }
  926. .slider_post .permalink-overlay span {
  927.     display: none;
  928. }
  929. .bgimage-excerpt .slider-entry-wrap .slider-content-wrap {
  930.     padding: 5px 10px;
  931. }
  932. .bgimage-excerpt .slider_post h2 a,
  933. .bgimage-excerpt .slider_post h2 a:visited {
  934.     color: #fff;
  935.     font: normal 20px "Pontano Sans", arial, sans-serif;
  936. }
  937. .bgimage-excerpt .slider_post_entry p {
  938.     color: #ccc;
  939. }
  940. .slider_post h2 {
  941.     border-bottom: none;
  942. }
  943. .slider_post h2 a,
  944. .slider_post h2 a:visited {
  945.     font: normal 26px georgia;
  946. }
  947. .slider_post a.continue_reading {
  948.     display: none;
  949. }
  950.  
  951. .block-button,
  952. .block-button:visited,
  953. .Button,
  954. .button,
  955. #commentform #submit,
  956. .wpsc_buy_button {
  957.     background: url(images/bg-block-button.png) left bottom repeat-x #1C5FA5;
  958.     background: -moz-linear-gradient(#2982C5, #1C5FA5);
  959.     background: -webkit-linear-gradient(#2982C5, #1C5FA5);
  960.     background: -o-linear-gradient(#2982C5, #1C5FA5);
  961.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2982C5', EndColorStr='#1C5FA5')";
  962.     background: linear-gradient(#2982C5, #1C5FA5);
  963.    
  964.     -moz-border-radius: 3px;
  965.     -webkit-border-radius: 3px;
  966.     border-radius: 3px;
  967.    
  968.     -moz-box-shadow: 0 0 5px #555;
  969.     -webkit-box-shadow: 0 0 5px #555;
  970.     box-shadow: 0 0 5px #555;
  971.    
  972.     border: 1px solid #1C5FA5;
  973.     color: #fff;
  974.     cursor: pointer;
  975.     display: block;
  976.     float: right;
  977.     font: bold 12px arial;
  978.     margin: 0 5px 5px;
  979.     padding: 5px 15px 6px;
  980.     position: relative;
  981.     text-decoration: none;
  982.     text-shadow: 0 -1px 0 #16497E;
  983. }
  984. .block-button:hover,
  985. .button:hover,
  986. #commentform #submit:hover,
  987. .wpsc_buy_button:hover {
  988.     background: url(images/bg-block-button-hover.png) left bottom repeat-x #1C5FA5;
  989.     background: -moz-linear-gradient(#2982C5, #15467A);
  990.     background: -webkit-linear-gradient(#2982C5, #15467A);
  991.     background: -o-linear-gradient(#2982C5, #15467A);
  992.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#2982C5', EndColorStr='#15467A')";
  993.     background: linear-gradient(#2982C5, #15467A);
  994.     color: #fff;
  995.     cursor: pointer;
  996.     text-decoration: none;
  997. }
  998. .slider_nav {
  999.     clear: both;
  1000.     height: 10px;
  1001.     margin-top: 5px;
  1002.     text-align: center;
  1003.     width: 100%;
  1004. }
  1005. .thumbnail-excerpt .slider_nav {
  1006.     position: absolute;
  1007.     bottom: -15px;
  1008. }
  1009. .slider_nav a span {
  1010.     display: none;
  1011. }
  1012. .slider_nav a,
  1013. .slider_nav a:visited {
  1014.     background: url(images/sprite_master.png) -80px -37px no-repeat;
  1015.     display: inline-block;
  1016.     margin: 0 3px;
  1017.     width: 10px;
  1018.     height: 10px;
  1019. }
  1020. .slider_nav a.active,
  1021. .slider_nav a.active:visited,
  1022. .slider_nav a:hover {
  1023.     background-position: -68px -37px;
  1024. }
  1025. .post {
  1026.     background: #fff;
  1027.     border-bottom: 1px solid #ccc;
  1028.     border-top: 1px solid #d8d8d8;
  1029.     margin-bottom: 10px;
  1030.     padding: 15px 0 10px;
  1031.     overflow: visible;
  1032.     position: relative;
  1033.     width: 100%;
  1034. }
  1035. .child-page {
  1036.     background: #E9ECF5;
  1037.     padding-bottom: 10px;
  1038.     padding-top: 10px;
  1039. }
  1040. .child-page .entry-content {
  1041.     margin-top: 0;
  1042. }
  1043. .child-page .entry-content p {
  1044.     line-height: 18px;
  1045.     margin-top: 5px;
  1046. }
  1047. .child-page .post-title {
  1048.     border-bottom: none;
  1049.     margin: 0;
  1050.     padding: 0;
  1051. }
  1052. .adsense_single {
  1053.     text-align: center;
  1054.     float: none;
  1055. }
  1056. .post .date {
  1057.     background: url(images/sprite_master.png) -325px top no-repeat;
  1058.     padding: 0 0 4px;
  1059.     text-align: center;
  1060.     display: block;
  1061.     width: 40px;
  1062.     margin-right: 10px;
  1063.     float: left;
  1064. }
  1065. .post .date.with-year {
  1066.     margin-top: -5px;
  1067.     padding-bottom: 0;
  1068. }
  1069. .post .date span {
  1070.     display: block;
  1071. }
  1072. .post .date .month {
  1073.     font: normal 8px tahoma;
  1074.     text-transform: uppercase;
  1075.     padding-top: 2px;
  1076.     color: #fff;
  1077.     height: 12px;
  1078. }
  1079. .post .date .day {
  1080.     font: bold 19px tahoma;
  1081.     color: #fff;
  1082.     text-shadow: 0 -1px 0 #111;
  1083. }
  1084. .post .date .year {
  1085.     font: bold 10px tahoma;
  1086.     color: #000;
  1087.     margin-top: 3px;
  1088. }
  1089. .post .entry {
  1090.     margin: 0 10px;
  1091.     padding: 0;
  1092. }
  1093. .post-title,
  1094. .post-title a {
  1095.     font: 24px "Pontano Sans", sans-serif;
  1096.     color: #142b54;
  1097.     margin-top: -3px;
  1098. }
  1099. .post-title a,
  1100. .post-title a:visited {
  1101.     border: none;
  1102. }
  1103. .post-meta {
  1104.     position: relative;
  1105. }
  1106. .post-meta p,
  1107. .post-meta ul,
  1108. .post-meta li {
  1109.     float: left;
  1110. }
  1111. .post-meta .meta_categories {
  1112.     background: url(images/sprite_master.png) left -85px no-repeat;
  1113.     padding-left: 20px;
  1114.     max-width: 60%;
  1115. }
  1116. .three-columns .post-meta ul {
  1117.     width: 185px;
  1118. }
  1119. .post-meta{
  1120.     font: normal 11px/18px tahoma;
  1121. }
  1122. .post-meta li {
  1123.     list-style-position: outside;
  1124.     list-style-type: none;
  1125.     margin-left: 5px;
  1126. }
  1127. .post-meta .post-author,
  1128. .post-meta .edit-post,
  1129. .post-meta .post-date-inline,
  1130. .wp-email-button,
  1131. .print {
  1132.     display: block;
  1133.     float: right;
  1134.     position: relative;
  1135. }
  1136. .post-meta .edit-post,
  1137. .post-meta .post-date-inline,
  1138. .print,
  1139. .wp-email-button {
  1140.     margin-left: 5px;
  1141. }
  1142. .wp-email-button img{
  1143.     vertical-align: bottom;
  1144. }
  1145. .print span {
  1146.     display: none;
  1147.     }
  1148. .print a,
  1149. .print a:visited {
  1150.     background: url(images/sprite_master.png) -152px -38px no-repeat;
  1151.     display: block;
  1152.     margin-top: 2px;
  1153.     width: 16px;
  1154.     height: 16px;
  1155.     }
  1156. .post-meta .post-date-inline {
  1157.     border-left: 1px solid #ccc;
  1158.     padding-left: 5px;
  1159. }
  1160. .wp-email-button a:last-child {
  1161.     display: none;
  1162. }
  1163. .wp-email-button a:first-child {
  1164.     display: inline;
  1165. }
  1166. .post-avatar-wrap {
  1167.     float: right;
  1168. }
  1169. .sticky {
  1170.     background-color: #def;
  1171. }
  1172. .sticky h2,
  1173. .sticky .post-meta .post-date-inline,
  1174. .sticky .entry-footer {
  1175.     border-color:#aaa;
  1176. }
  1177. .entry-content {
  1178.     clear: both;
  1179. }
  1180. .entry-content img,
  1181. .wp-caption {
  1182.     max-width: 98%;
  1183.     height: auto;
  1184. }
  1185. .wp-caption {
  1186.     background: #eee;
  1187.     border: 1px solid #ddd;
  1188.     margin: 0 auto;
  1189. }
  1190. .entry-content .wp-caption img {
  1191.     border: 1px solid #ccc;
  1192.     max-width: 98.5%;
  1193.     margin: 4px;
  1194. }
  1195. .wp-caption-text {
  1196.     color: #5e5e5e !important;
  1197.     font: normal 11px arial !important;
  1198.     margin: 0 5px !important;
  1199.     padding-bottom: 5px;
  1200.     text-align: center;
  1201. }
  1202. .comment-entry ol,
  1203. .comment-entry ul {
  1204.     display: block !important;
  1205.     margin: 5px 0 10px 25px !important;
  1206.     width: auto !important;
  1207. }
  1208. .comment-entry li {
  1209.     line-height: 18px;
  1210.     margin-bottom: 10px;
  1211. }
  1212. .comment-entry ul li {
  1213.     list-style-type: circle !important;
  1214. }
  1215. .entry-content .gallery-caption {
  1216.     background: #efefef;
  1217.     color: #555;
  1218.     font-size: 11px;
  1219.     padding: 5px;
  1220. }
  1221. .entry-content h1,
  1222. .entry-content h2,
  1223. .entry-content h3,
  1224. .entry-content h4,
  1225. .entry-content h5,
  1226. .entry-content h6,
  1227. .comment-entry h1,
  1228. .comment-entry h2,
  1229. .comment-entry h3,
  1230. .comment-entry h4,
  1231. .comment-entry h5,
  1232. .comment-entry h6 {
  1233.     color: #333;
  1234.     font: normal 18px "Pontano Sans", arial, sans-serif;
  1235.     margin: 20px 0 5px 0;
  1236. }
  1237. .entry-content h1,
  1238. .comment-entry h1 {
  1239.     font-size: 22px;
  1240. }
  1241. .entry-content h2,
  1242. .comment-entry h2 {
  1243.     border-bottom: none;
  1244.     font-size: 20px;
  1245. }
  1246. .entry-content h4,
  1247. .comment-entry h4 {
  1248.     font-size: 16px;
  1249. }
  1250. .entry-content h5,
  1251. .comment-entry h5 {
  1252.     font-size: 14px;
  1253. }
  1254. .entry-content h6,
  1255. .comment-entry h6 {
  1256.     font-size: 13px;
  1257. }
  1258. .entry-content p,
  1259. .comment-entry p,
  1260. dt {
  1261.     margin-top: 10px;
  1262. }
  1263.  
  1264. .entry-content .excerpt-thumb img,
  1265. .child-page .excerpt-thumb img {
  1266.     float: left;
  1267.     margin: 10px 1em 0 0;
  1268. }
  1269. .child-page .excerpt-thumb img {
  1270.     margin-top: 0;
  1271. }
  1272. .entry-content .wp-caption img {
  1273.     margin-bottom: 0;  
  1274. }
  1275. .entry-content .wp-caption-text {
  1276.     margin-top: 0;
  1277. }
  1278. a.more-link,
  1279. a.more-link span {
  1280.     display: block;
  1281.     margin: 10px 0 5px;
  1282. }
  1283. .entry-content dt {
  1284.     margin-top: 10px;
  1285. }
  1286. .entry-content ul {
  1287.     list-style-position: outside;
  1288.     margin: 10px 0 10px 30px;
  1289. }
  1290. .entry-content ul li {
  1291.     list-style-image: url(images/list-style-image.png);
  1292.     margin-bottom: 7px;
  1293. }
  1294. .entry-content ol {
  1295.     margin: 5px 0 5px 30px;
  1296. }
  1297. .comment-entry ol li {
  1298.     list-style: decimal;
  1299. }
  1300. .entry-content ol li {
  1301.     margin-bottom: 7px;
  1302. }
  1303. .entry-content ol ol,
  1304. .comment-entry ol ol li {
  1305.     list-style-type: lower-alpha;
  1306. }
  1307. .comment-entry ol ol li {
  1308.     margin-left: 0;
  1309. }
  1310. .entry-content ol ol ol,
  1311. .comment-entry ol ol ol li {
  1312.     list-style-type: lower-roman;
  1313. }
  1314. .entry-content img,
  1315. .child-page img {
  1316.     border: 4px solid #e3e3e3;
  1317.     margin: 5px;
  1318. }
  1319. .entry-content table img,
  1320. .child-page table img {
  1321.     border: none;
  1322.     margin: 0;
  1323. }
  1324. .alignright {
  1325.     float: right;
  1326.     margin: 4px 0 12px 10px !important;
  1327. }
  1328. .alignleft {
  1329.     float: left;
  1330.     margin: 4px 10px 12px 0 !important;
  1331. }
  1332. .aligncenter {
  1333.     display: block;
  1334.     margin: 1em auto !important;
  1335. }
  1336. img.wp-smiley,
  1337. .entry-content p img.wp-smiley,
  1338. .comment-entry p img.wp-smiley {
  1339.     border: none !important;
  1340.     display: inline !important;
  1341.     float: none !important;
  1342.     margin: 0;
  1343. }
  1344. table {
  1345.     border-collapse: collapse;
  1346. }
  1347. table td,
  1348. table th,
  1349. table tr {
  1350.     border: 1px solid #e6e6e6;
  1351.     font-family: arial;
  1352.     padding: 2px 5px;
  1353. }
  1354. table th {
  1355.     background: #eee;
  1356.     background: -webkit-linear-gradient(#f6f6f6,#eee);
  1357.     background: -moz-linear-gradient(#f6f6f6,#eee);
  1358.     background: -o-linear-gradient(#f6f6f6,#eee);
  1359.     background: linear-gradient(#f6f6f6,#eee);
  1360.     padding: 10px 5px;
  1361. }
  1362. table tr {
  1363.     background: #fbfbfb;
  1364. }
  1365. table tr.alternate {
  1366.     background: #fff;
  1367. }
  1368. table#wp-calendar td,
  1369. table#wp-calendar th,
  1370. table#wp-calendar tr {
  1371.     border: none;
  1372. }
  1373. blockquote {
  1374.     background: url(images/sprite_master.png) left -475px no-repeat #f3f3f3;
  1375.     border: 1px dotted #e3e3e3;
  1376.     clear: both;
  1377.     margin: 10px 0 10px 10px;
  1378.     padding: 8px 18px 5px 10px;
  1379. }
  1380. blockquote p {
  1381.     color: #474747 !important;
  1382.     margin-bottom: 5px;
  1383.     margin-top: 0 !important;
  1384.     text-indent: 30px;
  1385. }
  1386. blockquote cite {
  1387.     display: block;
  1388.     font-style: italic;
  1389.     margin-top: 10px;
  1390.     text-align: right;
  1391. }
  1392. blockquote blockquote {
  1393.     margin-left: 0;
  1394. }
  1395. p cite {
  1396.     display: block;
  1397.     text-align: right;
  1398. }
  1399. p code {
  1400.     background-color: #EDEDFF;
  1401. }
  1402. p.form-allowed-tags code {
  1403.     background: none;
  1404. }
  1405. code.block,
  1406. pre.block {
  1407.     background: url(images/sprite_master.png) -839px -446px no-repeat #f3f3f3;
  1408.     border: 1px dotted #e3e3e3;
  1409.     color: #000;
  1410.     display: block;
  1411.     font: normal 11px "Courier New";
  1412.     margin: 10px 0;
  1413.     padding: 15px 2px 2px 20px;
  1414. }
  1415. .entry-footer {
  1416.     border-top: 1px solid #e3e3e3;
  1417.     clear: both;
  1418.     margin-top: 20px;
  1419. }
  1420. .link-pages {
  1421.     clear: both;
  1422.     margin-top: 10px;
  1423.     text-align: center;
  1424. }
  1425. .add-this,
  1426. .add-this-right {
  1427.     float: left;
  1428.     padding-top: 7px;
  1429. }
  1430. .add-this-right {
  1431.     float: right;
  1432.     clear: right;
  1433. }
  1434. .post-tags {
  1435.     color: #929292;
  1436.     float: left;
  1437.     font: normal 11px tahoma;
  1438.     line-height: 16px;
  1439.     margin-top: 5px;
  1440.     max-width:60%;
  1441. }
  1442. .single .author-info {
  1443.     background: #E9ECF5;
  1444.     margin-bottom: 10px;
  1445.     margin-top: 5px;
  1446.     padding: 10px;
  1447. }
  1448. .single .author_h4 {
  1449.     color: #929292;
  1450.     font: normal 18px arial;
  1451.     margin: 15px 0 5px 10px;
  1452. }
  1453. .author-avatar-wrap {
  1454.     width: auto !important;
  1455. }
  1456. .author-entry .avatar,
  1457. .author-info .avatar {
  1458.     float: left;
  1459.     position: static;
  1460. }
  1461. .author-entry .author_name {
  1462.     font-size: 14px;
  1463.     margin-bottom: 5px;
  1464. }
  1465. .author-entry .entry-content {
  1466.     margin-top: 10px;
  1467. }
  1468. .author-entry p {
  1469.     color: #444;
  1470.     line-height: 18px;
  1471. }
  1472. .author-entry .avatar {
  1473.     border: 4px solid #e3e3e3;
  1474.     float: left;
  1475. }
  1476. .author-entry h2,
  1477. .author-entry .entry-content {
  1478.     float: right;
  1479. }
  1480. .author-entry .entry-content {
  1481.     clear: right;
  1482.     padding-bottom: 20px;
  1483. }
  1484. .author-entry .author-first-heading {
  1485.     margin-bottom: 0;
  1486.     margin-top: 0;
  1487. }
  1488. .comment-avatar-wrap {
  1489.     width: 40px;
  1490.     float: left;
  1491.     margin-right: 10px;
  1492. }
  1493. .comment-nav {
  1494.     color: #929292;
  1495.     font: normal 12px tahoma;
  1496.     text-align: center;
  1497. }
  1498. .comment-link {
  1499.     float: right;
  1500.     padding-top: 5px;
  1501.     text-align: right;
  1502.     margin-left: 20px;
  1503. }
  1504. .comment-link a,
  1505. .comment-link a:visited {
  1506.     font: normal 18px arial;
  1507. }
  1508. .post-nav,
  1509. .parent-return {
  1510.     margin-bottom: 10px;
  1511. }
  1512. .wp-pagenavi {
  1513.     padding-top: 10px;
  1514.     text-align: center;
  1515. }
  1516. .previous,
  1517. .previous a,
  1518. .previous a:visited,
  1519. .next-post,
  1520. .next-post a,
  1521. .next-post a:visited,
  1522. .parent-return {
  1523.     color: #929292;
  1524.     font: 12px tahoma;
  1525.     text-decoration: none;
  1526. }
  1527. .previous {
  1528.     float: left;
  1529. }
  1530. .next-post {
  1531.     float: right;
  1532.     text-align: right;
  1533. }
  1534. .entry-content .search-404-results {
  1535.     margin: 20px 0 0;
  1536. }
  1537. .search-404-results li {
  1538.     list-style: none !important;
  1539.     border-top: 1px solid #ddd;
  1540. }
  1541. .search-404-results li h3 {
  1542.     margin-top: 10px;
  1543. }
  1544.  
  1545.  
  1546. /* =Post Formats
  1547. -------------------------------------------------------------- */
  1548.  
  1549. /* Status */
  1550. .post.post-format{
  1551.     border: none;
  1552.     padding: 0;
  1553.     position: relative;
  1554.     width: 100% !important;
  1555. }
  1556. .post-format .entry-header{
  1557.     width: 100%;
  1558.     height: 30px;
  1559.     background: url(images/sprite_h.png) left -661px repeat-x #598ead;
  1560.     color: #022a3b;
  1561. }
  1562. .post-format .format-title{
  1563.     height: 30px;
  1564.     width: 110px;
  1565.     padding-right: 8px;
  1566.     background: url(images/sprite_master.png) -152px -416px no-repeat #185069;
  1567.     color: #fff;
  1568.     text-align: center;
  1569.     font-weight: bold;
  1570.     line-height: 30px;
  1571.     text-shadow: 0 -1px 0 #222;
  1572.     float: left;
  1573. }
  1574. .post-format .format-title a,
  1575. .post-format .format-title a:visited,
  1576. .post-format .format-title a:hover{
  1577.     color: #fff;
  1578. }
  1579. .post-format .entry-title{
  1580.     height: 30px;
  1581.     float: left;
  1582.     margin-left: 10px;
  1583.     line-height: 30px;
  1584.     color: #022a3b;
  1585.     font-style: italic;
  1586. }
  1587. .post-format .entry-title a,
  1588. .post-format .entry-title a:visited{
  1589.     color: #022a3b;
  1590. }
  1591. .post-format .edit-post,
  1592. .post-format .comment-link {
  1593.     float: right;
  1594.     margin: 5px 5px 0 0;
  1595.     padding: 0;
  1596. }
  1597. .post-format .comment-link a,
  1598. .post-format .comment-link a:visited,
  1599. .post-format .edit-post a,
  1600. .post-format .edit-post a:visited {
  1601.     color: #022A3B;
  1602.     font-size: 12px;
  1603. }
  1604. .post-format .comment-link a {
  1605.     font-weight: bold;
  1606. }
  1607. .post-format .entry-date{
  1608.     font-size: 11px;
  1609. }
  1610. .post-format .entry-content{
  1611.     height: 110px;
  1612.     position: relative;
  1613.     margin-top: 0;
  1614.     padding-left: 120px;
  1615.     padding-right: 10px;
  1616.     overflow: hidden;
  1617.     color: #292929;
  1618. }
  1619. .post-format .entry-content p,
  1620. .post-format .entry-content li {
  1621.     line-height: 16px; 
  1622. }
  1623. .post-format .post-format-thumbnail{
  1624.     position: absolute;
  1625.     left: 0;
  1626.     top: 0;
  1627.     overflow: hidden;
  1628.     box-shadow: 0 0 3px #333;
  1629.     width: 110px;
  1630.     height: 110px;
  1631.     padding: 0;
  1632. }
  1633. .post-format .post-format-thumbnail img{
  1634.     position: absolute;
  1635.     left: 0;
  1636.     top: 0;
  1637.     border: none;
  1638.     margin: 0;
  1639.     max-width: 100%;
  1640. }
  1641. .post-format .entry-description p {
  1642.     font: normal 11px/16px arial !important;
  1643.     color: #5E5E5E;
  1644. }
  1645. .post-format .post-author{
  1646.     position: absolute;
  1647.     right: 10px;
  1648.     bottom: 10px;
  1649.     text-align: right;
  1650.     font: italic 12px arial;
  1651. }
  1652.  
  1653. .format-link .post-format-thumbnail {
  1654.     background: url(images/sprite_master.png) -296px -166px no-repeat;
  1655. }
  1656. .format-audio .format-title{
  1657.     background-position: -287px -416px;
  1658.     background-color: #e24c03;
  1659.     text-shadow: 0 -1px 0 #666;
  1660. }
  1661. .format-audio .entry-header{
  1662.     background-position: left -700px;
  1663.     background-color: #fbb53c;
  1664. }
  1665. .format-audio .post-format-thumbnail{
  1666.     background: url(images/sprite_master.png) -296px -291px no-repeat;
  1667.     height: 110px;
  1668.     width: 110px;
  1669. }
  1670.  
  1671. .format-image .format-title,
  1672. .format-video .format-title{
  1673.     background-position: -418px -416px;
  1674.     background-color: #f5a8af;
  1675. }
  1676. .format-image .entry-header,
  1677. .format-video .entry-header{
  1678.     background-position: left -737px;
  1679.     background-color: #f5a8af;
  1680. }
  1681. .format-image .post-format-thumbnail,
  1682. .format-video .post-format-thumbnail{
  1683.     background: url(images/sprite_master.png) -417px -291px no-repeat;
  1684.     height: 110px;
  1685.     width: 110px;
  1686. }
  1687. .format-image .entry-content,
  1688. .format-video .entry-content{
  1689.     height: auto;
  1690.     padding-left: 110px;
  1691.     padding-right: 0;
  1692.     position: relative;
  1693. }
  1694. .format-image .wp-caption-text,
  1695. .post-format .entry-description {
  1696.     position: absolute;
  1697.     left: 10px;
  1698.     top: 120px;
  1699.     width: 90px;
  1700.     text-align: left;
  1701.     font-style: italic;
  1702. }
  1703. .format-image .wp-caption,
  1704. .format-image .entry-content p,
  1705. .format-video .entry-content p {
  1706.     border: none;
  1707.     background: none;
  1708.     padding: 0;
  1709.     margin: 0 !important;
  1710.     max-width: 100%;
  1711. }
  1712. .format-image .wp-caption > a,
  1713. .format-image .entry-content > a,
  1714. .format-video .entry-content > a{
  1715.     display: block;
  1716.     line-height: 0;
  1717. }
  1718. .format-image .entry-content img,
  1719. .format-video .entry-content img{
  1720.     margin: 0;
  1721.     max-width: 100%;
  1722.     border: none;
  1723. }
  1724. .format-image .entry-title,
  1725. .format-video .entry-title{
  1726.     font-style: normal;
  1727. }
  1728. .format-image .entry-date,
  1729. .format-video .entry-date{
  1730.     position: absolute;
  1731.     left: 10px;
  1732.     bottom: 5px;
  1733.     width: 95px;
  1734.     font-style: italic;
  1735.     color: #777;
  1736.     line-height: 14px;
  1737. }
  1738. .format-image .entry-date span,
  1739. .format-video .entry-date span{
  1740.     color: #5e5e5e;
  1741. }
  1742. .format-video .entry-content p{
  1743.     line-height: 0;
  1744. }
  1745. .format-video .entry-content .entry-date{
  1746.     line-height: 14px;
  1747. }
  1748. .format-video .post-format-thumbnail{
  1749.     background: url(images/sprite_master.png) -177px -291px no-repeat;
  1750. }
  1751.  
  1752.  
  1753. /* =Comments
  1754. -------------------------------------------------------------- */
  1755.  
  1756. #comments {
  1757.     clear: both;
  1758. }
  1759. #comments .nopassword {
  1760.     background: none repeat scroll 0 0 #FFFFE0;
  1761.     border: 1px solid #E6DB55;
  1762.     float:left;
  1763.     margin-top:15px;
  1764.     padding: 10px;
  1765. }
  1766. #comments > h4,
  1767. #respond > h3,
  1768. h3.author-post-list {
  1769.     background: url(images/sprite_master.png) -880px 6px no-repeat;
  1770.     clear: both;
  1771.     color: #929292;
  1772.     font: normal 20px "Pontano Sans", arial, sans-serif;
  1773.     margin-top: 20px;
  1774.     margin-bottom: 5px;
  1775.     padding-left: 25px;
  1776. }
  1777. #comments > h4 a,
  1778. #comments > h4 a:visited {
  1779.     color: #929292;
  1780. }
  1781. #comments h4.pings {
  1782.     background-position: -880px -109px;
  1783.     clear: none;
  1784. }
  1785. #comments > h4 {
  1786.     float: left;
  1787. }
  1788. #comments > h4.current a {
  1789.     color: #1772AF;
  1790. }
  1791. .comment-form-jump {
  1792.     float: right;
  1793.     margin-top: 28px;
  1794. }
  1795. #respond h3#reply-title {
  1796.     background-position: -880px -17px;
  1797.     margin-left: 10px;
  1798.     margin-top: 20px;
  1799. }
  1800. h3.author-post-list {
  1801.     background-position: -880px -76px;
  1802.     margin-bottom: 10px;
  1803.     margin-top: 50px;
  1804.     padding-left: 30px;
  1805. }
  1806. #respond h3#reply-title small {
  1807.     background: none;
  1808.     display: block;
  1809.     font-size: 12px;
  1810. }
  1811. #pings_list {
  1812.     display: none;
  1813. }
  1814. .no-comment #pings_list {
  1815.     display: block;
  1816. }
  1817. #comments ol {
  1818.     list-style-position: outside;
  1819.     list-style-type: none;
  1820. }
  1821. #comments > ol {
  1822.     clear: both;
  1823. }
  1824. .comment-wrap {
  1825.     margin: 0 10px;
  1826. }
  1827. #comments ol li.comment,
  1828. #comments ol li.pingback,
  1829. #comments ol li.trackback {
  1830.     background: #e9ecf5;
  1831.     margin-bottom: 10px;
  1832.     clear: both;
  1833.     padding: 18px 0 10px;
  1834.     position: relative;
  1835. }
  1836. #comments ol li .avatar {
  1837.     border: 1px solid #aaa;
  1838. }
  1839. #comments li .comment-wrap > h5 {
  1840.     color: #2c2b2b;
  1841.     font: normal 16px arial;
  1842.     line-height: 24px;
  1843. }
  1844. #comments li .comment-wrap > h5 cite {
  1845.     font-style: normal;
  1846. }
  1847. #comments ol.children li.comment {
  1848.     padding-top: 10px;
  1849.     border-top: 1px solid #ddd;
  1850. }
  1851. #comments .children {
  1852.     margin-left: 60px;
  1853. }
  1854. #comments ol.children .avatar {
  1855.     left: 0;
  1856.     top: 10px;
  1857. }
  1858. #comments .comment-meta {
  1859.     margin-top: 3px;
  1860.     position: relative;
  1861.     max-width: 100%;
  1862. }
  1863. #comments p.commentmetadata {
  1864.     font: normal 11px arial;
  1865. }
  1866. #comments p.comment-reply-link {
  1867.     font: normal 11px arial;
  1868.     position: absolute;
  1869.     top: 0;
  1870.     right: 0;
  1871. }
  1872. #comments .comment-entry {
  1873.     margin-top: 15px;
  1874.     padding-bottom: 10px;
  1875. }
  1876. #comments .comment-entry p,
  1877. #comments .comment-entry ul li,
  1878. #comments .comment-entry ol li {
  1879.     font: normal 12px arial;
  1880.     line-height: 16px;
  1881.     margin-bottom: 10px;
  1882. }
  1883. #comments ol.children li.bypostauthor,
  1884. #comments li.bypostauthor.comment {
  1885.     background: #fff;
  1886.     border-top: 5px solid #ccc;
  1887. }
  1888. #comments ol.children li.bypostauthor .avatar,
  1889. #comments li.bypostauthor li.comment .avatar {
  1890.     left: 10px;
  1891. }
  1892. #comments #commentform {
  1893.     -moz-box-shadow: 0 0 3px #bbb;
  1894.     -webkit-box-shadow: 0 0 3px #bbb;
  1895.     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#bbbbbb')";
  1896.     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#bbbbbb');
  1897.     box-shadow: 0 0 3px #bbb;
  1898. }
  1899. .two-col-right #comments_list > #respond #commentform {
  1900.     margin-left: -2px;
  1901. }
  1902. .sidebar select {
  1903.     border: 1px solid #e3e3e3;
  1904.     color: #2c2b2b;
  1905.     font: normal 12px arial;
  1906. }
  1907. #commentform {
  1908.     background: #eee;
  1909.     padding: 18px 10px 15px;
  1910. }
  1911. #commentform input,
  1912. #commentform textarea {
  1913.     border: 1px solid #e3e3e3;
  1914.     color: #2c2b2b;
  1915.     font: normal 12px arial;
  1916.     padding: 4px 3px;
  1917.     height: 16px;
  1918. }
  1919. #commentform textarea {
  1920.     border: 1px solid #e3e3e3;
  1921.     height: 175px;
  1922.     width: 612px;
  1923. }
  1924. .one-column #commentform textarea {
  1925.     width: 912px;
  1926. }
  1927. .three-columns #commentform textarea {
  1928.     width: 432px;
  1929. }
  1930. #commentform .input-text:focus,
  1931. #commentform textarea:focus {
  1932.     border-color: #bfdff5;
  1933. }
  1934. #commentform #submit {
  1935.     height: auto;
  1936.     float: left;
  1937.     *padding-left: 0;
  1938.     *padding-right: 0;
  1939. }
  1940. #respond {
  1941.     left: 0;
  1942.     z-index: 10;
  1943.     min-width: 100%;
  1944.     margin-bottom: 20px;
  1945. }
  1946. #comments #respond {
  1947.     width: 640px;
  1948. }
  1949. #respond #cancel-comment-reply {
  1950.     margin-bottom: 10px;
  1951. }
  1952. #commentform .block-button {
  1953.     float: left;
  1954. }
  1955. #commentform .form-allowed-tags {
  1956.     font-size: 11px;
  1957.     margin-top: 0 !important;
  1958.     margin-bottom: 10px;
  1959. }
  1960. #commentform .form-allowed-tags code {
  1961.     display: block;
  1962. }
  1963. #commentform .comment-notes {
  1964.     padding-bottom: 10px;
  1965. }
  1966. .comment-form-author,
  1967. .comment-form-email,
  1968. .comment-form-url {
  1969.     float: left;
  1970.     margin: 10px;
  1971.     width: 193.3333px;
  1972. }
  1973. .one-column .comment-form-author,
  1974. .one-column .comment-form-email,
  1975. .one-column .comment-form-url {
  1976.     width: 293.3333px;
  1977. }
  1978. .three-columns .comment-form-author,
  1979. .three-columns .comment-form-email,
  1980. .three-columns .comment-form-url {
  1981.     width: 133.3333px;
  1982. }
  1983. .comment-form-message {
  1984.     clear: both;
  1985.     margin-bottom: 10px;
  1986. }
  1987. .comment-form-author {
  1988.     margin-left: 0;
  1989. }
  1990. .comment-form-url {
  1991.     margin-right: 0;
  1992. }
  1993. .graphene-form-field {
  1994.     display: block;
  1995.     width: 185.3333px;
  1996. }
  1997. .one-column .graphene-form-field {
  1998.     width: 285.3333px;
  1999. }
  2000. .three-columns .graphene-form-field {
  2001.     width: 125.3333px;
  2002. }
  2003.  
  2004.  
  2005. /* =Sidebars
  2006. -------------------------------------------------------------- */
  2007.  
  2008. #sidebar1,
  2009. #sidebar2 {
  2010.     display: inline;
  2011.     float: left;
  2012.     margin-top: 4px;
  2013.     padding-bottom: 30px;
  2014. }
  2015. #sidebar2 {
  2016.     padding-left: 0;
  2017. }
  2018. .sidebar h3 {
  2019.     background: url(images/bg-sidebar-h3.png) left bottom repeat-x #3C9CD2;
  2020.     background: -moz-linear-gradient(#0f2d4d, #142b54);
  2021.     background: -webkit-linear-gradient(#0f2d4d, #142b54);
  2022.     background: -o-linear-gradient(#0f2d4d, #142b54);
  2023.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0f2d4d', EndColorStr='#142b54')";
  2024.     background: linear-gradient(#0f2d4d, #142b54);
  2025.     border-bottom: 1px solid #195392;
  2026.     -moz-border-radius: 5px 5px 0 0;
  2027.     -webkit-border-radius: 5px 5px 0 0;
  2028.     border-radius: 5px 5px 0 0;
  2029.     color: #fff;
  2030.     *display: inline;
  2031.     font: 14px "Arial", arial, sans-serif;
  2032.     margin: -15px 0 5px -12px;
  2033.     padding: 7px 12px;
  2034.     text-shadow: 0 -1px 0 #333;
  2035.     width: 100%;
  2036.     zoom: 1;
  2037. }
  2038. .sidebar > .warning_block {
  2039.     margin-top: -4px;
  2040. }
  2041. .sidebar > .warning_block p {
  2042.     margin-top: 10px;
  2043.     font-size: 11px;
  2044.     line-height: 16px;
  2045. }
  2046. .sidebar > .warning_block .first-p {
  2047.     margin-top: 0;
  2048. }
  2049. .sidebar h3 a,
  2050. .sidebar h3 a:visited,
  2051. .sidebar h3 a:hover {
  2052.     color: #fff;
  2053. }
  2054. .sidebar div.sidebar-wrap {
  2055.     background: #fff;
  2056.     -moz-box-shadow: 0 0 5px #BBB;
  2057.     -webkit-box-shadow: 0 0 5px #BBB;
  2058.     box-shadow: 0 0 5px #BBB;
  2059.     margin-bottom: 16px;
  2060.     padding: 10px 12px;
  2061.     position: relative;
  2062. }
  2063. .sidebar #tweetfollow {
  2064.     margin-top: 10px;
  2065.     text-align: right;
  2066. }
  2067. .tweet-rel-time {
  2068.     font-size: 85%;
  2069. }
  2070. #sidebar_bottom {
  2071.     background: #E3E3E3;
  2072.     clear: both;
  2073.     margin-top: -10px;
  2074.     padding: 0 0 20px 0;
  2075.     font-size: 0;
  2076. }
  2077. #sidebar_bottom .sidebar-wrap {
  2078.     display: inline-block;
  2079.     *display: inline;
  2080.     margin: 10px 10px 5px;
  2081.     padding: 10px;
  2082.     vertical-align: top;
  2083.     width: 280px;
  2084.     zoom: 1;
  2085.     font-size: 12px;
  2086. }
  2087. #sidebar_bottom .sidebar-wrap h3 {
  2088.     -moz-border-radius: 0;
  2089.     -webkit-border-radius: 0;
  2090.     border-radius: 0;
  2091.     margin: -10px -10px 10px -10px;
  2092.     padding: 7px 10px;
  2093.     width: 100%;
  2094.     height: auto;
  2095. }
  2096. #calendar_wrap {
  2097.     text-align: center;
  2098. }
  2099. #wp-calendar {
  2100.     border-collapse: collapse;
  2101.     margin: 0 auto;
  2102. }
  2103. #wp-calendar #today {
  2104.     font-weight: bold;
  2105. }
  2106. #wp-calendar td,
  2107. #wp-calendar th {
  2108.     padding: 3px 4px;
  2109. }
  2110. #wp-calendar #prev {
  2111.     text-align: left;
  2112. }
  2113. #wp-calendar #next {
  2114.     text-align: right;
  2115. }
  2116. .sidebar ol {
  2117.     list-style-position: outside;
  2118.     margin-left: 29px;
  2119. }
  2120. .sidebar ol ol {
  2121.     list-style-type: lower-alpha;
  2122.     margin-left: 20px;
  2123. }
  2124. .sidebar ul ul {
  2125.     margin-left: 20px;
  2126. }
  2127. .sidebar ol ol ol {
  2128.     list-style-type: lower-roman;
  2129. }
  2130. .sidebar ol li {
  2131.     line-height: 15px;
  2132.     padding: 2px 0;
  2133. }
  2134. .sidebar ul ul li {
  2135.     border: none;
  2136. }
  2137. .sidebar ul ul li {
  2138.     line-height: 15px;
  2139. }
  2140. .sidebar p {
  2141.     line-height: 18px;
  2142. }
  2143. .sidebar p img {
  2144.     border: 4px solid #dedede;
  2145. }
  2146. .sidebar ul {
  2147.     list-style-position: outside;
  2148.     list-style-type: none;
  2149. }
  2150. .sidebar ul li {
  2151.     border-bottom: 1px solid #e3e3e3;
  2152.     line-height: 15px;
  2153.     padding: 6px 0;
  2154. }
  2155. .sidebar ul li img,
  2156. .sidebar ol li img {
  2157.     display: inline;
  2158.     margin: 0 2px;
  2159.     vertical-align: middle;
  2160. }
  2161. .sidebar ul li span.meta-rss {
  2162.     display: inline-block;
  2163.     width: 0px;
  2164.     height: 16px;
  2165. }
  2166.  
  2167.  
  2168. /* =The homepage panes
  2169. -------------------------------------------------------------- */
  2170.  
  2171. .homepage_panes{
  2172.     width: 100%;
  2173. }
  2174. .homepage_panes .alpha {
  2175.     clear: both;
  2176. }
  2177. .homepage_panes .omega {
  2178.     float: right;
  2179. }
  2180. .homepage_pane{
  2181.     margin-bottom: 20px;
  2182.     margin-top: 15px;
  2183.     vertical-align: top;
  2184. }
  2185. .two-columns .homepage_pane {
  2186.     width: 48% !important;
  2187. }
  2188. .homepage_pane .excerpt-thumb {
  2189.     text-align: center;
  2190. }
  2191. .homepage_pane img{
  2192.     -moz-box-shadow: -2px 2px 5px #777;
  2193.     -webkit-box-shadow: -2px 2px 5px #999;
  2194.     box-shadow: -2px 2px 5px #999;
  2195.     margin: 0 auto 5px auto;
  2196.     max-width: 100%;
  2197.     height: auto;
  2198. }
  2199. .homepage_pane .post-title{
  2200.     margin-bottom: 5px;
  2201. }
  2202. .homepage_pane .post-title a,
  2203. .homepage_pane .post-title a:visited{
  2204.     font: normal 20px "Pontano Sans", arial, sans-serif;
  2205. }
  2206. .homepage_pane .post-excerpt{
  2207.     color: #696a6a;
  2208.     font: normal 12px/18px arial;
  2209. }
  2210. .homepage_pane .post-excerpt p{
  2211.     margin-bottom: 10px;
  2212. }
  2213. .homepage_pane .post-comments{
  2214.     margin-top: 10px;
  2215.     margin-right: 0;
  2216. }
  2217.  
  2218.  
  2219. /* =Footer
  2220. -------------------------------------------------------------- */
  2221.  
  2222. #footer {
  2223.     background: url(images/sprite_h.png) left -1352px repeat-x #111;
  2224.     border-top: 1px solid #d5d5d5;
  2225.     padding-top: 50px;
  2226.     margin-bottom: 30px;
  2227.     min-height: 80px;
  2228.     position: relative;
  2229.     color: #999;
  2230.     clear: both;
  2231. }
  2232. #copyright {
  2233.     margin: 0 10px 20px;
  2234.     float: left;
  2235.     max-width: 30%;
  2236. }
  2237. #copyright p{
  2238.     margin-top: 10px;
  2239. }
  2240. #copyright h3{
  2241.     font: normal 14px arial;
  2242.     color: #e3e3e3;
  2243. }
  2244. #copyright .cc-logo{
  2245.     height: 32px;
  2246.     width: 96px;
  2247.     background: url(images/sprite_master.png) -417px -240px no-repeat;
  2248. }
  2249. #copyright .cc-logo span{
  2250.     display: none;
  2251. }
  2252. #footer a,
  2253. #footer a:visited {
  2254.     color: #fff;
  2255.     text-decoration: none;
  2256. }
  2257. #footer a:hover {
  2258.     border-bottom: 1px dotted #fff;
  2259. }
  2260. .footer-menu-wrap {
  2261.     font-size: 14px;
  2262.     float: right;
  2263.     text-align: right;
  2264.     margin: 0 10px 0;
  2265. }
  2266. .footer-menu-wrap li {
  2267.     display: inline-block;
  2268.     *display: inline;
  2269.     zoom: 1;
  2270.     padding-left: 10px;
  2271.     margin-left: 10px;
  2272.     vertical-align: top;
  2273. }
  2274. .footer-menu-wrap a,
  2275. .footer-menu-wrap a:visited {
  2276.     color: #fff;
  2277. }
  2278. .footer-menu-wrap ul.sub-menu {
  2279.     margin-top: 5px;
  2280.     padding-left: 5px;
  2281.     border-left: 1px solid #222;
  2282.     list-style: none;
  2283. }
  2284. .footer-menu-wrap ul.sub-menu li {
  2285.     display: block;
  2286.     font-size: 12px;
  2287.     line-height: 18px;
  2288.     border: none;
  2289.     margin: 0;
  2290.     padding: 0;
  2291. }
  2292. #footer-menu {
  2293.     text-align: left;
  2294. }
  2295. #footer-menu .sub-menu li a,
  2296. #footer-menu .sub-menu li a:visited {
  2297.     color: #ccc;
  2298. }
  2299. #developer {
  2300.     text-align: right;
  2301.     clear: right;
  2302.     padding: 20px 0;
  2303.     float: right;
  2304. }
  2305. .printonly {
  2306.     display: none;
  2307. }
  2308.  
  2309.  
  2310. /* =Shortcodes
  2311. -------------------------------------------------------------- */
  2312.  
  2313. .message-block {
  2314.     border-radius: 4px;
  2315.     -moz-border-radius: 4px;
  2316.     -webkit-border-radius: 4px;
  2317.     padding: 5px 10px 5px 50px;
  2318.     background: #eee;
  2319.     margin: 10px 0 0;
  2320.     min-height: 35px;
  2321.     overflow: auto;
  2322. }
  2323. .message-block p.first-p {
  2324.     margin-top: 0;
  2325. }
  2326.  
  2327. .warning_block,
  2328. .error_block {
  2329.     background: #FCC url(js/buttons/warning.png) no-repeat scroll 10px 7px;
  2330.     border: 1px solid #F99;
  2331.     color: #C31B00;
  2332. }
  2333. .error_block {
  2334.     background-image: url(js/buttons/error.png);
  2335. }
  2336. .notice_block {
  2337.     background: #FDEBAE url(js/buttons/notice.png) no-repeat scroll 10px 7px;
  2338.     border: 1px solid #E6C555;
  2339.     color: #9E660D;
  2340. }
  2341. .important_block {
  2342.     background: #DEE3AB url(js/buttons/important.png) no-repeat scroll 10px 7px;
  2343.     border: 1px solid #A3C159;
  2344.     color: #5E6F33;
  2345. }
  2346. .pullquote {
  2347.     border-top: 1px solid #bbb;
  2348.     border-bottom: 3px solid #222;
  2349.     font: normal 22px "Pontano Sans", arial, sans-serif;
  2350.     padding-bottom: 10px;
  2351.     margin-top: 15px !important;
  2352.     margin-bottom: 5px !important;
  2353.     width: 30%;
  2354.     color: #000;
  2355. }
  2356.  
  2357.  
  2358. /* =Plugins
  2359. -------------------------------------------------------------- */
  2360.  
  2361. /* WP-Email */
  2362. #wp-email-popup{
  2363.     background: #fff;
  2364. }
  2365. #wp-email-popup p{
  2366.     margin-top: 10px;
  2367. }
  2368. #wp-email-content img{
  2369.     border: none;
  2370.     margin: 0;
  2371. }
  2372. .Button{
  2373.     float: none;
  2374.     margin: 20px auto 10px auto;
  2375. }
  2376. .wp-email label {
  2377.     padding-top: 4px;
  2378.     height: 28px;
  2379. }
  2380. .wp-email .TextField,
  2381. .wp-email .Forms {
  2382.     border: 1px solid #e3e3e3;
  2383.     color: #2c2b2b;
  2384.     font: normal 12px arial;
  2385.     padding: 4px 3px;
  2386.     width: 250px;
  2387.     height: 16px;
  2388. }
  2389. .wp-email #imageverify {
  2390.     width: 50px;
  2391. }
  2392. .wp-email .Forms {
  2393.     height: 100px;
  2394. }
  2395.  
  2396. /* WP-CommentNavi*/
  2397. .commentnavi-view-all {
  2398.     margin-top: 10px;
  2399. }
  2400.  
  2401. /* Breadcrumb NavXT */
  2402. .breadcrumb-navxt {
  2403.     margin-bottom: 10px;
  2404.     font-size: 12px;
  2405. }
  2406. .breadcrumb-navxt a {
  2407.     font-weight: normal;
  2408. }
  2409.  
  2410. /* Fancybox for WordPress */
  2411. #fancy_title table,
  2412. #fancy_title table th,
  2413. #fancy_title table tr,
  2414. #fancy_title table td {
  2415.     border: none;
  2416.     border-collapse: none;
  2417. }
  2418. #fancy_title table tr {
  2419.     background: none;
  2420. }
  2421.  
  2422. /* WPStats */
  2423. #wpstats {
  2424.     position: absolute;
  2425.     left: 0;
  2426.     bottom: 0;
  2427. }
  2428.  
  2429. .mysocial,
  2430. .mysocial-icon {
  2431.     width: 32px;
  2432.     height: 32px;
  2433. }
  2434.  
  2435. /* WP e-Commerce */
  2436. .entry-content .product_average_vote img {
  2437.     border: none;
  2438.     margin: 0;
  2439. }
  2440. div.product_footer {
  2441.     width: 100%;
  2442.     border: none;
  2443. }
  2444. .wpsc_container span.votetext {
  2445.     width: 100%;
  2446. }
  2447. .wpsc_container img {
  2448.     max-width: 100%;
  2449. }
  2450. span.vote_total,
  2451. span.vote_total span {
  2452.     float: none !important;
  2453.     font-size: 1em !important;
  2454. }
  2455. .default_product_display .wpsc_product_price,
  2456. .single_product_display .product_description,
  2457. .single_product_display .single_additional_description,
  2458. .single_product_display .wpsc_product_price,
  2459. .default_product_display .wpsc_variation_forms label,
  2460. .single_product_display form.product_form fieldset p,
  2461. #content .single_product_display form.product_form fieldset p {
  2462.     font: normal 12px/18px arial;
  2463. }
  2464. .wpsc_product_price .currentprice {
  2465.     font-weight: bold;
  2466. }
  2467. .single_product_display form.product_form fieldset legend,
  2468. #content .single_product_display form.product_form fieldset legend,
  2469. .default_product_display form.product_form fieldset legend,
  2470. #content .default_product_display form.product_form fieldset legend,
  2471. .default_product_display h2.prodtitle,
  2472. #content .default_product_display h2.prodtitle {
  2473.     font: bold 18px "Pontano Sans", arial, sans-serif;
  2474.     margin: 5px 0 0;
  2475.     padding: 0;
  2476. }
  2477. form.product_form fieldset,
  2478. .single_product_display form.product_form fieldset,
  2479. #content .single_product_display form.product_form fieldset {
  2480.     margin-top: 10px;
  2481. }
  2482. #single_product_page_container,
  2483. #checkout_page_container {
  2484.     width: 100%;
  2485. }
  2486. .single_product_display .imagecol img.product_image,
  2487. #default_products_page_container .imagecol img,
  2488. #list_view_products_page_container img,
  2489. #grid_view_products_page_container img {
  2490.     background: none;
  2491.     border: 4px solid #eee;
  2492.     margin: 0;
  2493. }
  2494. .single_product_display {
  2495.     padding: 0;
  2496. }
  2497. .wpsc_variation_forms table {
  2498.     width: 100%;
  2499. }
  2500. .wpsc table td,
  2501. .wpsc table th,
  2502. .wpsc table tr,
  2503. .wpsc_variation_forms table td,
  2504. .wpsc_variation_forms table th,
  2505. .wpsc_variation_forms table tr,
  2506. .widget_wpsc_shopping_cart table td,
  2507. .widget_wpsc_shopping_cart table th,
  2508. .widget_wpsc_shopping_cart table tr {
  2509.     border: none;
  2510.     background: none;
  2511. }
  2512. .single_product_display .wpsc_variation_forms table td.col1,
  2513. #content .single_product_display .wpsc_variation_forms table tr td.col1,
  2514. .default_product_display .wpsc_variation_forms table td.col1,
  2515. #content .default_product_display .wpsc_variation_forms table tr td.col1 {
  2516.     width: 20%;
  2517. }
  2518. .single_product_display .wpsc_variation_forms table td.col2,
  2519. #content .single_product_display .wpsc_variation_forms table tr td.col2 {
  2520.     width: 80%;
  2521. }
  2522. .single_product_display form.product_form input,
  2523. #content .single_product_display form.product_form input,
  2524. #checkout_page_container textarea,
  2525. #checkout_page_container input,
  2526. #content #checkout_page_container textarea,
  2527. #content #checkout_page_container input {
  2528.     font: normal 12px arial;
  2529. }
  2530. #checkout_page_container textarea,
  2531. #checkout_page_container input[type="text"],
  2532. #checkout_page_container select {
  2533.     padding: 3px 5px;
  2534.     border: 1px solid #ddd;
  2535.     font: normal 12px arial;
  2536. }
  2537. .wpsc_checkout_table input[type="text"],
  2538. .wpsc_checkout_table textarea {
  2539.     width: 250px;
  2540. }
  2541. .wpsc_checkout_table select {
  2542.     width: 262px;
  2543. }
  2544. #checkout_page_container .wpsc_email_address {
  2545.     float: left;
  2546.     margin-right: 10px;
  2547. }
  2548. .wpsc_checkout_table {
  2549.     clear: both;
  2550. }
  2551. .wpsc_checkout_table td {
  2552.     padding: 5px 0 !important;
  2553. }
  2554. .default_product_display .imagecol {
  2555.     margin-top: 10px;
  2556. }
  2557. .default_product_display {
  2558.     padding: 0;
  2559.     margin-top: 10px;
  2560. }
  2561. .shopping-cart-wrapper .shoppingcart {
  2562.     padding: 0;
  2563.     margin-top: 10px;
  2564. }
  2565. .widget_wpsc_shopping_cart .cart-widget-total td {
  2566.     background: #f6f6f6;
  2567.     border: none;
  2568. }
  2569. .shopping-cart-wrapper .shoppingcart table th {
  2570.     border-bottom: 1px solid #eee;
  2571. }
  2572. .shopping-cart-wrapper .shoppingcart table #quantity {
  2573.     width: 30px;
  2574. }
  2575. .shopping-cart-wrapper .shoppingcart table #price {
  2576.     width: 70px;
  2577. }
  2578. .shopping-cart-wrapper .shoppingcart table #remove {
  2579.     width: 10px;
  2580. }
  2581. .shopping-cart-wrapper .wpsc_empty_the_cart {
  2582.     float: left;
  2583.     text-align: left;
  2584. }
  2585. .shopping-cart-wrapper .checkout-shipping,
  2586. .shopping-cart-wrapper .checkout-tax,
  2587. .widget_wpsc_shopping_cart #cart-widget-links {
  2588.     padding-top: 10px;
  2589. }
  2590. .custom_text {
  2591.     clear: both;
  2592. }
  2593. #content img#wpsc_checkout_gravatar {
  2594.     display: none;
  2595. }
  2596. #checkout_page_container table.checkout_cart {
  2597.     width: 100%;
  2598.     border: 1px solid #e6e6e6;
  2599. }
  2600. .checkout_cart .header th {
  2601.     border-bottom: 1px solid #eee;
  2602.     background: #eee;
  2603.     background: -moz-linear-gradient(#f6f6f6,#eee);
  2604.     background: -webkit-linear-gradient(#f6f6f6,#eee);
  2605.     background: -o-linear-gradient(#f6f6f6,#eee);
  2606.     background: linear-gradient(#f6f6f6,#eee);
  2607.     border: 1px solid #e6e6e6;
  2608.     padding: 10px 5px;
  2609. }
  2610. #content #checkout_page_container table.checkout_cart tr.product_row td,
  2611. #content #checkout_page_container table.checkout_cart tr.product_row {
  2612.     padding: 5px;
  2613.     text-align: center;
  2614.     background: #fbfbfb;
  2615. }
  2616. #content #checkout_page_container table.checkout_cart tr.alt td {
  2617.     background: #fff;
  2618. }
  2619. #content #checkout_page_container table.checkout_cart tr.product_row .wpsc_product_name {
  2620.     text-align: left;
  2621. }
  2622. .wpsc_email_address_p {
  2623.     display: block;
  2624.     margin-top: -5px !important;
  2625. }
  2626. .wpsc_email_address_p input {
  2627.     width: 250px;
  2628. }
  2629. #checkout_page_container .checkout-total {
  2630.     margin-left: 10px;
  2631.     font-weight: bold;
  2632. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement