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