Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 27th, 2012  |  syntax: None  |  size: 22.32 KB  |  hits: 46  |  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. /*
  2. Theme Name: Gallery
  3. Theme URI: http://www.upthemes.com/themes/gallery/
  4. Description: The ultimate gallery-style Thematic child theme for WordPress.
  5. Author: Chris Wallace for UpThemes
  6. Author URI: http://upthemes.com
  7. Template: thematic
  8. Version: 1.5.3
  9. .
  10. This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
  11. http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
  12. .
  13. */
  14.  
  15. /* Reset browser defaults */
  16. @import url('../thematic/library/styles/reset.css');
  17.  
  18. /* Apply a basic layout */
  19. @import url('../thematic/library/layouts/2c-l-fixed.css');
  20.  
  21. /* Apply basic image styles */
  22. @import url('../thematic/library/styles/images.css');
  23.  
  24. /* Prepare theme for plugins */
  25. @import url('../thematic/library/styles/plugins.css');
  26.  
  27.  
  28. input,select,textarea{
  29.   color: #eee;
  30.   background-color: #3F3F3F;
  31.   -moz-border-radius: 3px;
  32.   -webkit-border-radius: 3px;
  33.   border-radius: 3px
  34. }
  35. input[type="submit"],
  36. input[type="button"],
  37. button{
  38.   background: url("images/btn-bg.jpg") repeat-x left top;
  39.   color:#ddd;
  40.   font-weight: normal;
  41.   position: relative;
  42.   line-height: 30px;
  43.   overflow: hidden;
  44.   border: 1px solid #101010;
  45.   padding: 3px 18px;
  46.   font-size: 10px;
  47.   line-height: 0.75em;
  48.   font-family: Verdana, Arial, sans-serif;
  49.   text-transform: uppercase;
  50.   cursor: pointer;
  51.   -moz-border-radius: 4px;
  52.   border-radius: 4px;
  53.   -webkit-border-radius: 4px
  54. }
  55. input[type="submit"]:hover,
  56. input[type="button"]:hover,
  57. button:hover{
  58.   background-position: 0 -22px;
  59.   color: #ddd
  60. }
  61. input[type="submit"]:active,
  62. input[type="button"]:active,
  63. button:active{
  64.   background-position: 0 -44px;
  65.   padding-top: 4px;
  66.   padding-bottom: 0
  67. }
  68. abbr{
  69.   border-bottom: 1px dotted #555
  70. }
  71. pre{
  72.   background-color: #191919;
  73.   border: 1px solid #333;
  74.   -moz-border-radius: 3px;
  75.   border-radius: 3px;
  76.   -webkit-border-radius: 3px;
  77.   padding: 5px;
  78.   margin: 10px 0;
  79.   white-space: pre;
  80.   overflow: auto
  81.  
  82. }
  83. pre,
  84. code{
  85.   font-size: 12px;
  86. }
  87. body {
  88.   background: #000 url("images/body-background.jpg") center top;
  89.   color: #AFAFAF;
  90.   font-family: Lucida Grande,Helvetica,Arial,Verdana,sans-serif;
  91.   font-size: 90%;
  92.   font-style: normal;
  93.   line-height: 2em
  94. }
  95. #wrapper{
  96.   background: transparent url("images/light-source-trans.png") no-repeat center top;
  97.   height: auto;
  98.   min-height: 300px
  99. }
  100. a {
  101.   color: white;
  102.   text-decoration: none
  103. }
  104. a:hover {
  105.   color: #ddd
  106. }
  107. h1, h2, h3{
  108.   color: white
  109. }
  110. h2{
  111.   font-size: 1.5em;
  112.   margin-bottom: 0.7em
  113. }
  114. #content ol,
  115. #content ul{
  116.   margin-bottom: 1em
  117. }
  118. .single #content li{
  119.   line-height: 1.4em
  120. }
  121. .single #content ul{
  122.   border-top: 1px solid #101010;
  123.   border-bottom: 1px solid #282828;
  124. }
  125. .single #content li{
  126.   padding: 10px 0 10px 24px;
  127.   list-style: none;
  128.   position: relative;
  129.   border-top: 1px solid #282828;
  130.   border-bottom: 1px solid #101010
  131. }
  132. .twitter{
  133.   background: url("images/icons/twitter.png") no-repeat left center
  134. }
  135. .delicious{
  136.   background: url("images/icons/delicious.png") no-repeat left center
  137. }
  138. .designer{
  139.   background: url("images/icons/person.png") no-repeat left center
  140. }
  141. .site-link{
  142.   background: url("images/icons/globe.png") no-repeat left center
  143. }
  144. #header {
  145.   margin: 0 auto;
  146.   padding: 0 0;
  147.         position: relative;
  148.         z-index: 20
  149. }
  150. #branding,#access {
  151.   margin: 0 auto;
  152.   overflow: visible;
  153.   width: 402px;
  154. }
  155. #branding{
  156.   padding: 10px 0;
  157. }
  158. .ie8 #branding{
  159.         margin-bottom: 20px;
  160.         height: 30px
  161. }
  162. #blog-title {
  163.   text-align: left;
  164.   display: inline;
  165.   float: left;
  166.   margin-bottom: 20px;
  167. }
  168. #blog-title a{
  169.   display: block;
  170. }
  171. .msie #blog-title a{
  172.   position: relative;
  173.   margin-bottom: -10px
  174. }
  175. #blog-description {
  176.   color:#777;
  177.   font-size:0.9em;
  178.   line-height: 1.4em;
  179.   font-weight:normal;
  180.   text-align: right;
  181.   padding-top: 66px
  182. }
  183. #access {
  184.   width: 402px;
  185.   height: 45px;
  186.   margin-top: 10px;
  187.   clear: both;
  188.   background: url("images/menu-bg-trans.png") no-repeat top left;
  189. }
  190. #category-menu ul{
  191.   padding: auto
  192. }
  193. #category-menu li{
  194.   float: left;
  195.   height: 45px
  196. }
  197. #category-menu li a,
  198. li.blog-description span{
  199.   display: block;
  200.   font-size: .8em;
  201.   font-weight: bold;
  202.   height: 28px;
  203.   padding: 8px;
  204.   margin-right: 8px;
  205.   color: white;
  206.   text-decoration: none
  207. }
  208. #category-menu li.home a{
  209.   display: block;
  210.   text-indent: -9000px;
  211.   overflow: hidden;
  212.   text-align: left;
  213.   width: 24px;
  214.   background: url("images/ico-home-trans.png") no-repeat;
  215.   background-position: center 15px;
  216.   padding-bottom: 0;
  217.         margin-left: 10px
  218. }
  219. #category-menu li.home a:hover{
  220.   background: url("images/ico-home-trans.png") no-repeat center -16px
  221. }
  222. #category-menu li.current_page_item{
  223. }
  224. #category-menu li.current_page_item a{
  225.   color: #ddd;
  226. }
  227. #category-menu > li:first-child{
  228.   margin-left: 10px;
  229. }
  230. #category-menu li a:hover{
  231.   color: #ddd
  232. }
  233. #category-menu li.blog-description{
  234.   float: right
  235. }
  236. #category-menu li.blog-description span{
  237.   color: #eee;
  238.   font-weight: normal
  239. }
  240. #blog-description{
  241.   display: none
  242. }
  243. #page-menu{
  244.   position: absolute;
  245.   bottom: 50px;
  246.   right: -10px;
  247.   margin: 0;
  248.   width: 402px;
  249.   font-size: .8em;
  250.   color: #888;
  251.   z-index: 100
  252. }
  253. #page-menu #page-nav{
  254.   text-align: right
  255. }
  256. #page-menu #page-nav li{
  257.   float: right;
  258.   margin: 10px 0 0 4px
  259. }
  260. #page-menu #page-nav li a{
  261.   padding: 8px 12px;
  262.   font-size: .9em;
  263.   color: #bbb;
  264.   text-transform: uppercase
  265. }
  266. #page-menu #page-nav li.rss a{
  267.   padding-left: 20px;
  268.   background: url("images/ico-rss-trans.png") no-repeat left center
  269. }
  270. #page-menu #page-nav li a:hover{
  271.   color: white
  272. }
  273.  
  274. .sf-menu .current_page_item a,
  275. .sf-menu .current_page_ancestor a,
  276. .sf-menu .current_page_parent a {
  277. }
  278. .sf-menu a, .sf-menu a:visited {
  279.         color:#FFFFFF;
  280. }
  281. .sf-menu li {
  282.         position: relative;
  283.         background:transparent;
  284. }
  285. body #access #category-menu .sf-menu li li {
  286.         width: 100%;
  287.         margin: 0;
  288.         padding: 0;
  289.         height: auto;
  290.         width: auto
  291.        
  292. }
  293. .sf-menu li li li {
  294.         background: #333;
  295. }
  296. body #access #category-menu .sf-menu a:focus,
  297. body #access #category-menu .sf-menu a:hover,
  298. body #access #category-menu .sf-menu a:active {
  299.         background: #232323;
  300.         background: rgba(255,255,255,0.06);
  301. }
  302. body #access #category-menu .sf-menu .home a:focus,
  303. body #access #category-menu .sf-menu .home a:hover,
  304. body #access #category-menu .sf-menu .home a:active {
  305.         background: url("images/ico-home-trans.png") no-repeat center -16px
  306. }
  307. body #access #category-menu .sf-menu ul a:focus,
  308. body #access #category-menu .sf-menu ul a:hover,
  309. body #access #category-menu .sf-menu ul a:active {
  310.         background: #454545;
  311.         background: rgba(255,255,255,0.1);
  312. }
  313. .sf-menu li li a:hover {
  314.         background: #333333;
  315.         background: rgba(255,255,255,0.1);
  316. }
  317. .sf-menu ul {
  318.         border:medium none;
  319. }
  320. .sf-menu li:hover ul,
  321. .sf-menu li.sfHover ul {
  322.         top: 45px;
  323.         position: absolute;
  324.         border: 1px solid #000;
  325.         background: #1A1A1A;
  326.         padding: 0;
  327.         border-top: none;
  328. }
  329. .sf-menu li:hover ul ul,
  330. .sf-menu li.sfHover ul ul{
  331.         top: auto;
  332.         left: auto;
  333.         margin-top: -31px;
  334.         border-top: 1px solid #000;
  335. }
  336. body #access #category-menu .sf-menu ul a {
  337.         background:#111111;
  338.         color: white;
  339.         padding: 5px 0 5px 5px;
  340.         margin: 0;
  341.         line-height: 20px;
  342.         height: 20px;
  343.         display: block;
  344.         width: auto
  345. }
  346. .sf-menu ul a:hover {
  347.         color:#CC0000;
  348.         background: rgba(255,255,255,0.1);
  349. }
  350. .skip-link {
  351.   display: none;
  352. }
  353. #main{
  354.         position: relative;
  355.         z-index: 5;
  356.         margin: 0 auto 30px auto
  357. }
  358. #primary,
  359. #secondary{
  360.   display: none
  361. }
  362. .page #primary{
  363.   display: block
  364. }
  365. .aside{
  366.   width: 270px
  367. }
  368. #content{
  369.   width: 402px;
  370.   margin: 0;
  371.   float: none;
  372.   padding-top: 0
  373. }
  374. .msie #content,
  375. .single #content,
  376. .home #content,
  377. .page #content{
  378.   padding-top: 20px
  379. }
  380. .page #content{
  381.   margin-left: 320px;
  382.   width: 620px
  383. }
  384. .page #content li{
  385.   list-style: disc;
  386.   margin-left: 20px
  387. }
  388. .single #container{
  389.   position: relative
  390. }
  391. .single .entry-content{
  392.   display: inline;
  393.   float: left;
  394.   margin: 20px 0 0 550px;
  395.   width: 385px
  396. }
  397. .single div.video ul.meta,
  398. .single div.video #nav-below{
  399.         display: none
  400. }
  401. .single .artwork-container{
  402.   float: left;
  403.   margin-left: -935px
  404. }
  405. .single .entry-artwork{
  406.   background-color: #191919;
  407.   border: 1px solid #333;
  408.   -moz-border-radius: 3px;
  409.   border-radius: 3px;
  410.   -webkit-border-radius: 3px;
  411.   padding: 10px
  412. }
  413. .single .navigation{
  414.   margin-top: 10px;
  415.   padding-top: 0;
  416. }
  417. .single .entry-content h1,
  418. h1.page-title{
  419.   font-size: 1.8em;
  420.   margin-bottom: .5em
  421. }
  422. h1.page-title{
  423.   margin-bottom: 1em
  424. }
  425. .single .entry-content p{
  426.   line-height: 1.3em
  427. }
  428. .not-singular .entry-content{
  429.   float: left;
  430.   width: 134px;
  431.   margin: 0 0 5px 0;
  432. }
  433. .not-singular .entry-content a{
  434.   border: 3px solid #191919;
  435.   display: block;
  436.   height: 125px;
  437.   width: 125px;
  438.   overflow: hidden;
  439.   position: relative;
  440.   background-color: #191919
  441. }
  442. .not-singular .entry-content a img{
  443.   position: absolute;
  444.   z-index: 5
  445. }
  446. .not-singular .entry-content a span.slide-title{
  447.   position: absolute;
  448.   top: 108px;
  449.   left: 3px;
  450.   width: 300px;
  451.   line-height: 1em;
  452.   color: white !important;
  453.   font-size: .8em;
  454.   text-transform: uppercase;
  455.   z-index: 0
  456. }
  457. .not-singular .entry-content{
  458.   position: relative
  459. }
  460. .not-singular .entry-content .new{
  461.   display: block;
  462.         position: absolute;
  463.         top: -6px;
  464.         right: 10px;
  465.         width: 42px;
  466.         height: 22px;
  467.         background: url("images/ico-new-trans.png") no-repeat top left;
  468.         z-index: 200
  469. }
  470. .not-singular .video .new{
  471.         background: url("images/ico-video-trans.png") no-repeat top left;
  472.         width: 74px;
  473. }
  474. span.cover-up{
  475.   background: url("images/side-fade-trans.png") no-repeat right top;
  476.   position: absolute;
  477.   right: 0;
  478.   top: 0;
  479.   height: 125px;
  480.   width: 20px;
  481.   z-index: 4
  482. }
  483. .entry-content .wp-post-image{
  484.   border: none;
  485.   margin: 0;
  486.   padding: 0;
  487. }
  488. .main-aside h3{
  489.   font-weight: bold;
  490.   color: #fff;
  491.   padding: 5px 0 5px 10px
  492. }
  493. .main-aside .xoxo li{
  494.   margin: 0 0 10px 0;
  495.   padding: 15px;
  496.   background-color: #191919;
  497.   border: 1px solid #333;
  498.   -moz-border-radius: 3px;
  499.   -webkit-border-radius: 3px;
  500.   border-radius: 3px
  501. }
  502. .main-aside .xoxo li div{
  503.   padding: 0 0 0 10px;
  504.   font-size: .8em;
  505.   line-height: 2em
  506. }
  507. .main-aside .xoxo li ul li{
  508.   margin: 0;
  509.   padding: 0 0 0 10px;
  510.   background: transparent;
  511.   border: none;
  512.   -moz-border-radius: 0;
  513.   -webkit-border-radius: 0;
  514.   border-radius: 0
  515. }
  516. .main-aside p{
  517.   margin-bottom: 1em
  518. }
  519. form{
  520.   margin: 0 0 2em 0
  521. }
  522. legend{
  523.   font-size: 1.2em;
  524.   font-weight: 700;
  525.   color: white
  526. }
  527. .form-label,
  528. .wpcf7-form label{
  529.   display: block;
  530.   margin: 5px 0 0 0
  531. }
  532. input[type="text"],
  533. input[type="password"],
  534. textarea,
  535. select{
  536.   font-family: Arial, Helvetica, sans-serif;
  537.   border: 1px solid #303030;
  538.   background: #232323;
  539.   color: #999999;
  540.   padding: 6px;
  541. }
  542. .aside input[type="text"]{
  543.         width: 180px;
  544.         margin-bottom: 5px;
  545. }
  546. .navigation {
  547.   font-family: Helvetica,Arial,sans-serif;
  548.   margin-bottom: 20px;
  549.   overflow: hidden;
  550.   text-transform: uppercase;
  551.   width: 100%;
  552. }
  553. #nav-above {
  554.   display: none;
  555. }
  556. #nav-below{
  557.   clear: both;
  558.   padding-top: 10px;
  559.   height: auto;
  560.   overflow: auto;
  561.   padding-bottom: 10px
  562. }
  563. .nav-next {
  564.   float: right;
  565.   text-align: right;
  566.   width: 47%;
  567. }
  568. .not-singular .nav-next{
  569.   margin-right: 5px    
  570. }
  571. .nav-previous {
  572.   float: left;
  573.   width: 47%;
  574. }
  575. #nav-above{
  576.   display: none;
  577. }
  578. .hentry{
  579.   width: auto
  580. }
  581. .entry-title {
  582.   color: white;
  583.   font-size: 2.6em;
  584.   font-weight: bold;
  585.   letter-spacing: -1px;
  586.   margin-bottom: 1em;
  587.   padding-bottom: 1px;
  588. }
  589. .entry-title a{
  590.   color: white
  591. }
  592. .post .entry-meta,.post .entry-utility {
  593.   color: #afafa1;
  594.   font-size: 0.825em;
  595.   margin-bottom: 24px;
  596.   padding-bottom: 5px;
  597. }
  598. .post p, .entry-content p {
  599.   margin-bottom: 1em;
  600. }
  601. .post pre,#content .page pre {
  602.   font-size: 1.6em;
  603. }
  604. .post dt {
  605.   margin-bottom: 5px;
  606.   padding-bottom: 5px;
  607. }
  608. .post dd {
  609.   color: #eee;
  610.   margin-bottom: 1em;
  611. }
  612. .post dl {
  613.   margin-bottom: 1.3em;
  614.   padding-left: 20px;
  615. }
  616. .post a.more-link {
  617.   background: #be194f;
  618.   color: #fff;
  619.   font-size: 0.75em;
  620.   font-weight: bold;
  621.   padding: 5px 10px;
  622.   text-decoration: none;
  623.   text-transform: uppercase;
  624. }
  625. .post a.more-link:hover {
  626.   background: #d93c6f;
  627. }
  628. a.more-link .meta-nav {
  629.   display: none;
  630. }
  631. .post h3,.post h4,.post h5,.post h6 {
  632.   margin: 5px 0;
  633.   padding: 5px 0;
  634. }
  635. .post h4 {
  636.   font-size: 1.4em;
  637. }
  638. .post h5 {
  639.   font-size: 1.2em;
  640.   text-transform: uppercase;
  641. }
  642. .post h6 {
  643.   font-size: 1.1em;
  644.   text-transform: uppercase;
  645. }
  646. .post blockquote {
  647.   font: italic 2em Georgia, "Times New Roman", Times, serif;
  648.   color: white;
  649.   margin: 10px 0px;
  650.   padding: 10px 20px 1px 10px;
  651. }
  652. .post blockquote p {
  653.   font-stayle: italic;
  654. }
  655. .post .page-link {
  656.   font-size: 0.825em;
  657.   margin-bottom: 20px;
  658.   text-transform: uppercase;
  659. }
  660. .page-link a {
  661.   background: #f0f0f0;
  662.   border-bottom: 1px solid #ddd;
  663.   border-left: 1px solid #eee;
  664.   border-right: 1px solid #ddd;
  665.   border-top: 1px solid #eee;
  666.   padding: 5px 10px;
  667.   text-decoration: none;
  668. }
  669. .post .entry-utility {
  670.   border-top: 1px solid #232323;
  671.   margin-bottom: 0;
  672.   padding: 5px 0 0 0;
  673. }
  674. .btc-powered{
  675.   font-size: 0.825em
  676. }
  677. #comments {
  678.   margin-top: 20px;
  679.   padding: 20px 0 0 0;
  680.   clear: both;
  681.   overflow: auto;
  682. }
  683. body.page #comments,
  684. body.page #respond,
  685. body.page #comments-list{
  686.         width: 100%;
  687.         float: none;
  688. }
  689. #comments,#comments input[type="text"],#comments textarea {
  690.   font-size: 12px;
  691. }
  692. #comments h3 {
  693.   font-size: 0.9em;
  694.   text-transform: uppercase;
  695.   letter-spacing: 0.2em;
  696.   padding: 7px 12px 7px 42px;
  697.   font-weight: bold;
  698.   background: #171717 url("images/ico-comment.png") no-repeat 16px center
  699. }
  700. #comments #respond h3{
  701.   background-image: url("images/ico-person.png")
  702. }
  703. #comments #comments-list #respond h3{
  704.   background-image: url("images/ico-reply.png")
  705. }
  706. .formcontainer{
  707.   border-top: 1px solid #282828;
  708. }
  709. #comments-list {
  710.   border-top: 1px solid #141414;
  711.   float: left;
  712.   margin-right: 30px;
  713.   padding: 0 0 18px;
  714.   width: 520px;
  715. }
  716. #comments-list ol,#comments-list ul {
  717.   list-style: none;
  718.   margin: 0;
  719. }
  720. #comments-list ol {
  721.   margin: 0 0 18px 0;
  722. }
  723. #comments-list li {
  724.   padding: 18px 1.5em 18px 1.5em;
  725.   position: relative;
  726.   border-top: 1px solid #282828;
  727.   border-bottom: 1px solid #101010;
  728. }
  729. #comments-list ol {
  730.   border-bottom: 1px solid #282828;
  731.   list-type: none;
  732. }
  733. .single #content #comments-list li,
  734. .page #content #comments-list li{
  735.   padding: 20px 0;
  736.   position: relative;
  737.   z-index: 0;
  738.   list-type: none;
  739.   margin: 0;
  740. }
  741. #comments-list li .avatar {
  742.   height: 60px;
  743.   width: 60px;
  744.   padding: 4px;
  745.   border: 1px solid #282828;
  746.   background: #171717;
  747.   float: left;
  748.   position: relative;
  749.   margin-left: -95px
  750. }
  751. #comments-list .comment-author,
  752. #comments-list .comment-meta,
  753. #comments-list .comment-content,
  754. #comments-list .unapproved{
  755.   display: block;
  756.   margin-left: 100px
  757. }
  758. #comments-list .unapproved{
  759.   background-color: #191919;
  760.   margin-bottom: 15px;
  761.   padding: 10px;
  762.   color: white
  763. }
  764. #comments-list .comment-author {
  765.   font-weight: bold;
  766.   font-size: 1.3em
  767.   padding: 5px 0 0 0;
  768. }
  769. #comments-list .comment-meta {
  770.   color: #666;
  771.   font-size: 11px;
  772.   padding: 10px 0 9px 0;
  773. }
  774. #comments-list .comment-meta a {
  775.   color: #eee;
  776.   font-style: italic;
  777.   text-decoration: none;
  778. }
  779. #comments-list .comment-meta a:active,#comments-list .comment-meta a:hover {
  780.   color: #FF4B33;
  781. }
  782. #comments-list .comment-content{
  783.   padding-right: 10px
  784. }
  785. #commentform{
  786.   padding: 15px;
  787.   width: 360px
  788. }
  789. .comment-reply-link {
  790.   font-size: 11px;
  791.   padding: 0 0 18px 0;
  792.   text-align: right;
  793. }
  794. .hover-url{
  795.   color: #666;
  796.   margin-left: 10px;
  797.   font-weight: normal;
  798.   font-style: italic;
  799.   font-family: Georgia, "Georgia MS", Times, serif
  800. }
  801. .comment-reply-link a {
  802.   color: #eee;
  803.   font-style: italic;
  804.   text-decoration: none;
  805. }
  806. .comment-navigation {
  807.   font-weight: bold;
  808.   margin-right: 0.5em;
  809.   padding: 0;
  810. }
  811. .comment-navigation a {
  812.   border: 1px solid #ccc;
  813.   color: #eee;
  814.   font-weight: normal;
  815.   padding: 0.5em 0.75em;
  816.   text-decoration: none;
  817. }
  818. .comment-navigation a:active,.comment-navigation a:hover {
  819.   color: #FF4B33;
  820. }
  821. .comment-navigation a,.comment-navigation span {
  822.   margin-right: 0.5em;
  823. }
  824. #trackbacks-list .comment-content {
  825.   left: -9000px;
  826.   position: absolute;
  827. }
  828. #respond {
  829.   border-top: 1px solid #141414;
  830.   margin-bottom: 22px;
  831.   overflow: hidden;
  832.   padding: 0;
  833.   width: 390px;
  834.   float: right;
  835.   position: relative;
  836.   z-index: 4
  837.  }
  838. #comments-list #respond {
  839.   margin: 0;
  840.   padding: 0;
  841.   float: none;
  842.   width: 520px
  843. }
  844. #comments-list #commentform {
  845.   width: auto
  846. }
  847. #comments-list ul #respond {
  848.   margin: 0;
  849. }
  850. #cancel-comment-reply {
  851.   font-size: 11px;
  852.   position: absolute;
  853.   right: 1.5em;
  854.   top: 7px;
  855. }
  856. #respond .required {
  857.   color: #FF4B33;
  858.   font-weight: bold;
  859. }
  860. .form-section{
  861.   padding: 0 0 10px 0;
  862.   clear: both;
  863.   overflow: auto
  864. }
  865. .form-section label {
  866.   font-size: 11px;
  867. }
  868. .form-section .form-label{
  869.   width: 35%;
  870.   float: left;
  871.   clear: both;
  872.   text-align: right
  873. }
  874. .form-section .form-input{
  875.   width: 65%;
  876.   float: right;
  877.   text-align: right
  878. }
  879. .form-section .form-input input{
  880.   width: 80%
  881. }
  882. .form-section .form-textarea{
  883.   width: 100%;
  884.   text-align: right
  885. }
  886. .form-section .form-textarea textarea{
  887.   width: 94%
  888. }
  889. #respond #comment-notes{
  890.   line-height: 1.2em;
  891.   margin: 5px 0 20px 0;
  892.   font-size: 0.9em
  893. }
  894. #comments-list ul.children{
  895.   margin-left: 20px;
  896. }
  897. .single #content #comments-list ul.children li{
  898.   padding-left: 25px;
  899.   background: url("images/ico-reply.png") no-repeat 5px 20px
  900. }
  901. #form-section-comment .form-label{
  902.   display: none
  903. }
  904. #form-allowed-tags p {
  905.   color: #ccc;
  906.   font-size: 10px;
  907.   line-height: normal;
  908.   margin: 0;
  909. }
  910. #form-allowed-tags span {
  911.   font-style: italic;
  912. }
  913. .form-submit {
  914.   padding: 18px 0 0 0
  915. }
  916. .subscribe-to-comments {
  917.   color: #eee;
  918.   float: left;
  919.   font-size: 11px;
  920.   margin: 0;
  921.   padding: 18px 0 0 0;
  922. }
  923. .solo-subscribe-to-comments {
  924.   color: #eee;
  925.   font-size: 11px;
  926.   padding: 18px 0 0 0;
  927. }
  928. .comment_license {
  929.   clear: both;
  930.   color: #eee;
  931.   font-size: 11px;
  932.   margin: 0;
  933.   padding: 18px 0 0 0;
  934. }
  935. #footer {
  936.   z-index: 0;
  937.   border-top: 1px solid #353535;
  938.   padding: 40px 0;
  939.   color: #555;
  940.   background-color: #0F0F0F;
  941.   margin-top: 20px
  942. }
  943. #footer a{
  944.   color: #666
  945. }
  946. #footer a:hover{
  947.   color: #666
  948. }
  949. #footer #subsidiary .aside{
  950.   width: 402px 
  951. }
  952. #footer .widgetcontainer{
  953.   float: left;
  954.   width: 270px;
  955.   padding: 10px;
  956.   margin: 10px 10px 20px 10px;
  957.   background: #121212;
  958.   border: 1px solid #282828;
  959.  }
  960. #footer .widgetcontainer h3{
  961.   margin-bottom: 10px
  962. }
  963. #footer .widgetcontainer a:hover{
  964.   color: #999
  965. }
  966. #footer .reset{
  967.   clear: both
  968. }
  969. #siteinfo{
  970.   text-align: center;
  971.   font-size: .8em
  972. }
  973. #siteinfo a{
  974.   text-decoration: none;
  975.   border-bottom: 1px dotted #333
  976. }
  977. #siteinfo a:hover{
  978.   border-bottom-color: #555555
  979. }
  980. #author-info {
  981.   border: 1px dotted #ccc;
  982.   padding: 5px;
  983.   overflow: hidden;
  984.   font-size: 1.2em;
  985.   margin-bottom: 20px;
  986. }
  987. #author-info h2 {
  988.   border-bottom: 3px double #ddd;
  989.   padding: 5px 0;
  990.   font-size: 1.8em;
  991.   margin-bottom: 10px;
  992. }
  993. #author-info .avatar {
  994.   float: left;
  995.   border: 3px double #ddd;
  996.   margin: 0 10px 10px 0;
  997. }
  998.  
  999. /* IE6 fixes */
  1000.  
  1001. .ie6 .single .entry-content{
  1002.   height: 450px
  1003. }
  1004.  
  1005. .ie6 .entry-content {
  1006.   height:130px;
  1007. }
  1008.  
  1009. .ie6,
  1010. .ie6 #container{
  1011.   width: 100%;
  1012.   overflow: hidden
  1013. }
  1014. .ie6 #blog-title a{
  1015.   overflow: auto
  1016. }
  1017. .ie6 #category-menu,
  1018. .ie6 #category-nav{
  1019.   width: 402px
  1020. }
  1021. .ie6 #category-menu{
  1022.   margin: 10px 0 0 10px
  1023. }
  1024. .ie6 #category-nav li {
  1025.   float: left;
  1026.   display: inline;
  1027.   padding: 0;
  1028.   margin: 0;
  1029.   height: auto
  1030. }
  1031. .ie6 #category-nav li.blog-description{
  1032.   float: right
  1033. }
  1034. .ie6 #category-nav li.blog-description span{
  1035.   float: right
  1036. }
  1037. .ie6 #category-nav a{
  1038.   float: left
  1039. }
  1040. .ie6 .single #content {
  1041.   height: auto
  1042. }
  1043.  
  1044.  
  1045. /* Styles for Contact Form 7 plugin */
  1046.  
  1047. div.wpcf7-response-output{
  1048.   display: none
  1049. }
  1050.  
  1051. /* Styles for WP Post Ratings plugin */
  1052.  
  1053. .post-ratings{margin-bottom: 10px; float: right; width: 100px !important; margin-top: 5px; overflow: hidden; height: 20px}
  1054. .post-ratings small{font-size: .7em;}
  1055. .post-ratings-text{display:none !important}
  1056.  
  1057. /* Styles for BuySellAds widget */
  1058.  
  1059. .BuySellAds_widget{
  1060.   width: 938px;
  1061.   margin: 0;
  1062.   padding: 3px 0;
  1063.   height: auto;
  1064.   overflow: auto;
  1065. }
  1066. .BuySellAds_widget a {
  1067. background-color:#191919;
  1068. border:3px solid #191919;
  1069. display:block;
  1070. height:125px;
  1071. overflow:hidden;
  1072. position:relative;
  1073. width:125px;
  1074. float: left;
  1075. margin:0 3px 0 0;
  1076. }
  1077. .BuySellAds_widget a:hover{
  1078.   border-color: #191919
  1079. }
  1080. .BuySellAds_widget img {
  1081.   border: 0;
  1082.   clear: right;
  1083. }
  1084. .BuySellAds_widget a.adhere {
  1085.   background: #191919;
  1086.   border:3px solid #191919;
  1087.   color: #666;
  1088.   font-size: 11px;
  1089.   font-weight: bold;
  1090.   text-align: center;
  1091.   width: 125px;
  1092.   height: 125px;
  1093.   margin:0 3px 0 0;
  1094. }
  1095. .BuySellAds_widget a.adhere:hover {
  1096.   background: #191919;
  1097.   border: 3px solid #191919;
  1098.   color: #777;
  1099. }
  1100.  
  1101. /* =PageNavi
  1102. -------------------------------------------------------------- */
  1103.  
  1104. /* Use !important to override PageNavi CSS */
  1105.  
  1106. .wp-pagenavi{
  1107.         text-align: center;
  1108.         padding-top: 20px;
  1109. }
  1110.  
  1111. .navigation .wp-pagenavi a, .navigation .wp-pagenavi a:link, .navigation .wp-pagenavi a:active {
  1112.         color: #fff;
  1113.         background: #222;
  1114.         background: rgba(0,0,0,0.3);
  1115.         border-radius: 3px;
  1116.         -moz-border-radius: 3px;
  1117.         -webkit-border-radius: 3px;
  1118.         padding: 5px 9px;
  1119.         border-width: 0 !important;
  1120. }
  1121. .navigation .wp-pagenavi a:hover {
  1122.         background: #282828;
  1123.         background: rgba(0,0,0,0.7);
  1124. }
  1125. .navigation .wp-pagenavi span.pages {
  1126.         background: transparent;
  1127.         color: #fff;
  1128.         color: rgba(255,255,255,0.4);
  1129.         padding: 5px 9px;
  1130.         border-width: 0 !important;
  1131. }
  1132. .navigation .wp-pagenavi span.current {
  1133.         background: #555;
  1134.         background: rgba(255,255,255,0.07);
  1135.         border-radius: 3px;
  1136.         -moz-border-radius: 3px;
  1137.         -webkit-border-radius: 3px;
  1138.         color: #fff;
  1139.         padding: 5px 9px;
  1140.         border-width: 0 !important;
  1141. }
  1142. .navigation .wp-pagenavi span.extend {
  1143.         background: none;
  1144.         color: white;
  1145.         color: rgba(255,255,255,0.4);
  1146.         padding: 5px 9px;
  1147.         border-width: 0 !important;
  1148. }
  1149.  
  1150. * {
  1151.         margin: 0;
  1152. }
  1153. html, body {
  1154.         height: 100%;
  1155. }
  1156. #wrapper {
  1157.         min-height: 100%;
  1158.         height: auto !important;
  1159.         height: 100%;
  1160.         margin: 0 auto -71px; /* the bottom margin is the negative value of the footer's height */
  1161. }
  1162. #footer{
  1163.         margin-top: 0;
  1164.         height: 30px;
  1165.         padding: 20px 0;
  1166. }
  1167. .push {
  1168.         height: 71px; /* .push must be the same height as .footer */
  1169. }