home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / ftd_lobsters / styles.css < prev   
Encoding:
Cascading Style Sheet File  |  2008-02-20  |  2.5 KB  |  178 lines
  1. /*
  2. Design by FlashTemplatesDesign.com
  3. http://www.flashtemplatesdesign.com
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. body {
  8.     margin: 20px 0;
  9.     padding: 0;
  10.     background: #CCCCCC url(images/bg.gif) repeat-x;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12. }
  13.  
  14. h1, h2, h3, h4, h5, h6 {
  15.     margin: 0;
  16.     padding: 0;
  17. }
  18.  
  19. p, ul, ol, blockquote {
  20.     font-size: small;
  21. }
  22.  
  23. a {
  24.     color: #b62708;
  25. }
  26.  
  27. a:hover {
  28.     text-decoration: none;
  29. }
  30.  
  31. /* Header */
  32.  
  33. #header {
  34.     width: 740px;
  35.     height: 144px;
  36.     margin: 0 auto;
  37.     background: url(images/img1.jpg) no-repeat center center;
  38.     border-top: 10px solid #e7310a;
  39.     border-bottom: 10px solid #e7310a;
  40. }
  41.  
  42. #header * {
  43.     margin: 0;
  44.     padding: 0;
  45.     text-decoration: none;
  46.     font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  47.     color: #FFFFFF;
  48. }
  49.  
  50. #header h1 {
  51. padding-left: 80px;
  52. padding-top: 40px;
  53. }
  54.  
  55. #header h2 {
  56. padding-left: 80px;
  57. }
  58.  
  59. #header h1 a {
  60. font-size: 24px;
  61. }
  62.  
  63. #header h2 a {
  64. font-size: 12px;
  65. }
  66.  
  67.  
  68. #menu
  69. {
  70. margin: 0 auto;
  71. width: 600px;
  72. padding-left: 140px;
  73. height: 38px;
  74. background: url(images/buttons_back.gif) repeat-x;
  75. border-top: 1px solid #ffffff}
  76.  
  77. #menu ul {
  78.     list-style: none;
  79.     margin: 0;
  80.     padding: 0;
  81. }
  82.  
  83. #menu li {
  84.     display: inline;
  85.     margin: 0;
  86.     padding: 0;
  87. }
  88.  
  89. #menu a {
  90.     display: block;
  91.     float: left;
  92.     width: 79px;
  93.     height: 23px;
  94.     background: url(images/buttons_back.gif) repeat-x;
  95.     text-align: center;
  96.     text-decoration: none;
  97.     color: #000000;
  98.     font-weight: bold;
  99.     font-size: 12px;
  100.     padding-top: 15px;
  101.  
  102. }
  103.  
  104. #menu a:hover {
  105.     width: 79px;
  106.     height: 23px;
  107.     text-decoration: underline;
  108.     background: url(images/buttons_back_r.gif);
  109. }
  110.  
  111. /* Content */
  112.  
  113. #content {
  114.     width: 740px;
  115.     margin: 0 auto;
  116.     background: url(images/img2.gif);
  117.     border-top: 1px solid #CCCCCC;
  118. }
  119.  
  120. #colOne {
  121.     float: left;
  122.     width: 449px;
  123.     padding: 20px;
  124. }
  125.  
  126. #colTwo {
  127.     float: right;
  128.     width: 209px;
  129.     padding: 20px;
  130. }
  131.  
  132. /* Content > ColOne */
  133.  
  134. /* Content > ColTwo */
  135.  
  136. #colTwo h2 {
  137.     font-size: medium;
  138.     color: #FFFFFF;
  139. }
  140.  
  141. #colTwo ul {
  142.     margin: 0;
  143.     padding: 0;
  144.     list-style: none;
  145. }
  146.  
  147. #colTwo li {
  148.     margin-bottom: 1em;
  149.     color: #FFFFFF;
  150. }
  151.  
  152. #colTwo li li {
  153.     margin-bottom: 0;
  154.     padding-left: 1em;
  155. }
  156.  
  157. #colTwo a {
  158.     color: #FFFFFF;
  159. }
  160.  
  161. /* Footer */
  162.  
  163. #footer {
  164.     width: 740px;
  165.     margin: 0 auto;
  166.     background: #000000;
  167. }
  168.  
  169. #footer * {
  170.     color: #FFFFFF;
  171. }
  172.  
  173. #footer p {
  174.     margin: 0;
  175.     padding: 10px 0;
  176.     text-align: center;
  177.     font-size: x-small;
  178. }