home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / outoftheblue / default.css next >
Encoding:
Cascading Style Sheet File  |  2006-11-30  |  1.9 KB  |  134 lines
  1. /** BASIC */
  2.  
  3. body {
  4.     margin: 10px 0;
  5.     font: normal small Arial, Helvetica, sans-serif;
  6.     color: #83895C;
  7. }
  8.  
  9. h1, h2, h3, h4, h5, h6 {
  10.     margin-top: 0;
  11.     padding-top: 0;
  12.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  13.     color: #CC6600;
  14. }
  15.  
  16. a {
  17.     text-decoration: none;
  18.     color: #CC6600;
  19.     border-bottom: 1px solid #EBA45E;
  20. }
  21.  
  22. a:hover {
  23.     border: none;
  24. }
  25.  
  26. /** HEADER */
  27.  
  28. #header {
  29.     width: 700px;
  30.     height: 80px;
  31.     margin: 0 auto;
  32. }
  33.  
  34. #header h1 {
  35.     margin: 0;
  36.     padding: 30px 10px 0 20px;
  37.     text-transform: lowercase;
  38.     font-size: 36px;
  39.     letter-spacing: -.05em;
  40.     color: #83895C;
  41. }
  42.  
  43. #header h2 {
  44.     display: none;
  45. }
  46.  
  47. /** MENU */
  48.  
  49. #menu {
  50.     width: 700px;
  51.     margin: -2.25em auto 0 auto;
  52. }
  53.  
  54. #menu ul {
  55.     margin: 0;
  56.     padding: 0;
  57.     list-style: none;
  58.     text-align: right;
  59. }
  60.  
  61. #menu li {
  62.     display: inline;
  63. }
  64.  
  65. #menu a {
  66.     padding: 0 10px 0 11px;
  67.     border: none;
  68.     border-left: 1px solid #83895C;
  69.     color: #83895C;
  70. }
  71.  
  72. #menu a:hover {
  73.     color: #83895C;
  74. }
  75.  
  76. #menu .first a {
  77.     border: none;
  78. }
  79.  
  80. /** CONTENT */
  81.  
  82. #content {
  83.     width: 720px;
  84.     margin: 0 auto;
  85.     background: #EFEBDF url(images/img01.gif) repeat-y left top;
  86. }
  87.  
  88. #content * {
  89.     line-height: 140%;
  90. }
  91.  
  92. #columnA {
  93.     float: left;
  94.     width: 440px;
  95.     padding: 25px 20px 0 30px;
  96.     background: url(images/img02.gif) no-repeat left top;
  97. }
  98.  
  99. #columnB {
  100.     float: right;
  101.     width: 200px;
  102.     padding: 25px 20px 0 10px;
  103.     background: url(images/img03.gif) no-repeat left top;
  104. }
  105.  
  106. #columnB * {
  107.     color: #EFEBDF;
  108. }
  109.  
  110. #columnB ul {
  111.     margin-left: 0;
  112.     padding-left: 0;
  113.     list-style: inside circle;
  114. }
  115.  
  116. #columnB a {
  117.     border-bottom-color: #EBD8B7;
  118.     color: #FFFFFF;
  119. }
  120.  
  121. /** FOOTER */
  122.  
  123. #footer {
  124.     width: 720px;
  125.     height: 50px;
  126.     margin: 0 auto;
  127.     background: url(images/img04.gif) no-repeat left top;
  128. }
  129.  
  130. #footer p {
  131.     margin: 0;
  132.     padding: 35px 0 0 20px;
  133.     font: bold 9px Arial, Helvetica, sans-serif;
  134. }