home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / charity / style.css < prev   
Cascading Style Sheet File  |  2007-03-07  |  2KB  |  142 lines
  1. body {
  2.     background-color:#a6bf79;
  3.     color:#000000;
  4.     font-family: Verdana, Arial, Helvetica, sans-serif;
  5.     font-size: 12px;
  6.     margin: 10px 10px;
  7.     padding: 0px;
  8. }
  9. .clear{clear:both;}
  10. * {
  11.     margin: 0px;
  12.     padding: 0px;
  13. }
  14. #container {
  15.     margin: 0px auto;
  16.     text-align: left;
  17.     width: 717px;
  18. }
  19. a{
  20.     font-size:12px;
  21. }
  22. p{
  23.     margin: 15px 0px;
  24. }
  25. /********************** Header ***************************/
  26. #header {
  27.     margin: 0px 0px 0px 0px;
  28.     background-image:url(images/header.jpg);
  29.     width:717px;
  30.     height:288px;
  31.     position:relative;
  32. }
  33. #header ul{
  34.     background-color:#85a157;
  35.     width:711px;
  36.     border: 3px solid #FFFFFF;
  37.     display:block;
  38.     top:255px;
  39.     position:absolute;
  40.     margin: 0px 0px 0px 0px;
  41.     height:22px;
  42.     padding:5px 0px 0px 0px;
  43.     text-align:center;
  44. }
  45. #header li{
  46.     display:inline;    
  47. }
  48. #header ul a{
  49.     text-decoration:none;
  50.     color:#FFFFFF;
  51.     margin: 0px 15px;
  52. }
  53. #header ul a:hover{
  54.     text-decoration:underline;
  55.     color:#28556b;
  56. }
  57. #logo_w1,#logo_w2 {
  58.     font-size: 24px;
  59.     font-style:italic;
  60.     color:#FFFFFF;
  61.     position:absolute;
  62. }
  63. #logo_w1{
  64.     top:15px;
  65.     left:70px;
  66. }
  67. #logo_w2{
  68.     top:44px;
  69.     left:94px;
  70. }
  71. #header_text {
  72.     top:90px;
  73.     left:43px;
  74.     width:230px;
  75.     position:absolute;
  76. }
  77. #header_text p{
  78.     font-size: 18px;
  79.     color:#FFFFFF;
  80. }
  81. #header_text a{color:#28556b;}
  82. #header_text a:hover{color:#c77e0c;}
  83. /********************** Content ***************************/
  84. #content {
  85.     background-image:url(images/content_bg.gif);
  86.     width:717px;
  87. }
  88. img{
  89.     border-width:0px;
  90. }
  91. h1{
  92.     color:#000000;
  93.     font-size:14px;
  94.     margin: 20px 0px 20px 0px;
  95. }
  96.  
  97. h2{
  98.     color:#85a157;
  99.     font-size:14px;
  100.     text-align:center;
  101.     width:200px;
  102.     margin: 10px 0px 15px 0px;
  103. }
  104. #left {
  105.     float:left;
  106.     width:428px;
  107.     margin-left:27px;
  108.     padding: 0px 10px 30px 0px;
  109.     display:inline;
  110. }
  111. #left a{color:#28556b;}
  112. #left a:hover{color:#c77e0c;}
  113. #photos a{
  114.     margin-right:14px;
  115. }
  116. #right {
  117.     float:right;
  118.     width:210px;
  119.     padding: 0px 20px 20px 20px;
  120.     margin-top:10px;
  121.     border-left: #FFF 2px solid;
  122.  
  123. }
  124. #right a{
  125.     color:#c77e0c;
  126. }
  127. #right a:hover{
  128.     color:#85a157;
  129. }
  130. /********************** Footer ***************************/
  131. #footerline {
  132. clear:both;
  133. background-image:url(images/footer_bg.gif);
  134. font-size:1px;
  135. height:10px;
  136. }
  137. #footer {
  138.     width:717px;
  139.     text-align:center;
  140.     padding: 20px 0px;
  141. }
  142.