home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / economics / style.css < prev   
Cascading Style Sheet File  |  2008-02-21  |  6KB  |  391 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.     background: #FFFFFF url(images/img01.jpg) repeat-x top left;
  9.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  10.     font-size: 13px;
  11.     margin: 20px 0px 0px 0px;
  12.     padding: 0px;
  13.     color: #757575;
  14. }
  15.  
  16. input, textarea {
  17.     width: 220px;
  18.     background: #FFFFFF url(images/img04.gif) repeat-x;
  19.     border-top: 1px solid #A3A3A3;
  20.     border-right: 1px solid #E5E5E5;
  21.     border-bottom: 1px solid #FFFFFF;
  22.     border-left: 1px solid #D6D6D6;
  23.     font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
  24.     color: #757575;
  25. }
  26.  
  27. h1, h2, h3 {
  28.     color: #31363B;
  29.     letter-spacing: -1px;
  30. }
  31.  
  32. h1, h1 a, h2, h2 a {
  33.     text-decoration: none;
  34. }
  35.  
  36. h1 a:hover, h2 a:hover {
  37.     text-decoration: underline;
  38. }
  39.  
  40. h1 {
  41.     font-size: 38px;
  42. }
  43.  
  44. h2 {
  45.     font-size: 28px;
  46.     font-weight: normal;
  47. }
  48.  
  49. h3 {
  50.     font-size: 16px;
  51. }
  52.  
  53. p, ul, ol {
  54.     margin-top: 1.5em;
  55.     line-height: 190%;
  56. }
  57.  
  58. ul, ol {
  59.     margin-left: 3em;
  60. }
  61.  
  62. blockquote {
  63.     margin-left: 3em;
  64.     margin-right: 3em;
  65. }
  66.  
  67. a {
  68.     color: #C11A00;
  69. }
  70.  
  71. a:hover {
  72.     text-decoration: none;
  73. }
  74.  
  75. a img {
  76.     border: none;
  77. }
  78.  
  79. img.left {
  80.     float: left;
  81.     margin-right: 20px;
  82. }
  83.  
  84. img.right {
  85.     float: right;
  86.     margin-right: 20px;
  87. }
  88.  
  89. hr {
  90.     display: none;
  91. }
  92.  
  93. #header {
  94.     width: 960px;
  95.     height: 453px;
  96.     margin: 0 auto;
  97. }
  98.  
  99. /* Logo */
  100.  
  101. #logo {
  102.     width: 754px;
  103.     height: 120px;
  104.     margin: 0 auto;
  105.     padding: 2px;
  106. }
  107.  
  108. #logo h1, #logo h2 {
  109.     margin: 0;
  110.     padding: 0;
  111.     text-transform: uppercase;
  112. }
  113.  
  114. #logo h1 {
  115.     padding: 40px 5px 0 20px;
  116.     font-size: 36px;
  117.     font-family: Arial, Helvetica, sans-serif;
  118.     font-weight: bold;
  119.     color: #31363B;
  120. }
  121.  
  122. #logo h2 {
  123.     padding: 0px 0 0 25px;
  124.     font-size: 10px;
  125.     font-weight: bold;
  126.     font-family: Arial, Helvetica, sans-serif;
  127.     color: #808080;
  128. }
  129.  
  130. #logo p {
  131.     margin: 0;
  132.     padding: 0 0 0 20px;
  133.     line-height: normal;
  134.     font-size: 1.2em;
  135.     font-weight: bold;
  136. }
  137.  
  138. #logo a {
  139.     color: #31363B;
  140. }
  141.  
  142. #splash {
  143.     width: 754px;
  144.     height: 266px;
  145.     padding-bottom: 3px;
  146.     background: url(images/img04.jpg) no-repeat left top;
  147. }
  148.  
  149. /* Header */
  150.  
  151. #header {
  152.     width: 754px;
  153.     margin: 0 auto;
  154. }
  155.  
  156. #menu {
  157.     height: 60px;
  158.     width: 754px;
  159.     padding-left: 20px;
  160.     background: url(images/img02.jpg) no-repeat left top;
  161.     font-family: Arial, Helvetica, sans-serif;
  162. }
  163.  
  164. #menu ul {
  165.     margin: 0;
  166.     padding: 0;
  167.     list-style: none;
  168.     line-height: normal;
  169. }
  170.  
  171. #menu li {
  172.     float: left;
  173. }
  174.  
  175. #menu a {
  176.     display: block;
  177.     float: left;
  178.     padding: 20px 30px 15px 18px;
  179.     margin-right: 1px;
  180.     height: 30px;
  181.     background: url(images/img03.gif) no-repeat left 35%;
  182.     text-decoration: none;
  183.     text-transform: uppercase;
  184.     font-size: 10px;
  185.     color: #FFFFFF;
  186. }
  187.  
  188. #menu a:hover {
  189.     color: #FFFFFF;
  190. }
  191.  
  192. #menu .current_page_item a {
  193.     background: none;
  194.     color: #FFFFFF;
  195. }
  196.  
  197. /* Search */
  198.  
  199. #search {
  200.     float: right;
  201.     width: 260px;
  202.     margin: 0px;
  203.     margin-top: 10px;
  204. }
  205.  
  206. #search fieldset {
  207.     border: none;
  208. }
  209.  
  210. #search #s {
  211.     width: 160px;
  212.     height: 23px;
  213.     background: #FFDBE1;
  214.     border: 1px solid #F57F8C;
  215. }
  216.  
  217. #search #x {
  218.     width: 40px;
  219.     background: #F74B61;
  220.     border-top: #F74B61 solid 1px;
  221.     border-bottom: #F74B61 solid 3px;
  222.     border-left: #F74B61 solid 1px;
  223.     border-right: #F74B61 solid 1px;
  224.     color: #FFDBE1;
  225. }
  226.  
  227. #wrapper {
  228.     width: 754px;
  229.     margin: 0 auto;
  230.     background: url(images/img05.jpg) repeat-x left top;
  231. }
  232.  
  233. /* Page */
  234.  
  235. #page {
  236.     width: 754px;
  237.     margin: 0 auto;
  238.     padding-top: 20px;
  239. }
  240.  
  241. /* Content */
  242.  
  243. #content {
  244.     float: right;
  245.     width: 500px;
  246. }
  247.  
  248. .post {
  249. }
  250.  
  251. .post .title {
  252.     margin: 0;
  253.     padding: 10px 20px 10px 10px;
  254.     border-bottom: 1px dotted #D6C9BF;
  255. }
  256.  
  257. .post h1.title {
  258.     padding: 5px 0  0 50px;
  259.     height: 40px;
  260.     font-size: 2.4em;
  261.     text-transform: lowercase;
  262. }
  263.  
  264. .post .title a:hover {
  265.     text-decoration: none;
  266. }
  267.  
  268. .post .entry {
  269.     margin: 0px;
  270.     padding: 20px 20px;
  271. }
  272.  
  273. .post .meta {
  274.     height: 35px;
  275.     margin: 15px 0 20px 0;
  276.     padding: 15px 0 0 20px;
  277.     line-height: normal;
  278.     background: url(images/img05.jpg) repeat-x left top;
  279. }
  280.  
  281. .post a {
  282.     color: #31363B;
  283. }
  284.  
  285. /* Sidebar */
  286.  
  287. #sidebar {
  288.     float: left;
  289. }
  290.  
  291. #sidebar ul {
  292.     margin: 0;
  293.     padding: 0;
  294.     list-style: none;
  295.     line-height: normal;
  296. }
  297.  
  298. #sidebar li {
  299.     margin-bottom: 40px;
  300. }
  301.  
  302. #sidebar li ul {
  303.     padding-left: 25px;
  304. }
  305.  
  306. #sidebar li li {
  307.     margin: 0;
  308.     padding: 5px 10px;
  309.     border-bottom: 1px dotted #D6C9BF;
  310. }
  311.  
  312. #sidebar li h2 {
  313.     margin: 0 0 1em 0;
  314.     padding: 15px 0  5px 25px;
  315.     height: 30px;
  316.     text-transform: lowercase;
  317.     font-size: 28px;
  318.     letter-spacing: -1px;
  319. }
  320.  
  321. #sidebar li p {
  322.     padding: 0 20px;
  323. }
  324.  
  325. /* Calendar */
  326.  
  327. #sidebar #calendar {
  328.     padding: 0;
  329. }
  330.  
  331. #calendar caption {
  332. }
  333.  
  334. #calendar table {
  335.     width: 100%;
  336.     padding: 0 20px;
  337.     text-align: center;
  338. }
  339.  
  340. #calendar thead th {
  341.     border-bottom: 2px solid #F2F2F2;
  342.     border-top: 1px solid #F2F2F2;
  343. }
  344.  
  345. #calendar tbody td {
  346.     padding: 5px 0;
  347.     border-bottom: 1px solid #F2F2F2;
  348. }
  349.  
  350. #calendar tfoot td {
  351.     border-top: 1px solid #F2F2F2;
  352. }
  353.  
  354. #calendar #prev {
  355.     text-align: left;
  356. }
  357.  
  358. #calendar #next {
  359.     text-align: right;
  360. }
  361.  
  362. #calendar a {
  363.     font-weight: bold;
  364. }
  365.  
  366. /* Footer */
  367.  
  368. #footer {
  369.     clear: both;
  370.     width: 754px;
  371.     height: 50px;
  372.     margin: 0 auto;
  373.     background: #FFFFFF url(images/img01.jpg) repeat-x top left;
  374. }
  375.  
  376. #footer p {
  377.     margin: 0;
  378.     line-height: normal;
  379.     padding: 35px 15px;
  380. }
  381.  
  382. #footer a {
  383. }
  384.  
  385. #footer .legal {
  386.     float: left;
  387. }
  388.  
  389. #footer .credit {
  390.     float: right;
  391. }