home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / template31 / style.css < prev    next >
Cascading Style Sheet File  |  2005-11-17  |  7KB  |  465 lines
  1. * {
  2.     margin: 0px;
  3.     padding: 0px;
  4. }
  5.  
  6. body {
  7.     color: #000;
  8.     background: #fff url('images/background.jpg') repeat-x;
  9.     font-family: verdana, arial, sans-serif;
  10.     font-size: 11px;
  11.     text-align: center;
  12. }
  13.  
  14. a {
  15.     color: #000;
  16.     background-color: inherit;
  17.     text-decoration: underline;
  18. }
  19.  
  20. a:hover {
  21.     color: #9e0100;
  22.     background-color: inherit;
  23. }
  24.  
  25. span {
  26.     display: none;
  27. }
  28.  
  29. img {
  30.     border: none;
  31. }
  32.  
  33. ul {
  34.     list-style-type: none;
  35. }
  36.  
  37. li {
  38.     list-style-type: none;
  39. }
  40.  
  41. p {
  42.     padding: 7px 0px 8px;
  43.     text-align: justify;
  44.     line-height: 15px;
  45. }
  46.  
  47. input {
  48.     border: 0px;
  49.     font-family: verdana, arial, sans-serif;
  50.     font-size: 10px;
  51. }
  52.  
  53. .clearthis {
  54.     margin : 0px;
  55.     height : 1px;
  56.     clear : both;
  57.     float : none;
  58.     font-size: 1px;
  59.     line-height: 0px;
  60.     overflow : hidden;
  61.     visibility: hidden;
  62. }
  63.  
  64. .thumbnail {
  65.     padding: 10px 0px;
  66.     float: left;
  67. }
  68.  
  69.  
  70. #body_wrapper {
  71.     margin: 0px auto;
  72.     width: 789px;
  73.     color: inherit;
  74.     background-color: #fff;
  75.     text-align: left;
  76. }
  77.  
  78. #container {
  79.     margin: 0px 1px;
  80.     width: 787px;
  81. }
  82.  
  83.  
  84. /* Page Header */
  85.  
  86. #page_header {
  87.     width: 787px;
  88.     height: 222px;
  89.     overflow: hidden;
  90.     font-weight: bold;
  91.     text-align: left;
  92. }
  93.  
  94. #page_header a {
  95.     color: #fff;
  96.     background: inherit;
  97. }
  98.  
  99. #page_header a:hover {
  100.     color: #f4d03f;
  101.     background-color: inherit;
  102. }
  103.  
  104.  
  105. /* Header Title */
  106.  
  107. #header_title {
  108.     width: 413px;
  109.     height: 221px;
  110.     color: #fff;
  111.     background: #cc0000 url('images/headertitle_bg.jpg') no-repeat 0% 0%;
  112.     float: right;
  113.     overflow: hidden;
  114. }
  115.  
  116. #header_title h1 {
  117.     margin: 23px auto 0px 8px;
  118.     width: 300px;
  119.     height: 64px;
  120.     background: url('images/headertitle.gif') no-repeat 0% 0%;
  121. }
  122.  
  123. #header_title .textbox {
  124.     padding: 85px 12px 0px;
  125. }
  126.  
  127. #header_title .textbox a {
  128.     text-transform: uppercase;
  129. }
  130.  
  131.  
  132. /* Header Links */
  133.  
  134. #header_links {
  135.     width: 220px;
  136.     height: 221px;
  137.     background: url('images/header_musicnotes.jpg') no-repeat 0% 46px;
  138.     float: left;
  139.     overflow: hidden;
  140.     font-size: 10px;
  141. }
  142.  
  143. #header_links a {
  144.     text-decoration: none;
  145. }
  146.  
  147. #header_links ul {
  148.     width: 220px;
  149.     height: 46px;
  150.     color: #fff;
  151.     background-color: #cc0000;
  152. }
  153.  
  154. #header_links li {
  155.     padding: 20px 12px 0px;
  156.     float: left;
  157. }
  158.  
  159.  
  160. /* Header Navigation Menu */
  161.  
  162. #header_navmenu {
  163.     width: 154px;
  164.     height: 221px;
  165.     color: #fff;
  166.     background: #f65741 url('images/headernav_bg.jpg') repeat-y;
  167.     float: left;
  168.     overflow: hidden;
  169.     font-size: 10px;
  170.     line-height: 10px;
  171.     border-bottom: #d1d1d1 1px solid;
  172. }
  173.  
  174. #header_navmenu a {
  175.     text-decoration: none;
  176. }
  177.  
  178. #header_navmenu ul {
  179.     margin-top: 46px;
  180.     height: 174px;
  181.     background: url('images/headernav_listbg.gif') repeat-y;
  182.     border-bottom: #9f0000 1px solid;
  183. }
  184.  
  185. #header_navmenu li {
  186.     background: url('images/headernav_bullet.jpg') no-repeat 8px 5px;
  187.     width: 154px;
  188.     height: 23px;
  189.     border-top: #fff 1px solid;
  190.     text-transform: uppercase;
  191.     overflow: hidden;
  192.     float: left;
  193. }
  194.  
  195. #header_navmenu li a {
  196.     display: block;
  197.     padding-top: 6px;
  198.     padding-left: 28px;
  199.     background-image: none;
  200. }
  201.  
  202.  
  203. /* Left Sidebar */
  204.  
  205. .leftsidebar_box {
  206.     padding: 15px 20px;
  207.     text-align: left;
  208. }
  209.  
  210. .leftsidebar_box .pay_button {
  211.     padding-top: 25px;
  212.     text-align: center;
  213. }
  214.  
  215. .leftsidebar_box .highlight {
  216.     font-size: 12px;
  217.     font-weight: bold;
  218.     text-align: center;
  219. }
  220.  
  221.  
  222. /* Right Column */
  223.  
  224. .rightcolumn_box {
  225.     padding: 15px 20px;
  226. }
  227.  
  228. .rightcolumn_box h2 {
  229.     padding-bottom: 10px;
  230.     font-size: 14px;
  231.     color: #c00000;
  232.     background-color: inherit;
  233. }
  234.  
  235.  
  236. /* Page Content First Row */
  237.  
  238. #page_content_1 {
  239.     width: 787px;
  240.     color: inherit;
  241.     background: #ffcb02 url('images/sidebar_box1_bg.jpg') repeat-y;
  242. }
  243.  
  244. #rightcolumn_1 {
  245.     width: 566px;
  246.     float: right;
  247.     font-size: 10px;
  248. }
  249.  
  250. #rightcolumn_1 .rightcolumn_box p {
  251.     padding-bottom: 5px;
  252.     padding-left: 15px;
  253.     width: 260px;
  254.     float: left;
  255.     line-height: 12px;
  256. }
  257.  
  258. #rightcolumn_1 .whitebar {
  259.     margin : 0px;
  260.     height : 1px;
  261.     color: inherit;
  262.     background-color: #fff;
  263.     clear : both;
  264.     float : none;
  265.     font-size: 1px;
  266.     line-height: 0px;
  267.     overflow : hidden;
  268. }
  269.  
  270.  
  271. /* Left Sidebar : What's New */
  272.  
  273. #leftsidebar_1 {
  274.     width: 221px;
  275.     background: url('images/sidebar_box1_top.jpg') no-repeat 0% 0%;
  276.     text-align: right;
  277.     float: left;
  278. }
  279.  
  280. #leftsidebar_1_header {
  281.     margin: 18px 15px 0px auto;
  282.     width: 156px;
  283.     height: 33px;
  284.     background: url('images/sidebar_box1_headerbg.jpg') no-repeat 0% 0%;
  285.     overflow: hidden;
  286. }
  287.  
  288. #leftsidebar_1_header h2 {
  289.     width: 156px;
  290.     height: 33px;
  291.     background: url('images/whatsnew_header.gif') no-repeat 50% 50%;
  292. }
  293.  
  294.  
  295. /* Right Column : Sign Up Now */
  296.  
  297. #signupnow {
  298.     padding: 5px 10px;
  299.     font-size: 11px;
  300. }
  301.  
  302. #signupnow h3 {
  303.     margin: 7px 0px 3px;
  304.     width: 282px;
  305.     height: 42px;
  306.     background: url('images/signupnow.gif') no-repeat 0% 0%;
  307.     float: left;
  308. }
  309.  
  310. #signupnow form {
  311.     width: 260px;
  312.     float: right;
  313. }
  314.  
  315. #signupnow .formfield {
  316.     float: left;
  317.     padding: 0px 0px 3px;
  318.     width: 190px;
  319. }
  320.  
  321. #signupnow form strong {
  322.     display: block;
  323.     padding-top: 11px;
  324.     width: 60px;
  325.     text-align: right;
  326.     float: left;
  327.     clear: left;
  328. }
  329.  
  330. #signupnow input {
  331.     margin-top: 8px;
  332.     margin-left: 10px;
  333.     padding: 2px 0px;
  334.     width: 115px;
  335.     border: #000 solid;
  336.     border-width: 1px 0px 0px 1px;
  337.     float: left;
  338. }
  339.  
  340. #signupnow input.button_submit {
  341.     margin-top: 3px;
  342.     width: 60px;
  343.     height: 48px;
  344.     border: none;
  345.     float: right;
  346. }
  347.  
  348.  
  349. /* Page Content Second Row */
  350.  
  351. #page_content_2 {
  352.     width: 787px;
  353.     color: inherit;
  354.     background: #ff9700 url('images/sidebar_box2_bg.jpg') repeat-y;
  355. }
  356.  
  357.  
  358. /* Left Sidebar - Second Row */
  359.  
  360. #leftsidebar_2 {
  361.     width: 221px;
  362.     background: url('images/sidebar_box2_arrow.gif') no-repeat 100% 85%;
  363.     float: left;
  364. }
  365.  
  366. #leftsidebar_2 .pay_button {
  367.     padding-top: 20px;
  368. }
  369.  
  370.  
  371. /* Right Column - Second Row */
  372.  
  373. #rightcolumn_2 {
  374.     width: 566px;
  375.     float: right;
  376.     font-size: 10px;
  377.     text-align: center;
  378. }
  379.  
  380. /* November Gigs */
  381.  
  382. #gigs {
  383.     margin: 0px auto;
  384.     padding: 25px 0px 15px;
  385.     width: 527px;
  386. }
  387.  
  388. #gigs h2 {
  389.     width: 527px;
  390.     height: 37px;
  391.     background: url('images/novembergigs_header.gif') no-repeat 0% 0%;
  392. }
  393.  
  394. #gigs_table table {
  395.     width: 527px;
  396. }
  397.  
  398. #gigs_table td {
  399.     padding: 10px 10px;
  400.     color: #000;
  401.     background-color: #fda628;
  402.     font-size: 11px;
  403.     text-align: left;
  404. }
  405.  
  406. #gigs_table #header_row td {
  407.     padding-top: 3px;
  408.     color: #fff;
  409.     background-color: #f8ab36;
  410.     border-bottom: #ff9700 2px solid;
  411. }
  412.  
  413.  
  414. /* Page Footer */
  415.  
  416. #page_footer {
  417.     width: 787px;
  418.     color: #fff;
  419.     background: #c00000 url('images/footer_bg.jpg') no-repeat 0% 100%;
  420.     font-weight: bold;
  421. }
  422.  
  423. #page_footer a {
  424.     color: #fff;
  425.     background-color: inherit;
  426. }
  427.  
  428. #page_footer a:hover {
  429.     color: #f69689;
  430.     background-color: inherit;
  431. }
  432.  
  433. #page_footer_box {
  434.     padding: 5px 10px 7px 180px;
  435. }
  436.  
  437. #page_footer_box p {
  438.     padding: 2px 0px 3px;
  439. }
  440.  
  441.  
  442. /* Footer Links */
  443.  
  444. #footer_links {
  445.     padding: 10px 0px 6px;
  446. }
  447.  
  448. #footer_links li {
  449.     float: left;
  450.     background: url('images/footerlinks_div.gif') no-repeat 100% 50%
  451. }
  452.  
  453. #footer_links li a {
  454.     display: block;
  455.     padding: 0px 17px 0px 14px;
  456.     text-decoration: none;
  457. }
  458.  
  459. #footer_links li#firstlink a {
  460.     padding-left: 0px;
  461. }
  462.  
  463. #footer_links li#lastlink {
  464.     background-image: none;
  465. }