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

style.css

By: jtsacupunk on May 1st, 2012  |  syntax: None  |  size: 26.25 KB  |  hits: 17  |  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: The Journal
  3. Version: 1.5.1
  4. Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
  5. Author: WooThemes
  6. Author URI: http://www.woothemes.com
  7. */
  8.  
  9. /* Default styles */
  10. @import "reset.css";
  11.  
  12. body {
  13. background-color: #F8F8F8; padding-top:10px; background-image:url('images/puntos-fondo.jpg');background-attachment:fixed;
  14. }
  15.  
  16. #wrap {
  17.         /*background: none; */
  18. background-color: #ffffff; margin: 0 auto;width: 946px;padding:5px;
  19. }
  20.  
  21. /* Wrap */
  22.  
  23. #wrap { }
  24.  
  25. /* Top */
  26.  
  27. #top {
  28.         width: 942px;
  29.         margin: 0 auto;
  30.         border:none;
  31. }
  32.  
  33. /* Top Meta */
  34.  
  35. #top-meta {
  36.         width: 942px;
  37.         height:15px;
  38.         padding:10px 0px 5px 4px;
  39.         border-bottom-width: 1px;
  40.         border-bottom-style:solid;
  41.         margin-bottom:15px;
  42. }
  43.  
  44. #top-meta .date {
  45.         font-size:11px;
  46. font-weight:bold;
  47. /*      height:21px;
  48.         width:765px;*/
  49.         float:left;
  50.         margin-right:12px;
  51. }
  52.  
  53. #top-meta .search {
  54. float:right;
  55.         /*font-size:21px;
  56.         padding: 0 5px 0 15px;
  57.        
  58.        
  59.        
  60. height:38px;*/
  61. margin-top:-6px;
  62. border-left-width: 1px;
  63.         border-left-style:solid;width: 200px;
  64. }
  65.  
  66. form#topSearch {
  67.         background-color:#ffffff;
  68.         border:2px solid #cccccc;
  69.         width: 200px; height:16px; padding:2px;
  70. float:right;
  71. }
  72.  
  73. form#topSearch input {
  74.                 color: #666666;
  75.                 font-size: 12px;
  76.                 font-style:italic;
  77.                 font-weight: normal;
  78.                 width: 180px;
  79.                 height:16px;
  80.                 background: none;
  81.                 overflow: hidden;
  82.                 border: none;
  83.                 padding-left:20px;
  84.         }
  85.  
  86. form#topSearch button {
  87.                         background: url(images/ico-search.png) no-repeat;
  88.                         margin-top:-18px;
  89.                         width: 16px; height: 16px;
  90.                         border: none;
  91.                         /*top: 2px; left: 2px;*/
  92.             text-indent: -999px; float:left;
  93.                 }
  94.  
  95. #weather{
  96. clear:both
  97. }
  98.  
  99.  
  100. #top-meta .rss {
  101.         padding: 4px 0px 0 10px;
  102.         float:left;
  103.         width:165px;
  104.         border-left-width: 1px;
  105.         border-left-style:solid;
  106.     margin-left: 10px;
  107. }
  108.  
  109. #top-meta .rss a {
  110.         background: url(images/ico-rss.png) no-repeat 0 5px;
  111.         padding: 6px 0 3px 23px;
  112. }
  113.  
  114. #top-meta .contact-link {
  115.         padding: 4px 20px 0 10px;
  116.  
  117.     border-left-style: solid;
  118.     border-left-width: 1px;
  119.         float:right;
  120. }
  121.  
  122. #top-meta .contact-link a {
  123.         background: url(images/ico-contact-link.png) no-repeat 0 5px;
  124.         padding: 6px 0 3px 23px;
  125. }
  126.  
  127. /* Highlights */
  128.  
  129. #highlights {
  130.         width: 303px;
  131.         padding:10px;
  132.         border-bottom-width: 3px;
  133.         border-bottom-style:solid;
  134. float:right;
  135. background-color:#C23A3C;
  136. }
  137.  
  138. #highlights2 {
  139.         width: 303px;
  140.         padding:10px;
  141.         border-bottom-width: 3px;
  142.         border-bottom-style:solid;
  143. float:right;
  144. background-color:#F2F2F2;
  145. border-bottom-color: #cccccc;
  146. }
  147.  
  148. #highlights h3 {
  149.         font-size: 14px;
  150.         padding:0;
  151. /*      font-style: italic;*/
  152.         float:left;
  153.         margin-bottom:10px;
  154. }
  155.  
  156. #highlights .more {
  157.         float:right;
  158.         font-size:12px;
  159.         font-family: Helvetica, Arial, sans-serif;
  160.         text-transform:uppercase;
  161. /*      padding-top:5px;*/margin-bottom: 10px;
  162. }
  163.  
  164. #highlights .post {
  165.         width: 300px;
  166.         margin-right:20px;
  167.         float:left;
  168.        
  169. }
  170.  
  171. #highlights .last {
  172.         margin-right:0;
  173. }
  174.  
  175. #highlights .post .image {
  176.         float:left;
  177.         width: 145px;
  178.         padding-left:0px;
  179.         padding-right:0px;
  180. }
  181.  
  182. #highlights .post .image img {
  183.         border-width:5px;
  184.         border-style:solid;
  185. }
  186.  
  187. #highlights .post .content {
  188.         border-top-width: 1px;
  189.         border-top-style:solid;
  190.         width:100%;
  191. float:left;
  192.         padding-top:10px;padding-left:6px;
  193. }
  194.  
  195. #highlights .post .content .read_more a {
  196.         font-size:10px;
  197.         font-family: Helvetica, Arial, sans-serif;
  198.         text-transform:uppercase;
  199.         padding:2px;
  200. }
  201.  
  202. #highlights .post .content p {
  203.         padding: 0 0 10px 0;
  204. }
  205.  
  206. #highlights .post .content a {
  207.         font-size: 12px;
  208. }
  209.  
  210. /* Page Navigation */
  211.  
  212. #top-nav {
  213.         width: auto;
  214. height: auto;
  215.         font-size: 11px;
  216.         border-top-width: 2px;
  217.         border-bottom-width:2px;
  218.         border-top-style:solid;
  219.         border-bottom-style:solid;
  220.         margin-bottom:2px;
  221.         background-color:#B60002;
  222. }
  223.  
  224. #top-nav a {
  225.         color: #ffffff;
  226.         font-family: helvetica,arial,sans-serif;
  227.         font-size:12px;
  228. }
  229.  
  230. #top-nav a:hover {
  231.         text-decoration: underline;
  232. }
  233.  
  234. #top-nav ul {
  235.         padding: 0;
  236. }
  237.  
  238. #top-nav .col-left {
  239.         margin-left: -6px;
  240. }
  241.  
  242. #top-nav .current_page_item ul li a {
  243.         color:#111111;
  244. }
  245.  
  246. #top-nav .current_page_item ul li a:hover {
  247.         color:#ffffff;
  248. }
  249.  
  250. /* Page Nav */
  251.  
  252. #nav, #nav ul {
  253.         padding: 0;
  254.         margin: 0;
  255.         list-style: none;
  256.         line-height: 1;
  257.         z-index: 100;
  258. }
  259.  
  260. #nav a {
  261.         display: block;
  262.         line-height: 28px;
  263.         padding: 0 10px;
  264.         z-index: 100;
  265.         text-transform:uppercase;
  266. }
  267.  
  268. #nav li {
  269.         float: left;
  270. }
  271.  
  272. /* Style drop down list */
  273.  
  274. #nav li ul { position: absolute; width: 172px; left: -999em; border-top: 1px solid #F7F6F6;}
  275. #nav li ul li { border: 1px solid #F7F6F6; border-width:0 1px 1px; background: #FFF; }
  276. #nav li ul li a { line-height: 25px; font-size: 11px; color: #555555; width: 150px; }
  277. #nav li ul ul { margin: -26px 0 0 170px; }
  278. #nav li ul ul li a { line-height: 25px; }
  279. #nav li ul li ul li a { border-width:0 1px 1px 0px; }
  280. #nav li:hover ul, #nav li.sfhover ul { left: auto; }
  281. #nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
  282. #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
  283. #nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */
  284.  
  285. /* Header */
  286.  
  287.  
  288.  
  289. #header {
  290.         width: auto;
  291.         height: 122px;
  292.         padding-top: 10px;
  293.         clear: both;
  294.         position: relative;
  295.         margin:2px 0;
  296.         border-bottom-width: 1px;
  297.         border-bottom-style:solid;
  298. }
  299.  
  300. #header h1 {
  301.         display: none;
  302. }
  303.  
  304. #header .logo {
  305.         float:left;
  306.         width:303px;
  307.         margin-top:-20px;
  308.         /*margin-right:18px;*/
  309. }
  310.  
  311. #header #header-banner-ad {
  312.         position: absolute;
  313.         left: 470px;
  314.         top:50px;
  315. }
  316.  
  317.  #header .recent-entries {
  318.     width:625px;
  319.     float:right;
  320.     height:138px;  
  321.    
  322. }
  323.  
  324.  
  325.  
  326. #header .recent-entries .archives {
  327.     width:130px;
  328.     padding-right:10px;
  329.     float:left;
  330.     text-align:right;
  331.    
  332. }
  333.  
  334. #header .recent-entries .archives h3 {
  335.     padding:0;
  336.     margin-bottom:65px;
  337.     font-size: 14px;
  338. }
  339.  
  340. #header .recent-entries .archives p {
  341.     font-size:13px;
  342.     letter-spacing:-1px;
  343.     line-height:14px;
  344.     margin-bottom:0;
  345. }
  346.  
  347. #header .recent-entries ul {
  348.     width:478px;
  349.     float:right;
  350.     border-left-width: 4px;
  351.     border-left-style:solid;
  352.     padding:0;
  353.     height:138px;
  354.     overflow:hidden;
  355. }
  356.  
  357. #header .recent-entries li {
  358.     width:135px;
  359.     padding: 0 10px;
  360.     float:left;
  361.     height:130px;
  362.     border-left-width: 1px;
  363.     border-left-style:solid;
  364.     overflow: hidden;
  365. }
  366.  
  367. #header .recent-entries h4 {
  368.     padding:0;
  369.     text-transform:uppercase;
  370.     letter-spacing:-1px;
  371. }
  372.  
  373.  
  374.  
  375. .the-category {
  376.         margin-bottom:5px;
  377.         clear:both;
  378.         padding:0;
  379. }
  380.  
  381. .the-category a {
  382.         font-family: Helvetica, Arial, sans-serif;
  383.         font-size:10px;
  384.         text-transform:uppercase;
  385.         color:#636363;
  386.         font-weight:bold;
  387. }
  388.  
  389. #header .recent-entries h4 a {
  390.     font-size:16px;
  391.     font-weight:normal;
  392. }
  393.  
  394.  
  395. /* Content */
  396.  
  397. #content {
  398.         width: 946px;
  399.         margin:0 auto;
  400.         min-height: 550px;
  401. background-color:#ffffff;
  402. padding:5px;
  403. margin-top:5px;        
  404. }
  405. * html #content { height: 550px; }
  406.  
  407. #main {
  408.         width:617px;
  409.        
  410. }
  411.  
  412. #main.fullwidth {
  413.         width:942px;
  414. }
  415.  
  416.  
  417. /* Home Page */
  418.  
  419. .threecol_one {
  420.         width:300px;
  421.         height:400px;
  422.         margin-right:0px;
  423.         float:left;
  424.         margin-bottom:16px;
  425. }
  426.  
  427. .threecol_two {
  428.         width:296px;
  429.         height:400px;
  430.         float:left;
  431.         margin: 0 20px 16px 0px;
  432. border-bottom-width:1px;
  433.         border-bottom-style:solid;border-bottom-color: #cccccc;
  434. }
  435.  
  436. .threecol_three {
  437.         width:596px;
  438.         float:left;
  439.         margin-bottom:16px;
  440. }
  441.  
  442. /*.threecol_three {
  443.         width:303px;
  444.         float:right;
  445.         margin-bottom:16px;
  446. }*/
  447.  
  448. #featured_photo {
  449.         border-bottom-width:1px;
  450.         border-bottom-style:solid;
  451. }
  452.  
  453. #featured_photo img {
  454.         border-width:4px;
  455.         border-style:solid;
  456. }
  457.  
  458. #featured_photo div {
  459.     padding-top:  10px;
  460.         padding-bottom:10px;
  461.         margin-bottom:2px;
  462.         border-bottom-width:0px;
  463.         border-bottom-style:solid;
  464. }
  465.  
  466. #featured_post {
  467.         padding-bottom:10px;
  468.         border-bottom-width:0px;
  469.         border-bottom-style:solid;
  470.         margin-bottom:2px;
  471.     overflow: hidden;
  472. }
  473.  
  474. #featured_post p {
  475.         font-size: 16px;
  476.         font-style: italic;
  477.         letter-spacing:-1;
  478.         line-height:22px;      
  479. }
  480.  
  481. #featured_post h2 a {
  482.         font-size:24px;
  483.         color:#111111;
  484. }
  485.  
  486. #categories-module {
  487.         width:596px;
  488.         float:right;
  489. }
  490.  
  491. #categories-module p {
  492.         padding:0;
  493. }
  494.  
  495. .category-box {
  496.         border-bottom-style:solid;
  497.         border-bottom-width:1px;
  498.         padding-bottom:8px;
  499.         margin-bottom:5px;
  500.         width:298px;
  501. float:left;
  502. }
  503.  
  504. .category-box .category {
  505.         padding: 0 0 5px 0;
  506.         margin:0;
  507. }
  508.  
  509. .category-box h3 a {
  510.         font-size:14px;
  511.         font-weight:normal;
  512. }
  513.  
  514. .category-image-block {
  515.         float:left;
  516.         margin-right:20px;
  517. }
  518.  
  519. .category-image-block img {
  520.         border-width:5px;
  521.         border-style:solid;
  522. }
  523.  
  524. hr {
  525.         height:5px;
  526.         margin-bottom:15px;
  527.         clear:both;
  528.         border:none;
  529. }
  530. .hr {
  531.     height:5px;
  532.     margin-bottom:15px;
  533.     clear:both;
  534.     border:none;
  535. }
  536.  
  537.  
  538. #also {
  539.  
  540.         margin: 0 0px 15px 0;
  541. }
  542.  
  543. #also-header {
  544.         margin-bottom:15px;
  545.         padding-bottom:10px;
  546.         border-bottom-style:solid;
  547.         border-bottom-width:1px;
  548. }
  549.  
  550. #also-header h3 {
  551.         font-size:18px;
  552.         font-style:italic;
  553.         float:left;
  554. }
  555.  
  556. #also-header .carousel-nav {
  557.     float:right;
  558.    
  559. }
  560.  
  561. #also-header .carousel-nav img {
  562.         cursor: pointer;
  563. }
  564.  
  565. #categories-crop {
  566.     width: 942px;
  567.     overflow: hidden;
  568. }
  569.  
  570. #categories-slider {
  571.         margin-bottom: 10px;
  572.         float:left;
  573. width:8000px
  574. }
  575.  
  576. #categories-slider .panel {
  577.         float:left;
  578.         width:147px;
  579.         margin-right:12px;
  580. }
  581.  
  582. #categories-slider .panel-image {
  583.         float:left;
  584.     margin-bottom: 5px;
  585. }
  586.  
  587. #categories-slider .panel h3 {
  588.         font-size:14px;
  589.         font-weight:normal;
  590.         font-style:normal;
  591. }
  592. #categories-slider .panel h3 a:link,
  593. #categories-slider .panel h3 a:visited { color: #333;}
  594.  
  595. #bottom ul {
  596.         padding:0;
  597. }
  598.  
  599. #bottom li {
  600.         padding:2px 0;
  601. }
  602.  
  603. #bottom .featured_article {
  604.         border:none;
  605.         padding: 0 20px 20px 0;
  606. }
  607.  
  608. #bottom .featured_article .more_featured {
  609.         text-align:right;
  610.         padding:0;
  611. }
  612.  
  613. #bottom .featured_article h3 {
  614.         font-size:24px;
  615.         font-style:italic;
  616. }
  617.  
  618. #bottom #col_two li {
  619.         padding-bottom:10px;
  620.         margin-bottom:10px;
  621.         border-bottom-style:solid;
  622.         border-bottom-width:1px;
  623. }
  624. #bottom #col_two li li{ display: none;}    
  625.  
  626. /* Tabs */
  627.  
  628. #tabs {
  629.         width:296px;
  630.         float:left;
  631.         padding-top:20px;
  632.         border-top-width:1px;
  633.         border-top-style:solid;
  634. }
  635.  
  636. ul.idTabs {
  637.         width: 100%;
  638.         padding: 0 !important;
  639. }
  640.  
  641. ul.idTabs li {
  642.         display: inline;
  643.         font-family: Georgia;
  644.         font-weight: bold;
  645. }
  646.  
  647. ul.idTabs li a {
  648.         line-height: 25px;
  649.         font-family:Helvetica, Arial, Verdana, sans-serif;
  650.         font-size:10px;
  651.         text-transform:uppercase;
  652.         text-decoration:none;
  653.         color: #2e3738 !important;
  654.         display: block;
  655.         float: left;
  656.         padding: 0 5px;
  657.         margin-right: 4px;
  658. }
  659.  
  660. ul.idTabs li a.selected, ul.idTabs li a:hover {
  661.         text-decoration:none;
  662. }
  663.  
  664. .inside ul {
  665.         padding:10px !important;
  666.         border-bottom-width:5px;
  667.         border-bottom-style:solid;
  668. }
  669.  
  670. .inside li {
  671.         margin: 0 0 5px 0 !important;
  672.         padding: 0 0 5px 0 !important;
  673.         list-style-type: none !important;
  674.         color:#ffffff;
  675.         border-bottom-style:solid;
  676.         border-bottom-width:1px;
  677. }
  678.  
  679. .inside li a {
  680.         color:#ffffff;
  681. }
  682.  
  683. /* Adverts */
  684.  
  685.  
  686. #mpu_ad {
  687.         float:right;
  688.         width:303px;
  689.         border:none;
  690.         margin-bottom:15px;
  691. }
  692.  
  693. #leaderboard_ad {
  694.   text-align: center;
  695.   background: url(images/ad-deco.gif) center center no-repeat;
  696.   height:90px;
  697. }
  698.  
  699. #button_ad {
  700.         float:right;
  701.         width:200px;
  702.         height:90px;
  703. }
  704.  
  705. /* Main Content (style) */
  706.  
  707. #main a { text-decoration: underline; }
  708. #main a:hover { text-decoration: none; }
  709. #main h2, #main h3 { font-weight: normal; }
  710. #main h2 { font-size: 24px; }
  711. #main h3 {font-size: 18px; }
  712. #main h4 { font-size: 12px; }
  713. #main ol, #main ul { line-height: 18px; }
  714. #main ul { padding-left: 50px; }
  715. #main ul li { list-style: circle; padding: 3px 0; }
  716. #main ol { padding-left: 57px; }
  717. #main ol li { list-style: decimal; padding: 3px 0; }
  718. #main blockquote {
  719.         border-left:2px solid #777777;
  720.         color:#777777;
  721.         font-style:italic;
  722.         margin:5px auto 15px;
  723.         padding:0px 10px;
  724.         width:85%;
  725. }
  726.  
  727. #bottom {
  728.         width:942px;
  729.         border:none;
  730.        
  731.         float:left;
  732.         margin-top:15px;
  733.         padding-top:15px;
  734.  
  735. }
  736.  
  737. #bottom #col_one {
  738.         width:222px;
  739.         border:none;
  740.         float:left;
  741.         margin-right:18px;
  742. }
  743.  
  744. #bottom #col_two {
  745.         width:222px;
  746.         float:left;
  747.         margin-right:18px;
  748. }
  749.  
  750. #bottom #col_three {
  751.         width:222px;
  752.         float:left;
  753.         margin-right:18px;
  754. }
  755.  
  756. #bottom #col_four {
  757.         width:222px;
  758.         float:left;
  759. }
  760.  
  761. #bottom .widget h3 {
  762.         font-size:14px;
  763.         font-style:italic;
  764.         padding-bottom:5px;
  765.         border:none;
  766.         margin-bottom:18px;
  767. }
  768.  
  769. /* Main Content (post) */
  770.  
  771. #main .post { padding:0 0 15px;}
  772.  
  773. #main .post2 div p{height: 75px;}
  774.  
  775. #infohelp {float:left; padding-top:5px}
  776.  
  777. #infohelp2 {}
  778.  
  779. #main .post2 { padding:5px; width:180px; float:left; margin-left:7px; margin-bottom:4px; border:1px solid #7E9DBC;-webkit-border-bottom-right-radius: 10px;
  780. -webkit-border-bottom-left-radius: 10px;
  781. -moz-border-radius-bottomright: 10px;
  782. -moz-border-radius-bottomleft: 10px;
  783. border-bottom-right-radius: 10px;
  784. border-bottom-left-radius: 10px;background-color:#f6f6f6;height:280px;}
  785.  
  786. #main .post3 {width:190px; float:left; margin-left:10px; margin-bottom:6px; background-color:#f6f6f6;height:130px;
  787. /*-webkit-box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .6);
  788. -moz-box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .6);
  789. box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .6);*/}
  790.  
  791. #main .post3:hover{text-decoration:underline}
  792.  
  793. /*#main .post3:hover{-webkit-box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .4);
  794. -moz-box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .4);
  795. box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .4);}*/
  796.  
  797. #blockd{clear:both;margin-bottom:10px;padding-bottom:3px; margin-top:5px;
  798. /*border-bottom:1px solid #7E9DBC;-webkit-border-bottom-right-radius: 10px;
  799. -webkit-border-bottom-left-radius: 10px;
  800. -moz-border-radius-bottomright: 10px;
  801. -moz-border-radius-bottomleft: 10px;
  802. border-bottom-right-radius: 10px;
  803. border-bottom-left-radius: 10px;*/
  804. }
  805.  
  806. #catt{
  807. border-bottom:1px solid #7E9DBC;border-top:1px solid #7E9DBC; margin-bottom:8px;
  808. font-size:16px; font-weight:bold; color:#333333;
  809. }
  810.  
  811. p#catt{padding-left:4px;}
  812.  
  813. #main .post-title {     font-size:36px; margin-bottom:30px; padding-top:0; font-weight: normal; }
  814.  
  815. #main .page-title {     font-size:28px; font-weight: normal; }
  816.  
  817. #main .page-title2{font-size:12px; font-weight: normal; text-align:center; font-weight:bold;padding:5px;color:#566688; height:30px;}
  818.  
  819. #main .page-title3{font-size:12px; font-weight: bold; text-align:center;color:#566688;background-color:#BE1E2D;padding:3px;opacity:0.9;filter:alpha(opacity=90); /* For IE8 and earlier */;text-align:left}
  820.  
  821.  
  822. #main .page-title3 a {color:#ffffff; text-decoration:none;display:block; padding-left:17px;}
  823.  
  824. .wt{position:absolute; margin-top:55px; margin-left:-2px; z-index:3;}
  825.  
  826. #main .page-title2 a {color:#566688}
  827.  
  828. #detailsd {font-size:11px; font-weight: normal; text-align:center; /*background-color:#f6f6f6;*/ border-top:1px dotted #cccccc;padding:3px;height:auto;}
  829.  
  830. #detailsd2 {font-size:11px; font-weight: bold; text-align:left;padding:2px; color:#333333; width:auto; float:right;     vertical-align:bottom}
  831.  
  832. #detailsd2 img{vertical-align:middle;}
  833.  
  834. #detailsd3 {font-size:11px;position:absolute; margin-top:109px; margin-right:20px; width:190px; z-index:2}
  835.  
  836. /*#detailsd3 a {color:#ffffff; background-color:#BE1E2D;padding-left:4px;padding-right:4px; padding-top:3px;padding-bottom:3px; opacity:0.9;
  837. filter:alpha(opacity=90); /* For IE8 and earlier */; text-decoration:none; border-left: solid 2px #ffffff;}*/
  838.  
  839. #desc{height:75px;}
  840.  
  841. #tel{color:#000000; float:left; margin-top:5px}
  842.  
  843. #tel2{color:#000000; float:right; margin-right:1px; font-size:9px;}
  844.  
  845. #main .image {text-align:center}
  846.  
  847. p.post-details {
  848.         border-bottom-width:1px;
  849.         border-bottom-style:solid;
  850.         padding-bottom:5px !important;
  851.         margin-bottom:5px;
  852. }
  853.  
  854. #main h2 a, #main h3 a { color: #2A2A2A; text-decoration: none; }
  855. #main h2 a:hover, #main h3 a:hover { text-decoration: underline; }
  856. #main p.post-details { line-height: 18px; font-size:11px !important; margin-top: -10px; position: relative; }
  857. #main p.post-details a { text-decoration: none; }
  858. #main p.post-details a:hover { text-decoration: underline; }
  859. #main p.post-details {
  860.         color: #9F9F9F;
  861.         font-size: 11px;
  862.         padding: 0 0px 0 1px
  863. }
  864. #main .post h4 { margin-top: 1px; clear: both; width: 100%; }
  865. #main .post h4.continue a {
  866.         background: #A8BC70;
  867.         padding: 5px 10px;
  868.         color: #fff;
  869.         text-decoration: none;
  870. }
  871. #main .post h4.continue a:hover {background: #9fb26a;}
  872. #main .post img.thumbnail {
  873.         background-color:#EEEEEE;
  874.         border:1px solid #DDDDDD;
  875.         padding:5px;
  876.      float: right;
  877.      margin: 15px 0 15px 15px;    
  878. }
  879. #main .post p { font-size:16px; line-height:22px; text-align:justify;}
  880.  
  881. #main .post img.gallery { margin:0 7px 7px 0; }
  882. #main h2.arh {
  883.         border-bottom: #cccccc 1px solid;
  884.         margin-bottom: 10px;
  885.         padding-bottom:10px;
  886.         font-size:14px;
  887.         text-transform:uppercase;
  888. }
  889.  
  890.  
  891.  
  892. /* Main Content (advert 468x60) */
  893.  
  894. #main .advert_468x60 {
  895.         background-color:#EDEDED;
  896.         padding:12px 0;
  897.         margin: 5px 0 25px 0;
  898.         text-align:center;
  899. }
  900. #main .latest .advert_468x60 {margin-left:33px;}
  901.  
  902. /* Main Content (post>single) */
  903.  
  904. #main p.tags {
  905.         width: 597px;
  906.         padding:5px 10px;
  907.         clear: both;
  908.         font-size:11px;
  909.        
  910. }
  911. .single #main .advert_468x60 {margin: 15px 0 0px 0;}
  912. #main .page h2 {padding-top: 5px;}
  913.  
  914. /* Comments */
  915.  
  916. #comments h3 { font-size: 20px; font-weight: normal;padding: 10px 0 20px 0;}
  917.  
  918. #comments #comments_wrap {padding: 0; position: relative; margin-top:20px;}
  919. #comments #comments_wrap h2 {
  920.         font-size:18px;
  921.         font-style:italic;
  922.         padding: 10px 0;
  923.         border-top-style:solid;
  924.         border-top-width:5px;
  925.         letter-spacing:-1px;
  926. }
  927. #comments ol.commentlist li { list-style-type:none; }
  928.  
  929. #comments .comment { margin: 18px 0 30px 0; padding-bottom:30px; width: 100%; border-bottom-style:solid; border-bottom-width:1px; }
  930. #comments .comment a { text-decoration: underline; }
  931. #comments .comment a:hover { text-decoration: none; }
  932. #comments .comment small { font-size: 10px;     margin-top: -2px; }
  933.  
  934. #comments .comment .col-left {width: 110px;}
  935. #comments .comment .col-left img {border: #EDEDED 5px solid;}
  936. #comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
  937. #comments .comment .col-left .inside {
  938.         width: 110px;
  939.         float: left;
  940.         position: relative;
  941.         overflow: hidden;
  942.         min-height:70px;
  943. }
  944.  
  945. #comments .comment .col-right {
  946.         min-height: 70px;
  947.         background: #fff;
  948.         padding: 10px 20px;
  949.         border: #EDEDED 1px solid;
  950.         margin-left:100px;
  951.         float:none;
  952. }
  953.  
  954. #comments .comment div.avatar {
  955.         float:left;
  956.         width:80px;
  957. }
  958.  
  959. #comments .comment img.avatar {
  960. }
  961.  
  962. #comments .comment .comment-entry p {
  963.         font-size:14px;
  964.         line-height:18px;
  965.         padding-left:80px;
  966. }
  967.  
  968. #comments .comment .comment-head {
  969.         margin-bottom:10px;
  970. }
  971.  
  972. #comments .reply {
  973.         text-align:right;
  974. }
  975.  
  976. #comments .reply a {
  977.         padding:3px;
  978.         font-family: Helvetica, Arial, sans-serif;
  979.         text-transform:uppercase;
  980.         text-decoration:none;
  981.         font-size:10px;
  982. }
  983.  
  984. * html #comments .comment .col-right { height: 100px; }
  985. #comments .comment span.reply { float:right; padding: 3px 3px 0; font-size:11px; }
  986. #comments .comment span.reply a { text-decoration:none; color:#aaa; }
  987.  
  988. #comments ul.children { padding:10px 0 0 30px; margin-left:30px; border-left-style:solid; border-left-width:1px; }
  989. #comments ul.children li { border:none; }
  990.  
  991. #comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
  992. #comments .navigation a {
  993.         background: #9F9F9F;
  994.         color: #fff;
  995.         display: block;
  996.         padding: 5px 9px;
  997.         margin-left: 4px;
  998.         font-family:Georgia;
  999.         font-weight:bold;
  1000. }
  1001. #comments .navigation a:hover {background: #888;}
  1002. #comments .commentlist {
  1003.         padding:0;
  1004.         border-top-style:solid;
  1005.         border-top-width:1px;
  1006. }
  1007. #comments .commentlist p{padding:0 0 10px;}
  1008.  
  1009. #comments .commentlist #respond #form_wrap {
  1010.         padding:0 0 25px;
  1011.         margin:0;
  1012.         border:0;
  1013.         width:auto;
  1014. }
  1015.  
  1016. #respond h2 {
  1017.         font-size:18px;
  1018.         margin-bottom:18px;
  1019. }
  1020. #commentform {
  1021.         background-color:#eeeeee;
  1022.         padding:10px;
  1023. }
  1024. #commentform p {
  1025.         padding:0;
  1026.         margin-bottom:10px;
  1027. }
  1028.  
  1029. #commentform .comment-fields {
  1030.         float:left;
  1031.         width:368px;
  1032. }
  1033.  
  1034.  
  1035. #commentform .comment-info {
  1036.         float:right;
  1037.         width:200px;
  1038.         padding: 15px 10px 0 0;
  1039. }
  1040.  
  1041. #commentform .comment-info p {
  1042.         font-size:12px;
  1043.         font-style:italic;
  1044. }
  1045. #commentform label {
  1046.         float:left;
  1047.         width:368px;
  1048. }
  1049. #commentform #author, #commentform #email, #commentform #url, #commentform #comment {
  1050.         width:356px;
  1051.         padding:5px;
  1052.         border:1px solid #ffffff;
  1053. }
  1054. #comments .commentlist .children #respond #form_wrap .col-right{float:none;}
  1055. #comments .cancel-comment-reply {margin-bottom:10px;}
  1056.  
  1057. #commentform #submit {
  1058.         padding:5px;
  1059.         font-family: Helvetica, Arial, sans-serif;
  1060.         font-size:11px;
  1061.         border-style: solid;
  1062.         border-width:1px;
  1063.         text-transform:uppercase;
  1064. }
  1065.  
  1066. /* Sidebar */
  1067.  
  1068. #sidebar {
  1069.         width: 300px;
  1070.         overflow: hidden;
  1071.  
  1072. }
  1073.  
  1074. #sidebar ul {
  1075.         clear: both;
  1076. }
  1077. #sidebar ul li a {
  1078.         color: #636363;
  1079.         display:block;
  1080. }
  1081.  
  1082. #sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {
  1083.         color: #000;
  1084. }
  1085.  
  1086. #sidebar ul li span {
  1087.         font-size:11px;
  1088.         font-family:Arial, Helvetica, sans-serif;
  1089.         color:#878787;
  1090.         font-weight:normal;
  1091. }
  1092.  
  1093. /* Sidebar (block) */
  1094.  
  1095. #sidebar .block {
  1096.         width: 300px;
  1097. }
  1098.  
  1099. #sidebar .subcol .block {
  1100.         width: 300px;
  1101. }
  1102.  
  1103. /* Sidebar (widgetized)*/
  1104.  
  1105. #sidebar .textwidget {
  1106.         clear:both;
  1107.         padding:0;
  1108.  
  1109.  
  1110. }
  1111.  
  1112. #sidebar .widget {
  1113.         margin-bottom:25px;
  1114.         border:none;
  1115. }
  1116.  
  1117. #sidebar .sidebar-top .widget {
  1118.  
  1119. border:0; background-color: transparent;
  1120.  
  1121. }
  1122.  
  1123. #sidebar .widget ul {
  1124.         padding:0;
  1125.        
  1126. }
  1127.  
  1128. #sidebar .widget a {
  1129.         font-size:12px;
  1130.         font-style:italic;
  1131.         padding-left:0px;
  1132.        
  1133. }
  1134.  
  1135. #sidebar .widget li {
  1136.         padding:0px;
  1137. }
  1138.  
  1139. #sidebar .widget h3 {
  1140.         font-size:13px;
  1141.         font-style:italic;
  1142.         padding:5px;
  1143.         margin-bottom:0px;
  1144. }
  1145.  
  1146. #sidebar li {
  1147.         border:none;
  1148.         line-height: 18px;
  1149.         overflow: hidden;
  1150. }
  1151.  
  1152. /* Sidebar (widgetized>list>inside)*/
  1153.  
  1154. #sidebar ul ul {
  1155.         padding: 0;
  1156.         margin: 3px 0 0 0;
  1157.         border:0;
  1158. }
  1159.  
  1160. #sidebar ul ul li {
  1161.         border: 0;
  1162.         padding-bottom: 0;
  1163.         border-top:1px solid #E2E2E2;
  1164. }
  1165.  
  1166. /* Sidebar (widgets)*/
  1167.  
  1168.  
  1169. #tag_cloud h2 {display: block;float: none;}
  1170. .textwidget {clear: both;padding: 5px 2px;line-height:20px;}
  1171. #wp-calendar {
  1172.         width: 95%;
  1173.         padding: 0 0 0px 0;
  1174.         margin-bottom: 15px;
  1175.         clear: both;
  1176. }
  1177. #wp-calendar caption {padding: 10px; margin-bottom:5px;}
  1178. #wp-calendar th {color: #fff;}
  1179. #wp-calendar th, #wp-calendar td {
  1180.         padding: 5px;
  1181.         text-align: center;
  1182.         background: #E7E7E7;
  1183.         color: #9E9E9E;
  1184. }
  1185. #wp-calendar td {background: transparent;}
  1186. #wp-calendar td, table#wp-calendar th {padding: 3px 0;}
  1187. #wp-calendar a {text-decoration: underline;}
  1188. #wp-calendar a:hover {text-decoration: none;}
  1189.  
  1190. /* Sidebar (Search)*/
  1191.  
  1192. #sidebar #search_main form div {
  1193.         position: relative;
  1194.         height: 30px;
  1195.         background: #ccc;
  1196.         margin-bottom:25px;
  1197.        
  1198. }
  1199.  
  1200. #sidebar #search_main input.field {
  1201.         width: 303px;
  1202.         position: absolute;
  1203.         left: 12px;
  1204.         top: 7px;
  1205.         padding-top: 2px;
  1206.         outline: none;
  1207.         font-family: Arial, Helvetica, sans-serif;
  1208.         font-size: 12px;
  1209.         color: #fff;
  1210.         border: 0;
  1211.         background: transparent;
  1212.         z-index: 1;
  1213. }
  1214.  
  1215. #sidebar #search_main input.submit {
  1216.         position: absolute;
  1217.         right: 0;
  1218.         top: 0;
  1219.         z-index: 1;
  1220. }
  1221.  
  1222.  
  1223. /* Sidebar (flickr) */
  1224.  
  1225. #flickr h3 {
  1226.     padding-bottom: 5px;
  1227.         margin-bottom:10px;
  1228.     border-bottom: 1px solid #ccc;
  1229. }
  1230.  
  1231. #flickr h3 span {
  1232.         color: #0061D8;
  1233. }
  1234.  
  1235. #flickr h3 span span {
  1236.         color: #FF1183;
  1237. }
  1238.  
  1239. #flickr .wrap {
  1240.         margin-left: -5px;
  1241.         padding: 0;
  1242.         position: relative;
  1243.         margin-bottom:25px;
  1244. }
  1245.  
  1246. #flickr a img {
  1247.         float: left;
  1248.         margin-left: 10px;
  1249.         margin-bottom: 10px;
  1250.         display: block;
  1251.         padding: 3px;
  1252.         background: #fff;
  1253.         border: #CECFC6 1px solid;
  1254. }
  1255.  
  1256. #flickr a:hover img {
  1257.         border: #A8AA99 1px solid;
  1258. }
  1259.  
  1260. /* Footer */
  1261.  
  1262. #footer {
  1263.         width: 946px;
  1264.         padding: 5px;
  1265.         margin:0px auto;
  1266.         font-size: 11px;
  1267.         color: #fff;
  1268.         text-align:center;
  1269. }
  1270.  
  1271. #footer #category-nav, #footer #page-nav {
  1272.         text-align:center;
  1273.         padding: 5px 0;
  1274. }
  1275.  
  1276. #footer #category-nav li, #footer #page-nav li {
  1277.         display:inline;
  1278.         margin-right:20px;
  1279. }
  1280.  
  1281. #footer #page-nav li {
  1282.         padding-right:8px;
  1283.         margin-right:8px;
  1284.         border-right-style:solid;
  1285.         border-right-width:1px;
  1286. }
  1287.  
  1288. #footer #category-nav a {
  1289.         text-transform:uppercase;
  1290. }
  1291.  
  1292. #footer a{ color:#fff; }
  1293. #footer .credits img {vertical-align: middle;}
  1294. #footer .credits span {display: none;}
  1295.  
  1296. /* PINGBACKS */
  1297. h3#pings  { margin: 0 0 10px 0; }
  1298. .pinglist { margin: 0 0 20px; }
  1299. .pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
  1300. .pinglist li .author  { font-weight: bold; font-size: 15px; }
  1301. .pinglist li .date  { font-size: 11px; }
  1302. .pinglist li .pingcontent  { display: block; margin: 10px 0; }
  1303.  
  1304. /* GRAVITY FORMS */
  1305. .gfield { margin-bottom: 10px; }
  1306. .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
  1307. .gform_wrapper input.button { padding: 5px 10px 6px !important; }
  1308. .gform_wrapper input { padding: 7px 3px !important; border: 1px solid #ccc; }
  1309. .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; border: 1px solid #ccc; }
  1310. .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
  1311. ul.top_label .clear-multi { clear: none !important; }
  1312. .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
  1313. img.ui-datepicker-trigger { border: 0px; padding: 0px; }
  1314.  
  1315. /*Extra*/
  1316.  
  1317. .ai1ec-agenda-widget-view .ai1ec-day, .ai1ec-agenda-widget-view .ai1ec-weekday {
  1318. color:#333333
  1319. }
  1320.  
  1321. #buscar{font-size:14px; font-weight: normal;}
  1322.  
  1323. #buscar2{float:right}
  1324.  
  1325. #flecha{float:right}
  1326.  
  1327. .search-box2{width:290px}
  1328.  
  1329. .tabla-dir{
  1330. font-size:10pt;
  1331. line-height:14pt}
  1332.  
  1333. .tabla-dir td{
  1334. padding-top: 0.3em;
  1335.  
  1336. padding-right: 0.5em;
  1337.  
  1338. padding-bottom: 0.3em;
  1339.  
  1340. padding-left: 0.5em;
  1341. }
  1342.  
  1343. .tabla-dir #g{
  1344. width: 6em;
  1345. font-size: 9pt;
  1346. font-family: sans-serif;
  1347. font-weight: bold;
  1348. color: #888888;
  1349. text-align: right;
  1350. text-shadow: #ffffff;
  1351. background-color: transparent;
  1352. background-image: -moz-linear-gradient(right center , transparent, rgba(0, 0, 0, 0.07) 1em, rgba(0, 0, 0, 0.03));
  1353. background-repeat: repeat;
  1354. background-attachment: scroll;
  1355. background-position: 0% 0%;
  1356. background-clip: border-box;
  1357. background-origin: padding-box;
  1358. background-size: auto auto;}
create a new version of this paste RAW Paste Data