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