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