home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / themanor / default.css next >
Cascading Style Sheet File  |  2007-03-30  |  4KB  |  280 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: #FBE8E8 url(images/img01.jpg);
  14.     text-align: justify;
  15. }
  16.  
  17. body, input, textarea, select {
  18.     font: normal small Georgia, "Times New Roman", Times, serif;
  19.     color: #662C14;
  20. }
  21.  
  22. h1, h2, h3 {
  23.     margin-bottom: 1em;
  24.     font-weight: normal;
  25. }
  26.  
  27. h1 {
  28.     font-size: 2.2em;
  29. }
  30.  
  31. h2 {
  32.     font-size: 1.7em;
  33. }
  34.  
  35. h3 {
  36.     font-size: 1.3em;
  37. }
  38.  
  39. p, blockquote, ul, ol, form {
  40.     margin-bottom: 1.5em;
  41. }
  42.  
  43. blockquote, ul, ol {
  44.     margin-left: 3em;
  45. }
  46.  
  47. blockquote {
  48.     margin-right: 3em;
  49.     font-style: italic;
  50. }
  51.  
  52. ul {
  53.     list-style-type: square;
  54. }
  55.  
  56. a {
  57.     color: #662C14;
  58. }
  59.  
  60. a:hover {
  61.     text-decoration: none;
  62. }
  63.  
  64. hr {
  65.     display: none;
  66. }
  67.  
  68. .hr {
  69. }
  70.  
  71. img.left {
  72.     float: left;
  73.     margin: 0 15px 15px 0;
  74. }
  75.  
  76. img.right {
  77.     float: right;
  78.     margin: 0 0 15px 15px;
  79. }
  80.  
  81. /* Wrapper */
  82.  
  83. #wrapper {
  84.     padding: 20px 0;
  85.     background: url(images/img02.jpg) repeat-x;
  86. }
  87.  
  88. /* Header */
  89.  
  90. #header {
  91.     width: 700px;
  92.     height: 160px;
  93.     margin: 0 auto;
  94.     background: url(images/img03.gif) no-repeat;
  95. }
  96.  
  97. #header h1, #header h2 {
  98.     margin: 0;
  99. }
  100.  
  101. #header h1 {
  102.     padding-top: 40px;
  103.     text-align: center;
  104.     font-size: 4em;
  105. }
  106.  
  107. #header h2 {
  108.     text-align: center;
  109.     font-size: 1em;
  110.     font-style: italic;
  111. }
  112.  
  113. #header a {
  114.     text-decoration: none;
  115. }
  116.  
  117. /* Content */
  118.  
  119. #content {
  120.     width: 700px;
  121.     margin: 0 auto;
  122.     background: #FBE8E8 url(images/img04.gif) repeat-y;
  123. }
  124.  
  125. /* Blog */
  126.  
  127. #blog {
  128.     float: right;
  129.     width: 424px;
  130.     padding: 50px 20px 0px 16px;
  131.     background: url(images/img06.gif) no-repeat;
  132. }
  133.  
  134. /* Post */
  135.  
  136. .post {
  137.     margin-bottom: 20px;
  138.     padding-bottom: 20px;
  139.     background: url(images/img08.gif) no-repeat center bottom;
  140. }
  141.  
  142. .post .title {
  143.     margin-bottom: 15px;
  144.     padding-left: 15px;
  145.     border-bottom: 1px solid #D3B6AF;
  146.     text-transform: uppercase;
  147.     font-size: small;
  148.     font-weight: bold;
  149. }
  150.  
  151. .post .title a {
  152.     text-decoration: none;
  153. }
  154.  
  155. .post .title a:hover {
  156.     text-decoration: underline;
  157. }
  158.  
  159. .post .date {
  160.     margin-top: -30px;
  161.     padding-right: 15px;
  162.     text-align: right;
  163.     font-size: x-small;
  164. }
  165.  
  166. .post .entry {
  167.     padding: 20px 15px 10px 15px;
  168.     line-height: 1.8em;
  169. }
  170.  
  171. .post .meta {
  172.     margin-bottom: 2em;
  173.     padding: 0 15px;
  174.     text-align: right;
  175.     font-size: x-small;
  176. }
  177.  
  178. /* Sidebar */
  179.  
  180. #sidebar {
  181.     float: left;
  182.     width: 204px;
  183.     padding: 50px 16px 0px 20px;
  184.     background: url(images/img05.gif) no-repeat;
  185. }
  186.  
  187. #sidebar ul {
  188.     margin: 0;
  189.     list-style: none;
  190. }
  191.  
  192. #sidebar li {
  193.     margin-bottom: 20px;
  194. }
  195.  
  196. #sidebar li ul {
  197.     padding-left: 5px;
  198.     line-height: 1.4em;
  199. }
  200.  
  201. #sidebar li li {
  202.     margin: 0;
  203.     padding-left: 12px;
  204.     background: url(images/img07.gif) no-repeat left center;
  205. }
  206.  
  207. #sidebar h2 {
  208.     margin-bottom: 15px;
  209.     padding-left: 5px;
  210.     border-bottom: 1px solid #D3B6AF;
  211.     text-transform: uppercase;
  212.     font-size: small;
  213.     font-weight: bold;
  214. }
  215.  
  216. #sidebar a {
  217.     text-decoration: none;
  218. }
  219.  
  220. #sidebar a:hover {
  221.     text-decoration: underline;
  222. }
  223.  
  224. /* Search */
  225.  
  226. #search {
  227. }
  228.  
  229. #search h2 {
  230. }
  231.  
  232. #search form {
  233. }
  234.  
  235. #search #inputtext1 {
  236. }
  237.  
  238. #search #inputsubmit1 {
  239. }
  240.  
  241. /* Archives */
  242.  
  243. #archives {
  244. }
  245.  
  246. /* Categories */
  247.  
  248. #categories {
  249. }
  250.  
  251. /* Blogroll */
  252.  
  253. #blogroll {
  254. }
  255.  
  256. /* Meta */
  257.  
  258. #meta {
  259. }
  260.  
  261. /* Footer */
  262.  
  263. #footer {
  264.     width: 700px;
  265.     margin: 0 auto;
  266.     padding-top: 43px;
  267.     background: url(images/img09.gif) no-repeat;
  268. }
  269.  
  270. #footer p {
  271.     margin: 0;
  272.     padding: 20px 0;
  273.     text-align: center;
  274.     font-size: x-small;
  275.     color: #FFFFFF;
  276. }
  277.  
  278. #footer a {
  279.     color: #FFFFFF;
  280. }