home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / funride / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-05-28  |  3.6 KB  |  297 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: #D4C792 url(images/img01.gif);
  14.     font-family: Arial, Helvetica, sans-serif;
  15.     font-size: 13px;
  16.     color: #333333;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     color: #AA2808;
  21. }
  22.  
  23. h1 {
  24. }
  25.  
  26. h2 {
  27. }
  28.  
  29. h3 {
  30. }
  31.  
  32. p, blockquote, ul, ol {
  33.     margin-bottom: 20px;
  34.     line-height: 1.6em;
  35. }
  36.  
  37. p {
  38. }
  39.  
  40. blockquote {
  41. }
  42.  
  43. ul {
  44. }
  45.  
  46. ol {
  47. }
  48.  
  49. a {
  50.     text-decoration: underline;
  51.     color: #323B51;
  52. }
  53.  
  54. a:hover {
  55.     text-decoration: none;
  56.     color: #FF0000;
  57. }
  58.  
  59. /* Wrapper */
  60.  
  61. #wrapper {
  62. }
  63.  
  64. /* Header */
  65.  
  66. #header {
  67.     width: 710px;
  68.     height: 96px;
  69.     margin: 0 auto;
  70.     background: url(images/img05.gif) no-repeat left bottom;
  71. }
  72.  
  73. /* Logo */
  74.  
  75. #logo {
  76.     float: left;
  77.     padding: 20px 0 0 15px;
  78. }
  79.  
  80. #logo h1 {
  81.     margin: 0;
  82.     padding: 0;
  83.     font: italic 36px "Trebuchet MS", Arial, Helvetica, sans-serif;
  84. }
  85.  
  86. #logo h2 {
  87.     margin: -5px 0 0 0;
  88.     padding: 0;
  89.     text-transform: uppercase;
  90.     letter-spacing: 2px;
  91.     font-size: 10px;
  92.     font-weight: bold;
  93.     color: #D4C792;
  94. }
  95.  
  96. #logo a {
  97.     text-decoration: none;
  98.     color: #FFFFFF;
  99. }
  100.  
  101. /* Menu */
  102.  
  103. #menu {
  104.     float: right;
  105.     padding-right: 10px;
  106. }
  107.  
  108. #menu ul {
  109.     margin: 0;
  110.     padding: 50px 0 0 0;
  111.     list-style: none;
  112.     line-height: normal;
  113. }
  114.  
  115. #menu li {
  116.     display: inline;
  117. }
  118.  
  119. #menu a {
  120.     display: block;
  121.     float: left;
  122.     width: 110px;
  123.     height: 20px;
  124.     margin: 0;
  125.     padding: 10px 0 0 0;
  126.     background: url(images/img02.gif);
  127.     text-align: center;
  128.     text-transform: uppercase;
  129.     font-size: 11px;
  130.     font-weight: bold;
  131.     color: #FFFFFF;
  132. }
  133.  
  134. #menu a:hover, #menu .active a {
  135.     background-image: url(images/img03.gif);
  136.     color: #AA2808;
  137. }
  138.  
  139. /* Page */
  140.  
  141. #page {
  142.     width: 710px;
  143.     margin: 0 auto;
  144.     background: #D4C792 url(images/img04.gif) repeat-y;
  145. }
  146.  
  147. /* Content */
  148.  
  149. #content {
  150.     float: left;
  151.     width: 388px;
  152.     padding: 30px 0 0 35px;
  153. }
  154.  
  155. #content h1, #content h2, #content h3 {
  156.     margin-bottom: 20px;
  157. }
  158.  
  159. #content h1 {
  160.     font-size: 136%;
  161. }
  162.  
  163. #content h2 {
  164.     font-size: 107%;
  165. }
  166.  
  167. #content h3 {
  168.     font: 92%;
  169. }
  170.  
  171. #content ul, #content ol {
  172.     list-style-position: inside;
  173. }
  174.  
  175. #content .boxed {
  176.     float: left;
  177.     width: 46%;
  178.     padding-right: 2%;
  179. }
  180.  
  181. #content .boxed h2 {
  182.     padding: 5px 0;
  183.     background: url(images/img5.jpg) repeat-x left bottom;
  184. }
  185.  
  186. /* Welcome */
  187.  
  188. #welcome {
  189. }
  190.  
  191. /* Sample1 */
  192.  
  193. #sample {
  194. }
  195.  
  196. /* Sample2 */
  197.  
  198. #sample2 {
  199. }
  200.  
  201. /* Sidebar */
  202.  
  203. #sidebar {
  204.     float: right;
  205.     width: 208px;
  206.     padding: 0 35px 0 0;
  207. }
  208.  
  209. #sidebar ul {
  210.     margin: 0;
  211.     padding: 0;
  212.     list-style: none;
  213.     line-height: normal;
  214. }
  215.  
  216. #sidebar li {
  217.     margin-bottom: 1px;
  218.     padding: 20px 0;
  219. }
  220.  
  221. #sidebar li ul {
  222. }
  223.  
  224. #sidebar li li {
  225.     margin: 0;
  226.     padding: 7px 20px;
  227.     border: none;
  228. }
  229.  
  230. #sidebar h2 {
  231.     padding: 5px 20px;
  232.     background: url(images/img6.jpg);
  233.     border-bottom: 1px dotted #FFFFFF;
  234.     font-size: 100%;
  235.     color: #D4C792;
  236. }
  237.  
  238. #sidebar h3 {
  239.     font-size: 77%;
  240.     color: #D4C792;
  241. }
  242.  
  243. #sidebar p {
  244.     margin: 0;
  245.     line-height: normal;
  246.     color: #D4C792;
  247. }
  248.  
  249. #sidebar a {
  250.     border: none;
  251.     text-decoration: none;
  252.     color: #FFFFFF;
  253. }
  254.  
  255. #sidebar a:hover {
  256.     text-decoration: underline;
  257. }
  258.  
  259. /* Submenu */
  260.  
  261. #submenu {
  262. }
  263.  
  264. /* News */
  265.  
  266. #news {
  267. }
  268.  
  269. #news a {
  270.     font-size: 85%;
  271. }
  272.  
  273. /* Footer */
  274.  
  275. #footer {
  276.     width: 710px;
  277.     height: 50px;
  278.     margin: 0 auto;
  279.     padding: 40px 0 0 0;
  280.     background: url(images/img06.gif) no-repeat;
  281.     color: #FFFFFF;
  282. }
  283.  
  284. #footer p {
  285.     margin: 0;
  286.     text-align: center;
  287.     font-size: 77%;
  288. }
  289.  
  290. #footer a {
  291.     text-decoration: underline;
  292.     color: #FFFFFF;
  293. }
  294.  
  295. #footer a:hover {
  296.     text-decoration: none;
  297. }