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