home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / blog_division / style.css < prev   
Cascading Style Sheet File  |  2007-01-03  |  10KB  |  121 lines
  1. /* CSS Document */
  2. body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x #fff; color:#705D20; font:14px/18px Arial, Helvetica, sans-serif;}
  3. div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px;}
  4. ul{list-style-type:none;}
  5.  
  6. a{background:#FEFEFE; color:#fff; text-decoration:none;}
  7. a:hover{background:#FEFEFE; color:#fff; text-decoration:underline;}
  8.  
  9.  
  10. #topPan{width:748px; height:231px; position:relative; margin:0 auto;} 
  11.  
  12. #topHeaderPan {width:332px; height:231px; background:url(images/header.jpg) 0 100% no-repeat; position:relative;}
  13. #topHeaderPan img{width:191px; height:84px; display:block; position:absolute; top:120px; left:0px;}
  14. #topHeaderPan ul{width:298px; height:59px; position:absolute; top:31px; left:0px; padding:0px;}
  15. #topHeaderPan ul li{width:74px; height:59px; background:url(images/menu-div.gif) 100% 0 no-repeat; float:left;} 
  16. #topHeaderPan ul li a{width:73px; height:59px; display:block; background:url(images/topmenubg.gif) 0 0 repeat-x #fff; color:#88763D; text-align:center; font-size:13px; font-weight:bold; line-height:59px;}
  17. #topHeaderPan ul li a:hover{width:73px; height:59px; background:url(images/topleftmenu-hover.gif) 50% 100% no-repeat; text-decoration:none;}
  18. #topHeaderPan ul li.company{width:74px; height:59px; background:url(images/company-bg.gif) 0 0 no-repeat; text-decoration:none; text-align:center; line-height:59px;}
  19. #topHeaderPan ul li.client{width:74px; height:59px; background:none; float:left;} 
  20.  
  21. #toprightPan{width:417px; height:218px; background:url(images/rightsidebg.jpg) 0 0 no-repeat; position:absolute; top:13px; right:0px;}
  22. #toprightPan ul{width:320px; height:49px; display:block; margin:16px 0 0 16px;}
  23. #toprightPan ul li{width:104px; height:49px; border-right:1px dashed #C1B79A; float:left;}
  24. #toprightPan ul li.home{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon1.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0;}
  25.  
  26. #toprightPan ul li.about{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}
  27. #toprightPan ul li.about a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-normal.gif) 50% 0 no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
  28. #toprightPan ul li.about a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon2-hover.gif) 50% 0 no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}
  29.  
  30. #toprightPan ul li.contact{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-normal.gif) 50% 20% no-repeat #fff; color:#81BE28; border:none; padding:29px 0 0; text-decoration:none;}
  31. #toprightPan ul li.contact a{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-normal.gif) 50% 20% no-repeat #fff; color:#0880BC; padding:29px 0 0; text-decoration:none;}
  32. #toprightPan ul li.contact a:hover{width:104px; height:20px; font-size:13px; font-weight:bold; text-align:center; background:url(images/icon3-hover.gif) 50% 20% no-repeat #fff; color:#81BE28; padding:29px 0 0; text-decoration:none;}
  33.  
  34.  
  35. /*----/TOP PANEL----*/
  36.  
  37. /*----BODY PANEL----*/
  38. #bodyPan{width:748px; position:relative; margin:0 auto;}
  39. /*----BODY LEFT PANEL----*/
  40. #bodyleftPan{width:331px; float:left;}
  41. #bodyleftPan h2{width:196px; height:30px; font:30px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#006EA6; margin:43px 0 0;}
  42. #bodyleftPan h3{width:196px; height:30px; font:30px/30px Georgia, "Times New Roman", Times, serif; background:#fff; color:#006EA6; margin:20px 0 0;}
  43.  
  44.  
  45. #bodyleftPan p{padding:14px 28px 0 0;}
  46. #bodyleftPan p.greentext{background:#fff; color:#5E9908; font-size:16px; font-weight:bold; padding:14px 0 0;}
  47. #bodyleftPan p.browntext{background:#fff; color:#705D20; font-size:24px; padding:10px 0 0;}
  48.  
  49. #bodyleftPan ul{width:270px; height:24px; margin:20px 0 0;}
  50. #bodyleftPan ul li{width:118px; height:24px; float:left; margin:0 5px 0 0;}
  51. #bodyleftPan ul li.more{width:118px; height:24px; float:left;}
  52. #bodyleftPan ul li a{width:90px; height:24px; display:block; background:url(images/reedmore-bg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:20px; padding:0 0 0 28px}
  53. #bodyleftPan ul li a:hover{background:url(images/reedmore-hover.gif) 0 0 no-repeat; text-decoration:none;}
  54.  
  55. #bodyleftPan ul li.comment{width:98px; height:24px; background:url(images/commentbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-size:13px; font-weight:bold; line-height:24px; text-decoration:none; float:left; padding:0 0 0 20px}
  56.  
  57.  
  58. /*----/BODY LEFT PANEL----*/
  59. /*----BODY RIGHT PANEL----*/
  60. #bodyrightPan{width:359px; float:left;}
  61. /*----Login Panel----*/
  62. #loginPan{width:359px; height:199px; background:url(images/formbg.gif) 0 0 repeat-y;}
  63. #loginPan h2{width:230px; height:81px; display:block; background:url(images/icon.gif) 0 50% no-repeat #fff; color:#5EA000; font:30px/80px Georgia, "Times New Roman", Times, serif; padding:0 0 0 64px; margin:0 0 0 18px;}
  64. #loginPan h2 span{background:#fff; color:#017FC0;}
  65.  
  66. #loginPan form{width:321px; height:76px; background:#FCF6E6; color:#705D20; position:relative; border:1px dashed #BFB492; margin:0 0 0 18px; padding:6px 0 0;}
  67. #loginPan form label{width:91px; height:22px; display:block; float:left; padding: 0 0 0 20px; margin:9px 0 0;}
  68. #loginPan form input{width:130px; height:18px; font-size:12px; display:block; float:left; margin:9px 12px 0 0;}
  69.  
  70. #loginPan form input.button{width:49px; height:52px; display:block; position:absolute; top:6px; right:16px; background:url(images/button.gif) 0 0 no-repeat #FCF6E6; border:none; color:#fff; margin:9px 0 0; font:16px/52px Georgia, "Times New Roman", Times, serif; text-align:center; padding:0px;}
  71.  
  72. #loginPan ul{width:323px; height:25px; margin:6px 0 0 18px;}
  73. #loginPan ul li{width:166px; height:25px; float:left;}
  74. #loginPan ul li.nonregister{width:156px; height:25px; float:left; background:url(images/not-memberbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; text-align:center;}
  75. #loginPan ul li.register{width:165px; height:25px; float:left; background:url(images/new-registerbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; margin:0 0 0 1px;}
  76. #loginPan ul li.register a{width:141px; height:25px; display:block; background:url(images/arrow1.gif) 95% 60% no-repeat; text-decoration:none; padding:0 0 0 25px;}
  77. #loginPan ul li.register a:hover{background:url(images/arrow2.gif) 95% 60% no-repeat; text-decoration:none;}
  78. /*----/Login Panel----*/
  79. #bodyrightPan p.hours{width:323px; height:83px; margin:33px 0 33px 18px;}
  80. #bodyrightPan p.hours a{width:323px; height:83px; display:block; background:url(images/24hours.gif) 0 0; text-indent:-2000px;}
  81. #bodyrightPan p.hours a:hover{width:323px; height:83px; background:url(images/24hours.gif) 0 0; text-indent:-2000px;}
  82. /*----Login Panel----*/
  83. #loginBottomPan{width:359px; height:25px; background:url(images/form-bottombg.gif) 0 0 no-repeat;}
  84.  
  85. /*----/Login Panel----*/
  86. /*----Services Panel----*/
  87. #servicesPan{width:359px; height:21px; background:url(images/servicestop-bg.gif) 0 0 no-repeat;}
  88. #servicesBodyPan{width:359px; background:url(images/servicesbody-bg.gif) 0 0 repeat-y;}
  89. #servicesBodyPan p{padding:10px 25px 0 34px;}
  90. #servicesBodyPan p.services{width:140px; height:60px; font:30px/60px Georgia, "Times New Roman", Times, serif; background:#fff; color:#006EA6; margin:0 0 0 34px; padding:0px;}
  91. #servicesBodyPan p.boldbrowntext{font-size:16px; font-weight:bold; padding:4px 25px 0 34px;}
  92. #servicesBodyPan p.bluetext{background:url(images/servicesbody-bg.gif) 0 0 repeat-y #fff; color:#007EC1; font-size:15px; font-style:italic;}
  93. #servicesBodyPan p.largebrowntext{font-size:30px; padding:10px 25px 10px 34px;}
  94.  
  95. #servicesBodyPan p.link{width:289px; height:23px; background:#FCF6E6; color:#705D20; margin:0 36px ; padding:0px;}
  96. #servicesBodyPan p.link a{width:289px; height:23px; display:block; background:#FCF6E6; color:#705D20; line-height:23px; text-decoration:none; text-align:center;}
  97. #servicesBodyPan p.link a:hover{width:289px; height:23px; background:#F9E09F; color:#705D20; text-align:center; text-decoration:none;}
  98.  
  99. #servicesBottomPan{width:359px; height:25px; background:url(images/form-bottombg.gif) 0 0 no-repeat; padding:10px 0 0;}
  100. /*----/Services Panel----*/
  101. /*----FOOTER PANEL----*/
  102. #footermainPan{height:126px; background:url(images/footerbg.gif) 0 0 repeat-x #705D20; color:#fff; font:12px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:82px 0 0;}
  103. #footerPan{width:748px; position:relative; margin:0 auto;}
  104. #footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; right:15px;}
  105.  
  106. #footerPan ul{width:546px; position:absolute; top:0px; left:0px;}
  107. #footerPan li{float:left; }
  108. #footerPan ul li a{padding:0 10px 0; color:#fff; background: url(images/footermenubg.gif) 0 0 repeat-x #705D20; text-decoration:none;}
  109. #footerPan ul li a:hover{text-decoration:underline;}
  110.  
  111. #footerPan ul.templateworld{width:250px; background:#705D20; color:#fff; display:block; position:absolute; top:40px; left:10px;}
  112. #footerPan ul.templateworld li a{background:#705D20; display:block; color:#fff; text-decoration:none;}
  113. #footerPan ul.templateworld li a:hover{text-decoration:underline;}
  114.  
  115. #footerPan ul.validation{width:250px; background:#705D20; color:#fff; display:block; position:absolute; top:60px; left:10px;}
  116. #footerPan ul.validation li a{background:#705D20; display:block; color:#fff; text-decoration:none;}
  117. #footerPan ul.validation li a:hover{text-decoration:underline;}
  118.  
  119. #footerPan p.copyright{width:auto; background: url(images/copyrightbg.gif) 0 0 repeat-x #705D20; color:#fff; position:absolute; top:23px; left:10px;}
  120.  
  121.