home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / gumamela / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-02-02  |  2.7 KB  |  194 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: #A0A0A3;
  11.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     color: #9A9A9A;
  13. }
  14.  
  15. h1, h2, h3 {
  16.     margin: 0;
  17.     padding: 0;
  18.     text-transform: lowercase;
  19.     font-weight: normal;
  20.     color: #6C7F00;
  21. }
  22.  
  23. h2 {
  24.     letter-spacing: -2px;
  25.     font-size: 1.8em;
  26. }
  27.  
  28. p, blockquote, ol, ul {
  29.     line-height: 180%;
  30.     font-size: .9em;
  31. }
  32.  
  33. a {
  34.     border-bottom: 1px solid #E0E0E0;
  35.     text-decoration: none;
  36.     color: #5B5A5A;
  37. }
  38.  
  39. a:hover {
  40.     border: none;
  41. }
  42.  
  43. /* Header */
  44.  
  45. #header {
  46.     height: 430px;
  47.     background: url(images/img1.jpg) no-repeat right top;
  48. }
  49.  
  50. #header h1 {
  51.     padding: 310px 30px 0 0;
  52.     text-align: right;
  53.     letter-spacing: -5px;
  54.     font-size: 4em;
  55. }
  56.  
  57. #header h1 a {
  58.     border: none;
  59.     text-decoration: none;
  60.     color: #B22900;
  61. }
  62.  
  63. #header h2 {
  64.     margin: -15px 0 0 0;
  65.     padding: 0 30px 0 0;
  66.     text-align: right;
  67.     letter-spacing: normal;
  68.     font-size: 1em;
  69. }
  70.  
  71. #header h2 a {
  72.     border: none;
  73.     text-decoration: none;
  74.     color: #6C7F00;
  75. }
  76.  
  77. /* Content */
  78.  
  79. #content {
  80.     width: 760px;
  81.     margin: 0 auto;
  82.     background: #FFFFFF url(images/img2.gif) repeat-y;
  83. }
  84.  
  85. /* Column One */
  86.  
  87. #colOne {
  88.     float: left;
  89.     width: 480px;
  90. }
  91.  
  92. #colOne .post {
  93.     margin: 0 30px;
  94.     padding: 20px 0 10px 0;
  95.     border-top: 10px solid #E0E0E0;
  96. }
  97.  
  98. #colOne .posted {
  99.     font-size: .8em;
  100. }
  101.  
  102. /* Column Two */
  103.  
  104. #colTwo {
  105.     float: left;
  106.     width: 280px;
  107. }
  108.  
  109. #colTwo ul {
  110.     margin: 0;
  111.     padding: 0;
  112.     list-style: none;
  113. }
  114.  
  115. #colTwo li {
  116.     padding: 20px 30px;
  117.     border-bottom: 1px solid #C6CD9C;
  118. }
  119.  
  120. #colTwo li ul {
  121.     padding-left: 24px;
  122. }
  123.  
  124. #colTwo li li {
  125.     padding: 0;
  126.     border: none;
  127. }
  128.  
  129. #colTwo h2 {
  130.     letter-spacing: -1px;
  131.     font-size: 1.3em;
  132.     margin-bottom: 1em;
  133.     padding: 0 0 0 24px;
  134.     background: url(images/img4.gif) no-repeat left center;
  135. }
  136.  
  137. #colTwo a {
  138.     border: none;
  139.     padding-left: 10px;
  140.     background: url(images/img5.gif) no-repeat left center;
  141. }
  142.  
  143. #colTwo a:hover {
  144.     color: #B22900;
  145. }
  146.  
  147. #menu {
  148.     background: #C6CD9C url(images/img3.gif) no-repeat;
  149. }
  150.  
  151. #menu h2 {
  152.     background-image: url(images/img6.gif);
  153. }
  154.  
  155. #menu ul {
  156.     margin: 0;
  157.     padding: 0;
  158. }
  159.  
  160. #menu li {
  161.     display: inline;
  162. }
  163.  
  164. #menu a {
  165.     display: block;
  166.     width: 195px;
  167.     margin-left: -24px;
  168.     padding: 3px 0 3px 24px;
  169.     background: none;
  170.     color: #6C7F00;
  171. }
  172.  
  173. #menu a:hover, #menu .active a {
  174.     background: #B22900;
  175.     color: #FFFFFF;
  176. }
  177.  
  178. /* Footer */
  179.  
  180. #footer {
  181.     width: 760px;
  182.     margin: 0 auto;
  183.     background: #D0D1C7;
  184. }
  185.  
  186. #footer * {
  187.     color: #5F5F5F;
  188. }
  189.  
  190. #footer p {
  191.     margin: 0;
  192.     padding: 10px 0;
  193.     text-align: center;
  194. }