home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / thegreenhouse / default.css next >
Cascading Style Sheet File  |  2007-02-22  |  4KB  |  248 lines
  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. body {
  8.     margin: 0;
  9.     padding: 0;
  10.     background: #749865 url(images/img01.gif) repeat-x;
  11.     font: normal small Arial, Helvetica, sans-serif;
  12.     line-height: 1.8em;
  13.     color: #838B91;
  14. }
  15.  
  16. h1, h2, h3, h4, h5, h6 {
  17.     margin: 0;
  18.     padding: 0;
  19.     font-family: Georgia, "Times New Roman", Times, serif;
  20.     font-weight: normal;
  21.     color: #468259;
  22. }
  23.  
  24. h2 {
  25.     padding-left: 20px;
  26.     background: url(images/img07.gif) no-repeat left center;
  27.     font-size: 22px;
  28. }
  29.  
  30. h3 {
  31.     margin-bottom: 1em;
  32.     text-transform: uppercase;
  33.     letter-spacing: 2px;
  34.     font-size: .9em;
  35.     font-weight: bold;
  36. }
  37.  
  38. p, blockquote, ul, ol {
  39.     margin-top: 0;
  40. }
  41.  
  42. blockquote {
  43.     padding: 0 0 0 40px;
  44.     background: url(images/img11.gif) no-repeat;
  45.     font: italic small Georgia, "Times New Roman", Times, serif;
  46.     line-height: 1.6em;
  47. }
  48.  
  49. a {
  50.     background: url(images/img03.gif) repeat-x left bottom;
  51.     text-decoration: none;
  52.     color: #468259;
  53. }
  54.  
  55. a:hover {
  56.     background: none;
  57.     text-decoration: underline;
  58. }
  59.  
  60. /* Wrapper */
  61.  
  62. #wrapper {
  63.     background: #FFFFFF url(images/img04.gif) repeat-x left bottom;
  64. }
  65.  
  66. /* Menu */
  67.  
  68. #menu {
  69.     width: 750px;
  70.     height: 60px;
  71.     margin: 0 auto;
  72. }
  73.  
  74. #menu ul {
  75.     margin: 0;
  76.     padding: 0;
  77.     list-style: none;
  78. }
  79.  
  80. #menu li {
  81.     display: block;
  82.     float: left;
  83.     width: 148px;
  84.     height: 60px;
  85.     padding: 0 0 0 2px;
  86.     background: url(images/img02.gif) no-repeat;
  87. }
  88.  
  89. #menu a {
  90.     display: block;
  91.     width: 108px;
  92.     height: 36px;
  93.     padding: 20px 20px 0 20px;
  94.     background: none;
  95.     letter-spacing: -1px;
  96.     font: normal 1.6em Georgia, "Times New Roman", Times, serif;
  97.     color: #E1E9E2;
  98. }
  99.  
  100. #menu a:hover {
  101.     border-bottom: 4px solid #5A7C50;
  102.     text-decoration: none;
  103.     color: #FFFFFF;
  104. }
  105.  
  106. #menu .active a {
  107.     background: #E1E9E2;
  108.     border-bottom: 4px solid #E1E9E2;
  109.     text-decoration: none;
  110.     color: #749865;
  111. }
  112.  
  113. /* Header */
  114.  
  115. #header {
  116.     width: 754px;
  117.     height: 247px;
  118.     margin: 0 auto;
  119.     padding: 13px 0 0 0;
  120. }
  121.  
  122. #header h1 {
  123.     float: left;
  124.     width: 104px;
  125.     height: 110px;
  126.     padding: 104px 100px 0 20px;
  127.     background: url(images/img05.jpg) no-repeat;
  128.     line-height: 32px;
  129.     font-size: 30px;
  130. }
  131.  
  132. #header h2 {
  133.     float: right;
  134.     width: 494px;
  135.     height: 34px;
  136.     padding: 180px 20px 0 0;
  137.     background: url(images/img06.jpg) no-repeat;
  138.     text-transform: lowercase;
  139.     text-align: right;
  140.     letter-spacing: -1px;
  141.     font-size: 22px;
  142.     color: #FFFFFF;
  143. }
  144.  
  145. /* Content */
  146.  
  147. #content {
  148.     width: 750px;
  149.     margin: 0 auto;
  150. }
  151.  
  152. /* Posts */
  153.  
  154. #posts {
  155.     float: right;
  156.     width: 510px;
  157. }
  158.  
  159. #posts .post {
  160.     padding-bottom: 30px;
  161. }
  162.  
  163. #posts .story {
  164.     padding: 15px 20px 0 20px;
  165.     background: url(images/img10.gif) repeat-x
  166. }
  167.  
  168. #posts .meta {
  169.     padding: 5px 0 0 20px;
  170.     background: url(images/img03.gif) repeat-x;
  171. }
  172.  
  173. #posts .meta p {
  174.     margin: 0;
  175.     line-height: normal;
  176.     font-size: smaller;
  177. }
  178.  
  179. #posts ul {
  180.     list-style: url(images/img12.gif);
  181. }
  182.  
  183. #posts ul li {
  184. }
  185.  
  186. /* Links */
  187.  
  188. #links {
  189.     float: left;
  190.     width: 220px;
  191. }
  192.  
  193. #links ul {
  194.     margin: 0;
  195.     padding: 0;
  196.     list-style: none;
  197. }
  198.  
  199. #links li ul {
  200.     padding: 15px 20px 30px 20px;
  201.     background: url(images/img10.gif) repeat-x
  202. }
  203.  
  204. #links li li {
  205.     padding: 3px 0;
  206.     background: url(images/img03.gif) repeat-x left bottom;
  207. }
  208.  
  209. #links li a {
  210.     background: none;
  211. }
  212.  
  213. #links li i {
  214.     font-size: smaller;
  215. }
  216.  
  217. /* Footer */
  218.  
  219. #footer {
  220.     padding: 40px 0 60px 0;
  221.     background: url(images/img08.gif) repeat-x;
  222. }
  223.  
  224. #footer p {
  225.     width: 750px;
  226.     font-family: Georgia, "Times New Roman", Times, serif;
  227.     color: #A6C09B;
  228. }
  229.  
  230. #footer a {
  231.     background: none;
  232.     font-weight: bold;
  233.     color: #A6C09B;
  234. }
  235.  
  236. #legal {
  237.     margin: 0 auto;
  238.     text-align: right;
  239.     font-size: 12px;
  240. }
  241.  
  242. #brand {
  243.     margin: -35px auto 0 auto;
  244.     padding: 10px 0 0 35px;
  245.     background: url(images/img09.gif) no-repeat left top;
  246.     letter-spacing: -1px;
  247.     font-size: 24px;
  248. }