Advertisement
gregrickaby

News Child Theme 1.1.1

Sep 4th, 2011
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 27.10 KB | None | 0 0
  1. /*
  2.     Theme Name: News Child Theme
  3.     Theme URI: http://www.studiopress.com/themes/news
  4.     Description: News is a two or three column child theme created for the Genesis Framework.
  5.     Author: StudioPress
  6.     Author URI: http://www.studiopress.com
  7.    
  8.     Version: 1.1.1
  9.    
  10.     Tags: black, blue, custom-background, custom-header, custom-menu, featured-images, fixed-width, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, white
  11.  
  12.     Template: genesis
  13.     Template Version: 1.7.1
  14.  
  15.     License: GNU General Public License v2.0
  16.     License URI: http://www.opensource.org/licenses/gpl-license.php
  17. */
  18.  
  19. /* Table of Contents
  20.  
  21. * Defaults
  22. * Hyperlinks
  23. * Wrap
  24. * Top Navigation
  25. * Header
  26. * Image Header - Partial Width
  27. * Image Header - Full Width
  28. * Primary Navigation
  29. * Primary Navigation Extras
  30. * Secondary Navigation
  31. * Inner
  32. * Tabs
  33. * Homepage
  34. * Breadcrumb
  35. * Taxonomy Description
  36. * Content-Sidebar Wrapper
  37. * Content
  38. * Headlines
  39. * Unordered / Ordered Lists
  40. * AdSense
  41. * Post Meta
  42. * Author Box
  43. * Post Icons
  44. * Images
  45. * Post Navigation
  46. * Primary / Secondary Sidebars
  47. * Dropdowns
  48. * Buttons
  49. * Search Form
  50. * eNews & Updates Widget
  51. * Latest Tweets Widget
  52. * Calendar Widget
  53. * Footer Widgets
  54. * Footer
  55. * Comments
  56. * Sidebar(s)
  57. * Gravity Forms
  58.  
  59. */
  60.  
  61.  
  62. /* Defaults
  63. ------------------------------------------------------------ */
  64.  
  65. body {
  66.     background: #999;
  67. }
  68.  
  69. body,
  70. h1,
  71. h2,
  72. h2 a,
  73. h2 a:visited,
  74. h3,
  75. h4,
  76. h5,
  77. h6,
  78. p,
  79. input,
  80. select,
  81. textarea {
  82.     color: #333;
  83.     font-family: Arial, Tahoma, Verdana;
  84.     font-size: 13px;
  85.     font-weight: normal;
  86.     line-height: 20px;
  87.     margin: 0;
  88.     padding: 0;
  89.     text-decoration: none;
  90. }
  91.  
  92. input,
  93. select,
  94. textarea,
  95. .sticky,
  96. .taxonomy-description {
  97.     background: #f5f5f5;
  98.     border: 1px solid #ddd;
  99. }
  100.  
  101. li,
  102. ol,
  103. ul {
  104.     list-style-type: none;
  105.     margin: 0;
  106.     padding: 0;
  107. }
  108.  
  109. ol li {
  110.     list-style-type: decimal;
  111. }
  112.  
  113.  
  114. /* Hyperlinks
  115. ------------------------------------------------------------ */
  116.  
  117. a,
  118. a:visited {
  119.     color: #069;
  120.     text-decoration: underline;
  121. }
  122.  
  123. a:hover {
  124.     color:#AC0101;
  125.     text-decoration: none;
  126. }
  127.  
  128. a img {
  129.     border: none;
  130. }
  131.  
  132. a:focus,
  133. a:hover,
  134. a:active {
  135.     outline: none;
  136. }
  137.  
  138.  
  139. /* Wrap
  140. ------------------------------------------------------------ */
  141.  
  142. #wrap {
  143.     background: #FFF;
  144.     width: 960px;
  145.     position: relative;
  146.     -moz-box-shadow: 0 3px 10px #333;
  147.     -webkit-box-shadow: 0 3px 10px #333;
  148.     margin: 10px auto;
  149.     padding: 0;
  150. }
  151.  
  152.  
  153. /* Top Navigation
  154. ------------------------------------------------------------ */
  155.  
  156. #topnav {
  157.     width: 940px;
  158.     font-size: 11px;
  159.     font-weight: 700;
  160.     text-transform: uppercase;
  161.     border-bottom: 1px solid #CCC;
  162.     overflow: hidden;
  163.     margin: 0 auto;
  164.     padding: 5px 0;
  165. }
  166.  
  167. #topnav p {
  168.     font-size: 11px;   
  169. }
  170.  
  171. .topnav-left {
  172.     width: 225px;
  173.     float: left;
  174.     margin: 0;
  175.     padding: 5px 0 0 10px;
  176. }
  177.  
  178. .topnav-right {
  179.     width: 700px;
  180.     float: right;
  181.     margin: 0;
  182.     padding: 3px 0 0;
  183. }
  184.  
  185. #topnav li a:hover,
  186. #topnav li a:active,
  187. #topnav .current_page_item a,
  188. #topnav .current-cat a,
  189. #topnav .current-menu-item,
  190. #subnav li a:hover,
  191. #subnav li a:active,
  192. #subnav .current_page_item a,
  193. #subnav .current-cat a,
  194. #subnav .current-menu-item {
  195.     color: #069;
  196. }
  197.  
  198. #topnav li li a,
  199. #topnav li li a:link,
  200. #topnav li li a:visited,
  201. #subnav li li a,
  202. #subnav li li a:link,
  203. #subnav li li a:visited {
  204.     background: #FFF;
  205.     color: #333;
  206.     width: 138px;
  207.     text-transform: none;
  208.     border-left: 1px solid #CCC;
  209.     border-right: 1px solid #CCC;
  210.     border-bottom: 1px solid #CCC;
  211.     position: relative;
  212.     margin: 0;
  213.     padding: 5px 10px;
  214. }
  215.  
  216. #topnav li li a:hover,
  217. #topnav li li a:active,
  218. #subnav li li a:hover,
  219. #subnav li li a:active {
  220.     background: #F2F2F2;
  221.     color: #069;
  222. }
  223.  
  224. #topnav li ul,
  225. #subnav li ul {
  226.     z-index: 9999;
  227.     position: absolute;
  228.     left: -999em;
  229.     height: auto;
  230.     width: 160px;
  231.     margin: 0;
  232.     padding: 0;
  233. }
  234.  
  235. #topnav li ul a,
  236. #nav li ul a,
  237. #subnav li ul a {
  238.     width: 140px;
  239. }
  240.  
  241. #topnav li ul ul,
  242. #nav li ul ul,
  243. #subnav li ul ul {
  244.     margin: -31px 0 0 159px;
  245. }
  246.  
  247. #topnav li:hover ul ul,
  248. #topnav li:hover ul ul ul,
  249. #topnav li.sfHover ul ul,
  250. #topnav li.sfHover ul ul ul,
  251. #nav li:hover ul ul,
  252. #nav li:hover ul ul ul,
  253. #nav li.sfHover ul ul,
  254. #nav li.sfHover ul ul ul,
  255. #subnav li:hover ul ul,
  256. #subnav li:hover ul ul ul,
  257. #subnav li.sfHover ul ul,
  258. #subnav li.sfHover ul ul ul {
  259.     left: -999em;
  260. }
  261.  
  262. #topnav li:hover ul,
  263. #topnav li li:hover ul,
  264. #topnav li li li:hover ul,
  265. #topnav li.sfHover ul,
  266. #topnav li li.sfHover ul,
  267. #topnav li li li.sfHover ul,
  268. #nav li:hover ul,
  269. #nav li li:hover ul,
  270. #nav li li li:hover ul,
  271. #nav li.sfHover ul,
  272. #nav li li.sfHover ul,
  273. #nav li li li.sfHover ul,
  274. #subnav li:hover ul,
  275. #subnav li li:hover ul,
  276. #subnav li li li:hover ul,
  277. #subnav li.sfHover ul,
  278. #subnav li li.sfHover ul,
  279. #subnav li li li.sfHover ul {
  280.     left: auto;
  281. }
  282.  
  283. #topnav li:hover,
  284. #topnav li.sfHover,
  285. #nav li:hover,
  286. #nav li.sfHover,
  287. #subnav li:hover,
  288. #subnav li.sfHover {
  289.     position: static;
  290. }
  291.  
  292. #topnav ul {
  293.     float: right;
  294.     list-style: none;
  295.     margin: 0 5px 0 0;
  296.     padding: 0;
  297. }
  298.  
  299. #topnav li {
  300.     float: left;
  301.     list-style: none;
  302.     margin: 0;
  303.     padding: 0;
  304. }
  305.  
  306. #topnav li a {
  307.     color: #333;
  308.     display: block;
  309.     text-decoration: none;
  310.     position: relative;
  311.     margin: 0;
  312.     padding: 2px 10px;
  313. }
  314.  
  315. #topnav li a.sf-with-ul {
  316.     padding-right: 10px;
  317. }
  318.  
  319. #topnav li a .sf-sub-indicator {
  320.     display: block;
  321.     width: 0;
  322.     height: 0;
  323.     text-indent: -9999px;
  324.     overflow: hidden;
  325.     position: absolute;
  326.     top: 0;
  327.     right: 0;
  328. }
  329.  
  330. #topnav li li a .sf-sub-indicator {
  331.     top: 10px;
  332. }
  333.  
  334.  
  335. /* Header
  336. ------------------------------------------------------------ */
  337.  
  338. #header {
  339.     width: 960px;
  340.     height: 80px;
  341.     margin: 0 auto;
  342. }
  343.  
  344. #title-area {
  345.     width: 480px;
  346.     float: left;
  347.     overflow: hidden;
  348.     margin: 0;
  349.     padding: 0;
  350. }
  351.  
  352. #title-area #title {
  353.     color: #333;
  354.     font-size: 36px;
  355.     font-family: Georgia, Times New Roman, Trebuchet MS;
  356.     font-weight: 400;
  357.     text-decoration: none;
  358.     line-height: 42px;
  359.     margin: 0;
  360.     padding: 10px 0 0 20px;
  361. }
  362.  
  363. #title-area #title a {
  364.     color: #333;
  365.     text-decoration: none;
  366.     margin: 0;
  367.     padding: 0;
  368. }
  369.  
  370. #title-area #description {
  371.     color: #666;
  372.     font-size: 14px;
  373.     font-style: italic;
  374.     font-weight: 400;
  375.     margin: 0;
  376.     padding: 0 0 0 20px;
  377. }
  378.  
  379. #header .widget-area {
  380.     width: 468px;
  381.     float: right;
  382.     margin: 0;
  383.     padding: 10px 10px 0 0;
  384. }
  385.  
  386. #header .widget-area p {
  387.     margin: 0;
  388.     padding: 0 0 5px;
  389. }
  390.  
  391. #header .widget-area h4 {
  392.     color: #333;
  393.     font-size: 14px;
  394.     font-weight: 400;
  395.     text-decoration: none;
  396.     margin: 10px 0 0;
  397.     padding: 0;
  398. }
  399.  
  400. #header .widget-area ul li {
  401.     list-style-type: square;
  402.     margin: 0 0 0 20px;
  403.     padding: 0;
  404. }
  405.  
  406. /* Image Header - Partial Width
  407. ------------------------------------------------------------ */
  408.  
  409. .header-image #title-area,
  410. .header-image #title-area #title,
  411. .header-image #title-area #title a {
  412.     display: block;
  413.     float: left;
  414.     width: 290px;
  415.     height: 80px;
  416.     text-indent: -9999px;
  417.     overflow: hidden;
  418. }
  419.  
  420. .header-image #title-area #description {
  421.     display: block;
  422.     width: 0;
  423.     height: 0;
  424.     overflow: hidden;
  425. }
  426.  
  427. /* Image Header - Full Width
  428. ------------------------------------------------------------ */
  429.  
  430. .header-full-width #title-area,
  431. .header-full-width #title-area #title,
  432. .header-full-width #title-area #title a {
  433.     width: 960px;
  434. }
  435.  
  436. /* Primary Navigation
  437. ------------------------------------------------------------ */
  438.  
  439. #nav {
  440.     background: #333;
  441.     width: 960px;
  442.     color: #FFF;
  443.     font-family: Arial, Tahoma, Verdana;
  444.     font-size: 11px;
  445.     font-weight: 700;
  446.     text-transform: uppercase;
  447.     overflow: hidden;
  448.     clear: both;
  449.     margin: 0 auto 3px;
  450. }
  451.  
  452. #nav li a {
  453.     color: #FFF;
  454.     display: block;
  455.     text-decoration: none;
  456.     position: relative;
  457.     border-right: 1px solid #666;
  458.     margin: 0;
  459.     padding: 8px 15px;
  460. }
  461.  
  462. #nav li a:hover,
  463. #nav li a:active,
  464. #nav .current_page_item a,
  465. #nav .current-cat a,
  466. #nav .current-menu-item {
  467.     background: #444;
  468. }
  469.  
  470. #nav li li a,
  471. #nav li li a:link,
  472. #nav li li a:visited {
  473.     background: #444;
  474.     color: #FFF;
  475.     width: 138px;
  476.     text-transform: none;
  477.     border-left: 1px solid #999;
  478.     border-right: 1px solid #999;
  479.     border-bottom: 1px solid #999;
  480.     position: relative;
  481.     margin: 0;
  482.     padding: 5px 10px;
  483. }
  484.  
  485. #nav li li a:hover,
  486. #nav li li a:active {
  487.     background: #333;
  488. }
  489.  
  490. #nav li ul {
  491.     z-index: 9999;
  492.     position: absolute;
  493.     left: -999em;
  494.     height: auto;
  495.     width: 160px;
  496.     margin: 0 0 0 -1px;
  497.     padding: 0;
  498. }
  499.  
  500. #nav ul,
  501. #subnav ul {
  502.     width: 100%;
  503.     float: left;
  504.     list-style: none;
  505.     margin: 0;
  506.     padding: 0;
  507. }
  508.  
  509. #nav li,
  510. #subnav li {
  511.     float: left;
  512.     list-style: none;
  513. }
  514.  
  515. #nav li a .sf-sub-indicator,
  516. #subnav li a .sf-sub-indicator {
  517.     background: none;
  518.     display: block;
  519.     width: 10px;
  520.     height: 10px;
  521.     text-indent: -9999px;
  522.     overflow: hidden;
  523.     position: absolute;
  524.     top: 14px;
  525.     right: 5px;
  526. }
  527.  
  528. #nav li li a .sf-sub-indicator,
  529. #subnav li li a .sf-sub-indicator {
  530.     background: none;
  531.     top: 10px;
  532. }
  533.  
  534. /* Primary Navigation Extras
  535. ------------------------------------------------------------ */
  536.  
  537. #nav li.right {
  538.     float: right;
  539.     font-weight: 700;
  540.     margin: 0;
  541.     padding: 8px 15px 8px 0;
  542. }
  543.  
  544. #nav li.right a {
  545.     background: none;
  546.     color: #FFF;
  547.     display: inline;
  548.     text-decoration: none;
  549.     border: none;
  550. }
  551.  
  552. #nav li.right a:hover {
  553.     color: #FFF;
  554.     text-decoration: underline;
  555. }
  556.  
  557. #nav li.rss a {
  558.     background: url(images/rss.png) no-repeat left center;
  559.     margin: 0 0 0 10px;
  560.     padding: 3px 0 3px 16px;
  561. }
  562.  
  563. #nav li.search {
  564.     padding: 3px 10px 0;
  565. }
  566.  
  567. #nav li.twitter a {
  568.     background: url(images/twitter-nav.png) no-repeat left center;
  569.     padding: 3px 0 1px 20px;
  570. }
  571.  
  572. /* Secondary Navigation
  573. ------------------------------------------------------------ */
  574.  
  575. #subnav {
  576.     background: url(images/subnav.png);
  577.     width: 960px;
  578.     font-family: Arial, Tahoma, Verdana;
  579.     font-size: 11px;
  580.     font-weight: 700;
  581.     text-transform: uppercase;
  582.     border-top: 1px solid #CCC;
  583.     border-bottom: 1px solid #CCC;
  584.     overflow: hidden;
  585.     clear: both;
  586.     margin :0 auto;
  587. }
  588.  
  589. #subnav li a {
  590.     color: #333;
  591.     display: block;
  592.     text-decoration: none;
  593.     position: relative;
  594.     margin: 0;
  595.     padding: 7px 15px 6px;
  596. }
  597.  
  598. /* Inner
  599. ------------------------------------------------------------ */
  600.  
  601. #inner {
  602.     background: url(images/inner.png) repeat-x;
  603.     width: 920px;
  604.     overflow: hidden;
  605.     margin: 0 auto;
  606.     padding: 25px 20px 0;
  607. }
  608.  
  609. /* Tabs
  610. ------------------------------------------------------------ */
  611.  
  612. .ui-tabs {
  613.     clear: both;
  614.     width: 600px;
  615.     overflow: hidden;
  616.     margin: 0 0 10px;
  617.     padding: 0;
  618. }
  619.  
  620. .ui-tabs .ui-tabs-hide {
  621.     display: none;
  622. }
  623.  
  624. #content .ui-tabs ul.ui-tabs-nav {
  625.     font-size: 12px;
  626.     list-style-type: none;
  627.     border-top: 3px solid #CCC;
  628.     border-bottom: 1px dotted #AAA;
  629.     clear: both;
  630.     margin: 0 0 15px;
  631.     padding: 10px 0 10px 5px;
  632. }
  633.  
  634. #content .ui-tabs ul.ui-tabs-nav li {
  635.     background: none;
  636.     display: inline;
  637.     text-align: center;
  638.     margin: 0 5px 0 0;
  639.     padding: 0;
  640. }
  641.  
  642. .ui-tabs ul.ui-tabs-nav li a {
  643.     color: #333;
  644.     font-weight: 700;
  645.     text-decoration: none;
  646.     text-transform: uppercase;
  647.     margin: 0;
  648.     padding: 6px 10px;
  649. }
  650.  
  651. .ui-tabs ul.ui-tabs-nav li a:hover {
  652.     background: #069;
  653.     color: #FFF;
  654. }
  655.  
  656. .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
  657.     background: #444;
  658.     color: #FFF;
  659. }
  660.  
  661. .ui-tabs .image {
  662.     margin: 0 10px 0 0;
  663.     padding: 0;
  664. }
  665.  
  666. .ui-tabs .more-link {
  667.     background: #444;
  668.     float: right;
  669.     color: #FFF;
  670.     font-size: 11px;
  671.     font-weight: 700;
  672.     text-decoration: none;
  673.     text-transform: uppercase;
  674.     margin: 15px 0 0;
  675.     padding: 2px 7px;
  676. }
  677.  
  678. .ui-tabs .more-link:hover {
  679.     background: #069;
  680. }
  681.  
  682. .ui-tabs .ui-tabs-panel,
  683. .sidebar-content #content,
  684. .content-sidebar #content {
  685.     width: 600px;
  686. }
  687.  
  688.  
  689. /* Homepage
  690. ------------------------------------------------------------ */
  691.  
  692. #featured-top,
  693. #featured-bottom {
  694.     width: 600px;
  695.     float: left;
  696. }
  697.  
  698. .featured-bottom-right {
  699.     width: 290px;
  700.     float: right;
  701. }
  702.  
  703. #featured-top .widget,
  704. #featured-bottom .widget {
  705.     margin: 0 0 20px;
  706. }
  707.  
  708. .featuredpost .post,
  709. .featuredpage .page {
  710.     border-bottom: 1px dotted #AAA;
  711.     overflow: hidden;
  712.     clear: both;
  713.     margin: 0;
  714.     padding: 10px 0 0;
  715. }
  716.  
  717. .featuredpost img,
  718. .featuredpage img,
  719. .featuredpost .avatar,
  720. .featuredpage .avatar {
  721.     background: #FFF;
  722.     border: 1px solid #DDD;
  723.     margin: 0 0 5px;
  724.     padding: 4px;
  725. }
  726.  
  727. .more-from-category {
  728.     font-weight: 700;
  729.     margin: 0;
  730.     padding: 5px 0 0;
  731. }
  732.  
  733.  
  734. /* Breadcrumb
  735. ------------------------------------------------------------ */
  736.  
  737. .breadcrumb {
  738.     font-size: 11px;
  739.     border-bottom: 1px solid #DDD;
  740.     margin: 0 0 20px;
  741.     padding: 0 0 3px;
  742. }
  743.  
  744.  
  745. /* Taxonomy Description
  746. ------------------------------------------------------------ */
  747.  
  748. .taxonomy-description {
  749.     background: #F4F4F4;
  750.     border: 1px solid #DDD;
  751.     margin: 0 0 30px;
  752.     padding: 10px;
  753. }
  754.  
  755.  
  756. /* Content-Sidebar Wrapper
  757. ------------------------------------------------------------ */
  758.  
  759. #content-sidebar-wrap {
  760.     width: 760px;
  761.     float: left;
  762.     margin: 0;
  763.     padding: 0;
  764. }
  765.  
  766. .sidebar-content #content-sidebar-wrap,
  767. .content-sidebar #content-sidebar-wrap {
  768.     width: 920px;
  769. }
  770.  
  771.  
  772. /* Content
  773. ------------------------------------------------------------ */
  774.  
  775. #content {
  776.     width: 440px;
  777.     float: left;
  778. }
  779.  
  780. .full-width-content #content {
  781.     width: 920px;
  782.     margin: 0;
  783.     padding: 10px 0 0;
  784. }
  785.  
  786. #content blockquote {
  787.     background: #F4F4F4;
  788.     border: 1px solid #DDD;
  789.     margin: 0 15px 15px;
  790.     padding: 10px 20px 0 15px;
  791. }
  792.  
  793. #content .page {
  794.     margin: 0;
  795.     padding: 0 0 20px;
  796. }
  797.  
  798. #content .sticky {
  799.     background: #F4F4F4;
  800.     border: 1px solid #DDD;
  801.     margin: 0 0 40px;
  802.     padding: 10px;
  803. }
  804.  
  805. #content .archive-page {
  806.     float: left;
  807.     width: 45%;
  808.     margin: 0;
  809.     padding: 20px 0;
  810. }
  811.  
  812. #content .post,
  813. .ping-list {
  814.     margin: 0 0 40px;
  815.     padding: 0;
  816. }
  817.  
  818. .home #content .post,
  819. .post-info {
  820.     margin: 0 0 10px;
  821.     padding: 0;
  822. }
  823.  
  824. #content .post p,
  825. #content .page p,
  826. #content ul,
  827. #content ol,
  828. #footer-widgets ul {
  829.     margin: 0;
  830.     padding: 0 0 15px;
  831. }
  832.  
  833. .clear {
  834.     clear: both;
  835. }
  836.  
  837.  
  838. /* Headlines
  839. ------------------------------------------------------------ */
  840.  
  841. #content h1,
  842. #content h2,
  843. #content h3,
  844. #content h4,
  845. #content h5,
  846. #content h6 {
  847.     color: #333;
  848.     font-family: Georgia, Times New Roman, Trebuchet MS;
  849.     font-weight: 400;
  850.     text-decoration: none;
  851.     margin: 0 0 10px;
  852.     padding: 0;
  853. }
  854.  
  855. #content h1,
  856. #content h2 {
  857.     font-size: 22px;
  858. }
  859.  
  860. #featured-top h2,
  861. #featured-top h2 a,
  862. #featured-bottom h2,
  863. #featured-bottom h2 a,
  864. #sidebar h2,
  865. #sidebar h2 a,
  866. #footer-widgets h2,
  867. #footer-widgets h2 a {
  868.     color: #333;
  869.     font-size: 16px;
  870.     font-family: Georgia, Times New Roman, Trebuchet MS;
  871.     font-weight: 400;
  872.     text-decoration: none;
  873.     margin: 0 0 5px;
  874.     padding: 0;
  875. }
  876.  
  877. #featured-top .ui-tabs h2,
  878. #featured-top .ui-tabs h2 a {
  879.     font-size: 20px;
  880.     margin: 0 0 5px;
  881. }
  882.  
  883. #featured-bottom h2,
  884. #featured-bottom h2 a,
  885. #sidebar h2,#sidebar h2 a,
  886. #footer-widgets h2,
  887. #footer-widgets h2 a {
  888.     font-size: 14px;
  889.     margin: 0 !important;
  890. }
  891.  
  892. #content h3 {
  893.     font-size: 18px;
  894. }
  895.  
  896. #content h4 {
  897.     font-size: 16px;
  898. }
  899.  
  900. #content #featured-top h4,
  901. #content #featured-bottom h4,
  902. #sidebar h4,
  903. #sidebar-alt h4,
  904. #footer-widgets h4 {
  905.     color: #333;
  906.     font-family: Arial, Tahoma, Verdana;
  907.     font-size: 12px;
  908.     font-weight: 700;
  909.     text-transform: uppercase;
  910.     border-top: 3px solid #CCC;
  911.     border-bottom: 1px dotted #AAA;
  912.     margin: 0 0 10px;
  913.     padding: 5px 0 5px 5px;
  914. }
  915.  
  916. #sidebar h4,
  917. #sidebar-alt h4 {
  918.     margin: 0 0 5px;
  919. }
  920.  
  921. #footer-widgets h4 {
  922.     border-top: none;
  923.     border-bottom: 1px dotted #AAA;
  924.     margin: 2px 0 10px;
  925.     padding: 5px 0 5px 5px;
  926. }
  927.  
  928. #content h5 {
  929.     font-size: 14px;
  930. }
  931.  
  932. #content ul li,
  933. #sidebar li,
  934. #sidebar-alt li,
  935. #footer-widgets ul li {
  936.     list-style-type: none;
  937.     background: url(images/sidebar-list.png) no-repeat top left;
  938.     word-wrap: break-word;
  939.     margin: 0 0 3px;
  940.     padding: 0 0 0 13px;
  941. }
  942.  
  943. #content .post ol li,
  944. #content .page ol li {
  945.     margin: 0 0 0 25px;
  946.     padding: 0;
  947. }
  948.  
  949. #title-area #title a:hover,
  950. #content h2 a,
  951. #content h2 a:visited,
  952. #footer a,
  953. #footer a:visited {
  954.     color: #333;
  955.     text-decoration: none;
  956. }
  957.  
  958. #content h2 a:hover,
  959. #featured-top h2 a:hover,
  960. #featured-bottom h2 a:hover,
  961. #sidebar h2 a:hover,
  962. #footer-widgets h2 a:hover,
  963. #footer a:hover {
  964.     color: #069;
  965.     text-decoration: none;
  966. }
  967.  
  968. /* Unordered / Ordered Lists
  969. ------------------------------------------------------------ */
  970.  
  971. p,#header .widget-area ul,
  972. #content .ui-tabs .post,
  973. #sidebar ul,#sidebar-alt ul,
  974. #sidebar ul ul,
  975. #sidebar-alt ul ul,
  976. .comment-list,.children {
  977.     margin: 0;
  978.     padding: 0;
  979. }
  980.  
  981.  
  982.  
  983. /* AdSense
  984. ------------------------------------------------------------ */
  985.  
  986. .adsense {
  987.     border-top: 1px solid #DDD;
  988.     padding: 10px 0;
  989. }
  990.  
  991.  
  992. /* Post Meta
  993. ------------------------------------------------------------ */
  994.  
  995. .post-meta {
  996.     border-top: 1px solid #DDD;
  997.     clear: both;
  998.     margin: 0;
  999.     padding: 5px 0 0;
  1000. }
  1001.  
  1002.  
  1003. /* Author Box
  1004. ------------------------------------------------------------ */
  1005.  
  1006. .author-box {
  1007.     background: #F4F4F4;
  1008.     border: 1px solid #DDD;
  1009.     overflow: hidden;
  1010.     margin: 0 0 40px;
  1011.     padding: 10px;
  1012. }
  1013.  
  1014. .author-box img {
  1015.     background: #FFF !important;
  1016.     float: left;
  1017.     border: 1px solid #DDD;
  1018.     margin: 0 10px 0 0;
  1019.     padding: 4px;
  1020. }
  1021.  
  1022.  
  1023. /* Post Icons
  1024. ------------------------------------------------------------ */
  1025.  
  1026. .time {
  1027.     background: url(images/icon-time.png) no-repeat top left;
  1028.     margin: 0 0 0 3px;
  1029.     padding: 0 0 2px 18px;
  1030. }
  1031.  
  1032. .post-comments {
  1033.     background:url(images/icon-comments.png) no-repeat top left;
  1034.     margin: 0 0 0 3px;
  1035.     padding: 0 0 2px 18px;
  1036. }
  1037.  
  1038. .categories {
  1039.     background: url(images/icon-categories.png) no-repeat top left;
  1040.     margin: 0 0 0 3px;
  1041.     padding: 0 0 2px 20px;
  1042. }
  1043.  
  1044. .tags {
  1045.     background: url(images/icon-tags.png) no-repeat top left;
  1046.     margin: 0 0 0 3px;
  1047.     padding: 0 0 2px 18px;
  1048. }
  1049.  
  1050.  
  1051. /* Images
  1052. ------------------------------------------------------------ */
  1053.  
  1054. #content .post-image {
  1055.     border: 1px solid #DDD;
  1056.     margin: 0 10px 10px 0;
  1057.     padding: 4px;
  1058. }
  1059.  
  1060. img.centered,
  1061. .aligncenter {
  1062.     display: block;
  1063.     margin: 0 auto 10px;
  1064. }
  1065.  
  1066. img.alignnone {
  1067.     display: inline;
  1068.     margin: 0 0 10px;
  1069. }
  1070.  
  1071. img.alignleft {
  1072.     display: inline;
  1073.     margin: 0 10px 10px 0;
  1074. }
  1075.  
  1076. img.alignright {
  1077.     display: inline;
  1078.     margin: 0 0 10px 10px;
  1079. }
  1080.  
  1081. .alignleft {
  1082.     float: left;
  1083.     margin: 0 10px 0 0;
  1084. }
  1085.  
  1086. .alignright {
  1087.     float: right;
  1088.     margin: 0 0 0 10px;
  1089. }
  1090.  
  1091. .wp-caption {
  1092.     background: #F4F4F4;
  1093.     text-align: center;
  1094.     border: 1px solid #DDD;
  1095.     padding: 5px 0 0 1px;
  1096. }
  1097.  
  1098. .wp-caption p.wp-caption-text {
  1099.     font-size: 11px;
  1100.     font-weight: 400;
  1101.     line-height: 12px;
  1102. }
  1103.  
  1104. img.wp-smiley,
  1105. img.wp-wink {
  1106.     float: none;
  1107.     border: none;
  1108. }
  1109.  
  1110.  
  1111. /* Post Navigation
  1112. ------------------------------------------------------------ */
  1113.  
  1114. .navigation {
  1115.     width: 100%;
  1116.     margin: 0;
  1117.     padding: 10px 0;
  1118. }
  1119.  
  1120. .navigation ul {
  1121.     list-style-type: none;
  1122.     margin: 0;
  1123.     padding: 0;
  1124. }
  1125.  
  1126. .navigation li {
  1127.     display: inline;
  1128. }
  1129.  
  1130. .navigation li a,
  1131. .navigation li.disabled {
  1132.     color: #069;
  1133.     border: 1px solid #DDD;
  1134.     padding: 5px 8px;
  1135. }
  1136.  
  1137. .navigation li a:hover,
  1138. .navigation li.active a {
  1139.     background: #F4F4F4;
  1140.     color: #069;
  1141.     border: 1px solid #DDD;
  1142.     text-decoration: none;
  1143. }
  1144.  
  1145.  
  1146. /* Primary & Secondary Sidebars
  1147. ------------------------------------------------------------ */
  1148.  
  1149. #sidebar {
  1150.     width: 300px;
  1151.     float: right;
  1152.     display: inline;
  1153. }
  1154.  
  1155. #sidebar-alt {
  1156.     width: 140px;
  1157.     float: left;
  1158.     display: inline;
  1159. }
  1160.  
  1161. #sidebar-bottom-left {
  1162.     width: 145px;
  1163.     float: left;
  1164.     display: inline;
  1165. }
  1166.  
  1167. #sidebar-bottom-right {
  1168.     width: 145px;
  1169.     float: right;
  1170.     display: inline;
  1171. }
  1172.  
  1173. .sidebar-content #sidebar,
  1174. .sidebar-sidebar-content #sidebar {
  1175.     float: left;
  1176. }
  1177.  
  1178. #sidebar embed,#sidebar object,
  1179. #sidebar-alt embed,
  1180. #sidebar-alt object {
  1181.     width: 300px;
  1182.     height: 225px;
  1183.     margin: 10px 0 0;
  1184.     padding: 0;
  1185. }
  1186.  
  1187.  
  1188. /* Dropdowns
  1189. ------------------------------------------------------------ */
  1190.  
  1191. #cat,
  1192. #sidebar .widget_archive select,
  1193. #sidebar-alt .widget_archive select {
  1194.     background: #F4F4F4;
  1195.     width: 100%;
  1196.     color: #333;
  1197.     font-family: Arial, Tahoma, Verdana;
  1198.     font-size: 11px;
  1199.     display: inline;
  1200.     border: 1px solid #DDD;
  1201.     margin: 10px 0 5px;
  1202.     padding: 3px;
  1203. }
  1204.  
  1205. #sidebar .user-profile .avatar,
  1206. #sidebar-alt .user-profile .avatar {
  1207.     background: #F4F4F4;
  1208.     float: left;
  1209.     border: 1px solid #DDD;
  1210.     margin: 0;
  1211.     padding: 4px;
  1212. }
  1213.  
  1214. #sidebar .user-profile p,
  1215. #sidebar-alt .user-profile p {
  1216.     margin: 0;
  1217.     padding: 10px 10px 0;
  1218. }
  1219.  
  1220. #sidebar .user-profile .posts_link,
  1221. #sidebar-alt .user-profile .posts_link {
  1222.     margin: 0;
  1223.     padding: 0 0 10px 10px;
  1224. }
  1225.  
  1226.  
  1227. /* Buttons
  1228. ------------------------------------------------------------ */
  1229.  
  1230. #submit,
  1231. .searchsubmit,
  1232. .enews #subbutton,
  1233. .gform_footer .button {
  1234.     background: #444 !important;
  1235.     color: #FFF;
  1236.     font-size: 11px;
  1237.     font-family: Arial, Tahoma, Verdana;
  1238.     font-weight: 700 !important;
  1239.     text-decoration: none;
  1240.     text-transform: uppercase;
  1241.     border: 1px solid #444;
  1242.     margin: 0;
  1243.     padding: 3px 5px;
  1244. }
  1245.  
  1246. #submit:hover,
  1247. .searchsubmit:hover,
  1248. .enews #subbutton:hover,
  1249. .gform_footer .button:hover {
  1250.     background: #069 !important;
  1251.     text-decoration: none;
  1252.     border: 1px solid #069;
  1253. }
  1254.  
  1255.  
  1256. /* Search Form(s)
  1257. ------------------------------------------------------------ */
  1258.  
  1259. .searchform {
  1260.     margin: 0;
  1261. }
  1262.  
  1263. #header .searchform {
  1264.     float: right;
  1265.     padding: 40px 0 0;
  1266. }
  1267.  
  1268. #sidebar .searchform {
  1269.     padding: 0;
  1270. }
  1271.  
  1272. #nav .searchform {
  1273.     float: right;
  1274.     padding: 0;
  1275. }
  1276.  
  1277. .s {
  1278.     background: #F4F4F4 !important;
  1279.     color: #333;
  1280.     font-family: Arial, Tahoma, Verdana;
  1281.     font-size: 12px;
  1282.     border: 1px solid #DDD;
  1283.     -moz-box-shadow: 0 0 3px #CCC inset;
  1284.     -webkit-box-shadow: 0 0 3px #CCC inset;
  1285.     margin: 0 5px 0 0;
  1286.     padding: 4px 0 4px 5px;
  1287. }
  1288.  
  1289. #header .s,#nav .s,#sidebar .s {
  1290.     width: 215px;
  1291. }
  1292.  
  1293. #sidebar-alt .s {
  1294.     width: 80px;
  1295. }
  1296.  
  1297.  
  1298. /* eNews & Updates Widget
  1299. ------------------------------------------------------------ */
  1300.  
  1301. .enews {
  1302.     background: url(images/enews.png) no-repeat top right;
  1303.     margin: 0;
  1304.     padding: 0 0 5px;
  1305. }
  1306.  
  1307. .enews #subbox {
  1308.     background: #F4F4F4 !important;
  1309.     width: 240px;
  1310.     color: #333;
  1311.     font-family: Arial, Tahoma, Verdana;
  1312.     font-size: 12px;
  1313.     border: 1px solid #DDD;
  1314.     -moz-box-shadow: 0 0 3px #CCC inset;
  1315.     -webkit-box-shadow: 0 0 3px #CCC inset;
  1316.     margin: 5px 8px 0 0;
  1317.     padding: 4px 0 4px 5px;
  1318. }
  1319.  
  1320.  
  1321. /* Latest Tweets Widget
  1322. ------------------------------------------------------------ */
  1323.  
  1324. .latest-tweets {
  1325.     background: url(images/twitter.png) top right no-repeat;
  1326.     margin: 10px 0 0;
  1327.     padding: 0;
  1328. }
  1329.  
  1330.  
  1331. /* Calendar Widget
  1332. ------------------------------------------------------------ */
  1333.  
  1334. #wp-calendar {
  1335.     width: 100%;
  1336.     margin: 0;
  1337.     padding: 0;
  1338. }
  1339.  
  1340. #wp-calendar caption {
  1341.     color: #333;
  1342.     font-size: 12px;
  1343.     font-family: Arial, Tahoma, Verdana;
  1344.     font-style: italic;
  1345.     font-weight: 400;
  1346.     text-align: right;
  1347.     margin: 0;
  1348.     padding: 2px 5px 0 0;
  1349. }
  1350.  
  1351. #wp-calendar th {
  1352.     color: #333;
  1353. }
  1354.  
  1355. #wp-calendar thead {
  1356.     font-weight: 700;
  1357.     background: #F4F4F4 !important;
  1358.     color: #F4F4F4 !important;
  1359.     margin: 10px 0 0;
  1360. }
  1361.  
  1362. #wp-calendar td {
  1363.     background: #F4F4F4;
  1364.     font-weight: 400;
  1365.     text-align: center;
  1366.     margin: 0;
  1367.     padding: 2px;
  1368. }
  1369.  
  1370. #wp-calendar tfoot td {
  1371.     background: none;
  1372.     margin: 0;
  1373.     padding: 0;
  1374. }
  1375.  
  1376.  
  1377. /* Footer Widgets
  1378. ------------------------------------------------------------ */
  1379.  
  1380. #footer-widgets {
  1381.     width: 920px;
  1382.     font-size: 12px;
  1383.     border-top: 3px solid #CCC;
  1384.     overflow: hidden;
  1385.     clear: both;
  1386.     margin: 0 auto;
  1387. }
  1388.  
  1389. #footer-widgets .wrap {
  1390.     width: 920px;
  1391.     margin: 0 auto;
  1392. }
  1393.  
  1394. #footer-widgets .widget {
  1395.     background: none;
  1396.     border: none;
  1397. }
  1398.  
  1399. #footer-widgets p {
  1400.     margin: 0;
  1401.     padding: 0 0 10px;
  1402. }
  1403.  
  1404. .footer-widgets-1 {
  1405.     width: 295px;
  1406.     float: left;
  1407.     padding: 0 20px 0 0;
  1408. }
  1409.  
  1410. .footer-widgets-2 {
  1411.     width: 290px;
  1412.     float: left;
  1413. }
  1414.  
  1415. .footer-widgets-3 {
  1416.     width: 295px;
  1417.     float: right;
  1418. }
  1419.  
  1420.  
  1421. /* Footer
  1422. ------------------------------------------------------------ */
  1423.  
  1424. #footer {
  1425.     width: 940px;
  1426.     font-size: 11px;
  1427.     text-transform: uppercase;
  1428.     border-top: 3px solid #CCC;
  1429.     overflow: hidden;
  1430.     clear: both;
  1431.     margin: 0 auto;
  1432.     padding: 10px 0;
  1433. }
  1434.  
  1435.  
  1436. #footer p {
  1437.     color: #444;
  1438.     font-size: 11px;
  1439. }
  1440.  
  1441. #footer .gototop {
  1442.     width: 200px;
  1443.     float: left;
  1444.     margin: 0;
  1445.     padding: 0 0 0 5px;
  1446. }
  1447.  
  1448. #footer .creds {
  1449.     width: 720px;
  1450.     float: right;
  1451.     text-align: right;
  1452.     margin: 0;
  1453.     padding: 0 5px 0 0;
  1454. }
  1455.  
  1456.  
  1457. /* Comments
  1458. ------------------------------------------------------------ */
  1459.  
  1460. #author,
  1461. #email,
  1462. #url {
  1463.     background: #F4F4F4 !important;
  1464.     width: 250px;
  1465.     color: #333;
  1466.     font-family: Arial, Tahoma, Verdana;
  1467.     font-size: 13px;
  1468.     border: 1px solid #DDD;
  1469.     -moz-box-shadow: 0 0 3px #CCC inset;
  1470.     -webkit-box-shadow: 0 0 3px #CCC inset;
  1471.     margin: 5px 5px 0 0;
  1472.     padding: 5px;
  1473. }
  1474.  
  1475. #comment {
  1476.     background: #F4F4F4 !important;
  1477.     width: 98%;
  1478.     height: 150px;
  1479.     color: #333;
  1480.     font-family: Arial, Tahoma, Verdana;
  1481.     font-size: 13px;
  1482.     border: 1px solid #DDD;
  1483.     -moz-box-shadow: 0 0 3px #CCC inset;
  1484.     -webkit-box-shadow: 0 0 3px #CCC inset;
  1485.     margin: 5px 0;
  1486.     padding: 5px;
  1487. }
  1488.  
  1489. .comment-list li,
  1490. .ping-list li {
  1491.     font-weight: 700;
  1492.     list-style: none;
  1493.     margin: 15px 0 5px;
  1494.     padding: 10px 5px 10px 10px;
  1495. }
  1496.  
  1497. .comment-list li ul li {
  1498.     margin-right: -6px;
  1499.     margin-left: 10px;
  1500. }
  1501.  
  1502. .comment-list p,
  1503. .ping-list p {
  1504.     font-weight: 400;
  1505.     text-transform: none;
  1506.     margin: 10px 5px 10px 0;
  1507.     padding: 0;
  1508. }
  1509.  
  1510. .comment-list li .avatar {
  1511.     background: #FFF !important;
  1512.     float: right;
  1513.     border: 1px solid #DDD;
  1514.     margin: 0 5px 0 10px;
  1515.     padding: 4px;
  1516. }
  1517.  
  1518. .comment-list cite,
  1519. .comment-list cite a,
  1520. .ping-list cite,
  1521. .ping-list cite a {
  1522.     font-weight: 700;
  1523.     font-style: normal;
  1524. }
  1525.  
  1526. .commentmetadata {
  1527.     font-size: 11px;
  1528.     font-weight: 400;
  1529. }
  1530.  
  1531. #respond:after {
  1532.     content: ".";
  1533.     display: block;
  1534.     height: 0;
  1535.     clear: both;
  1536.     visibility: hidden;
  1537. }
  1538.  
  1539. .nocomments {
  1540.     text-align: center;
  1541.     margin: 0;
  1542.     padding: 0;
  1543. }
  1544.  
  1545. .reply a,
  1546. .reply a:visited {
  1547.     font-size: 11px;
  1548. }
  1549.  
  1550. #comments .navigation {
  1551.     display: block;
  1552.     margin: 10px 0 0;
  1553. }
  1554.  
  1555. .thread-alt,
  1556. .thread-even {
  1557.     background: #F4F4F4;
  1558.     margin: 0;
  1559.     padding: 0;
  1560. }
  1561.  
  1562. .depth-1,
  1563. .even,
  1564. .alt {
  1565.     border: 1px solid #DDD;
  1566.     margin: 0;
  1567.     padding: 0;
  1568. }
  1569. .comment-list ol,
  1570. .ping-list ol,
  1571. .alt {
  1572.     margin: 0;
  1573.     padding: 10px;
  1574. }
  1575.  
  1576. #featured-bottom,
  1577. #content h6,
  1578. .comments {
  1579.     font-size: 12px;
  1580. }
  1581.  
  1582. /* Sidebar(s)
  1583. ------------------------------------------------------------ */
  1584.  
  1585. .sidebar-sidebar-content #content-sidebar-wrap,
  1586. .sidebar-content-sidebar #content-sidebar-wrap,
  1587. .sidebar-content #content,
  1588. .sidebar-sidebar-content #content,
  1589. .content-sidebar-sidebar #sidebar-alt {
  1590.     float: right;
  1591. }
  1592.  
  1593. #sidebar .user-profile,
  1594. #sidebar-alt .user-profile,
  1595. .enews #subscribe {
  1596.     overflow: hidden;
  1597. }
  1598.  
  1599. .featuredpost,
  1600. .featuredpage,
  1601. #sidebar .widget,
  1602. #sidebar-alt .widget,
  1603. #respond {
  1604.     margin: 0 0 20px;
  1605.     padding: 0;
  1606. }
  1607.  
  1608. .featured-bottom-left {
  1609.     width: 290px;
  1610.     float: left;
  1611. }
  1612.  
  1613.  
  1614. /* Gravity Forms
  1615. ------------------------------------------------------------ */
  1616.  
  1617. .gform_wrapper input,
  1618. .gform_wrapper textarea,
  1619. .gform_wrapper select {
  1620.     background: #F4F4F4 !important;
  1621.     color: #333 !important;
  1622.     font-family: Arial, Tahoma, Verdana;
  1623.     font-size: 12px !important;
  1624.     border: 1px solid #DDD;
  1625.     -moz-box-shadow: 0 0 3px #CCC inset;
  1626.     -webkit-box-shadow: 0 0 3px #CCC inset;
  1627.     padding: 4px 0 4px 5px !important;
  1628. }
  1629.  
  1630. .gform_footer input.button {
  1631.     color: #FFF !important;
  1632. }
  1633.  
  1634. .gform_wrapper .ginput_complex label {
  1635.     font-size: 12px !important;
  1636. }
  1637.  
  1638. .gform_wrapper li,
  1639. .gform_wrapper form li {
  1640.     margin: 0 0 10px !important;
  1641. }
  1642.  
  1643. .gform_wrapper .gform_footer {
  1644.     border: none !important;
  1645. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement