home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / cultivated / default.css next >
Cascading Style Sheet File  |  2007-05-20  |  3KB  |  210 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. * {
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. body {
  13.     margin-top: 20px;
  14.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  15.     font-size: 13px;
  16.     color: #666666;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     text-transform: uppercase;
  21. }
  22.  
  23. h1 {
  24. }
  25.  
  26. h2 {
  27. }
  28.  
  29. h3 {
  30. }
  31.  
  32. p, blockquote, ul, ol {
  33. }
  34.  
  35. a {
  36.     color: #C90404;
  37. }
  38.  
  39. a:hover {
  40.     text-decoration: none;
  41. }
  42.  
  43. img {
  44.     border: none;
  45. }
  46.  
  47. img.left {
  48.     float: left;
  49.     margin: 0 15px 0 0;
  50. }
  51.  
  52. img.right {
  53.     float: right;
  54.     float: 0 0 0 15px;
  55. }
  56.  
  57. /* Header */
  58.  
  59. #header {
  60.     width: 770px;
  61.     height: 100px;
  62.     margin: 0 auto;
  63.     padding: 0 0 0 0;
  64.     background: url(images/img1.jpg);
  65. }
  66.  
  67. #header h1, #header h2 {
  68.     float: left;
  69.     font-weight: normal;
  70. }
  71.  
  72. #header h1 {
  73.     padding: 14px 0 0 180px;
  74.     letter-spacing: 4px;
  75.     font-size: 30px;
  76. }
  77.  
  78. #header h2 {
  79.     padding: 31px 0 0 10px;
  80.     letter-spacing: 3px;
  81.     font-size: 12px;
  82. }
  83.  
  84. #header a {
  85.     text-decoration: none;
  86.     color: #90210A;
  87. }
  88.  
  89. /* Page */
  90.  
  91. #page {
  92.     width: 770px;
  93.     margin: 0 auto;
  94.     background: url(images/img2.gif) repeat-y;
  95. }
  96.  
  97. /* Content */
  98.  
  99. #content {
  100.     float: right;
  101.     width: 380px;
  102.     padding: 0 20px;
  103.     background: url(images/img4.gif) no-repeat;
  104. }
  105.  
  106. #content .post {
  107. }
  108.  
  109. #content .post h2 {
  110.     margin-bottom: 1em;
  111.     text-transform: none;
  112.     font-weight: normal;
  113.     color: #333333;
  114. }
  115.  
  116. #content .post h3 {
  117.     margin-bottom: 1em;
  118.     font-size: 100%;
  119. }
  120.  
  121. #content .post p, #content .post ul, #content .post ol {
  122.     margin-bottom: 1em;
  123.     line-height: 1.5em;
  124. }
  125.  
  126. #content .post blockquote, #content .post ul, #content .post ol {
  127.     margin-left: 3em;
  128. }
  129.  
  130. /* Ad Space */
  131.  
  132. #adspace {
  133.     float: right;
  134.     width: 120px;
  135.     padding: 15px 25px;
  136.     background: url(images/img5.gif) no-repeat;
  137. }
  138.  
  139. /* Sidebar */
  140.  
  141. #sidebar {
  142.     float: left;
  143.     width: 150px;
  144.     padding: 15px;
  145.     background: url(images/img3.gif) no-repeat;
  146. }
  147.  
  148. .boxed {
  149. }
  150.  
  151. .boxed h2 {
  152.     margin: 15px 0;
  153.     padding-left: 20px;
  154.     background: url(images/img6.gif) no-repeat left bottom;
  155.     font-size: 92%;
  156.     color: #3A2403;
  157. }
  158.  
  159. .boxed .list {
  160.     background: url(images/img7.gif) repeat-x;
  161.     list-style: none;
  162. }
  163.  
  164. .boxed .list li {
  165.     padding: 10px 0 15px 0;
  166.     background: url(images/img7.gif) repeat-x left bottom;
  167. }
  168.  
  169. .boxed .list h3 {
  170.     font-size: 77%;
  171. }
  172.  
  173. /* Menu */
  174.  
  175. #menu {
  176. }
  177.  
  178. #menu ul {
  179.     list-style: none;
  180.     background: url(images/img7.gif) repeat-x;
  181. }
  182.  
  183. #menu li {
  184.     padding: 5px 0;
  185.     background: url(images/img7.gif) repeat-x left bottom;
  186. }
  187.  
  188. #menu a {
  189.     text-decoration: none;
  190. }
  191.  
  192. #menu a:hover {
  193.     text-decoration: underline;
  194. }
  195.  
  196. /* Footer */
  197.  
  198. #footer {
  199.     width: 140px;
  200.     height: 100px;
  201.     margin: 0 auto;
  202.     padding: 20px 610px 0 20px;
  203.     background: url(images/img8.gif) no-repeat;
  204.     font-size: 77%;
  205. }
  206.  
  207. #footer p {
  208.     margin-bottom: 1em;
  209.     line-height: normal;
  210. }