Advertisement
Guest User

TechPounce CSS

a guest
May 16th, 2012
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.51 KB | None | 0 0
  1. /*  
  2. Theme Name: gazpoMag
  3. Theme URI: gazpo.com
  4. Description: gazpoMag is a clean and featured-rich Wordpress magazine style theme. It allows you to easily customize every detail of the theme to best suit your needs.
  5. Version: 1.2
  6. Author: Sami Ch.
  7. Author URI: http://www.gazpo.com
  8. License: GNU General Public License
  9. License URI: license.txt
  10.  
  11. */
  12. * {
  13.     padding:0;
  14.     margin:0;
  15. }
  16.  
  17. body a:link{
  18.     color:#3B9E3B;
  19. }
  20.  
  21. body a:visited{
  22.     color:#3B9E3B;
  23. }
  24.  
  25. body a:active{
  26.     color:#3B9E3B;
  27. }
  28.  
  29. body a:hover{
  30.     color:#3B9E3B;
  31. }
  32.  
  33. body{
  34.     color: #333333;
  35.     font-family: Arial, Helvetica, sans-serif;
  36.     line-height: 20px;
  37.     font-size: 14px;
  38. }
  39.  
  40. /*a:link{color:#3B9E3B;}
  41. a:hover{color:#000;}
  42. a:active{color:#3B9E3B;}
  43. a:visited{color:#3B9E3B;}*/
  44.  
  45. #post h2{
  46.     color:#000;
  47. }
  48.  
  49. }
  50.  
  51. ol, ul {
  52.     list-style: none;
  53. }
  54.  
  55. table {
  56.     border-collapse: collapse;
  57.     border-spacing: 0;
  58. }
  59.  
  60. a, a:visited{
  61.     text-decoration: none;
  62.     color: #000;
  63. }
  64.  
  65. a:hover{
  66.     text-decoration: underline;
  67.     color: #3B9E3B;
  68. }
  69.  
  70. a { outline: none;  }
  71.  
  72. h2, h3, h4{
  73.     font-family: 'Droid Serif', Arial;
  74.     color: #3B9E3B;
  75.     text-shadow: 0px 0px 1px #ccc;
  76. }
  77.  
  78. h2{
  79.     font-size:24px;
  80.     margin:10px 0 3px;
  81.     color:#000;
  82. }
  83.  
  84. h3{
  85.     font-size: 20px;
  86. }
  87.  
  88. h4{
  89.     font-size: 16px;
  90. }
  91.  
  92. h2 a,  h2 a:visited{
  93.     color:#000;
  94.     font-size:24px;
  95. }
  96.  
  97. h2 a:hover{
  98.     text-decoration: none;
  99.     color:#3B9E3B;
  100. }
  101.  
  102. a img {
  103.     border: none;
  104. }
  105.  
  106. img.alignright {
  107.     padding: 4px;
  108.     margin: 0 0 2px 7px;
  109.     display: inline;
  110.     }
  111.  
  112. img.alignleft {
  113.     padding: 4px;
  114.     margin: 0 7px 2px 0;
  115.     display: inline;
  116.     }
  117.  
  118. .alignright {
  119.     float: right;
  120.     }
  121.  
  122. .alignleft {
  123.     float: left;
  124.     }
  125.  
  126. .aligncenter{
  127.     display: block;
  128.     margin-left: auto !important;
  129.     margin-right: auto !important; 
  130. }
  131.  
  132. #container{
  133.     margin: 0 auto;
  134.     width: 1080px;
  135.     text-align: left;  
  136.     overflow:hidden;
  137.     background:#ffffff;
  138.     }
  139.  
  140. /*#header {
  141.     background: url("images/bg.png") repeat-x;
  142.     }*/
  143.  
  144. #header .wrap{
  145.     /*background: url("images/bg.png") repeat-x;*/
  146.     width: 1020px;
  147.     height: 110px; 
  148.     margin:0 auto;
  149.    
  150. }
  151.  
  152. #header .logo{
  153.     margin-top:35px;
  154.     width: 420px;
  155.     float:left;
  156.     overflow:hidden;
  157.     display:table;
  158. }
  159.    
  160. #header .logo img{
  161.     max-width: 420px;
  162.     max-height:100px;
  163. }
  164.  
  165. #header .logo .text{
  166.     display:table-cell;
  167.     vertical-align:middle;
  168. }
  169.  
  170. #header .logo h1 a{
  171.     font-family: 'Droid Serif', Arial;
  172.     font-size:44px;
  173.     line-height:0.9;
  174.    
  175.     color:rgba(241,244,245,.7) ;
  176.     font-weight: bold;
  177.    
  178.     text-shadow:1px 1px rgba(202,216,221,.7),
  179.                 2px 2px rgba(202,216,221,.7),
  180.                 3px 3px rgba(202,216,221,.7);
  181.     }
  182.  
  183. #header .logo h1 a:hover{
  184.     text-decoration:none;
  185. }
  186.  
  187. #header .right{
  188.     margin-top:10px;
  189.     width: 546px;
  190.     float:left;
  191.     margin-left: 50px;
  192. }
  193.  
  194. #header .header-menu {
  195.     margin-bottom:25px;
  196.     overflow:auto;
  197. }
  198. #header .header-menu ul{
  199.     color: white;
  200.     float:right;
  201.     max-height:65px;
  202.     overflow:hidden;
  203. }
  204.  
  205. #header .header-menu ul li{
  206.     float: left;   
  207.     margin-left:8px;   
  208. }
  209.  
  210. #header .header-menu ul li a {
  211.     color: #5BA05B;
  212.     padding-right:8px;
  213.     font-size:13px;
  214.     font-weight:bold;
  215. }
  216.    
  217. #header .twitter{
  218.     background: url("images/twitter-header.png") no-repeat;
  219.     padding-left: 55px;
  220.     font-family: 'Droid Serif', serif;
  221.     font-size:14px;
  222.     min-height: 40px;
  223.     max-height: 46px;
  224.     overflow:hidden;
  225. }
  226.  
  227. #header #twitter_update_list{
  228.     color:#000;
  229.     }
  230.  
  231. #header #twitter_update_list a{
  232.     color: #5BA05B;
  233.     }
  234.    
  235. #subheader{
  236.     background: url("images/subheader.png") repeat-x;  
  237. }
  238.    
  239. #subheader .wrap{
  240.     width: 1020px;
  241.     margin:0 auto; 
  242.     background: url("images/subheader.png") repeat-x;
  243.     height:40px;   
  244.     text-transform:uppercase;
  245.     font-weight:bold;
  246.     color: #7B7B7B;
  247.     line-height:40px;
  248. }
  249.  
  250. #subheader .main-menu{
  251.     width:760px;
  252.     float:left;
  253.     height:30px;
  254.     padding:3px 10px;  
  255. }
  256.  
  257. #subheader .main-menu ul{
  258.     float:left;
  259.     font-family: 'Droid Sans', sans-serif;
  260.     font-weight: bold;
  261.     text-shadow: 1px 1px 0px #fff;
  262.     font-size: 16px;
  263.     color: #666666;
  264.     line-height:30px;  
  265. }
  266.  
  267. #subheader .main-menu ul li{
  268.     float:left;
  269. }
  270.  
  271. #subheader .main-menu li ul{
  272.     padding-top:2px;
  273.     left:-10px;
  274. }
  275.  
  276. #subheader .main-menu li ul li{
  277.     box-shadow:2px 2px 2px 0 rgba(0,0,0,0.1);
  278. }
  279.  
  280. #subheader .main-menu li ul li a{
  281.     font-size:14px;
  282.     display:block;
  283.     width:150px;
  284.     overflow:hidden;
  285. }
  286.  
  287. #subheader .main-menu li{
  288.     white-space:nowrap;
  289.     display:block;
  290.     position:relative;
  291.     margin-right:25px;
  292.     z-index:100
  293. }
  294.  
  295. #subheader .main-menu a{
  296.     display:block;
  297.     position:relative;
  298.     color:#737373
  299. }
  300.  
  301. #subheader .main-menu a:hover{
  302.     text-decoration:none;
  303.     color:#333333;
  304. }
  305.  
  306. #subheader .main-menu li.submenu>a{
  307.     padding-right:20px;
  308.     background:url(images/arrow_down.png) no-repeat right;
  309.     cursor:default;
  310. }
  311.  
  312. #subheader .main-menu>ul>li{
  313.     float:left;
  314.     margin-right:28px
  315. }
  316.  
  317. #subheader .main-menu>ul>li:last-child{
  318.     margin-right:0
  319. }
  320.  
  321. #subheader .main-menu li ul{
  322.     display:none;
  323.     position:absolute;
  324.     top:100%;
  325.     z-index:100
  326. }
  327.  
  328. #subheader .main-menu li:hover>ul{
  329.     display:block
  330. }
  331.  
  332. #subheader .main-menu li ul li.submenu>a{  
  333.     background:url(images/arrow_right.png) no-repeat 98% 50%;
  334. }
  335.  
  336. #subheader .main-menu li ul li.submenu>a:hover{
  337.     background:#f6f6f6 url(images/arrow_right.png) no-repeat 98% 50%;  
  338. }
  339.  
  340. #subheader .main-menu li ul li{
  341.     border:1px solid #d9d9d9;
  342.     border-bottom:0;
  343.     background:#FFF
  344. }
  345.  
  346. #subheader .main-menu li ul li a:hover{
  347.     color:#333333;
  348.     background:#f6f6f6;
  349. }
  350.  
  351. #subheader .main-menu li ul li:last-child{
  352.     border-bottom:1px solid #d9d9d9
  353. }
  354.  
  355. #subheader .main-menu li ul li a{
  356.     padding:0 25px 0 12px;
  357.     line-height:33px
  358. }
  359.  
  360. #subheader .main-menu li ul li ul{
  361.     top:-1px!important;
  362.     left:100%!important;
  363.     padding:0!important
  364. }
  365.  
  366.  
  367. #subheader .search{
  368.     width:236px;
  369.     float:left;
  370. }
  371.    
  372. #subheader .search input {
  373.     font: normal 14px/100% Arial, Helvetica, sans-serif;
  374. }
  375.  
  376. #subheader .search .searchfield {
  377.     background: #fff;
  378.     padding: 7px 6px 7px 8px;
  379.     width: 220px;
  380.     border: solid 1px #bcbbbb;
  381.     outline: none;
  382.     margin-top:4px;
  383.     border-radius: 15px;
  384.     -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  385.     -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  386.     box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  387. }
  388.  
  389. #content{
  390.     float: left;
  391.     width: 716px;
  392.     overflow:auto; 
  393. }
  394.  
  395. #featured-cat{
  396.     overflow: auto;
  397.     margin: 10px 10px 5px;
  398.     border-bottom:1px solid #D4D4D4;
  399.    
  400. }
  401.  
  402. #featured-cat .cat-title{  
  403.     background:#f6f6f6;
  404.     border-bottom:1px solid #dbdbdb;   
  405.     padding:5px;
  406.     margin-bottom:5px;
  407. }
  408.  
  409. #featured-cat .box{
  410.     width:220px;
  411.     float:left;
  412.     overflow:hidden;
  413. }
  414.  
  415. #featured-cat .margin-right{
  416.     margin-right:15px;
  417. }
  418.  
  419. #featured-cat .thumb{
  420.     position:relative;
  421.     float:left;
  422.     width:220px;
  423.     height:130px;
  424.     overflow:hidden;
  425. }
  426.    
  427. #featured-cat .date{
  428.     position:absolute;
  429.     background: #000000;
  430.     color: #FFFFFF;
  431.     display: block;
  432.     font-size: 12px;
  433.     font-weight: 700;
  434.     opacity: 0.7;
  435.     padding: 2px 5px 4px 5px;
  436.     top: 20px;
  437. }
  438.  
  439. #featured-cat .details{
  440.     margin-bottom:10px;
  441.     clear:both;
  442.     padding-top: 8px;  
  443. }
  444.  
  445. #content .post{
  446.     overflow: auto;
  447.     margin: 10px 10px 5px 0px;
  448.     }
  449.  
  450. #content .post a:hover{
  451.     color:#3B9E3B;
  452. }
  453.  
  454. #content .post a:link{
  455.     color:#000
  456. }
  457.  
  458. #content  .s_socialbar{
  459.     margin-top:30px;
  460.     margin-left: -80px;
  461.     display: block;
  462.     position: absolute;
  463.     background:#ECF5FA;
  464.     border-radius:7px;
  465. }
  466.  
  467. #content  .s_socialbar ul{
  468.     margin:10px 5px 0px 5px;
  469. }
  470. #content  .s_socialbar ul li{
  471.     margin-bottom:10px;
  472. }
  473.  
  474. #content  .s_socialbar .fb-like{
  475.     margin:0px 0px 4px 4px;
  476. }
  477.  
  478. #content .post .postmeta {
  479.     overflow:auto;
  480.     padding:2px;
  481.     font-size:12px;
  482.     color: #777777;
  483. }
  484.  
  485. #content .post .postmeta .comments{
  486.     float:right;
  487.     margin-right: 10px;
  488.     background:url(images/comments.png) no-repeat left center;
  489.     padding-left:20px;  
  490. }
  491.  
  492. #content .wp-post-image{
  493.     background-color: #F3F3F3;
  494.     border: 1px solid #DDDDDD;
  495.     border-radius: 3px 3px 3px 3px;
  496. }
  497.  
  498. #content .entry img{
  499.     max-width: 97.5%;
  500.     height:auto;
  501.     border:1px solid #ddd;
  502.     background-color:#f3f3f3;
  503.     -moz-border-radius:3px;
  504.     -khtml-border-radius:3px;
  505.     -webkit-border-radius:3px;
  506.     border-radius:3px;
  507.     margin:10px 0;
  508. }
  509.  
  510. #content .thumb-twitter-entry{
  511.     overflow:auto;
  512.     width: 420px;
  513.     float:left;
  514. }
  515.  
  516. #content .thumb-entry{
  517.     float:left;
  518.     width: 489px;
  519. }
  520.  
  521. #content .twitter-entry{
  522.     float:left;
  523.     width: 635px;
  524. }
  525.  
  526. #content .entry{
  527.     overflow:auto;
  528.     margin-bottom:20px;
  529. }
  530.  
  531. #content .entry p{
  532.     margin-bottom:15px;
  533. }
  534.  
  535. #content .post-twitter{
  536.     width: 60px;
  537.     float:left;
  538.     margin:15px 0px 0px 5px;
  539. }
  540.  
  541. #content .wp-caption{
  542.     border:1px solid #ddd;
  543.     text-align:center;
  544.     background-color:#f3f3f3;
  545.     padding-top:4px;
  546.     margin:10px 5px;
  547.     -moz-border-radius:3px;
  548.     -khtml-border-radius:3px;
  549.     -webkit-border-radius:3px;
  550.     border-radius:3px;
  551. }
  552. #content .wp-caption img{
  553.     margin:0;
  554.     padding:0;
  555.     border:0 none;
  556. }
  557. #content .wp-caption p.wp-caption-text{
  558.     font-size:11px;
  559.     line-height:17px;
  560.     padding:0 4px 5px;
  561.     margin:0;
  562. }
  563. #content .entry blockquote{
  564.     background: url("images/quote.png") no-repeat;
  565.     font-family: "Georgia", Arial, Helvetica, sans-serif;
  566.     color: #777777;
  567.     margin: 5px 5px 10px 25px;
  568.     padding-left: 32px;
  569.     padding-top: 3px;
  570.     font-style:italic;
  571. }
  572.  
  573. #content .entry ul{
  574.     list-style-type:square;
  575.     margin: 5px 10px 10px 40px;
  576. }
  577.  
  578. #content .entry ol{
  579.     list-style-type:decimal;
  580.     margin: 5px 10px 10px 40px;
  581. }
  582.  
  583. #sidebar{
  584.     float: right;
  585.     width: 300px;
  586.     padding-top:10px;
  587. }
  588.  
  589. #sidebar h4{
  590.     padding: 4px 0px 4px 24px;
  591.     border-bottom:1px solid #dbdbdb;
  592. }
  593.  
  594. #sidebar .box{
  595.     margin-bottom:10px;
  596.     border-bottom: 1px solid #EFEFEF;
  597.     padding:5px;
  598. }
  599.  
  600. #sidebar_social{
  601.     overflow:auto;
  602.     margin:10px 0;
  603. }
  604.  
  605. #sidebar_social a{
  606.     font-size: 12px;
  607.     font-weight: bold;
  608.     padding: 50px 5px 0px; 
  609.    }
  610.  
  611.  
  612. #sidebar_social ul{
  613.     overflow:auto;
  614. }
  615.  
  616. #sidebar_social ul li{
  617.     width:70px;
  618.     float:left;
  619.     padding-top:50px;
  620.     text-align: center;
  621.     overflow:auto; 
  622. }
  623.  
  624. #sidebar .widget_categories,
  625. #sidebar .widget_recent_entries,
  626. #sidebar .widget_archive,
  627. #sidebar .widget_links,
  628. #sidebar .widget_recent_entries,
  629. #sidebar .widget_subscribers,
  630. #sidebar .widget_recent_comments,
  631. #sidebar .widget_meta{
  632.     margin-bottom: 10px;
  633. }
  634.  
  635. #sidebar .widget_categories ul, #footer .widget_categories ul{
  636.     overflow:auto;
  637.     padding:10px 5px;
  638.     margin: 5px;   
  639. }
  640.  
  641. #sidebar .widget_categories ul li, #footer .widget_categories ul li{
  642.     margin-right:8px;
  643.     float: left;   
  644.     font-size: 12px;
  645.     margin-bottom: 10px;
  646. }
  647.  
  648. #sidebar .widget_categories  ul li a, #footer .widget_categories  ul li a{
  649.     background-color: #f6f6f6;
  650.     border-bottom: 1px solid #DBDBDB;
  651.     border-right: 1px solid #DBDBDB;
  652.     color: #777777;
  653.     padding: 3px 6px;
  654.     text-decoration: none;
  655.     white-space: nowrap;
  656. }
  657.  
  658. #sidebar .widget_categories  ul li a:hover,#footer .widget_categories  ul li a:hover{
  659.     text-decoration: none; 
  660.     background: #E8E8E8;
  661.     color:#3B9E3B;
  662. }
  663.  
  664. #sidebar .widget_categories h4{
  665.     background:#f6f6f6 url('images/tag.png') no-repeat 5px center;
  666. }
  667.  
  668. #sidebar .widget_archive h4{
  669.     background:#f6f6f6 url('images/calendar.png') no-repeat 5px center;
  670. }
  671.  
  672. #sidebar .widget_archive ul, #sidebar .widget_links ul{
  673.     padding:5px;
  674. }
  675.  
  676. #sidebar .widget_archive ul li, #sidebar .widget_links ul li, #sidebar .widget_recent_comments ul li,
  677. #sidebar .widget_recent_entries ul li, #sidebar .widget_meta ul li{
  678.     padding:3px 0px 3px 12px;
  679.     background:url(images/cat_bullet.png) no-repeat left center;
  680. }
  681.  
  682. #sidebar .widget_links h4{
  683.     background:#f6f6f6 url('images/bookmarks.png') no-repeat 5px center;
  684. }
  685.  
  686. #sidebar .widget_recent_comments h4{
  687.     background:#f6f6f6 url('images/comments.png') no-repeat 5px center;
  688. }
  689.  
  690. #sidebar .widget_recent_entries h4{
  691.     background:#f6f6f6 url('images/pages.png') no-repeat 5px center;
  692. }
  693.  
  694. #sidebar .widget_meta h4{
  695.     background:#f6f6f6 url('images/link.png') no-repeat 5px center;
  696. }
  697.  
  698. #sidebar .widget_subscribers .counts{
  699.     margin:15px;
  700.     overflow:auto;
  701. }
  702.  
  703. #sidebar .widget_subscribers .counts img{
  704.     vertical-align:middle;
  705. }
  706. #sidebar .widget_subscribers .fb{
  707.     float:left;
  708.     margin-right: 20px;
  709.     margin-left:25px;
  710. }
  711.  
  712. #sidebar .widget_subscribers .twitter{
  713.     float:left;
  714. }
  715. #sidebar .widget_subscribers .count{   
  716.     display: inline-block;
  717.     font-size: 22px;
  718.     font-weight: bold;
  719.     vertical-align: middle;
  720. }
  721.  
  722. #sidebar .widget_subscribers .count a{
  723.     color: #404040 !important;
  724.     }
  725.  
  726. #sidebar .widget_subscribers .count a:hover{
  727.     text-decoration:none;
  728. }
  729.  
  730. #sidebar .widget_posts{
  731.     margin-bottom:10px;    
  732.     }
  733.  
  734. #sidebar .widget_posts ul.tabs {
  735.     height: 30px;
  736.     line-height: 24px;
  737.     list-style: none;
  738.     background: #FFF;
  739.     background:url(images/sidebar_posts.png) no-repeat top center; 
  740.     font-size: 14px;
  741.     font-weight: bold;
  742.     font-family: 'Droid Serif', Arial;
  743.     border-bottom: 1px solid #D4D4D4;
  744. }
  745.  
  746. #sidebar .widget_posts .tabs li {
  747.     float: left;
  748.     padding-top:3px;
  749.     color: #777;
  750.     cursor: pointer;
  751.     padding-left: 24px;
  752. }
  753.  
  754. #sidebar .widget_posts .tabs li:hover {
  755.     color: #333333;
  756.     text-shadow: 0px 0px 1px #ccc;
  757. }
  758.  
  759. #sidebar .widget_posts .tabs li.current {  
  760.     color: #333333;
  761.     text-shadow: 0px 0px 1px #ccc;
  762. }
  763.  
  764. #sidebar .widget_posts .post_box.visible {
  765.     display: block;
  766. }
  767.  
  768. #sidebar .widget_posts .tabs li.recent{
  769.     background:#f6f6f6 url('images/calendar1.png') no-repeat 5px center;
  770.     margin-right:5px;
  771.     width:65px;
  772. }
  773. #sidebar .widget_posts .tabs li.popular{
  774.     background:#f6f6f6 url('images/heart.png') no-repeat 5px center;
  775.     margin-right:5px;
  776.     width:70px;
  777.     }
  778.  
  779. #sidebar .widget_posts .tabs li.comments{
  780.     background:#f6f6f6 url('images/comments.png') no-repeat 5px center;
  781.     width:80px;
  782. }
  783.  
  784. #sidebar .widget_posts .posts-list li{
  785.     margin-bottom:5px;
  786.     font-size: 12px;
  787.     overflow:auto;
  788.     padding-bottom:5px;
  789. }
  790. #sidebar .widget_posts .post_box {
  791.     display: none;
  792.     border-width: 0 1px 1px;
  793.     padding: 5px;
  794.     height:255px;
  795. }
  796.  
  797. #sidebar .widget_posts .info{
  798.     float:left;
  799.     width:210px;
  800. }
  801.  
  802. #sidebar .widget_posts .meta {
  803.     font-style:italic;
  804. }
  805.  
  806. #sidebar .widget_posts .meta .date{
  807.     float:left;
  808. }
  809.  
  810. #sidebar .widget_posts .meta .cmts{
  811.     float:right;
  812.     margin-right: 10px;
  813.     background:url(images/comment.png) no-repeat left center;
  814.     padding-left:20px;
  815.     font-style:normal;
  816. }
  817.  
  818. #sidebar .widget_posts  .posts-list li .title{
  819.     font-weight:bold;
  820. }
  821.  
  822. #sidebar .widget_posts .thumb{
  823.     width: 60px;
  824.     height: 40px;
  825.     float:left;
  826.     margin-right:5px;  
  827. }
  828.  
  829. #sidebar .widget_posts   .avatar-42{
  830.     width: 42px;
  831.     height: 42px;
  832.     float:left;
  833.     margin-right:5px;
  834. }
  835.  
  836. #sidebar .widget_posts .comment-info{
  837.     float:left;
  838.     width:230px;
  839. }
  840.  
  841. #sidebar .widget_posts .comment-info p{
  842.     line-height:15px;
  843. }
  844.  
  845. #sidebar .widget_facebook h4{
  846.     background:#f6f6f6 url('images/facebook.png') no-repeat 5px center;
  847. }
  848.  
  849. #sidebar .widget_facebook{
  850.     margin-bottom:10px;
  851. }
  852.  
  853. #sidebar .widget_text h4{
  854.     background:#f6f6f6 url('images/about.png') no-repeat 5px center;
  855.     margin-bottom:5px;
  856. }
  857.  
  858. #sidebar .widget_text {
  859.     margin-bottom:10px;
  860. }
  861.  
  862. #sidebar .widget_ad125{
  863.     margin-bottom:10px;
  864.     overflow:auto;
  865. }
  866.  
  867. #sidebar .widget_ad125 h4{
  868.     background:#f6f6f6 url('images/star.png') no-repeat 5px center;
  869.     margin-bottom:5px;
  870. }
  871.  
  872. #sidebar .widget_ad125 li{
  873.     float:left;
  874.     margin:10px 10px;  
  875. }
  876.  
  877. #sidebar .widget_ad125 li img{
  878.     width:125px;
  879.     height:125px;
  880. }
  881. #footer {
  882.     /*background: url("images/bg.png") repeat;*/       
  883. }
  884.  
  885. #footer .wrap{
  886.     width: 1020px;
  887.     margin:0 auto; 
  888.     padding:10px;
  889.     overflow:auto;
  890.     color: #000;   
  891. }
  892.  
  893. #footer .main{
  894.     overflow:auto;
  895.     padding-bottom:5px;
  896.     margin-bottom:10px;
  897. }
  898.  
  899. #footer  .box{
  900.     float: left;
  901.     width:330px;   
  902. }
  903.  
  904. #footer .info{
  905.     font-size:12px;
  906.     text-align:center; 
  907. }
  908.  
  909. #footer a{
  910.     color: #5BA05B;
  911. }
  912.  
  913. #footer h4{
  914.     padding-left:22px;
  915.     margin-bottom:5px;
  916.     color: #CCCCCC;
  917.     text-shadow:none;
  918. }
  919.  
  920. #footer .widget_text h4{
  921.     background:url('images/about.png') no-repeat left center;
  922. }
  923.  
  924. #footer .widget_links h4{
  925.     background:url('images/bookmarks.png') no-repeat left center;
  926. }
  927.  
  928. #footer .widget_archive h4{
  929.     background:url('images/calendar.png') no-repeat left center;
  930. }
  931.  
  932. #footer .widget_categories h4{
  933.     background:url('images/tag.png') no-repeat left center;
  934. }
  935.  
  936. #footer .widget_tag_cloud h4{
  937.     background:url('images/tag.png') no-repeat left center;
  938. }
  939.  
  940. #footer .widget_social h4{
  941.     background:url('images/interact.png') no-repeat left center;
  942. }
  943.  
  944. #footer .widget_tweets h4.title{
  945.     background:url('images/twitter.png') no-repeat left center;
  946. }
  947.  
  948. #footer .widget_recent_entries h4{
  949.     background:url('images/pages.png') no-repeat left center;  
  950. }
  951.  
  952. #footer .widget_recent_comments h4{
  953.     background:url('images/comments.png') no-repeat left center;   
  954. }
  955.  
  956. #footer .widget_meta h4{
  957.     background:url('images/link.png') no-repeat left center;   
  958. }
  959.  
  960. #footer .widget_links, #footer .widget_archive, #footer .widget_categories, #footer .widget_text,
  961. #footer .widget_tag_cloud, #footer .widget_recent_entries, #footer .widget_recent_comments, #footer .widget_meta
  962. {
  963.     float: left;
  964.     width:298px;
  965.     margin-right:10px;
  966. }
  967.  
  968. #footer .widget_links ul li, #footer .widget_archive ul li,
  969. #footer .widget_recent_entries ul li, #footer .widget_recent_comments ul li
  970. {
  971.     padding: 2px 0 2px 20px;
  972.     background:url(images/u.png) no-repeat left center;
  973. }
  974.  
  975. #footer .widget_tweets{
  976.     width:298px;
  977.     float:left;
  978.     margin-right:30px;
  979. }
  980.  
  981. #footer .widget_social{
  982.     width:298px;
  983.     float: left;
  984.     margin-right:10px;
  985. }
  986.  
  987. #sidebar .widget_social h4{
  988.     background:#f6f6f6 url('images/interact.png') no-repeat 5px center;
  989. }
  990.  
  991. #sidebar .widget_social ul{
  992.     padding:10px 5px;
  993. }
  994.  
  995. #footer .widget_social ul{
  996.     padding:0px 15px;
  997. }
  998.  
  999. #footer .widget_social ul li{
  1000.     padding: 2px 0 2px 20px;
  1001. }
  1002.  
  1003. #sidebar .widget_social ul li{
  1004.     padding:4px 0px 4px 20px;
  1005. }
  1006. .widget_social ul li.facebook{
  1007.     background:url(images/facebook.png) no-repeat left center;
  1008. }
  1009. .widget_social ul li.twitter{
  1010.     background:url(images/twitter.png) no-repeat left center;
  1011. }
  1012. .widget_social ul li.gplus{
  1013.     background:url(images/gplus.png) no-repeat left center;
  1014. }
  1015. .widget_social ul li.rss{
  1016.     background:url(images/rss.png) no-repeat left center;
  1017. }
  1018. .widget_social ul li.contact{
  1019.     background:url(images/email.png) no-repeat left center;
  1020. }
  1021.  
  1022.  #gazpo-socialbar {
  1023.     background: #E3EDF4;
  1024.     border-color: #E3EDF4;
  1025.     display: block;
  1026.     margin-left: -65px;
  1027.     position: fixed;
  1028.     top: 200px;
  1029.     width: 65px;
  1030.  }
  1031.  
  1032. #respond .cancel-comment-reply{
  1033.     float:right;
  1034. }
  1035. #comments h3, #content .comments h4 {
  1036.     margin:10px 0px;
  1037. }
  1038.  
  1039. #comments  ol.commentlist {
  1040.     margin: 10px 0 20px 0;
  1041.     list-style-type: none;
  1042.     overflow: visible;
  1043. }
  1044.  
  1045. #comments li.comment {
  1046.     margin-bottom: 10px;    
  1047. }
  1048.  
  1049. #comments li.comment .comment-body {
  1050.     margin-left: 65px;
  1051.     position: relative;
  1052.     min-height:60px;
  1053. }
  1054.  
  1055. #comments li.comment .comment-meta {
  1056.     overflow: hidden;
  1057.     float: left;
  1058.     display: block;
  1059.     width: 50%;
  1060. }
  1061.  
  1062. #comments li.comment .avatar {
  1063.     position: absolute;
  1064.     left: -65px;
  1065.     padding: 3px;
  1066.     border:1px solid #ddd;
  1067.     background-color:#f3f3f3;
  1068. }
  1069.  
  1070. #comments .comment-awaiting-moderation{
  1071.     color: red;
  1072.     font-size:12px;
  1073.     font-style:italic;
  1074. }
  1075.  
  1076. #comments li.comment p {
  1077.     clear: both;    
  1078. }
  1079.  
  1080. #comments li.comment cite, li.bypostauthor li.comment cite {
  1081.     font-weight: bold;
  1082.     font-style: normal;
  1083.     padding-right:10px;
  1084.     margin-right: 8px;
  1085.     float: left;
  1086. }
  1087.  
  1088. #comments .commentmetadata, .commentmetadata a {
  1089.     font-size: 12px;
  1090.     color: #999;
  1091. }
  1092.  
  1093. #comments .commentmetadata a:hover {
  1094.     color: #666;
  1095.     text-decoration: none;
  1096. }
  1097.  
  1098. #comments .says {
  1099.     display: none;
  1100. }
  1101.  
  1102. #comments .comment-meta {
  1103.     margin: 0 0 10px;
  1104.     line-height: 18px;
  1105.     position: relative;
  1106. }
  1107.  
  1108. #comments li.comment .comment-body a.comment-reply-link {
  1109.     display: block;
  1110.     position: absolute;
  1111.     right: 0;
  1112.     top: 0px;
  1113.     padding-right: 10px;
  1114.     font-size: 12px;   
  1115. }
  1116.  
  1117. #comments .children {
  1118.     list-style-type: none;
  1119.     margin: 10px 0 0px 30px;
  1120. }
  1121.  
  1122. #comments .children li.comment .comment-body {
  1123.     margin-left: 70px;
  1124.     position: relative;
  1125.     min-height:60px;
  1126. }
  1127.  
  1128. #comments .children  li.comment .avatar {
  1129.     position: absolute;
  1130.     left: -65px;
  1131. }
  1132.  
  1133. #respond {
  1134.     margin-top:15px;
  1135. }
  1136.  
  1137. #commentform {
  1138.     background: #f6f6f6;    
  1139.     border-radius: 3px;
  1140.     padding: 15px 10px;
  1141.     overflow:auto;
  1142.     margin:20px 0px;   
  1143. }
  1144.  
  1145. #commentform .fields-container{
  1146.     overflow:auto;
  1147.     margin-bottom:15px;
  1148. }
  1149.  
  1150. #commentform  .info{
  1151.     float: left;
  1152.     margin-right: 15px;
  1153.     width: 250px;
  1154. }
  1155.  
  1156. #commentform  .info span{
  1157.     font-style:italic;
  1158. }
  1159.  
  1160. #commentform label{
  1161.     clear: both;
  1162.     color: #667780;
  1163.     display: block;    
  1164.     line-height: 24px;
  1165. }
  1166.  
  1167. #commentform input{
  1168.     width: 240px;
  1169.     border: 1px solid #CAD9E0;
  1170.     color: #333333;
  1171.     font-family: Arial, Helvetica, sans-serif;
  1172.     font-size:14px;
  1173.     margin-bottom: 6px;
  1174.     padding: 8px 3px;
  1175. }
  1176.  
  1177. #commentform textarea {
  1178.     height: 150px;
  1179.     width:98%;
  1180.     border: 1px solid #CAD9E0;
  1181.     border-radius: 3px;
  1182.     color: #333333;
  1183.     font-family: Arial, Helvetica, sans-serif;
  1184.     font-size: 14px;
  1185.     margin-bottom: 6px;
  1186.     margin-top: 2px;
  1187.     padding: 6px 3px;
  1188. }
  1189.  
  1190. #commentform .message{
  1191.     float: left;
  1192.     width: 410px;
  1193. }
  1194.  
  1195. #commentform .gazpo-button{
  1196.     width: 80px;
  1197.     padding: 6px 8px;
  1198. }
  1199.  
  1200. .gazpo-button{
  1201.     border-radius: 6px;
  1202.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  1203.     cursor: pointer;
  1204.     display: inline-block;
  1205.     font: 14px/100% Arial,Helvetica,sans-serif;
  1206.     margin: 0 2px;
  1207.     outline: medium none;
  1208.     padding: 5px 10px;
  1209.     text-align: center;
  1210.     text-decoration: none;
  1211.     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  1212.     vertical-align: baseline;  
  1213.     background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;
  1214.     border: 1px solid #B7B7B7;
  1215.     color: #606060;
  1216. }
  1217.  
  1218. .gazpo-button:hover {
  1219.     background: #ededed;
  1220.     background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  1221.     background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  1222.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
  1223. }
  1224. .gazpo-button:active {
  1225.     color: #999;
  1226.     background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
  1227.     background: -moz-linear-gradient(top,  #ededed,  #fff);
  1228.     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
  1229. }
  1230.  
  1231. .pagination {
  1232.     clear:both;
  1233.     margin: 10px;
  1234.     text-align:center;
  1235.     font-family:Verdana,Tahoma,Arial;
  1236.     font-size: 13px;
  1237.     padding:4px 6px 4px 0;
  1238.     background-color:#FFFFFF;
  1239.     color:#000;
  1240. }
  1241.  
  1242. .pagination span{
  1243.     padding: 3px;
  1244.     margin: 3px;
  1245.     text-align:center;
  1246. }
  1247. .pagination a {
  1248.     padding: 2px 5px 2px 5px;
  1249.     margin-right: 4px;
  1250.     border: 1px solid #000;
  1251.     text-decoration: none;
  1252.     color: #000;
  1253. }
  1254.  
  1255. .pagination a:hover, .pagination a:active{
  1256.     border: 1px solid black;
  1257.     color: #000;
  1258. }
  1259.  
  1260. .pagination .current{
  1261.     padding: 2px 5px 2px 5px;
  1262.     margin-right: 4px;
  1263.     border: 1px solid black;
  1264.     font-weight: bold;
  1265.     background-color: #000;
  1266.     color: #FFF;
  1267. }) no-repeat left center;
  1268. }
  1269.  
  1270. #footer .widget_links h4{
  1271.     background:url() no-repeat 5px center;
  1272. }
  1273.  
  1274. #sidebar .widget_subscribers .counts{
  1275.     margin:15px;
  1276.     overflow:auto;
  1277. }
  1278.  
  1279. #sidebar .widget_subscribers .counts img{
  1280.     vertical-align:middle;
  1281. }
  1282. #sidebar .widget_subscribers .fb{
  1283.     float:left;
  1284.     margin-right: 20px;
  1285.     margin-left:25px;
  1286. }
  1287.  
  1288. #sidebar .widget_subscribers .twitter{
  1289.     float:left;
  1290. }
  1291. #sidebar .widget_subscribers .count{   
  1292.     display: inline-block;
  1293.     font-size: 22px;
  1294.     font-weight: bold;
  1295.     vertical-align: middle;
  1296. }
  1297.  
  1298. #sidebar .widget_subscribers .count a{
  1299.     color: #404040 !important;
  1300.     }
  1301.  
  1302. #sidebar .widget_subscribers .count a:hover{
  1303.     text-decoration:none;
  1304. }
  1305.  
  1306. #sidebar .widget_posts{
  1307.     margin-bottom:10px;    
  1308.     }
  1309.  
  1310. #sidebar .widget_posts ul.tabs {
  1311.     height: 30px;
  1312.     line-height: 24px;
  1313.     list-style: none;
  1314.     background: #FFF;
  1315.     background:url(images/sidebar_posts.png) no-repeat top center; 
  1316.     font-size: 14px;
  1317.     font-weight: bold;
  1318.     font-family: ) no-repeat 5px center;
  1319. }
  1320.  
  1321. #sidebar .widget_subscribers .counts{
  1322.     margin:15px;
  1323.     overflow:auto;
  1324. }
  1325.  
  1326. #sidebar .widget_subscribers .counts img{
  1327.     vertical-align:middle;
  1328. }
  1329. #sidebar .widget_subscribers .fb{
  1330.     float:left;
  1331.     margin-right: 20px;
  1332.     margin-left:25px;
  1333. }
  1334.  
  1335. #sidebar .widget_subscribers .twitter{
  1336.     float:left;
  1337. }
  1338. #sidebar .widget_subscribers .count{   
  1339.     display: inline-block;
  1340.     font-size: 22px;
  1341.     font-weight: bold;
  1342.     vertical-align: middle;
  1343. }
  1344.  
  1345. #sidebar .widget_subscribers .count a{
  1346.     color: #404040 !important;
  1347.     }
  1348.  
  1349. #sidebar .widget_subscribers .count a:hover{
  1350.     text-decoration:none;
  1351. }
  1352.  
  1353. #sidebar .widget_posts{
  1354.     margin-bottom:10px;    
  1355.     }
  1356.  
  1357. #sidebar .widget_posts ul.tabs {
  1358.     height: 30px;
  1359.     line-height: 24px;
  1360.     list-style: none;
  1361.     background: #FFF;
  1362.     background:url(images/sidebar_posts.png) no-repeat top center; 
  1363.     font-size: 14px;
  1364.     font-weight: bold;
  1365.     font-family:
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement