Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on May 31st, 2012  |  syntax: None  |  size: 6.94 KB  |  hits: 16  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2. /*
  3. Design by Free CSS Templates
  4. http://www.freecsstemplates.org
  5. Released for free under a Creative Commons Attribution 2.5 License
  6. */
  7.  
  8. body {
  9.         margin: 0;
  10.         padding: 0;
  11.         background: #FDF9EE url(images/img01.jpg) repeat-x left top;
  12.         font-family: Arial, Helvetica, sans-serif;
  13.         font-size: 12px;
  14.         color: #4A513D;
  15. }
  16.  
  17. h1, h2, h3 {
  18.         margin: 0;
  19.         text-transform: uppercase;
  20.         font-weight: normal;
  21.         color: #13819A;
  22. }
  23.  
  24. h1 { font-size: 44px; }
  25.  
  26. h2 { font-size: 18px; }
  27.  
  28. h3 { }
  29.  
  30. p, ul, ol {
  31.         margin-top: 0;
  32.         line-height: 100%;
  33.         text-align: justify;
  34. }
  35.  
  36. ul, ol { }
  37.  
  38. blockquote { }
  39.  
  40. a { color: #C6891E; }
  41.  
  42. a:hover { text-decoration: none; }
  43.  
  44. a img {
  45.         border: none;
  46. }
  47.  
  48. img.left {
  49.         float: left;
  50.         margin: 7px 30px 0 0;
  51. }
  52.  
  53. img.right {
  54.         float: right;
  55.         margin: 7px 0 0 30px;
  56. }
  57.  
  58. hr { display: none; }
  59.  
  60. .list1 {
  61. }
  62.  
  63. .list1 li {
  64.         float: left;
  65.         line-height: normal;
  66. }
  67.  
  68. .list1 li img {
  69.         margin: 0 30px 30px 0;
  70. }
  71.  
  72. .list1 li.alt img {
  73.         margin-right: 0;
  74. }
  75.  
  76. #wrapper {
  77.         width: 820px;
  78.         margin: 0px auto;
  79.         background: url(images/img04.jpg) repeat-y left top;
  80. }
  81.  
  82. #wrapper-bgtop {
  83.         background: url(images/img03.jpg) no-repeat left top;
  84. }
  85.  
  86. #wrapper-bgbtm {
  87.         background: url(images/img05.jpg) no-repeat left bottom;
  88. }
  89.  
  90. /* Header */
  91.  
  92. #header {
  93.         width: 760px;
  94.         height: 200px;
  95.         margin: 0 auto;
  96.         padding: 0px 30px;
  97.         background: url(images/img02.jpg) no-repeat left top;
  98. }
  99.  
  100. /* Menu */
  101.  
  102. #menu {
  103.         float: right;
  104.         width: 190px;
  105. }
  106.  
  107. #menu ul {
  108.         margin: 0;
  109.         padding: 10px 0px 0px 0px;
  110.         list-style: none;
  111.         line-height: normal;
  112. }
  113.  
  114. #menu li {
  115.         display: block;
  116.         padding: 6px 0px;
  117.         background: url(images/img06.gif) repeat-x left bottom;
  118. }
  119.  
  120. #menu a {
  121.         display: block;
  122.         background: url(images/img07.gif) no-repeat left 11px;
  123.         padding: 0px 20px 0px 20px;
  124.         letter-spacing: -1px;
  125.         text-decoration: none;
  126.         text-transform: lowercase;
  127.         font-family: Arial, Helvetica, sans-serif;
  128.         font-size: 20px;
  129.         font-weight: normal;
  130.         color: #694F10;
  131. }
  132.  
  133. #menu a:hover {
  134.         background: url(images/img08.gif) no-repeat left 11px;
  135.         text-decoration: none;
  136.         color: #B8B831;
  137. }
  138.  
  139. #menu .current_page_item a {
  140. }
  141.  
  142. #menu .first {
  143. }
  144. /* Search */
  145.  
  146. #search {
  147.         float: right;
  148.         width: 260px;
  149. }
  150.  
  151. #search form {
  152.         float: right;
  153.         margin: 0;
  154.         padding: 4px 0px 0 0;
  155. }
  156.  
  157. #search fieldset {
  158.         margin: 0;
  159.         padding: 0;
  160.         border: none;
  161. }
  162.  
  163. #search input {
  164.         float: left;
  165.         font: 12px Georgia, "Times New Roman", Times, serif;
  166.         border: none;
  167. }
  168.  
  169. #search-text {
  170.         width: 200px;
  171.         height: 18px;
  172.         padding: 3px 0 0 5px;
  173.         border: 1px solid #333333;
  174.         background: #ECF9E4;
  175.         color: #000000;
  176. }
  177.  
  178. #search-submit {
  179.         height: 21px;
  180.         margin-left: 10px;
  181.         padding: 0px 5px;
  182.         background: #5AA01B;
  183.         color: #FFFFFF;
  184. }
  185.  
  186. /* Page */
  187.  
  188. #page {
  189.         width: 760px;
  190.         margin: 0 auto;
  191.         padding: 30px 30px 0px 30px;
  192. }
  193.  
  194.  
  195. /** LOGO */
  196.  
  197. #logo {
  198.         float: left;
  199.         width: 300px;
  200.         height: 94px;
  201.         margin: 0 auto;
  202.         padding-top: 84px;
  203. }
  204.  
  205. #logo h1, #logo p {
  206.         margin: 0px 0px 0px 30px;
  207.         line-height: normal;
  208.         text-transform: lowercase;
  209.         font-weight: normal;
  210.         color: #6B6B24;
  211. }
  212.  
  213. #logo p {
  214.         margin-top: -14px;
  215.         padding-left: 10px;
  216.         text-transform: lowercase;
  217.         font-size: 13px;
  218.         color: #6B6B24;
  219. }
  220.  
  221. #logo h1 {
  222.         padding-top: 10px;
  223.         font-size: 48px;
  224. }
  225.  
  226. #logo a {
  227.         text-decoration: none;
  228.         color: #6B6B24;
  229. }
  230.  
  231. #logo h1 a {
  232.         text-decoration: none;
  233.         color: #6B6B24;
  234. }
  235.  
  236.  
  237. #banner {
  238.         padding-bottom: 20px;
  239. }
  240.  
  241. /* Content */
  242.  
  243. #content {
  244.         float: left;
  245.         width: 550px;
  246. }
  247.  
  248. /* Post */
  249.  
  250. .post {
  251.         margin-bottom: 5px;
  252.         height: 70px;
  253.         border-bottom: thin solid #FFEDC2;
  254. }
  255. .post:hover{
  256.  background-color: #FDF9EE;
  257.  
  258. }
  259.  
  260. .post .title {
  261.         color: #694F10;
  262.        
  263. }
  264.  
  265. .post .title a {
  266.         padding: 4px 14px;
  267.         text-decoration: none;
  268.         text-transform: capitalize;
  269.         font-size: 16px;
  270.         color: #694F10;
  271. }
  272.  
  273. .post .date {
  274. }
  275.  
  276. .post .meta {
  277.         height: 32px;
  278.         margin-left: 2px;
  279.         padding: 4px 30px 2px 15px;
  280.         font-family: Arial, Helvetica, sans-serif;
  281.         font-weight: normal;
  282.         font-size: 10px;
  283. }
  284.  
  285. .post .meta span {
  286.         display: block;
  287.         margin-top: -10px;
  288. }
  289.  
  290. .post .meta a { }
  291.  
  292. .post .entry {
  293.         padding: 10px 15px;
  294. }
  295.  
  296. .post .links {
  297.         display: block;
  298.         width: 120px;
  299.         height: 18px;
  300.         margin: 30px 0px 0px 0px;
  301.         padding: 3px 0px 0px 40px;
  302.         background: #FFB600;
  303.         text-decoration: none;
  304.         font-family: Arial, Helvetica, sans-serif;
  305.         font-size: 11px;
  306.         text-decoration: none;
  307.         font-weight: bold;
  308.         color: #FFFFFF;
  309. }
  310. .excerpt{
  311.         float: left;
  312.         padding-left: 10px;
  313.         width: 460px;
  314.         line-height: 18px;
  315.         overflow: hidden;
  316. }
  317. .post .comments {
  318.         display: block;
  319.         width: 120px;
  320.         height: 18px;
  321.         margin: 0px;
  322.         padding: 3px 0px 0px 40px;
  323.         background: url(images/img07.gif) no-repeat left top;
  324.         text-decoration: none;
  325.         font-family: Arial, Helvetica, sans-serif;
  326.         font-size: 11px;
  327.         text-decoration: none;
  328.         font-weight: bold;
  329.         color: #961A06;
  330. }
  331.  
  332. /* Sidebar */
  333.  
  334. #sidebar {
  335.         float: right;
  336.         width: 190px;
  337.         font-family: Arial, Helvetica, sans-serif;
  338. }
  339.  
  340. #sidebar ul {
  341.         margin: 0;
  342.         padding: 0;
  343.         list-style: none;
  344.         line-height: normal;
  345. }
  346.  
  347. #sidebar li {
  348.         margin-bottom: 30px;
  349.         padding: 0 0 10px 0px;
  350. }
  351.  
  352. #sidebar li ul {
  353.         margin: 0px 14px;
  354. }
  355.  
  356. #sidebar li li {
  357.         margin: 0;
  358.         padding: 8px 0px;
  359.         border-bottom: 1px dashed #C7C7C7;
  360. }
  361.  
  362. #sidebar li li a {
  363.         padding: 0px 0px 0px 0px;
  364.         font-weight: normal;
  365. }
  366.  
  367. #sidebar li li a:hover {
  368. }
  369.  
  370. #sidebar p {
  371.         margin: 0;
  372.         padding: 0px 14px;
  373. }
  374.  
  375. #sidebar h2 {
  376.         height: 30px;
  377.         margin: 0 0 10px 0px;
  378.         padding: 6px 0 2px 14px;
  379.         text-transform: capitalize;
  380.         font-size: 18px;
  381.         font-weight: normal;
  382.         color: #694F10;
  383. }
  384.  
  385.  
  386. #sidebar p {
  387.         line-height: 200%;
  388. }
  389.  
  390. #sidebar a {
  391.         text-align: left;
  392.         text-decoration: none;
  393.         font-weight: bold;
  394.         color: #757575;
  395. }
  396.  
  397. /* Calendar */
  398.  
  399. #calendar {
  400. }
  401.  
  402. #calendar caption {
  403.         padding-bottom: 5px;
  404.         font-weight: bold;
  405. }
  406.  
  407. #calendar table {
  408.         width: 100%;
  409.         border-collapse: collapse;
  410.         border-bottom: 1px solid #24130F;
  411.         border-left: 1px solid #24130F;
  412.         border-right: 1px solid #24130F;
  413. }
  414.  
  415. #calendar thead th {
  416.         padding: 5px 0;
  417.         text-align: center;
  418.         border-top: 1px solid #24130F;
  419.         border-left: 1px solid #24130F;
  420.         background: #24130F;
  421. }
  422.  
  423. #calendar tbody td {
  424.         padding: 5px 0;
  425.         text-align: center;
  426.         border-top: 1px solid #24130F;
  427.         border-left: 1px solid #24130F;
  428.         border-bottom: 1px solid #24130F;
  429. }
  430.  
  431. #calendar tfoot td {
  432.         padding: 5px;
  433.         border-left: 1px solid #24130F;
  434.         border-bottom: 1px solid #24130F;
  435. }
  436.  
  437. #calendar tfoot #next {
  438.         border-top: 1px solid #24130F;
  439.         text-align: right;
  440. }
  441.  
  442. #calendar tfoot #prev {
  443.         border-top: 1px solid #24130F;
  444. }
  445.  
  446. #calendar .pad {
  447.         border-bottom: 1px solid #24130F;
  448. }
  449.  
  450. #calendar #today {
  451.         background: #24130F;
  452. }
  453.  
  454. /* Footer */
  455.  
  456. #footer {
  457.         width: 100%;
  458.         height: 100px;
  459.         margin: 0 auto;
  460.         padding: 0;
  461. }
  462.  
  463. #footer-bgcontent {
  464. }
  465.  
  466. #footer p {
  467.         margin: 0;
  468.         padding: 20px 0px 0px 0px;
  469.         text-align: center;
  470.         line-height: normal;
  471.         text-transform: uppercase;
  472.         font-size: 10px;
  473.         color: #9B5B01;
  474. }
  475.  
  476. #footer a {
  477.         color: #9B5B01;
  478. }