home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / compressed / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2008-05-25  |  4.3 KB  |  329 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: url(images/img01.jpg) repeat-x left top;
  14.     font-family: Georgia, "Times New Roman", Times, serif;
  15.     text-align: justify;
  16.     font-size: 13px;
  17.     color: #8A7F7F;
  18. }
  19.  
  20. h1, h2, h3 {
  21.     margin-bottom: 1em;
  22.     text-transform: lowercase;
  23.     font-weight: normal;
  24.     color: #549DC7;
  25. }
  26.  
  27. h1 a, h2 a, h3 a {
  28.     text-decoration: none;
  29. }
  30.  
  31. h1 a:hover, h2 a:hover, h3 a:hover {
  32.     text-decoration: underline;
  33. }
  34.  
  35. h1 {
  36.     letter-spacing: -2px;
  37.     font-size: 36px;
  38. }
  39.  
  40. h2 {
  41.     letter-spacing: -1px;
  42.     font-size: 2em;
  43. }
  44.  
  45. h3 {
  46.     font-size: 1em;
  47. }
  48.  
  49. p, ul, ol {
  50.     margin-bottom: 1.5em;
  51.     line-height: 180%;
  52. }
  53.  
  54. ul, ol {
  55.     margin-left: 3em;
  56. }
  57.  
  58. blockquote {
  59.     margin-left: 3em;
  60.     margin-right: 3em;
  61. }
  62.  
  63. a {
  64.     text-decoration: none;
  65.     color: #E58C43;
  66. }
  67.  
  68. a:hover {
  69.     background: #CEE7F5;
  70.     text-decoration: underline;
  71.     color: #549DC7;
  72. }
  73.  
  74. /* Logo */
  75.  
  76. #logo {
  77.     width: 960px;
  78.     height: 80px;
  79.     margin: 0 auto;
  80.     text-align: center;
  81. }
  82.  
  83. #logo h1, #logo h2 {
  84.     float: left;
  85.     margin: 0;
  86.     padding-top: 5px;
  87. }
  88.  
  89. #logo h1 a {
  90.     padding: 0px 0 0 310px;
  91.     color: #004085;
  92. }
  93.  
  94. #logo h1 a:hover {
  95.     text-decoration: none;
  96.     background: none;
  97.  
  98. }
  99.  
  100. #logo h2 {
  101.     padding: 18px 0 40px 7px;
  102.     letter-spacing: normal;
  103.     font-size: 1.4em;
  104. }
  105.  
  106. /* Page */
  107.  
  108. #page {
  109.     width: 960px;
  110.     margin: 0 auto;
  111. }
  112.  
  113. /* Sidebars */
  114.  
  115. .sidebar {
  116.     float: left;
  117.     width: 200px;
  118.     margin-top: 180px;
  119.     padding-top: 20px;
  120. }
  121.  
  122. .sidebar ul {
  123.     margin: 0;
  124.     padding: 0;
  125.     list-style: none;
  126. }
  127.  
  128. .sidebar li {
  129.     padding-bottom: 30px;
  130. }
  131.  
  132. .sidebar li ul {
  133. }
  134.  
  135. .sidebar li li {
  136.     padding: 0;
  137. }
  138.  
  139. .sidebar h2 {
  140.     height: 40px;
  141.     margin: 0;
  142.     letter-spacing: normal;
  143.     font-size: 1.4em;
  144. }
  145.  
  146. /* Sidebar1 */
  147.  
  148. #sidebar1 {
  149. }
  150.  
  151. #sidebar1 h2 {
  152.     text-align: left;
  153.     background: url(images/img06.jpg) no-repeat left top;
  154.     padding: 5px 0 0 40px;
  155.     font-size: 22px;
  156. }
  157.  
  158. #sidebar1 li li {
  159.     padding-left: 20px;
  160.     text-align: left;
  161.     font-size: 12px;
  162. }
  163.  
  164. /* Sidebar2 */
  165.  
  166. #sidebar2 {
  167. }
  168.  
  169. #sidebar2 h2 {
  170. }
  171.  
  172. /* Search */
  173.  
  174. #search {
  175. }
  176.  
  177. #search form {
  178.     text-align: center;
  179. }
  180.  
  181. #search #s {
  182.     width: 95%;
  183.     margin-bottom: 10px;
  184. }
  185.  
  186. #search h2 {
  187. }
  188.  
  189. /* Calendar */
  190.  
  191. #calendar {
  192. }
  193.  
  194. #calendar_wrap {
  195.     padding: 0 20px;
  196. }
  197.  
  198. #calendar caption {
  199.     padding-bottom: 5px;
  200.     font-size: 1.2em;
  201.     font-weight: bold;
  202. }
  203.  
  204. #calendar table {
  205.     width: 100%;
  206.     text-align: center;
  207.     border-collapse: collapse;
  208.     border: 1px solid #CCCC99;
  209. }
  210.  
  211. #calendar thead th {
  212.     padding: 5px 0;
  213.     background: #F9F3DF;
  214.     border-bottom: 1px solid #CCCC99;
  215.     color: #CCCC99;
  216. }
  217.  
  218. #calendar tbody td {
  219.     padding: 5px 0;
  220.     border-right: 1px dotted #CCCCCC;
  221.     border-bottom: 1px dotted #CCCCCC;
  222. }
  223.  
  224. #calendar tfoot td {
  225.     padding: 5px;
  226.     border-top: 1px solid #CCCC99;
  227. }
  228.  
  229. #calendar tfoot a {
  230.     border: none;
  231.     font-weight: bold;
  232. }
  233.  
  234. #calendar #next {
  235.     text-align: right;
  236. }
  237.  
  238. #calendar #prev {
  239.     text-align: left;
  240. }
  241.  
  242. /* Recent Posts */
  243.  
  244. #recent-posts {
  245. }
  246.  
  247. #recent-posts h2 {
  248.     background: url(images/img06.jpg) no-repeat left top;
  249.     padding: 5px 0 0 40px;
  250.     font-size: 22px;
  251. }
  252.  
  253. .sidebar #recent-posts ul {
  254.     padding-left: 20px;
  255.     font-size: 12px;
  256. }
  257.  
  258. .sidebar #recent-posts li {
  259.     border-bottom: 1px dashed #D9EBFF;
  260.     margin-top: 20px;
  261. }
  262.  
  263. /* Content */
  264.  
  265. #content {
  266.     float: left;
  267.     width: 542px;
  268.     background: url(images/img03.jpg) repeat-y left top;
  269. }
  270.  
  271. #content .bgtop {
  272.     background: url(images/img02.jpg) no-repeat left top;
  273. }
  274.  
  275. #content .bgbtm {
  276.     background: url(images/img04.jpg) no-repeat left bottom;
  277. }
  278.  
  279. .post {
  280.     padding: 200px 25px 10px 25px;
  281. }
  282.  
  283. .post .title {
  284.     margin: 0;
  285.     padding: 0 20px;
  286. }
  287.  
  288. .post h2 {
  289. }
  290.  
  291. .post .meta {
  292.     margin: 0;
  293.     padding: 0 20px 20px 20px;
  294.     line-height: normal;
  295. }
  296.  
  297. .post .entry {
  298.     padding: 20px;
  299. }
  300.  
  301. .post .tags, .post .links {
  302.     margin: 0;
  303.     line-height: normal;
  304.     font-size: smaller;
  305.     text-align: center;
  306. }
  307.  
  308. .post .tags {
  309.     padding-top: 10px;
  310.     border-top: 1px dashed #D9EBFF;
  311. }
  312.  
  313. /* Footer */
  314.  
  315. #footer {
  316.     width: 562px;
  317.     height: 60px;
  318.     margin: 0 auto;
  319.     padding: 15px 0;
  320.     text-align: center;
  321.     background: url(images/img05.jpg) no-repeat;
  322. }
  323.  
  324. #footer p {
  325.     margin: 0;
  326.     padding: 0;
  327.     font-size: 13px;
  328.     line-height: normal;
  329. }