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