Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Blaskan child Theme CSS (in progress)

By: jenny_li on Sep 15th, 2012  |  syntax: None  |  size: 37.95 KB  |  views: 41  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /** =SETUP ---------- */
  2.  
  3. body {
  4.         background: #fff;
  5.         color: #444;
  6.         font: 15px/22px 'Droid Sans', sans-serif;
  7.         font-weight: 300;
  8.         padding: 0 10px;
  9. }
  10.  
  11. /** =TYPOGRAPHY ---------- */
  12.  
  13. /**
  14.  * Links
  15.  */
  16.  
  17. /*a {
  18.   color: #2e6eb0;
  19.   text-decoration: underline;
  20. }
  21.  
  22. a:active {
  23.         color: #000;
  24. }
  25.  
  26. a:hover,
  27. a:active {
  28.         outline: none;
  29. }
  30.  
  31. a:focus,
  32. a:hover {
  33.         color: #000;
  34. }
  35.  
  36. a:focus {
  37.         outline: dotted thin;
  38. }
  39.  
  40. a:link {
  41.   -webkit-tap-highlight-color: #000;
  42. }*/
  43.  
  44. /**
  45.  * Headings
  46.  */
  47.  
  48. /*h1,
  49. h2,
  50. h3,
  51. h4,
  52. h5,
  53. h6 {
  54.         color: #000;
  55.   margin: 0 0 20px;
  56.         padding: 10px 0 0;
  57. }*/
  58.  
  59. h1 {
  60.         font-family: 'Chicle', 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  61.         font-size: 48px;
  62.         font-weight: normal;
  63.         line-height: 50px;
  64.         margin: 0 0 30px;
  65.         padding: 5px 0 0;
  66.         /*text-transform: uppercase;*/
  67. }
  68.  
  69. .sans-serif h1 {
  70.         font-family: 'Chicle', 'Helvetica Neue', sans-serif;
  71.         font-weight: bold;
  72.         letter-spacing: -2px;
  73.         text-transform: none;
  74. }
  75.  
  76. h2 {
  77.         font-size: 18px;
  78.         line-height: 24px;
  79.         padding: 20px 0 0;
  80.         text-transform: none;
  81. }
  82.  
  83. h3 {
  84.         font-family: 'Chicle', 'Helvetica Neue', sans-serif;
  85.         font-size: 15px;
  86. }
  87.  
  88. h4 {
  89.         font-size: 13px;
  90.         text-transform: none;
  91. }
  92.  
  93. h5 {
  94.         font-size: 12px;
  95.         text-transform: none;
  96. }
  97.  
  98. h6 {
  99.         font-family: 'Chicle', 'Arial Narrow', sans-serif;
  100.         font-size: 11px;
  101.         text-transform: none;
  102. }
  103.  
  104. h1 a,
  105. h2 a,
  106. h3 a,
  107. h4 a,
  108. h5 a,
  109. h6 a {
  110.         color: #000;
  111.         text-decoration: none;
  112. }
  113.  
  114. h1 a:hover,
  115. h1 a:focus,
  116. h2 a:hover,
  117. h2 a:focus,
  118. h3 a:hover,
  119. h3 a:focus,
  120. h4 a:hover,
  121. h4 a:focus,
  122. h5 a:hover,
  123. h5 a:focus,
  124. h6 a:hover,
  125. h6 a:focus {
  126.         color: #000;
  127. }
  128.  
  129. /**
  130.  * Text
  131.  */
  132.  
  133. p {
  134.         margin: 0 0 20px;
  135. }
  136.  
  137. blockquote {
  138.         background: url(img/sprite.png) 0 -85px no-repeat;
  139.         color: #888;
  140.         padding: 0 35px;
  141.         margin: 0 0 20px;
  142. }
  143.  
  144. .multiplebgs blockquote {
  145.         background-image: url(img/sprite.png), url(img/sprite.png);
  146.         background-repeat: no-repeat;
  147.         background-position: 0 -85px, bottom right;
  148. }
  149.  
  150. q {
  151.         color: #888;
  152.         font-style: italic;
  153. }
  154.  
  155. blockquote a,
  156. q a {
  157.         color: #888;
  158. }
  159.  
  160. cite {
  161.         color: #000;
  162. }
  163.  
  164. blockquote cite,
  165. q cite {
  166.         color: #000;
  167. }
  168.  
  169. blockquote cite:before,
  170. q cite:before {
  171.         content: " \2014  ";
  172. }
  173.  
  174. strong {
  175.         color: #000;
  176.         font-weight: bold;
  177. }
  178.  
  179. mark {
  180.         background: #d6eaff;
  181.         font-style: italic;
  182.   font-weight: normal;
  183. }
  184.  
  185. em,
  186. dfn {
  187.         font-style: italic;
  188. }
  189.  
  190. dfn {
  191.         font-weight: bold;
  192. }
  193.  
  194. abbr,
  195. acronym {
  196.         border-bottom: 1px dotted #222;
  197. }
  198.  
  199. address {
  200.         font-style: italic;
  201.         margin: 0 0 20px;
  202. }
  203.  
  204. del,
  205. s {
  206.         color: #888;
  207.         text-decoration: line-through;
  208. }
  209.  
  210. ins {
  211.   background: #ececec;
  212. }
  213.  
  214. pre {
  215.         padding: 10px;
  216.         white-space: pre;
  217.         white-space: pre-wrap;
  218.         white-space: pre-line;
  219.         word-wrap: break-word;
  220. }
  221.  
  222. code {
  223.         margin: 20px 0;
  224. }
  225.  
  226. pre,
  227. code,
  228. tt,
  229. kbd,
  230. samp {
  231.         font: 15px/22px monospace, sans-serif;
  232. }
  233.  
  234. sup,
  235. sub {
  236.         line-height: 0;
  237. }
  238.  
  239. sub {
  240.         font-size: smaller;
  241.         vertical-align: sub;
  242. }
  243.  
  244. sup {
  245.         font-size: smaller;
  246.         vertical-align: super;
  247. }
  248.  
  249. ::-moz-selection {
  250.         background: #2e6eb0;
  251.         color: #fff;
  252.         text-shadow: none;
  253. }
  254.  
  255. ::selection {
  256.         background: #2e6eb0;
  257.         color: #fff;
  258.         text-shadow: none;
  259. }
  260.  
  261. /**
  262.  * Lists
  263.  */
  264.  
  265. li ul,
  266. li ol {
  267.         margin: 0 20px;
  268. }
  269.  
  270. ul {
  271.         list-style: disc inside;
  272.         margin: 0 0 20px;
  273. }
  274.  
  275. ol {
  276.         list-style: decimal inside;
  277.         margin: 0 0 20px;
  278. }
  279.  
  280. dl {
  281.         margin: 0;
  282. }
  283.  
  284. dl dt {
  285.         font-size: 15px;
  286.         font-weight: bold;
  287. }
  288.  
  289. dd {
  290.         margin: 0 0 20px;
  291. }
  292.  
  293. /**
  294.  * Tables
  295.  */
  296.  
  297. table {
  298.         width: 100%;
  299. }
  300.  
  301. tbody {
  302.         border-top: 0;
  303. }
  304.  
  305. tbody th {
  306.         border-bottom: 0;
  307. }
  308.  
  309. thead th {
  310.         text-align: left;
  311.         padding-right: 0;
  312.         border-bottom: 0;
  313. }
  314.  
  315. th {
  316.         color: #000;
  317.         text-align: left;
  318. }
  319.  
  320. th,
  321. td {
  322.         padding: 0;
  323. }
  324.  
  325. td,
  326. td img {
  327.         vertical-align: top;
  328. }
  329.  
  330. tfoot {
  331.         font-style: italic;
  332. }
  333.  
  334. caption {
  335.         color: #000;
  336.   font-weight: bold;
  337.         text-align: left;
  338. }
  339.  
  340. /**
  341.  * Forms
  342.  */
  343.  
  344. label {
  345.         color: #000;
  346.   display: block;
  347.         font-size: 15px;
  348.         font-weight: bold;
  349.         margin: 0 0 5px;
  350. }
  351.  
  352. fieldset {
  353.         border: 1px solid #ccc;
  354.         border-bottom-width: 2px;
  355.         border-top-width: 2px;
  356.         margin: 0 0 10px;
  357.         padding: 20px;
  358. }
  359.  
  360. legend {
  361.   font-size: 18px;
  362.         font-weight: bold;
  363.         margin-left: -10px;
  364.         padding: 0 10px;
  365. }
  366.  
  367. input,
  368. textarea,
  369. select {
  370.         background: #fff;
  371.         border: 1px solid #ccc;
  372.         -moz-border-radius: 3px;
  373.         -webkit-border-radius: 3px;
  374.         border-radius: 3px;
  375.         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  376.         -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
  377.         box-shadow: 0 1px 1px #ccc;
  378.         box-shadow: 0 1px 1px rgba(0,0,0,.1);
  379.         color: #555;
  380.         font: 15px/24px 'Helvetica Neue', sans-serif;
  381.         margin: 0 0 10px;
  382.         padding: 5px;
  383. }
  384.  
  385. input:focus,
  386. textarea:focus,
  387. select:focus {
  388.         border: 1px solid #aaa;
  389.         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  390.         -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  391.         box-shadow: 0 1px 1px #cdcdcd;
  392.         box-shadow: 0 1px 1px rgba(0,0,0,.2);
  393. }
  394.  
  395. input[type=radio],
  396. input[type=checkbox] {
  397.         border: 0;
  398.         margin: 0;
  399.         padding: 0;
  400. }
  401.  
  402. input[type="radio"] {
  403.         vertical-align: text-bottom;
  404. }
  405.  
  406. input[type="checkbox"] {
  407.         vertical-align: bottom;
  408. }
  409.  
  410. input[type=submit] {
  411.   background-color: #000;
  412.         background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000));
  413.         background-image: -webkit-linear-gradient(top, #454545, #000000);
  414.         background-image: -moz-linear-gradient(top, #454545, #000000);
  415.         background-image: -o-linear-gradient(top, #454545, #000000);
  416.         background-image: -ms-linear-gradient(top, #454545, #000000);
  417.         background-image: linear-gradient(top, #454545, #000000);
  418.         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#454545', EndColorStr='#000000');
  419.   border: 1px solid #000;
  420.         -webkit-border-radius: 3px;
  421.         -moz-border-radius: 3px;
  422.         border-radius: 3px;
  423.         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  424.         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  425.         box-shadow: 0 1px 2px #000;
  426.         box-shadow: 0 1px 2px rgba(0,0,0,.3);
  427.   color: #fff;
  428.   cursor: hand;
  429.   cursor: pointer;
  430.         display: inline-block;
  431.         *display: inline;
  432.   font-weight: bold;
  433.         margin: 0 2px;
  434.         padding: 5px;
  435.         text-align: center;
  436.         text-shadow: 0 1px 1px #000;
  437.         text-shadow: 0 1px 1px rgba(0,0,0,.3);
  438.         vertical-align: baseline;
  439. }
  440.  
  441. input[type=submit]:hover,
  442. input[type=submit]:focus {
  443.         background-color: #000;
  444.         background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
  445.         background-image: -webkit-linear-gradient(top, #666666, #000000);
  446.         background-image: -moz-linear-gradient(top, #666666, #000000);
  447.         background-image: -o-linear-gradient(top, #666666, #000000);
  448.         background-image: -ms-linear-gradient(top, #666666, #000000);
  449.         background-image: linear-gradient(top, #666666, #000000);
  450.         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#666666', EndColorStr='#000000');
  451. }
  452.  
  453. input[type=submit]:active {
  454.         background-color: #000000;
  455.         background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#222222));
  456.         background-image: -webkit-linear-gradient(top, #000000, #222222);
  457.         background-image: -moz-linear-gradient(top, #000000, #222222);
  458.         background-image: -o-linear-gradient(top, #000000, #222222);
  459.         background-image: -ms-linear-gradient(top, #000000, #222222);
  460.         background-image: linear-gradient(top, #000000, #222222);
  461.         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#222222');
  462.         position: relative;
  463.         top: 1px;
  464. }
  465.  
  466. textarea {
  467.         background: #fff;
  468.         height: 120px;
  469.         overflow: auto;
  470.         padding: 5px;
  471. }
  472.  
  473. button {
  474.   overflow: visible;
  475.   width: auto;
  476. }
  477.  
  478. /**
  479.  * Images
  480.  */
  481.  
  482. img {
  483.         border: 0;
  484. }
  485.  
  486. /* Contain floats: h5bp.com/q */
  487. figure:before,
  488. figure:after {
  489.         content: "";
  490.         display: table;
  491. }
  492.  
  493. figure:after {
  494.         clear: both;
  495. }
  496.  
  497. figure {
  498.         *zoom: 1;
  499. }
  500.  
  501. figure img {
  502.         float: left;
  503. }
  504.  
  505. figcaption {
  506.         clear: both;
  507.         color: #666;
  508. }
  509.  
  510. /**
  511.  * Iframes
  512.  */
  513.  
  514. iframe {
  515.         border: 0;
  516. }
  517.  
  518. /** =BACKGROUND IMAGE ---------- */
  519.  
  520. #site {
  521.   padding: 40px 0;
  522. }
  523.  
  524. .background-image #site {
  525.         padding-top: 0;
  526. }
  527.  
  528. .background-white #wrapper {
  529.         padding-bottom: 0;
  530.         padding-top: 0;
  531. }
  532.  
  533. .background-image #wrapper {
  534.         background: #fff;
  535.         padding: 40px;
  536. }
  537.  
  538. .header-image #site {
  539.         padding-top: 40px;
  540. }
  541.  
  542. @media (max-width: 480px) {
  543.         #site {
  544.                 padding: 10px 0;
  545.         }
  546. }
  547.  
  548. @media (max-width: 768px) {
  549.   body.background-image {
  550.         background: none;
  551.   }
  552.  
  553.   .background-image #wrapper {
  554.         padding: 10px;
  555.   }
  556.  
  557.   .header-image #site {
  558.         padding-top: 10px;
  559.   }
  560.  
  561.   #site {
  562.         padding-bottom: 0;
  563.   }
  564. }
  565.  
  566. /** =HEADER ---------- */
  567.  
  568. #header {
  569.   border-bottom: 1px solid #CCC;
  570.   margin: 0 0 40px;
  571.   padding: 0 0 10px;
  572. }
  573.  
  574. #header:before,
  575. #header:after {
  576.         content: "";
  577.         display: table;
  578. }
  579.  
  580. #header:after {
  581.         clear: both;
  582. }
  583. #header {
  584.         *zoom: 1;
  585. }
  586.  
  587. @media only screen and (max-width: 480px) {
  588.         .advanced-menu #header {
  589.                 padding-bottom: 0;
  590.         }
  591. }
  592.  
  593. .background-image #header {
  594.         margin-left: 0;
  595.         padding-left: 0;
  596. }
  597.  
  598. #header figure {
  599.         display: inline-block;
  600.         margin: 0 0 30px;
  601.         overflow: hidden;
  602.         width: 100%;
  603. }
  604.  
  605. #site-name {
  606.         color: #000;
  607.         font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  608.         font-size: 72px;
  609.         font-weight: normal;
  610.         line-height: 1;
  611.   margin: 0;
  612.         padding: 0;
  613.         word-wrap: break-word;
  614.         width: 100%;
  615. }
  616.  
  617. #site-name a {
  618.         color: #000;
  619.         text-decoration: none;
  620.         text-transform: uppercase;
  621. }
  622.  
  623. .sans-serif #site-name {
  624.         font-family: 'Helvetica Neue', sans-serif;
  625.         font-weight: bold;
  626.         letter-spacing: -3px;
  627. }
  628.  
  629. @media only screen and (max-width: 480px) {
  630.         .sans-serif #site-name {
  631.                 letter-spacing: -1px;
  632.         }
  633. }
  634.  
  635. .sans-serif #site-name a {
  636.         text-transform: none;
  637. }
  638.  
  639. #header-message a {
  640.   color: #666;
  641. }
  642.  
  643. @media only screen and (max-width: 480px) {
  644.  
  645.         #site-name {
  646.                 font-size: 40px;
  647.                 line-height: 44px;
  648.         }
  649.  
  650.         #header-message {
  651.                 font-size: 13px;
  652.         }
  653.  
  654. }
  655.  
  656. #nav {
  657.         clear: both;
  658.         margin-top: 10px;
  659.         line-height: 1;
  660.         margin-bottom: 0;
  661. }
  662.  
  663. #nav ul {
  664.         display: inline;
  665.         margin: 0;
  666. }
  667.  
  668. #nav li {
  669.         float: left;
  670.         position: relative;
  671. }
  672.  
  673. #nav a {
  674.         background-color: #000;
  675.         background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000));
  676.         background-image: -webkit-linear-gradient(top, #454545, #000000);
  677.         background-image: -moz-linear-gradient(top, #454545, #000000);
  678.         background-image: -o-linear-gradient(top, #454545, #000000);
  679.         background-image: -ms-linear-gradient(top, #454545, #000000);
  680.         background-image: linear-gradient(top, #454545, #000000);
  681.         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#454545', EndColorStr='#000000');
  682.         -webkit-background-clip: padding-box;
  683.         border: 1px solid #000;
  684.         -moz-border-radius: 3px;
  685.         -ms-border-radius: 3px;
  686.         -o-border-radius: 3px;
  687.         -webkit-border-radius: 3px;
  688.         border-radius: 3px;
  689.         color: #fff;
  690.   display: block;
  691.         font-size: 11px;
  692.         font-weight: bold;
  693.   line-height: 20px;
  694.         margin: 0 1px 1px 0;
  695.         padding: 4px 10px;
  696.         position: relative;
  697.         text-decoration: none;
  698.         text-shadow: 0 1px 1px #000;
  699.   text-transform: uppercase;
  700. }
  701.  
  702. #nav a:focus,
  703. #nav a:hover {
  704.         background-color: #000;
  705.         background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
  706.         background-image: -webkit-linear-gradient(top, #666666, #000000);
  707.         background-image: -moz-linear-gradient(top, #666666, #000000);
  708.         background-image: -o-linear-gradient(top, #666666, #000000);
  709.         background-image: -ms-linear-gradient(top, #666666, #000000);
  710.         background-image: linear-gradient(top, #666666, #000000);
  711.         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#666666', EndColorStr='#000000');
  712. }
  713.  
  714. #nav .menu > ul:hover > li {
  715.         opacity: .7;
  716. }
  717.  
  718. #nav .menu > ul:hover > li:hover {
  719.         opacity: 1;
  720. }
  721.  
  722.  
  723. #nav .menu > ul > .current_menu_item > a,
  724. #nav .menu > ul > .current_page_item > a,
  725. #nav .menu > ul > .current_menu_item > a:hover,
  726. #nav .menu > ul > .current_page_item > a:hover,
  727. #nav .menu > ul > .current_menu_item > a:focus,
  728. #nav .menu > ul > .current_page_item > a:focus,
  729. #nav .menu > ul > .current_page_ancestor > a {
  730.         background-color: #000;
  731.         background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#000000));
  732.         background-image: -webkit-linear-gradient(top, #999999, #000000);
  733.         background-image: -moz-linear-gradient(top, #999999, #000000);
  734.         background-image: -o-linear-gradient(top, #999999, #000000);
  735.         background-image: -ms-linear-gradient(top, #999999, #000000);
  736.         background-image: linear-gradient(top, #999999, #000000);
  737.         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#999999', EndColorStr='#000000');
  738. }
  739.  
  740. #nav ul ul {
  741.         display: none;
  742.         float: left;
  743.         margin: 0;
  744.         position: absolute;
  745.         top: 31px;
  746.         left: 0;
  747.         width: 200px;
  748.         z-index: 99999;
  749. }
  750.  
  751. #nav ul ul ul {
  752.         left: 100%;
  753.         top: 0;
  754. }
  755.  
  756. #nav ul ul a {
  757.         width: 180px;
  758. }
  759.  
  760. #nav li:hover > a,
  761. #nav li:focus > a {
  762.         background-color: #000;
  763.         background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
  764.         background-image: -webkit-linear-gradient(top, #666666, #000000);
  765.         background-image: -moz-linear-gradient(top, #666666, #000000);
  766.         background-image: -o-linear-gradient(top, #666666, #000000);
  767.         background-image: -ms-linear-gradient(top, #666666, #000000);
  768.         background-image: linear-gradient(top, #666666, #000000);
  769.         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#666666', EndColorStr='#000000');
  770. }
  771.  
  772. #nav .has-children a {
  773.         position: relative;
  774. }
  775.  
  776. #nav .has-children > a:after {
  777.         display: inline-block;
  778.         content: "\25BC";
  779.         font: normal 8px/14px Arial, sans-serif;
  780.         margin-left: 10px;
  781.         opacity: .5;
  782.         text-align: right;
  783. }
  784.  
  785. #nav li .has-children > a:after {
  786.         content: "\25B6";
  787. }
  788.  
  789. #nav li .has-children > a:after {
  790.         float: right;
  791.         padding-top: 4px;
  792. }
  793.  
  794. #nav li li:hover > a,
  795. #nav ul ul :hover > a,
  796. #nav li li a:focus {
  797.         background-color: #222;
  798.         background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));
  799.         background-image: -webkit-linear-gradient(top, #222222, #000000);
  800.         background-image: -moz-linear-gradient(top, #222222, #000000);
  801.         background-image: -o-linear-gradient(top, #222222, #000000);
  802.         background-image: -ms-linear-gradient(top, #222222, #000000);
  803.         background-image: linear-gradient(top, #222222, #000000);
  804.         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#222222', EndColorStr='#000000');
  805.         color: #ccc;
  806.         top: 0;
  807. }
  808.  
  809. #nav li li:hover > a,
  810. #nav a:focus {
  811.         color: #ccc;
  812. }
  813.  
  814. #nav ul li:hover > ul {
  815.         display: block;
  816. }
  817.  
  818. @media only screen and (max-width: 480px) {
  819.   .advanced-menu #nav select {
  820.           margin: 0 0 25px;
  821.         }
  822.  
  823.         #nav li {
  824.                 width: 50%;
  825.         }
  826.  
  827.         #nav ul li:hover > ul {
  828.                 display: none;
  829.         }
  830. }
  831.  
  832. /** =CONTENT ---------- */
  833.  
  834. .sidebar #content,
  835. .sidebars #content {
  836.         border-bottom: 12px solid #000;
  837. }
  838.  
  839. @media only screen and (min-width: 768px) {
  840.  
  841.         .sidebar #content,
  842.         .sidebars #content {
  843.                 border-bottom: 0;
  844.         }
  845.  
  846. }
  847.  
  848. @media only screen and (max-width: 992px) {
  849.  
  850.         #primary,
  851.         #secondary {
  852.                 padding-bottom: 25px;
  853.         }
  854.  
  855.         .content-wide-sidebar #content {
  856.         margin: 0;
  857.   }
  858.  
  859.   .content-wide-sidebar #primary {
  860.         display: inline-block;
  861.         width: 100%;
  862.   }
  863.  
  864. }
  865.  
  866. @media only screen and (max-width: 992px) {
  867.  
  868.         .background-image #content {
  869.                 margin-right: 0;
  870.                 padding-right: 0;
  871.         }
  872.  
  873.         .sidebar.footer-widgets #primary,
  874.         .sidebar.footer-widgets #secondary,
  875.         .sidebars.footer-widgets #primary,
  876.         .sidebars.footer-widgets #secondary {
  877.                 margin-bottom: 0;
  878.         }
  879.  
  880.         #primary {
  881.           border-top: 0 !important;
  882.         }
  883.  
  884. }
  885.  
  886. @media only screen and (max-width: 600px) {
  887.  
  888.         .sidebars #primary {
  889.                 padding-bottom: 0;
  890.         }
  891.  
  892.         #primary,
  893.         #secondary {
  894.                 padding-bottom: 25px;
  895.         }
  896.  
  897.         .content-wide-sidebar #primary {
  898.     border-top: 12px solid #000;
  899.     margin-bottom: 0;
  900.     margin-left: 0;
  901.   }
  902.  
  903.   .content-wide-sidebar #content {
  904.         margin: 0;
  905.   }
  906.  
  907. }
  908.  
  909. /** =FOOTER ---------- */
  910.  
  911. #footer {
  912.         border-top: 12px solid #000;
  913.         padding: 5px 0 0 0;
  914. }
  915.  
  916. .footer-widgets #footer {
  917.         padding-top: 0;
  918. }
  919.  
  920. /**
  921.  * Footer widgets
  922.  */
  923.  
  924. #footer-widgets {
  925.         border-bottom: 1px solid #ccc;
  926.         display: inline-block;
  927.         margin: 0 0 10px;
  928.         padding: 0 0 30px;
  929.         width: 100%;
  930. }
  931.  
  932. /**
  933.  * Footer nav
  934.  */
  935.  
  936. #footer-nav {
  937.         color: #999;
  938.         font-size: 12px;
  939.         line-height: 20px;
  940. }
  941.  
  942. #footer-nav li {
  943.         display: inline;
  944. }
  945.  
  946. #footer-nav a {
  947.   color: #999;
  948. }
  949.  
  950. #footer-nav li:before {
  951.   content: " \2014  ";
  952.   font-family: Arial, sans-serif;
  953. }
  954.  
  955. #footer-nav li:first-child:before {
  956.         content: "";
  957. }
  958.  
  959. /**
  960.  * Message
  961.  */
  962.  
  963. #footer-message {
  964.         color: #999;
  965.         font-size: 12px;
  966.         line-height: 20px;
  967. }
  968.  
  969. #footer-message p {
  970.         margin: 0;
  971. }
  972.  
  973. #footer-message a {
  974.   color: #999;
  975. }
  976.  
  977. /**
  978.  * Credits
  979.  */
  980.  
  981. #footer-credits {
  982.   color: #999;
  983.         font-size: 11px;
  984.         line-height: 20px;
  985.         margin-top: 20px;
  986. }
  987.  
  988. #footer-credits a {
  989.         color: #999;
  990. }
  991.  
  992. /** =DEFAULT WORDPRESS CLASSES ---------- */
  993.  
  994. /**
  995.  * http://codex.wordpress.org/CSS
  996.  */
  997.  
  998. .aligncenter,
  999. div.aligncenter {
  1000.         display: block;
  1001.         margin-left: auto;
  1002.         margin-right: auto;
  1003. }
  1004.  
  1005. .alignleft {
  1006.         float: left;
  1007.         margin-right: 20px;
  1008. }
  1009.  
  1010. .alignright {
  1011.         float: right;
  1012.         margin-left: 20px;
  1013. }
  1014.  
  1015. .wp-caption {
  1016.         margin-bottom: 10px;
  1017.         padding-top: 5px;
  1018. }
  1019.  
  1020. .wp-caption img {
  1021.         border: 0 none;
  1022.         margin: 0;
  1023.         padding: 0;
  1024. }
  1025.  
  1026. .wp-caption p.wp-caption-text,
  1027. .wp-caption figcaption.wp-caption-text {
  1028.         color: #888;
  1029.         font-size: 12px;
  1030.         line-height: 18px;
  1031.         margin: 0;
  1032.         padding: 5px 0;
  1033. }
  1034.  
  1035. /** =POST NAV ---------- */
  1036.  
  1037. .menu ul,
  1038. nav ul {
  1039.   list-style: none;
  1040.   margin: 0;
  1041. }
  1042.  
  1043. .menu li,
  1044. nav li {
  1045.   display: inline;
  1046. }
  1047.  
  1048. .post-nav {
  1049.         display: inline-block;
  1050.         font-size: 12px;
  1051.         line-height: 20px;
  1052.         margin: 0 0 20px;
  1053.         width: 100%;
  1054. }
  1055.  
  1056. .post-nav a {
  1057.   background: url(img/sprite.png) no-repeat;
  1058.         color: #999;
  1059.         display: inline-block;
  1060.         padding: 0 0 0 26px;
  1061. }
  1062.  
  1063. .post-nav .nav-previous {
  1064.         float: left;
  1065. }
  1066.  
  1067. .post-nav .nav-previous a {
  1068.         background-position: 0 -24px;
  1069. }
  1070.  
  1071. .post-nav .nav-next {
  1072.         float: right;
  1073. }
  1074.  
  1075. .post-nav .nav-next a {
  1076.         background-position: right -56px;
  1077.         padding: 0 26px 0 0;
  1078. }
  1079.  
  1080. /** =SEARCH FORM ---------- */
  1081.  
  1082. #searchform {
  1083.   position: relative;
  1084. }
  1085.  
  1086. #content #searchform {
  1087.         margin-bottom: 60px;
  1088. }
  1089.  
  1090. #searchform label {
  1091.         clip: rect(1px 1px 1px 1px);
  1092.         clip: rect(1px, 1px, 1px, 1px);
  1093.         position: absolute !important;
  1094. }
  1095.  
  1096. #s {
  1097.         line-height: 18px;
  1098.         margin: 0;
  1099.         max-width: 238px;
  1100.         width: 100%;
  1101. }
  1102.  
  1103. #content #s {
  1104.         max-width: 528px;
  1105. }
  1106.  
  1107. #searchsubmit {
  1108.   background: url(img/sprite.png) -3px 7px no-repeat;
  1109.   filter: none;
  1110.         -ms-filter: none;
  1111.         border: 0;
  1112.         -moz-border-radius: 0;
  1113.         -webkit-border-radius: 0;
  1114.         border-radius: 0;
  1115.         -moz-box-shadow: none;
  1116.         -webkit-box-shadow: none;
  1117.         box-shadow: none;
  1118.   color: #fff;
  1119.   cursor: hand;
  1120.   cursor: pointer;
  1121.   height: 26px;
  1122.         margin: 0;
  1123.         opacity: .5;
  1124.         padding: 0;
  1125.   position: absolute;
  1126.   right: 12px;
  1127.   text-indent: -9999px;
  1128.   top: 1px;
  1129.   width: 14px;
  1130. }
  1131.  
  1132. #searchsubmit:hover,
  1133. #searchsubmit:focus {
  1134.         opacity: .8;
  1135. }
  1136.  
  1137. @media only screen and (max-width: 480px) {
  1138.  
  1139.         #searchform {
  1140.                 width: 80%;
  1141.         }
  1142.  
  1143.         #s {
  1144.                 max-width: 100%;
  1145.         }
  1146.  
  1147.         #searchsubmit {
  1148.                 right: 0;
  1149.         }
  1150.  
  1151. }
  1152.  
  1153. /** =POSTS, PAGES & ATTACHMENTS ---------- */
  1154.  
  1155. /* Use clearfix on content div */
  1156. article .content:before, article .content:after { content: ""; display: table; }
  1157. article .content:after { clear: both; }
  1158. article .content { *zoom: 1; }
  1159.  
  1160. .type-post,
  1161. .type-page,
  1162. .type-attachment {
  1163.         display: inline-block;
  1164.         width: 100%;
  1165. }
  1166.  
  1167. .type-post,
  1168. .type-attachment {
  1169.         margin: 0 0 40px;
  1170. }
  1171.  
  1172. .single-post .post,
  1173. .single-attachment .type-attachment {
  1174.   margin: 0 0 40px;
  1175. }
  1176.  
  1177. .type-post header,
  1178. .type-attachment header {
  1179.   color: #888;
  1180.         font-size: 15px;
  1181.         margin: 0 0 10px;
  1182. }
  1183.  
  1184. .post-thumbnail {
  1185.   display: inline-block;
  1186.   margin: 0 0 15px;
  1187.   width: 100%;
  1188. }
  1189.  
  1190. .type-post header time,
  1191. .type-attachment header time {
  1192.   text-transform: uppercase;
  1193. }
  1194.  
  1195. .type-post h1,
  1196. .type-attachment h1 {
  1197.         margin: 0 0 20px;
  1198. }
  1199.  
  1200. .type-attachment figure {
  1201.         padding: 0 0 10px;
  1202. }
  1203.  
  1204. .type-attachment figcaption {
  1205.         color: #888;
  1206.         padding-top: 10px;
  1207. }
  1208.  
  1209. .type-post caption,
  1210. .type-page caption {
  1211.         font-size: 18px;
  1212.         line-height: 26px;
  1213. }
  1214.  
  1215. .page-link {
  1216.   margin: 0 0 10px;
  1217. }
  1218.  
  1219. .type-post footer,
  1220. .type-attachment footer {
  1221.   border-top: 1px dashed #ccc;
  1222.         clear: both;
  1223.         color: #999;
  1224.         font-size: 12px;
  1225.         margin: 20px 0 0;
  1226.         padding: 5px 0 10px;
  1227. }
  1228.  
  1229. .type-post footer a,
  1230. .type-attachment footer a {
  1231.   color: #999;
  1232. }
  1233.  
  1234. .type-post footer span:before,
  1235. .type-attachment footer span:before {
  1236.         content: " \2014  ";
  1237.         font-family: Arial, sans-serif;
  1238. }
  1239.  
  1240. .type-post footer span:first-child:before,
  1241. .type-attachment footer span:first-child:before {
  1242.         content: "";
  1243. }
  1244.  
  1245. .back-to-post {
  1246.         color: #888;
  1247.         padding: 0 0 20px;
  1248. }
  1249.  
  1250. .back-to-post:before {
  1251.         content: " \2190  ";
  1252.         font-family: Arial, sans-serif;
  1253. }
  1254.  
  1255. .page {
  1256.         margin: 0 0 60px;
  1257. }
  1258.  
  1259. .type-page {
  1260.   margin: 0 0 40px;
  1261. }
  1262.  
  1263. .type-page footer {
  1264.   border-top: 1px solid #ccc;
  1265.         clear: both;
  1266.         color: #888;
  1267.         font-size: 12px;
  1268.         font-style: italic;
  1269.         margin: 20px 0 0;
  1270.         padding: 5px 0 0;
  1271. }
  1272.  
  1273. .type-page footer a {
  1274.         border-bottom: 1px solid #ccc;
  1275.   color: #666;
  1276.   text-decoration: none;
  1277. }
  1278.  
  1279. .type-page .edit-link a {
  1280.         border-bottom: 1px solid #ccc;
  1281.   color: #666;
  1282.         font-size: 12px;
  1283.         font-style: italic;
  1284.   text-decoration: none;
  1285. }
  1286.  
  1287. .meta-nav {
  1288.         font-family: Arial, sans-serif;
  1289. }
  1290.  
  1291. @media only screen and (max-width: 480px) {
  1292.  
  1293.         .type-post {
  1294.                 margin-bottom: 20px;
  1295.         }
  1296.  
  1297.         .type-post h1,
  1298.         .type-page h1 {
  1299.                 font-size: 30px;
  1300.                 line-height: 36px;
  1301.                 margin-bottom: 10px;
  1302.         }
  1303.  
  1304.         .sans-serif .type-post h1,
  1305.         .sans-serif .type-page h1 {
  1306.                 font-size: 24px;
  1307.                 letter-spacing: normal;
  1308.                 line-height: 30px;
  1309.         }
  1310.  
  1311.         .type-post header {
  1312.                 margin-bottom: 0;
  1313.         }
  1314.  
  1315.         .type-post footer {
  1316.                 margin-top: 0;
  1317.                 padding-top: 0;
  1318.         }
  1319.  
  1320. }
  1321.  
  1322. /** =STICKY ---------- */
  1323.  
  1324. .sticky h1 {
  1325.   font-size: 60px;
  1326.   line-height: 62px;
  1327.   padding-top: 5px;
  1328. }
  1329.  
  1330. .sticky h1 a {
  1331.         border-bottom: 8px solid #ccc;
  1332.         display: inline-block;
  1333. }
  1334.  
  1335. @media only screen and (max-width: 480px) {
  1336.  
  1337.         .sticky h1 {
  1338.                 font-size: 36px;
  1339.                 line-height: 42px;
  1340.         }
  1341.  
  1342.         .sticky h1 a {
  1343.                 border-bottom: 0;
  1344.         }
  1345.  
  1346. }
  1347.  
  1348. /** =GALLERY ---------- */
  1349.  
  1350. .gallery {
  1351.         padding-top: 10px;
  1352. }
  1353.  
  1354. #content dl.gallery-item {
  1355.         text-align: left;
  1356. }
  1357.  
  1358. #content .gallery img {
  1359.         border: 0;
  1360. }
  1361.  
  1362. #content .gallery-caption {
  1363.         color: #888;
  1364.         font-size: 12px;
  1365.         text-align: left;
  1366. }
  1367.  
  1368. /** =COMMENTS ---------- */
  1369.  
  1370. #comments {
  1371.         margin: 0 0 40px;
  1372. }
  1373.  
  1374. .type-page #comments {
  1375.         margin-top: 40px;
  1376. }
  1377.  
  1378. #comments-title {
  1379.         font-size: 36px;
  1380.         line-height: 38px;
  1381.         padding: 0;
  1382. }
  1383.  
  1384. .nocomments {
  1385.         color: #888;
  1386.         font-size: 12px;
  1387.         font-style: italic;
  1388.         margin: 0;
  1389. }
  1390.  
  1391. #comment-list {
  1392.   list-style: none;
  1393.   margin: 0 0 60px;
  1394. }
  1395.  
  1396. .pingback,
  1397. .trackback {
  1398.         color: #888;
  1399.         font-size: 12px;
  1400.         margin: 0 0 30px;
  1401. }
  1402.  
  1403. .pingback time,
  1404. .trackback time {
  1405.         display: block;
  1406.         text-transform: uppercase;
  1407. }
  1408.  
  1409. .comment {
  1410.   margin: 0 0 30px;
  1411. }
  1412.  
  1413. .comment-header {
  1414.         display: inline-block;
  1415.         line-height: 20px;
  1416.         padding-bottom: 5px;
  1417.         width: 100%;
  1418. }
  1419.  
  1420. .comment-header figure {
  1421.   float: left;
  1422.         margin: 0 10px 0 0;
  1423. }
  1424.  
  1425. .comment .avatar {
  1426.         -webkit-border-radius: 6px;
  1427.         -moz-border-radius: 6px;
  1428.         border-radius: 6px;
  1429.         height: 40px;
  1430.         width: 40px;
  1431. }
  1432.  
  1433. .comment-header time {
  1434.   display: block;
  1435.         line-height: 18px;
  1436. }
  1437.  
  1438. .comment-header time a {
  1439.   color: #888;
  1440.   font-size: 12px;
  1441.         text-decoration: none;
  1442.   text-transform: uppercase;
  1443. }
  1444.  
  1445. .comment-header cite {
  1446.   display: block;
  1447.         font-style: normal;
  1448.         line-height: 18px;
  1449. }
  1450.  
  1451. .comment-header cite a {
  1452.   font-size: 15px;
  1453.         line-height: 24px;
  1454. }
  1455.  
  1456. .bypostauthor>.comment-header {
  1457.         border-left: 10px solid #000;
  1458.         height: 40px;
  1459.         margin-bottom: 5px;
  1460.         padding: 0 0 0 10px;
  1461. }
  1462.  
  1463. .bypostauthor>.comment-header cite a {
  1464.         font-weight: bold;
  1465. }
  1466.  
  1467. .moderation {
  1468.   color: #888;
  1469.   font-size: 12px;
  1470.   margin: 0;
  1471. }
  1472.  
  1473. #comments .children {
  1474.         border-left: 1px solid #ccc;
  1475.         list-style: none;
  1476.         margin: 30px 0 0;
  1477.         padding: 0 0 0 20px;
  1478. }
  1479.  
  1480. .reply a {
  1481.         background: #fff;
  1482.         background: -moz-linear-gradient(top,  #fff,  #f8f8f8);
  1483.         background: -o-linear-gradient(top, #fff, #f8f8f8);
  1484.         background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  1485.         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
  1486.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8)";
  1487.         border: 1px solid #b7b7b7;
  1488.         -moz-border-radius: 3px;
  1489.         -webkit-border-radius: 3px;
  1490.         border-radius: 3px;
  1491.         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1492.         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1493.         box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1494.         color: #888;
  1495.         display: inline-block;
  1496.         *display: inline;
  1497.         font-size: 12px;
  1498.         line-height: 18px;
  1499.         margin: 0 2px 0 0;
  1500.         padding: 0 8px;
  1501.         outline: none;
  1502.         text-align: center;
  1503.         text-decoration: none;
  1504.         text-shadow: 0 1px 1px rgba(0,0,0,.2);
  1505.         vertical-align: baseline;
  1506. }
  1507.  
  1508. .reply a:hover,
  1509. .reply a:focus {
  1510.         background: #ededed;
  1511.         background: -moz-linear-gradient(top,  #fff,  #ededed);
  1512.         background: -o-linear-gradient(top, #fff, #ededed);
  1513.         background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  1514.         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  1515.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ededed)";
  1516.         text-decoration: none;
  1517. }
  1518.  
  1519. .reply a:active {
  1520.         background: #ededed;
  1521.         background: -moz-linear-gradient(top,  #ededed,  #fff);
  1522.         background: -o-linear-gradient(top, #ededed, #fff);
  1523.         background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  1524.         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
  1525.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)";
  1526.         color: #999;
  1527.         position: relative;
  1528.         top: 1px;
  1529. }
  1530.  
  1531. #comment-list #respond {
  1532.         margin-bottom: 30px;
  1533. }
  1534.  
  1535. #reply-title {
  1536.         font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  1537.         font-size: 36px;
  1538.         font-weight: normal;
  1539.         line-height: 38px;
  1540.         margin: 0 0 10px;
  1541.         padding: 0;
  1542.         text-transform: uppercase;
  1543. }
  1544.  
  1545. .sans-serif #reply-title {
  1546.         font-family: 'Helvetica Neue', sans-serif;
  1547.         font-weight: bold;
  1548.         letter-spacing: -2px;
  1549.         text-transform: none;
  1550. }
  1551.  
  1552. #reply-title small {
  1553.         display: block;
  1554.         line-height: 20px;
  1555.         margin-bottom: 10px;
  1556. }
  1557.  
  1558. #reply-title small a {
  1559.         color: #888;
  1560.         font: 15px/20px 'Helvetica Neue', sans-serif;
  1561.         text-decoration: underline;
  1562.         text-transform: none;
  1563. }
  1564.  
  1565. #commentform {
  1566.   padding: 10px 0 0;
  1567. }
  1568.  
  1569. .required {
  1570.   color: #888;
  1571.   font-weight: normal;
  1572. }
  1573.  
  1574. #comment-author,
  1575. #comment-email,
  1576. #comment-url,
  1577. #comment {
  1578.   width: 90%;
  1579. }
  1580.  
  1581. #respond dt {
  1582.   color: #888;
  1583.         font-weight: normal;
  1584. }
  1585.  
  1586. #respond code {
  1587.         font-size: 13px;
  1588. }
  1589.  
  1590. /** =WIDGETS ---------- */
  1591.  
  1592. .widget {
  1593.   font-size: 13px;
  1594.         padding-top: 20px;
  1595.         line-height: 1.5em;
  1596. }
  1597.  
  1598. .widget .title {
  1599.   font-size: 24px;
  1600.   font-weight: bold;
  1601.   margin: 0 0 5px;
  1602.         padding: 0;
  1603.         text-transform: none;
  1604. }
  1605.  
  1606. .widget ul {
  1607.   list-style: none;
  1608.   margin: 0;
  1609. }
  1610.  
  1611. .widget li {
  1612.   padding: 0 0 5px;
  1613. }
  1614.  
  1615. .widget li:last-child {
  1616.   padding: 0;
  1617. }
  1618.  
  1619. @media only screen and (max-width: 1200px) {
  1620.  
  1621.         .sidebars #secondary .widget:first-child {
  1622.                 padding-top: 20px;
  1623.         }
  1624.  
  1625. }
  1626.  
  1627. @media only screen and (max-width: 992px) {
  1628.  
  1629.         .sidebar #primary .widget:first-child,
  1630.         .sidebars #primary .widget:first-child {
  1631.                 padding-top: 20px;
  1632.         }
  1633.  
  1634. }
  1635.  
  1636. /**
  1637.  * Archive widget
  1638.  */
  1639.  
  1640. .widget_archive li {
  1641.   color: #888;
  1642. }
  1643.  
  1644. /**
  1645.  * Categories widget
  1646.  */
  1647.  
  1648. .widget_categories .cat-item {
  1649.   color: #888;
  1650. }
  1651.  
  1652. .widget_categories .current-cat > a {
  1653.         color: #000;
  1654.         font-weight: normal;
  1655. }
  1656.  
  1657. .widget_categories .children {
  1658.         padding: 5px 0 0 10px;
  1659. }
  1660.  
  1661. /**
  1662.  * Calendar widget
  1663.  */
  1664.  
  1665. .widget_calendar caption {
  1666.   text-align: left;
  1667.         text-transform: capitalize;
  1668. }
  1669.  
  1670. .widget_calendar td {
  1671.   color: #888;
  1672. }
  1673.  
  1674. .widget_calendar #next {
  1675.         text-align: right;
  1676. }
  1677.  
  1678. .widget_calendar #prev a,
  1679. .widget_calendar #next a {
  1680.         color: #999;
  1681.         display: inline-block;
  1682.         font-size: 12px;
  1683.         font-style: normal;
  1684. }
  1685.  
  1686. /**
  1687.  * Menus in widgets
  1688.  */
  1689.  
  1690. .widget .menu li {
  1691.         display: block;
  1692. }
  1693.  
  1694. .widget .menu .current-menu-item > a {
  1695.         color: #000;
  1696.         font-weight: normal;
  1697. }
  1698.  
  1699. .widget .menu .sub-menu {
  1700.         padding: 5px 0 0 10px;
  1701. }
  1702.  
  1703. /**
  1704.  * Pages widget
  1705.  */
  1706.  
  1707. .widget_pages .page_item {
  1708.   color: #888;
  1709. }
  1710.  
  1711. .widget_pages .current_page_item > a {
  1712.         color: #000;
  1713.         font-weight: normal;
  1714. }
  1715.  
  1716. .widget_pages .children {
  1717.         padding: 5px 0 0 10px;
  1718. }
  1719.  
  1720. /**
  1721.  * Recent comments widget
  1722.  */
  1723.  
  1724. .widget_recent_comments li {
  1725.   color: #888;
  1726. }
  1727.  
  1728. /**
  1729.  * RSS Widget
  1730.  */
  1731.  
  1732. .widget_rss .title a.rsswidget:first-child {
  1733.   float: right;
  1734. }
  1735.  
  1736. .widget_rss .rss-date {
  1737.   color: #888;
  1738.   display: block;
  1739.   font-size: 12px;
  1740.   text-transform: uppercase;
  1741. }
  1742.  
  1743. .widget_rss cite {
  1744.   color: #888;
  1745. }
  1746.  
  1747. /** =ARCHIVES AND SEARCH ---------- */
  1748.  
  1749. /**
  1750.  * Archive titles
  1751.  */
  1752.  
  1753. .search .page-title,
  1754. .archive .page-title {
  1755.   color: #444;
  1756.   font: 18px/28px 'Helvetica Neue', sans-serif;
  1757.   letter-spacing: normal;
  1758.         text-transform: none;
  1759. }
  1760.  
  1761. .search .page-title span,
  1762. .archive .page-title span {
  1763.         background: #eee;
  1764.         color: #000;
  1765.         display: inline-block;
  1766.         font: bold 15px/28px 'Helvetica Neue', sans-serif;
  1767.         letter-spacing: normal;
  1768.         padding: 0 5px;
  1769. }
  1770.  
  1771. .archive.date .page-title,
  1772. .archive.date .page-title {
  1773.         color: #888;
  1774.         font-size: 15px;
  1775.         text-transform: uppercase;
  1776. }
  1777.  
  1778. .archive.date .page-title span,
  1779. .archive.date .page-title time {
  1780.         background: none;
  1781.   display: block;
  1782.         color: #000;
  1783.         font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  1784.         font-size: 48px;
  1785.         font-weight: normal;
  1786.         line-height: 50px;
  1787.         padding: 0;
  1788.         text-transform: uppercase;
  1789. }
  1790.  
  1791. .sans-serif .archive.date .page-title span,
  1792. .sans-serif .archive.date .page-title time {
  1793.         font-family: 'Helvetica Neue', sans-serif;
  1794.         font-weight: bold;
  1795.         letter-spacing: -2px;
  1796.         text-transform: none;
  1797. }
  1798.  
  1799. /**
  1800.  * Archive description
  1801.  */
  1802.  
  1803. .archive-description {
  1804.         border-bottom: 1px dashed #ccc;
  1805.         color: #888;
  1806.         margin: -20px 0 30px;
  1807.         padding: 0 0 20px;
  1808. }
  1809.  
  1810. /**
  1811.  * Author and date archives
  1812.  */
  1813.  
  1814. .archive.date #content {
  1815.         padding-bottom: 30px;
  1816. }
  1817.  
  1818. .archive.date #content h1 {
  1819.   margin: 0 0 15px;
  1820. }
  1821.  
  1822. .author #content ul,
  1823. .archive.date #content ul {
  1824.         list-style: none;
  1825.         margin: 0 0 30px;
  1826. }
  1827.  
  1828. .author #content li,
  1829. .archive.date #content li {
  1830.         clear: both;
  1831. }
  1832.  
  1833. .archive.date #content h2 {
  1834.         float: left;
  1835.         font-size: 16px;
  1836.         line-height: 20px;
  1837.         margin: 0;
  1838.         padding: 0;
  1839. }
  1840.  
  1841. .author #content li time,
  1842. .archive.date #content li time {
  1843.   color: #888;
  1844.   display: block;
  1845.   font-size: 15px;
  1846.   float: right;
  1847. }
  1848.  
  1849. .archive.date #nav-below {
  1850.         margin-top: 20px;
  1851. }
  1852.  
  1853. .author .avatar {
  1854.         margin-right: 10px;
  1855.         padding-top: 9px;
  1856. }
  1857.  
  1858. .author-title {
  1859.         margin-bottom: 15px;
  1860. }
  1861.  
  1862. .author-description {
  1863.         padding: 0 0 10px;
  1864. }
  1865.  
  1866. .author-posts {
  1867.         font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  1868.         font-size: 36px;
  1869.         font-weight: normal;
  1870.         line-height: 38px;
  1871.         margin: 0 0 10px;
  1872.         padding: 10px 0 0;
  1873.         text-transform: uppercase;
  1874. }
  1875.  
  1876. .sans-serif .author-posts {
  1877.         font-family: 'Helvetica Neue', sans-serif;
  1878.         font-weight: bold;
  1879.         letter-spacing: -2px;
  1880.         text-transform: none;
  1881. }
  1882.  
  1883. /** =404 ---------- */
  1884.  
  1885. .error404 h1 span {
  1886.         color: #888;
  1887.         display: block;
  1888. }
  1889.  
  1890. .error404 form {
  1891.         margin-bottom: 40px;
  1892. }
  1893.  
  1894. /** =DISQUS ---------- */
  1895.  
  1896. /**
  1897.  * Custom styling for Disqus Comment System
  1898.  * http://wordpress.org/extend/plugins/disqus-comment-system/
  1899.  */
  1900.  
  1901. #blaskan #dsq-content h3 {
  1902.         font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
  1903.         font-size: 36px;
  1904.         font-weight: normal;
  1905.         line-height: 38px;
  1906.         margin: 0 0 20px;
  1907.         padding: 0;
  1908.         text-transform: uppercase;
  1909. }
  1910.  
  1911. #blaskan .sans-serif #dsq-content h3 {
  1912.         font-family: 'Helvetica Neue', sans-serif;
  1913.         font-weight: bold;
  1914.         letter-spacing: -2px;
  1915.         text-transform: none;
  1916. }
  1917.  
  1918. #blaskan #dsq-sort-select {
  1919.         font-size: 13px;
  1920. }
  1921.  
  1922. #blaskan #dsq-content .dsq-avatar img {
  1923.         -moz-border-radius: 6px;
  1924.         -o-border-radius: 6px;
  1925.         -webkit-border-radius: 6px;
  1926.         border-radius: 6px;
  1927. }
  1928.  
  1929. #blaskan .dsq-comment-actions a {
  1930.         background: #fff;
  1931.         background: -moz-linear-gradient(top,  #fff,  #f8f8f8);
  1932.         background: -o-linear-gradient(top, #fff, #f8f8f8);
  1933.         background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  1934.         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
  1935.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8)";
  1936.         border: 1px solid #b7b7b7;
  1937.         -moz-border-radius: 6px;
  1938.         -webkit-border-radius: 6px;
  1939.         border-radius: 6px;
  1940.         -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1941.         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1942.         box-shadow: 0 1px 2px rgba(0,0,0,.2);
  1943.         color: #888;
  1944.         display: inline-block;
  1945.         *display: inline;
  1946.         font-size: 12px;
  1947.         line-height: 18px;
  1948.         margin: 0 2px 0 0;
  1949.         padding: 0 8px;
  1950.         opacity: 1;
  1951.         outline: none;
  1952.         text-align: center;
  1953.         text-decoration: none;
  1954.         text-shadow: 0 1px 1px rgba(0,0,0,.2);
  1955.         vertical-align: baseline;
  1956. }
  1957.  
  1958. #blaskan .dsq-comment-actions a:hover,
  1959. #blaskan .dsq-comment-actions a:focus {
  1960.         background: #ededed;
  1961.         background: -moz-linear-gradient(top,  #fff,  #ededed);
  1962.         background: -o-linear-gradient(top, #fff, #ededed);
  1963.         background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  1964.         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
  1965.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ededed)";
  1966.         text-decoration: none;
  1967. }
  1968.  
  1969. #blaskan .dsq-comment-actions a:active {
  1970.         background: #ededed;
  1971.         background: -moz-linear-gradient(top,  #ededed,  #fff);
  1972.         background: -o-linear-gradient(top, #ededed, #fff);
  1973.         background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  1974.         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
  1975.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)";
  1976.         color: #999;
  1977.         position: relative;
  1978.         top: 1px;
  1979. }
  1980.  
  1981. #blaskan .dsq-comment-meta a {
  1982.         color: #888;
  1983.         font-size: 12px;
  1984.         opacity: 1;
  1985. }
  1986.  
  1987. #blaskan .dsq-comment-header {
  1988.         background: none;
  1989.         border: 0;
  1990.         font-size: 15px;
  1991.         margin: 0;
  1992.         padding-left: 0;
  1993.         padding-right: 0;
  1994. }
  1995.  
  1996. #blaskan .dsq-commenter-bio {
  1997.         color: #888;
  1998.         opacity: 1;
  1999. }
  2000.  
  2001. #blaskan #dsq-reactions .dsq-comment-header {
  2002.         color: #888;
  2003. }
  2004.  
  2005. #blaskan #dsq-reactions .dsq-comment-meta {
  2006.         color: #888;
  2007. }
  2008.  
  2009. #blaskan .dsq-brlink {
  2010.         display: none;
  2011. }
  2012.  
  2013. /**
  2014.  * Disqus widgets
  2015.  */
  2016.  
  2017. #blaskan .dsq-widget-user {
  2018.         text-decoration: none;
  2019. }
  2020.  
  2021. #blaskan .dsq-widget-avatar {
  2022.         -moz-border-radius: 6px;
  2023.         -o-border-radius: 6px;
  2024.         -webkit-border-radius: 6px;
  2025.         border-radius: 6px;
  2026.         margin-right: 10px;
  2027.         padding: 0;
  2028. }
  2029.  
  2030. #blaskan .dsq-widget-meta,
  2031. #blaskan .dsq-widget-meta a {
  2032.         color: #888;
  2033. }
  2034.  
  2035. #blaskan #popularthreads .dsq-widget-thread {
  2036.         font-weight: 300;
  2037. }
  2038.  
  2039. #blaskan #popularthreads .dsq-widget-item,
  2040. #blaskan #topcommenters .dsq-widget-item {
  2041.         margin: 0;
  2042. }
  2043.  
  2044. #blaskan .dsq-widget-clout {
  2045.         -moz-border-radius: 6px;
  2046.         -o-border-radius: 6px;
  2047.         -webkit-border-radius: 6px;
  2048.         border-radius: 6px;
  2049.         display: inline-block;
  2050.         font-size: 10px;
  2051.         line-height: 18px;
  2052.         padding: 0 5px;
  2053. }
  2054.  
  2055. /** =USEFUL CLASSES ---------- */
  2056.  
  2057. .clearfix:before, .clearfix:after { content: ""; display: table; }
  2058. .clearfix:after { clear: both; }
  2059. .clearfix { *zoom: 1; }
  2060.  
  2061. /** =IE ---------- */
  2062.  
  2063. /* Added via js/ie.js */
  2064. .ie-divider {
  2065.         display: inline-block;
  2066. }
  2067.  
  2068. .ie-clear {
  2069.         clear: both;
  2070. }
  2071.  
  2072. .ie #searchsubmit {
  2073.         filter: none;
  2074. }
  2075.  
  2076. .ie img,
  2077. .ie object,
  2078. .ie embed {
  2079.         width: 100%;
  2080. }
  2081.  
  2082. /**
  2083.  * IE 6
  2084.  */
  2085.  
  2086. .ie6 blockquote {
  2087.         background: none;
  2088. }
  2089.  
  2090. .ie6 input {
  2091.         vertical-align: text-bottom;
  2092. }
  2093.  
  2094. .ie6 #content,
  2095. .ie6 #primary,
  2096. .ie6 #secondary,
  2097. .ie6 .widget {
  2098.         overflow: hidden;
  2099. }
  2100.  
  2101. .ie6 #nav-below a {
  2102.         background: none;
  2103.         padding: 0;
  2104. }
  2105.  
  2106. .ie6 .form-submit input,
  2107. .ie6 #submit {
  2108.         background: #2e6eb0;
  2109.         border: 0;
  2110.         color: #fff;
  2111.         font-weight: bold;
  2112. }
  2113.  
  2114. .ie6 #searchsubmit {
  2115.         background-position: top center;
  2116.         height: 20px;
  2117.         top: 7px;
  2118.         width: 30px;
  2119. }
  2120.  
  2121. .ie6 #s {
  2122.         width: 238px;
  2123. }
  2124.  
  2125. /**
  2126.  * IE 7
  2127.  */
  2128.  
  2129. .ie7 img {
  2130.         -ms-interpolation-mode: bicubic;
  2131. }
  2132.  
  2133. .ie7 input[type="checkbox"] {
  2134.         vertical-align: baseline;
  2135. }
  2136.  
  2137. .ie7 #nav a {
  2138.         position: static;
  2139. }
  2140.  
  2141. /** =PRINT ---------- */
  2142.  
  2143. /**
  2144.  * Credits: Hartija & HTML 5 Boilerplate
  2145.  * http://code.google.com/p/hartija/
  2146.  * http://html5boilerplate.com/
  2147.  */
  2148.  
  2149. @media print {
  2150.  
  2151.         * {
  2152.                 background: transparent !important;
  2153.                 color: #000;
  2154.         }
  2155.  
  2156.         @page {
  2157.                 margin: 0.5cm;
  2158.         }
  2159.  
  2160.         body {
  2161.                 font-size: 12pt;
  2162.                 letter-spacing: 0.2pt;
  2163.                 line-height: 1.4;
  2164.                 margin: 0 !important;
  2165.                 padding: 0 !important;
  2166.                 width: 100% !important;
  2167.                 word-spacing: 1.1pt;
  2168.         }
  2169.  
  2170.         a:after,
  2171.         abbr:after {
  2172.                 content: " (" attr(href) ")";
  2173.         }
  2174.  
  2175.         h1,
  2176.         h2,
  2177.         h3,
  2178.         h4,
  2179.         h5,
  2180.         h6 {
  2181.                 font-family: sans-serif;
  2182.                 font-weight: bold;
  2183.                 text-transform: none;
  2184.         }
  2185.  
  2186.         h1 {
  2187.                 font-size: 19pt;
  2188.         }
  2189.  
  2190.         h2 {
  2191.                 font-size: 17pt;
  2192.         }
  2193.  
  2194.         h3 {
  2195.                 font-size: 15pt;
  2196.         }
  2197.  
  2198.         h4,
  2199.         h5,
  2200.         h6 {
  2201.                 font-size: 12pt;
  2202.         }
  2203.  
  2204.   p,
  2205.         h2,
  2206.         h3 {
  2207.                 orphans: 3;
  2208.                 widows: 3;
  2209.         }
  2210.  
  2211.   h2,
  2212.         h3 {
  2213.                 page-break-after: avoid;
  2214.         }
  2215.  
  2216.         pre,
  2217.         blockquote {
  2218.                 border: 1px solid #999;
  2219.                 page-break-inside: avoid;
  2220.         }
  2221.  
  2222.         code {
  2223.                 font: 10pt Courier, monospace;
  2224.         }
  2225.  
  2226.         blockquote {
  2227.                 margin: 1.3em;
  2228.                 padding: 1em;
  2229.         }
  2230.  
  2231.         hr {
  2232.                 background: #ccc;
  2233.         }
  2234.  
  2235.         img {
  2236.                 float: left;
  2237.                 margin: 1em 1.5em 1.5em 0;
  2238.                 page-break-inside: avoid;
  2239.         }
  2240.  
  2241.         a img {
  2242.                 border: none;
  2243.         }
  2244.  
  2245.         table {
  2246.                 margin: 1px;
  2247.                 text-align: left;
  2248.         }
  2249.  
  2250.         thead {
  2251.                 display: table-header-group;
  2252.         }
  2253.  
  2254.         tr {
  2255.                 page-break-inside: avoid;
  2256.         }
  2257.  
  2258.         th {
  2259.                 border-bottom: 1px solid #333;
  2260.                 font-weight: bold;
  2261.         }
  2262.  
  2263.         td {
  2264.                 border-bottom: 1px solid #333;
  2265.         }
  2266.  
  2267.         th,
  2268.         td {
  2269.                 padding: 4px 10px 4px 0;
  2270.         }
  2271.  
  2272.         tfoot {
  2273.                 font-style: italic;
  2274.         }
  2275.  
  2276.         caption {
  2277.                 background: #fff;
  2278.                 margin-bottom: 2em;
  2279.                 text-align: left;
  2280.         }
  2281.  
  2282.         #header,
  2283.         #primary,
  2284.         #secondary,
  2285.         #respond,
  2286.         .reply,
  2287.         #nav-below,
  2288.         #footer,
  2289.         #wpadminbar {
  2290.                 display: none;
  2291.         }
  2292.  
  2293.         time a:after {
  2294.                 content: "";
  2295.         }
  2296.  
  2297.         #content {
  2298.                 float: none;
  2299.                 width: 100%;
  2300.         }
  2301.  
  2302. }