home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / innovation / default.css next >
Encoding:
Cascading Style Sheet File  |  2008-07-01  |  4.3 KB  |  343 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. body {
  8.     margin: 0;
  9.     padding: 0;
  10.     background: #FEEDB9 url(images/img01.jpg) repeat-x left top;
  11.     text-align: justify;
  12.     font-family: Georgia, "Times New Roman", Times, serif;
  13.     font-size: 13px;
  14.     color: #2F4600;
  15. }
  16.  
  17. form {
  18.     margin: 0;
  19.     padding: 0;
  20. }
  21.  
  22. fieldset {
  23.     margin: 0;
  24.     padding: 0;
  25.     border: none;
  26. }
  27.  
  28. input, textarea, select {
  29.     font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  30. }
  31.  
  32.  
  33. h1, h2, h3 {
  34.     font-weight: normal;
  35.     color: #5F8700;
  36. }
  37.  
  38. h1 {
  39.     letter-spacing: -1px;
  40.     font-size: 2.2em;
  41. }
  42.  
  43. h2 {
  44.     font-size: 1.4em;
  45. }
  46.  
  47. h3 {
  48.     font-size: 1.2em;
  49. }
  50.  
  51. p, ul, ol {
  52. }
  53.  
  54. p {
  55. }
  56.  
  57. .blockbg {
  58.     background: #D9D785;
  59. }
  60.  
  61. blockquote {
  62.     font-style: italic;
  63.     border: #D9D785 1px dashed;
  64.     background: #ECE29F;
  65.     margin: 0;
  66.     padding: 0px 20px;
  67.     font-size: 16px;
  68.     color: #A1B635;
  69. }
  70.  
  71. ul {
  72. }
  73.  
  74. ol {
  75. }
  76.  
  77. a {
  78.     color: #4E7301;
  79. }
  80.  
  81. a:hover {
  82.     text-decoration: none;
  83. }
  84.  
  85. small {
  86. }
  87.  
  88. hr {
  89.     display: none;
  90. }
  91.  
  92. img {
  93.     border: none;
  94. }
  95.  
  96. img.left {
  97.     float: left;
  98.     margin: 0 15px 0 0;
  99.     border: #D9D785 1px dashed;
  100. }
  101.  
  102. img.right {
  103.     float: right;
  104.     margin: 0 0 0 15px;
  105.     border: #D9D785 1px dashed;
  106. }
  107.  
  108. /* Header */
  109.  
  110. #header {
  111.     width: 920px;
  112.     height: 155px;
  113.     margin: 0 auto;
  114.     letter-spacing: -1px;
  115.     font-family: Georgia, "Times New Roman", Times, serif;
  116. }
  117.  
  118. #headerbg {
  119.     margin: 0 auto;
  120.     width: 920px;
  121.     height: 250px;
  122.     margin-bottom: 20px;
  123.     background: url(images/img02.jpg) no-repeat left top;
  124. }
  125.  
  126. /* Logo */
  127.  
  128. #logo {
  129.     float: left;
  130.     width: 450px;
  131. }
  132.  
  133. #logo h1, #logo h2, #logo p {
  134.     float: left;
  135.     margin: 0;
  136.     text-transform: lowercase;
  137. }
  138.  
  139. #logo h1 {
  140.     padding-top: 80px;
  141.     text-align: center;
  142.     font-size: 4em;
  143.     color: #299762;
  144. }
  145.  
  146. #logo h1 a {
  147.     color: #FEEDB9;
  148. }
  149.  
  150. #logo p {
  151.     padding-top: 100px;
  152.     text-transform: lowercase;
  153.     font-size: 1.8em;
  154.     color: #ABC13A;
  155. }
  156.  
  157. #logo h2 a, #logo p a {
  158.     color: #ABC13A;
  159. }
  160.  
  161. #logo a {
  162.     text-decoration: none;
  163. }
  164.  
  165. /* Menu */
  166.  
  167. #menu {
  168.     float: right;
  169.     height: 190px;
  170. }
  171.  
  172. #menu ul {
  173.     margin: 0;
  174.     list-style: none;
  175. }
  176.  
  177. #menu li {
  178.     display: inline;
  179. }
  180.  
  181. #menu a {
  182.     display: block;
  183.     float: left;
  184.     height: 90px;
  185.     padding: 100px 0px 0px 30px;
  186.     text-align: center;
  187.     text-decoration: none;
  188.     text-transform: lowercase;
  189.     font-size: 1.6em;
  190.     color: #FFFFFF;
  191. }
  192.  
  193. #menu a:hover {
  194.     height: 161px;
  195.     color: #FEEDB9;
  196. }
  197.  
  198. #menu .current_page_item a {
  199.     color: #FEEDB9;
  200. }
  201.  
  202. /* Page */
  203.  
  204. #page {
  205.     width: 920px;
  206.     margin: 0 auto;
  207.     padding-top: 20px;
  208. }
  209.  
  210. #latest-post {
  211.     float: left;
  212.     width: 590px;
  213.     padding: 0px 20px 0px 20px;
  214.     line-height: 25px;
  215.     font-size: 16px;
  216. }
  217.  
  218. #recent-posts {
  219.     float: right;
  220.     width: 250px;
  221.     padding: 0px 20px 20px 20px;
  222.     line-height: 25px;
  223.     font-size: 16px;
  224. }
  225.  
  226. #recent-posts .entry {
  227. }
  228.  
  229. #recent-posts .entry a {
  230. }
  231.  
  232. #recent-posts .more {
  233.     background: url(images/img04.gif) no-repeat left 50%;
  234.     padding-left: 20px;
  235. }
  236.  
  237. .post {
  238. }
  239.  
  240. .post .title {
  241.     margin: 0;
  242. }
  243.  
  244. .post .meta {
  245.     margin: 0;
  246.     padding-bottom: 10px;
  247.     padding-top: 10px;
  248.     line-height: normal;
  249.     font-size: 13px;
  250.     color: #A2B736;
  251. }
  252.  
  253. .post .meta a {
  254.     color: #7F9C1E;
  255. }
  256.  
  257. .post .entry {
  258.     margin-bottom: 20px;
  259.     padding-bottom: 5px;
  260.     border-bottom: #D9D785 1px dashed;
  261.  
  262. }
  263.  
  264. /* Sidebar */
  265.  
  266. #sidebar {
  267.     clear: both;
  268.     width: 920px;
  269.     background: #ECE29F;
  270. }
  271.  
  272. #sidebar ul {
  273.     margin: 0;
  274.     padding: 0;
  275.     list-style: none;
  276. }
  277.  
  278. #sidebar li {
  279.     display: block;
  280.     float: left;
  281.     width: 200px;
  282.     padding: 15px;
  283. }
  284.  
  285. #sidebar li ul {
  286.     line-height: 1.8em;
  287.     border-top: #77881F 2px dashed;
  288. }
  289.  
  290. #sidebar li li {
  291.     display: list-item;
  292.     float: none;
  293.     width: auto;
  294.     padding: 0 0 0 10px;
  295.     line-height: 35px;
  296.     border-bottom: #A1B635 1px dashed;
  297. }
  298.  
  299. #sidebar h2 {
  300.     margin: 0 0 10px 0;
  301.     padding-left: 20px;
  302.     background: url(images/img03.jpg) no-repeat left 50%;
  303.     color: #5F8700;
  304. }
  305.  
  306. #sidebar a {
  307.     text-decoration: none;
  308.     color: #4E7301;
  309. }
  310.  
  311. #sidebar a:hover {
  312.     text-decoration: underline;
  313. }
  314.  
  315. /* Footer */
  316.  
  317. #footer {
  318.     width: 920px;
  319.     height: 100px;
  320.     margin: 0 auto;
  321.     padding-top: 20px;
  322.     background: #F5E7AC;
  323. }
  324.  
  325. #footer p {
  326.     margin: 0;
  327.     padding: 15px;
  328. }
  329.  
  330. #legal {
  331.     float: left;
  332. }
  333.  
  334. #links {
  335.     float: right;
  336. }
  337.  
  338. #wrapper {
  339.     width: 100%;
  340.     background: #5C8400;
  341. }
  342.  
  343.