home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / greenthumb / default.css next >
Cascading Style Sheet File  |  2007-01-04  |  2KB  |  154 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: 40px 0;
  9.     padding: 0;
  10.     background: #F9FCEA;
  11.     font-family: Georgia, "Times New Roman", Times, serif;
  12.     color: #333333;
  13. }
  14.  
  15. h1, h2, h3, h4, h5, h6 {
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19.  
  20. ul {
  21.     margin-left: 0;
  22.     padding-left: 0;
  23.     list-style-position: inside;
  24. }
  25.  
  26. a:hover {
  27.     text-decoration: none;
  28. }
  29.  
  30. img {
  31.     border: none;
  32. }
  33.  
  34. /* Header */
  35.  
  36. #header {
  37.     width: 660px;
  38.     height: 200px;
  39.     margin: 0 auto;
  40. }
  41.  
  42. /* Logo */
  43.  
  44. #logo {
  45.     float: left;
  46.     width: 200px;
  47.     height: 200px;
  48.     background: url(images/img1.gif);
  49. }
  50.  
  51. #logo * {
  52.     text-align: center;
  53.     text-transform: lowercase;
  54.     text-decoration: none;
  55.     font-style: italic;
  56.     color: #FFFFFF;
  57. }
  58.  
  59. #logo h1 {
  60.     padding: 74px 0 0 0;
  61.     letter-spacing: -2px;
  62.     font-size: 2.25em;
  63. }
  64.  
  65. #logo h2 {
  66.     padding: .25em 0 0 0;
  67.     letter-spacing: -1px;
  68.     font-size: 1em;
  69. }
  70.  
  71. /* Menu */
  72.  
  73. #menu {
  74.     float: right;
  75.     width: 450px;
  76.     height: 200px;
  77.     background: url(images/img2.jpg);
  78. }
  79.  
  80. #menu ul {
  81.     margin: 0;
  82.     padding: 160px 0 0 0;
  83.     list-style: none;
  84. }
  85.  
  86. #menu li {
  87.     display: inline;
  88. }
  89.  
  90. #menu a {
  91.     display: block;
  92.     float: left;
  93.     padding: 0 0 0 2em;
  94.     text-transform: lowercase;
  95.     font-size: small;
  96.     font-weight: bold;
  97.     font-style: italic;
  98.     color: #FFFFFF;
  99. }
  100.  
  101. /* Content */
  102.  
  103. #content {
  104.     width: 660px;
  105.     margin: 0 auto;
  106.     background: url(images/img3.gif);
  107. }
  108.  
  109. #colOne {
  110.     float: right;
  111.     width: 450px;
  112. }
  113.  
  114. #colOne .top-head {
  115.     padding: 30px 0 0 20px;
  116.     background: url(images/img6.gif) no-repeat;
  117. }
  118.  
  119. #colOne .content {
  120.     padding: 20px;
  121. }
  122.  
  123. #colTwo {
  124.     float: left;
  125.     width: 200px;
  126. }
  127.  
  128. #colTwo .top-head {
  129.     padding: 30px 0 0 20px;
  130.     background: url(images/img5.gif) no-repeat;
  131. }
  132.  
  133. #colTwo .content {
  134.     padding: 10px 10px 10px 20px;
  135. }
  136.  
  137. #extra {
  138.     height: 10px;
  139.     background: url(images/img7.gif);
  140. }
  141.  
  142. /* Footer */
  143.  
  144. #footer {
  145.     width: 660px;
  146.     margin: 0 auto;
  147. }
  148.  
  149. #footer p {
  150.     margin: 0;
  151.     padding: 1em 1em 0 0;
  152.     text-align: right;
  153.     font-size: x-small;
  154. }