home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / landscape / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-07-05  |  4.0 KB  |  295 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: 20px 0 0 0;
  9.     padding: 0;
  10.     background: #FFFFFF url(images/img01.jpg);
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #333333;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin: 0;
  18.     font-weight: normal;
  19.     color: #AD1112;
  20. }
  21.  
  22. h1 {
  23.     font-size: 197%;
  24. }
  25.  
  26. h2 {
  27.     font-size: 167%;
  28. }
  29.  
  30. h3 {
  31.     font-size: 100%;
  32.     font-weight: bold;
  33. }
  34.  
  35. p, ol, ul {
  36.     line-height: 180%;
  37. }
  38.  
  39. p {
  40. }
  41.  
  42. ol {
  43. }
  44.  
  45. ul {
  46. }
  47.  
  48. blockquote {
  49.     margin: 0;
  50.     padding-left: 20px;
  51.     font-style: italic;
  52. }
  53.  
  54. blockquote * {
  55.     line-height: normal;
  56. }
  57.  
  58. a {
  59.     color: #AD1112;
  60. }
  61.  
  62. a:hover {
  63.     text-decoration: none;
  64. }
  65.  
  66. img {
  67.     border: none;
  68. }
  69.  
  70. img.left {
  71.     float: left;
  72.     margin: 0 15px 0 0;
  73. }
  74.  
  75. img.right {
  76.     float: right;
  77.     margin: 0 0 0 15px;
  78. }
  79.  
  80. hr {
  81.     display: none;
  82. }
  83.  
  84. /* Header */
  85.  
  86. #header {
  87.     width: 700px;
  88.     height: 220px;
  89.     margin: 0 auto;
  90.     background: url(images/img02.jpg) no-repeat right top;
  91. }
  92.  
  93. /* Logo */
  94.  
  95. #logo {
  96.     float: left;
  97.     width: 220px;
  98.     height: 220px;
  99.     background: #AD1011 url(images/img03.jpg);
  100. }
  101.  
  102. #logo h1, #logo h2 {
  103.     margin: 0;
  104.     text-transform: lowercase;
  105.     text-align: center;
  106.     font-weight: normal;
  107. }
  108.  
  109. #logo h1 {
  110.     padding: 120px 0 0 0;
  111.     background: url(images/img04.jpg) no-repeat 50% 30px;
  112.     letter-spacing: -1px;
  113.     font-size: 36px;
  114. }
  115.  
  116. #logo h2 {
  117.     font-size: 18px;
  118. }
  119.  
  120. #logo a {
  121.     text-decoration: none;
  122.     color: #FFFFFF;
  123. }
  124.  
  125. /* Menu */
  126.  
  127. #menu {
  128.     float: right;
  129.     width: 470px;
  130.     height: 40px;
  131.     padding: 180px 0 0 0;
  132. }
  133.  
  134. #menu ul {
  135.     width: 466px;
  136.     height: 40px;
  137.     margin: 0;
  138.     padding: 0;
  139.     background: #AD1011 url(images/img05.jpg) repeat-x;
  140.     border-left: 2px solid #FFFFFF;
  141.     border-right: 2px solid #FFFFFF;
  142.     list-style: none;
  143. }
  144.  
  145. #menu li {
  146.     display: inline;
  147. }
  148.  
  149. #menu a {
  150.     display: block;
  151.     float: left;
  152.     height: 32px;
  153.     padding: 8px 20px 0 19px;
  154.     background: url(images/img06.gif) no-repeat;
  155.     text-transform: lowercase;
  156.     text-decoration: none;
  157.     font-size: 16px;
  158.     font-weight: bold;
  159.     color: #FFFFFF;
  160. }
  161.  
  162. /* Page */
  163.  
  164. #page {
  165.     width: 700px;
  166.     margin: 0 auto;
  167. }
  168.  
  169. /* Content */
  170.  
  171. #content {
  172.     float: right;
  173.     width: 430px;
  174.     padding: 20px;
  175.     background: #FFFFFF url(images/img07.gif) no-repeat left bottom;
  176. }
  177.  
  178. /* Sidebar */
  179.  
  180. #sidebar {
  181.     float: left;
  182.     width: 220px;
  183.     padding-top: 10px;
  184. }
  185.  
  186. #sidebar a {
  187.     color: #3699E4;
  188. }
  189.  
  190. #sidebar ul {
  191.     margin-left: 0;
  192.     padding-left: 0;
  193.     list-style: none;
  194.     font-size: 92%;
  195. }
  196.  
  197. #sidebar ul li {
  198.     padding: 5px 14px;
  199.     background: url(images/img13.gif) no-repeat 0px 12px;
  200.     border-top: 1px solid #0B0B0B;
  201. }
  202.  
  203. #sidebar ul li.first {
  204.     border: none;
  205. }
  206.  
  207. #sidebar ul li h2 {
  208.     margin: 0;
  209.     font-size: 100%;
  210. }
  211.  
  212. #sidebar ul li h3 {
  213.     margin: 0;
  214.     font-size: 92%;
  215. }
  216.  
  217. #sidebar ul li p {
  218.     margin: 0;
  219. }
  220.  
  221. .boxed {
  222.     margin-bottom: 10px;
  223.     background: #000000 url(images/img10.gif) no-repeat left bottom;
  224. }
  225.  
  226. .boxed .title {
  227.     height: 30px;
  228.     margin: 0;
  229.     padding: 10px 0 0 10px;
  230.     background: #5EB2ED url(images/img08.jpg) no-repeat;
  231.     font-size: 16px;
  232.     font-weight: bold;
  233.     color: #000000;
  234. }
  235.  
  236. .boxed .content {
  237.     padding: 15px;
  238.     background: url(images/img09.gif) repeat-x;
  239. }
  240.  
  241. /* Search */
  242.  
  243. #search {
  244. }
  245.  
  246. #search form {
  247.     margin: 0;
  248.     padding: 0;
  249. }
  250.  
  251. #search fieldset {
  252.     margin: 0;
  253.     padding: 0;
  254.     border: none;
  255. }
  256.  
  257. #search p {
  258.     margin: 0;
  259.     font-size: 85%;
  260. }
  261.  
  262. #searchinput {
  263.     float: right;
  264.     width: 174px;
  265.     padding: 2px 5px;
  266.     background: #EFEFEF url(images/img11.gif) repeat-x;
  267.     border: 1px solid #FFFFFF;
  268.     font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
  269. }
  270.  
  271. #searchsubmit {
  272.     float: right;
  273.     margin-top: 5px;
  274.     background: #AD1112 url(images/img12.gif) repeat-x;
  275.     border: none;
  276.     font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
  277.     color: #FFFFFF;
  278. }
  279.  
  280. /* Footer */
  281.  
  282. #footer {
  283.     height: 100px;
  284. }
  285.  
  286. #footer p {
  287.     margin: 0;
  288.     line-height: normal;
  289.     font-size: 85%;
  290.     color: #000000;
  291. }
  292.  
  293. #footer a {
  294.     color: #000000;
  295. }