home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / naturescharm / default.css next >
Encoding:
Cascading Style Sheet File  |  2008-02-07  |  3.4 KB  |  256 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: #372412 url(images/img01.gif) repeat-x;
  11.     font-size: 13px;
  12.     color: #FFFFFF;
  13. }
  14.  
  15. body, th, td, input, textarea, select, option {
  16.     font-family: Arial, Helvetica, sans-serif;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     text-transform: lowercase;
  21.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  22.     font-weight: normal;
  23.     color: #FFFFFF;
  24. }
  25.  
  26. h1 {
  27.     letter-spacing: -2px;
  28.     font-size: 3em;
  29. }
  30.  
  31. h2 {
  32.     letter-spacing: -1px;
  33.     font-size: 2em;
  34. }
  35.  
  36. h3 {
  37.     font-size: 1em;
  38. }
  39.  
  40. p, ul, ol {
  41.     line-height: 200%;
  42. }
  43.  
  44. blockquote {
  45.     padding-left: 1em;
  46. }
  47.  
  48. blockquote p, blockquote ul, blockquote ol {
  49.     line-height: normal;
  50.     font-style: italic;
  51. }
  52.  
  53. a {
  54.     color: #FFEA6F;
  55. }
  56.  
  57. a:hover {
  58.     text-decoration: none;
  59. }
  60.  
  61. img { border: none; }
  62.  
  63. /* Header */
  64.  
  65. #header {
  66.     width: 830px;
  67.     height: 280px;
  68.     margin: 0 auto;
  69.     background: url(images/img02.jpg) no-repeat;
  70. }
  71.  
  72. /* Logo */
  73.  
  74. #logo {
  75.     height: 170px;
  76.     background: url(images/img07.gif) no-repeat left 65%;
  77. }
  78.  
  79. #logo h1 {
  80.     float: left;
  81.     padding: 40px 40px 0 50px;
  82.     letter-spacing: -2px;
  83.     font-size: 48px;
  84. }
  85.  
  86. #logo h2 {
  87.     float: right;
  88.     padding: 68px 0 0 0;
  89.     font-size: 24px;
  90.     
  91. }
  92.  
  93. #logo a {
  94.     text-decoration: none;
  95.     color: #372412;
  96. }
  97.  
  98. /* Gallery */
  99.  
  100. #gallery {
  101.     clear: both;
  102.     width: 830px;
  103.     height: 300px;
  104.     margin: 0 auto;
  105.     
  106. }
  107.  
  108. #top-photo h2 {
  109.     height: 1.4em;
  110.     font-size: 1em;
  111. }
  112.  
  113. #top-photo p {
  114.     margin: 0;
  115.     padding: 0 0 10px 0;
  116. }
  117.  
  118. /* Menu */
  119.  
  120. #menu {
  121.     width: 830px;
  122.     height: 70px;
  123.     background: url(images/img03.jpg) no-repeat;
  124. }
  125.  
  126. #menu ul {
  127.     margin: 0;
  128.     padding: 0;
  129.     list-style: none;
  130. }
  131.  
  132. #menu li {
  133.     display: inline;
  134. }
  135.  
  136. #menu a {
  137.     display: block;
  138.     float: left;
  139.     width: 166px;
  140.     height: 73px;
  141.     padding-top: 35px;
  142.     text-transform: lowercase;
  143.     text-decoration: none;
  144.     text-align: center;
  145.     letter-spacing: -1px;
  146.     font-size: 24px;
  147.     color: #FFFFFF;
  148. }
  149.  
  150. #menu a:hover {
  151.     background: url(images/img09.jpg) no-repeat;
  152.     color: #FFFFFF;
  153. }
  154.  
  155. #menu .active a {
  156.     background: url(images/img09.jpg) no-repeat;
  157.     color: #372412;
  158. }
  159.  
  160. /* Page */
  161.  
  162. #page {
  163.     width: 830px;
  164.     margin: 0 auto;
  165.     padding: 20px 0;
  166. }
  167.  
  168. /* Content */
  169.  
  170. #content {
  171.     float: left;
  172.     width: 532px;
  173. }
  174.  
  175. .post {
  176.     padding: 0 0 20px 0;
  177. }
  178.  
  179. .title {
  180.     margin: 0;
  181.     border-bottom: 2px solid #4A3903;
  182. }
  183.  
  184. .byline {
  185.     margin: 0;
  186. }
  187.  
  188. .meta {
  189.     border-top: 1px solid #4A3903;
  190.     text-align: right;
  191.     color: #646464;
  192. }
  193.  
  194. .meta a {
  195.     padding-left: 15px;
  196.     background: url(images/img06.gif) no-repeat left center;
  197.     font-weight: bold;
  198. }
  199.  
  200. /* Sidebar */
  201.  
  202. #sidebar {
  203.     float: right;
  204.     width: 240px;
  205. }
  206.  
  207. #sidebar ul {
  208.     margin: 0;
  209.     padding: 0;
  210.     list-style: none;
  211. }
  212.  
  213. #sidebar li {
  214. }
  215.  
  216. #sidebar li ul {
  217.     padding: 15px 0;
  218. }
  219.  
  220. #sidebar li li {
  221.     padding-left: 30px;
  222.     border-bottom: 1px dotted #4A3903;
  223.     background: url(images/img06.gif) no-repeat 15px 50%;
  224. }
  225.  
  226. #sidebar h2 {
  227.     margin: 0;
  228.     padding: 20px 0 2px 30px;
  229.     background: url(images/img05.gif) no-repeat left bottom;
  230.     border-bottom: 2px solid #4A3903;
  231. }
  232.  
  233. #sidebar a {
  234.     text-decoration: none;
  235. }
  236.  
  237. #sidebar a:hover {
  238.     text-decoration: underline;
  239. }
  240.  
  241. /* Footer */
  242.  
  243. #footer {
  244.     clear: both;
  245.     padding: 20px 0;
  246.     background: #FFEA6F;
  247.     border-top: 3px solid #E8AD35;
  248.     text-align: center;
  249.     font-size: smaller;
  250.     color: #E8AD35;
  251. }
  252.  
  253. #footer a {
  254.     color: #C28C21;
  255. }
  256.