home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / carbonated / default.css next >
Cascading Style Sheet File  |  2007-04-05  |  3KB  |  234 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.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  14.     font-size: small;
  15. }
  16.  
  17. h1, h2, h3 {
  18.     margin-bottom: 20px;
  19.     text-transform: lowercase;
  20.     font-family: Georgia, "Times New Roman", Times, serif;
  21.     font-weight: normal;
  22.     color: #333333;
  23. }
  24.  
  25. h1 { font-size: 3em; }
  26. h2 { font-size: 2em; }
  27. h3 { font-size: 1.4em; font-weight: bold; }
  28.  
  29. p, blockquote, ul, ol {
  30.     margin-bottom: 1.5em;
  31.     line-height: 1.8em;
  32. }
  33.  
  34. blockquote, ul, ol {
  35.     margin-left: 3em;
  36. }
  37.  
  38. blockquote {
  39.     margin-right: 3em;
  40. }
  41.  
  42. a {
  43.     color: #0065CC;
  44. }
  45.  
  46. a:hover {
  47.     text-decoration: none;
  48.     color: #CC0000;
  49. }
  50.  
  51. img { border: none; }
  52.  
  53. img.left {
  54.     float: left;
  55.     margin: 0 15px 15px 0;
  56. }
  57.  
  58. img.right {
  59.     float: right;
  60.     margin: 0 15px 0 15px;
  61. }
  62.  
  63. hr { display: none; }
  64.  
  65. .hr {
  66.     height: 36px;
  67.     margin-bottom: 15px;
  68.     background: url(images/img06.gif) repeat-x left center;
  69. }
  70.  
  71. /* Header */
  72.  
  73. #header {
  74.     width: 700px;
  75.     height: 150px;
  76.     margin: 0 auto;
  77. }
  78.  
  79. /* Logo */
  80.  
  81. #logo {
  82.     float: left;
  83.     width: 240px;
  84.     height: 150px;
  85.     text-align: center;
  86. }
  87.  
  88. #logo h1 {
  89.     margin: 0;
  90.     padding-top: 50px;
  91.     font-size: 2.6em;
  92. }
  93.  
  94. #logo h2 {
  95.     font-size: 1em;
  96. }
  97.  
  98. #logo a {
  99.     text-decoration: none;
  100.     color: #333333;
  101. }
  102.  
  103. /* Menu */
  104.  
  105. #menu {
  106.     float: right;
  107.     width: 460px;
  108.     height: 147px;
  109.     background: #0065CC url(images/img01.gif) no-repeat left bottom;
  110.     border-top: 3px solid #000099;
  111. }
  112.  
  113. #menu ul {
  114.     margin: 0;
  115.     padding-top: 60px;
  116.     text-align: center;
  117.     list-style: none;
  118. }
  119.  
  120. #menu li {
  121.     display: inline;
  122. }
  123.  
  124. #menu a {
  125.     padding: 0 20px;
  126.     border-left: 1px solid #FFFFFF;
  127.     text-decoration: none;
  128.     font-weight: bold;
  129.     color: #FFFFFF;
  130. }
  131.  
  132. #menu a:hover {
  133.     text-decoration: underline;
  134. }
  135.  
  136. #menu .first a {
  137.     border: none;
  138. }
  139.  
  140. /* Page */
  141.  
  142. #page {
  143.     width: 700px;
  144.     margin: 0 auto;
  145.     background: url(images/img03.gif) repeat-y;
  146. }
  147.  
  148. /* Content */
  149.  
  150. #content {
  151.     float: right;
  152.     width: 420px;
  153.     padding: 20px;
  154. }
  155.  
  156. /* Sidebar */
  157.  
  158. #sidebar {
  159.     float: left;
  160.     width: 200px;
  161.     padding: 60px 20px 20px 20px;
  162.     background: url(images/img02.gif) no-repeat;
  163. }
  164.  
  165. #sidebar ul {
  166.     margin: 0;
  167.     padding: 0;
  168.     list-style: none;
  169.     line-height: normal;
  170. }
  171.  
  172. #sidebar li {
  173.     margin-bottom: 20px;
  174. }
  175.  
  176. #sidebar li ul {
  177.     list-style: disc inside;
  178. }
  179.  
  180. #sidebar li li {
  181.     margin: 0;
  182. }
  183.  
  184. #sidebar dl {
  185. }
  186.  
  187. #sidebar dt {
  188. }
  189.  
  190. #sidebar dd {
  191.     margin-bottom: 10px;
  192. }
  193.  
  194. #sidebar ol {
  195.     margin-left: 0;
  196.     list-style-position: inside;
  197. }
  198.  
  199. #sidebar h2 {
  200.     margin-bottom: 20px;
  201.     padding-bottom: 10px;
  202.     background: url(images/img05.gif) repeat-x left bottom;
  203.     color: #000000;
  204. }
  205.  
  206. #sidebar blockquote {
  207.     margin-left: 0;
  208.     margin-right: 0;
  209. }
  210.  
  211. #sidebar a {
  212.     color: #FFFFFF;
  213. }
  214.  
  215. /* Footer */
  216.  
  217. #footer {
  218.     width: 700px;
  219.     margin: 0 auto;
  220.     padding: 10px 0;
  221.     background: url(images/img06.gif) repeat-x;
  222.     border-top: 1px solid #FFFFFF;
  223.     font-size: x-small;
  224. }
  225.  
  226. #footer p {
  227.     margin: 0;
  228.     line-height: normal;
  229.     color: #999999;
  230. }
  231.  
  232. #footer a {
  233.     color: #999999;
  234. }