home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / puzzled / default.css next >
Cascading Style Sheet File  |  2008-07-06  |  5KB  |  363 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: #FFFFFF url(images/img01.jpg) repeat-x left top;
  11.     text-align: justify;
  12.     font-family: Tahoma, Arial, Helvetica, sans-serif;
  13.     font-size: 12px;
  14.     color: #404040;
  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: #212121;
  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.     background: url(images/img08.jpg) no-repeat left top;
  63.     font-family: Georgia, "Times New Roman", Times, serif;
  64.     font-style: italic;
  65.     margin: 0 0 0 15px;
  66.     padding: 0px 20px 0px 30px;
  67.     font-size: 18px;
  68.     color: #3D3D3D;
  69. }
  70.  
  71. ul {
  72. }
  73.  
  74. ol {
  75. }
  76.  
  77. a {
  78.     color: #000000;
  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. .text1 {
  109.     font-family: Georgia, "Times New Roman", Times, serif;
  110.     font-style: italic;
  111.     margin: 0 0 0 15px;
  112.     padding: 90px 20px 0px 30px;
  113.     font-size: 30px;
  114.     color: #FFFFFF;
  115. }
  116.  
  117. /* Header */
  118.  
  119. #header {
  120.     width: 900px;
  121.     margin: 0 auto;
  122.     height: 71px;
  123.     letter-spacing: -1px;
  124.     font-family: Georgia, "Times New Roman", Times, serif;
  125. }
  126.  
  127.  
  128. #headerbg {
  129.     clear: both;
  130.     margin: 0 auto;
  131.     width: 900px;
  132.     height: 209px;
  133.     background: url(images/img05.jpg) no-repeat left top;
  134.     margin: 0 auto;
  135.     margin-top: 20px;
  136. }
  137.  
  138. /* Logo */
  139.  
  140. #logo {
  141.     float: left;
  142.     margin-top: 30px;
  143. }
  144.  
  145. #logo h1, #logo h2, #logo p {
  146.     float: left;
  147.     margin: 0;
  148.     text-transform: lowercase;
  149. }
  150.  
  151. #logo h1 {
  152.     background: url(images/img04.jpg) no-repeat left 50%;
  153.     padding-left: 60px;
  154.     text-align: center;
  155.     font-size: 3.2em;
  156.     color: #000000;
  157. }
  158.  
  159. #logo h1 a {
  160.     color: #000000;
  161. }
  162.  
  163. #logo p {
  164.     padding-top: 27px;
  165.     text-transform: uppercase;
  166.     font-family: Verdana, Arial, Helvetica, sans-serif;
  167.     font-size:10px;
  168.     color: #000000;
  169. }
  170.  
  171. #logo h2 a, #logo p a {
  172.     color: #000000;
  173. }
  174.  
  175. #logo a {
  176.     text-decoration: none;
  177. }
  178.  
  179. /* Menu */
  180.  
  181. #menu {
  182.     float: right;
  183.     margin-top: 21px;
  184. }
  185.  
  186. #menu ul {
  187.     margin: 0;
  188.     list-style: none;
  189. }
  190.  
  191. #menu li {
  192.     display: inline;
  193. }
  194.  
  195. #menu a {
  196.     display: block;
  197.     float: left;
  198.     padding: 30px 20px 0 20px;
  199.     text-align: center;
  200.     text-decoration: none;
  201.     text-transform: uppercase;
  202.     font-family: Arial, Helvetica, sans-serif;
  203.     font-weight: bold;
  204.     font-size: 14px;
  205.     color: #4E4E4E;
  206. }
  207.  
  208. #menu a:hover {
  209.     background: url(images/img03.jpg) no-repeat center top;
  210. }
  211.  
  212. #menu .current_page_item a {
  213.     background: url(images/img03.jpg) no-repeat center top;
  214. }
  215.  
  216. /* Page */
  217.  
  218. #page {
  219.     width: 900px;
  220.     margin: 0 auto;
  221.     padding-top: 20px;
  222.     background: #F4F4F4;
  223. }
  224.  
  225. #latest-post {
  226.     float: left;
  227.     width: 570px;
  228.     padding: 0px 20px 0px 20px;
  229.     line-height: 25px;
  230.     font-size: 12px;
  231. }
  232.  
  233. #recent-posts {
  234.     float: right;
  235.     width: 250px;
  236.     padding: 0px 20px 20px 20px;
  237.     line-height: 25px;
  238.     font-size: 12px;
  239. }
  240.  
  241. #recent-posts .entry {
  242. }
  243.  
  244. #recent-posts .entry a {
  245.     background: #333333;
  246.     padding: 5px 10px;
  247.     text-transform: uppercase;
  248.     text-decoration: none;
  249.     font-size: 10px;
  250.     color: #CCCCCC;
  251. }
  252.  
  253. #recent-posts .more {
  254.     background: url(images/img04.gif) no-repeat left 50%;
  255.     padding-left: 20px;
  256. }
  257.  
  258. .post {
  259. }
  260.  
  261. .post .title {
  262.     margin: 0;
  263. }
  264.  
  265. .post .meta {
  266.     margin: 0;
  267.     padding-bottom: 10px;
  268.     padding-top: 10px;
  269.     line-height: normal;
  270.     font-size: 13px;
  271.     color: #505050;
  272. }
  273.  
  274. .post .meta a {
  275.     color: #000000;
  276. }
  277.  
  278. .post .entry {
  279.     margin-bottom: 20px;
  280.     padding-bottom: 5px;
  281.     border-bottom: #9C9C9C 1px dashed;
  282.  
  283. }
  284.  
  285. /* Sidebar */
  286.  
  287. #sidebar {
  288.     clear: both;
  289.     width: 900px;
  290.     background: #000000;
  291.     color: #CCCCCC;
  292.     padding: 10px 0 0 0;
  293. }
  294.  
  295. #sidebar ul {
  296.     margin: 0;
  297.     padding: 0;
  298.     list-style: none;
  299. }
  300.  
  301. #sidebar li {
  302.     display: block;
  303.     float: left;
  304.     width: 187px;
  305.     padding: 10px 10px 10px 25px;
  306. }
  307.  
  308. #sidebar li ul {
  309.     line-height: 1.8em;
  310. }
  311.  
  312. #sidebar li li {
  313.     display: list-item;
  314.     background: url(images/img07.gif) no-repeat left 50%;
  315.     float: none;
  316.     width: auto;
  317.     padding: 0 0 0 10px;
  318.     line-height: 25px;
  319. }
  320.  
  321. #sidebar h2 {
  322.     margin: 0 0 10px 0;
  323.     color: #FFFFFF;
  324. }
  325.  
  326. #sidebar a {
  327.     text-decoration: none;
  328.     color: #CCCCCC;
  329. }
  330.  
  331. #sidebar a:hover {
  332.     text-decoration: underline;
  333. }
  334.  
  335. /* Footer */
  336.  
  337. #footer {
  338.     width: 900px;
  339.     height: 50px;
  340.     margin: 0 auto;
  341.     margin-bottom: 20px;
  342.     background: url(images/img06.jpg) no-repeat left top;
  343.     font-size: 11px;
  344.     color: #CCCCCC;
  345. }
  346.  
  347. #footer p {
  348.     margin: 0;
  349.     padding: 13px 20px 15px 20px;
  350. }
  351.  
  352. #footer a {
  353.     color: #FFFFFF;
  354. }
  355.  
  356. #legal {
  357.     float: left;
  358. }
  359.  
  360. #links {
  361.     float: right;
  362. }
  363.