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