/*########################### Access-Music.net Main CSS Version 1.0 - May 30, 2006 Version 1.1 - June 08, 2006 Version 2.0 - August 02, 2006 Copyright 2006 Product 9 DESIGN http://www.product9.com All rights reserved. ###########################*/ /*--------- TAGS ------------*/ body {margin:0; padding:0; color:#333333; background:#000000; line-height:1.02em; font-size:100.01%; font-family:Arial, Helvetica, Verdana, sans-serif, Geneva; height:100%;} ul, li, ol, td, p, h1, h2, h3 {margin:0; padding:0; border:0;} /*--------- LAYOUT ----------*/ #page_wrapper {margin:0 auto 0 auto; padding:0; width:775px; height:auto; background-color:#123466;} /*~~~~~ header ~~~~~*/ #header_wrapper {height:110px; border-bottom:15px solid #000000;} #header {height:110px; background:url(../images/global/am_logo_med_02.gif) 212px 20px no-repeat;} /*~~~~~ content ~~~~~*/ #content_wrapper {background:url(../images/global/bkg_grad.jpg) repeat-x; height:auto;} /*~~~~~ navigation/sidebar ~~~~~*/ #content_left {width:150px; float:left; height:350px; padding-top:8px;} #nav_wrapper {margin:40px 0 0 25px;} #nav {position:relative; height:260px; width:100px; margin:0; padding:0; background:url(../images/global/am_nav_02.gif) no-repeat;} #nav ii {position:absolute; list-style:none; margin:0; padding:0; left:0; top:0;} #nav li, #nav a {display:block; height:37px; width:100px; border:none;} /* li position values */ #nav_01 {top:0;} #nav_02 {top:37px;} #nav_03 {top:74px;} #nav_04 {top:111px;} #nav_05 {top:148px;} #nav_06 {top:185px;} #nav_07 {top:222px;} /* a:hover values*/ #nav_01 a:hover {background:url(../images/global/am_nav_02.gif) -100px 0 no-repeat;} #nav_02 a:hover {background:url(../images/global/am_nav_02.gif) -100px -37px no-repeat;} #nav_03 a:hover {background:url(../images/global/am_nav_02.gif) -100px -74px no-repeat;} #nav_04 a:hover {background:url(../images/global/am_nav_02.gif) -100px -111px no-repeat;} #nav_05 a:hover {background:url(../images/global/am_nav_02.gif) -100px -148px no-repeat;} #nav_06 a:hover {background:url(../images/global/am_nav_02.gif) -100px -185px no-repeat;} #nav_07 a:hover {background:url(../images/global/am_nav_02.gif) -100px -222px no-repeat;} /* current page values */ #nav_01_on {top:0; background:url(../images/global/am_nav_02.gif) -100px 0 no-repeat;} #nav_02_on {top:37px; background:url(../images/global/am_nav_02.gif) -100px -37px no-repeat;} #nav_03_on {top:74px; background:url(../images/global/am_nav_02.gif) -100px -74px no-repeat;} #nav_04_on {top:111px; background:url(../images/global/am_nav_02.gif) -100px -111px no-repeat;} #nav_05_on {top:148px; background:url(../images/global/am_nav_02.gif) -100px -148px no-repeat;} #nav_06_on {top:185px; background:url(../images/global/am_nav_02.gif) -100px -185px no-repeat;} #nav_07_on {top:222px; background:url(../images/global/am_nav_02.gif) -100px -222px no-repeat;} #nav_01_on a:hover {top:0; background:url(../images/global/am_nav_02.gif) -100px 0 no-repeat;} #nav_02_on a:hover {top:37px; background:url(../images/global/am_nav_02.gif) -100px -37px no-repeat;} /*IE 6/7 fix */ /* * html #nav_01 a:hover {margin: 0 0 0 0; border:none;} * html #nav_02 a:hover {margin:-1px 0 0 0; border:none;} * html #nav_03 a:hover {margin:-2px 0 0 0; border:none;} * html #nav_04 a:hover {margin:-3px 0 0 0; border:none;} * html #nav_05 a:hover {margin:-3px 0 0 0; border:none;} * html #nav_06 a:hover {margin:-4px 0 0 0; border:none;} * html #nav_07 a:hover {margin:-5px 0 0 0; border:none;} * html #nav_01_on {margin:0; padding:0; border:none;} * html #nav_02_on {margin:0; padding:0; border:none;} * html #nav_03_on {margin:0; padding:0; border:none;} * html #nav_04_on {margin:0; padding:0; border:none;} * html #nav_05_on {margin:0; padding:0; border:none;} * html #nav_06_on {margin:0; padding:0; border:none;} * html #nav_07_on {margin:0; padding:0; border:none;} */ /*~~~~~ main content ~~~~~*/ /* content_right - sets the main content area and allows room for the navigation float */ #content_right {margin-left:150px; height:auto;} /* content - sets the height of the pages - change to alt for pages with text greater than 350px high */ #content {min-height:365px; padding:20px 15px 5px 15px;} * html #content {height:365px;} /*~~~~~ footer ~~~~~*/ #footer_wrapper {height:75px; clear:both; width:775px; margin:0 auto 10px auto; border-top:15px solid #000000; background:#123466;} #footer {font-size:0.62em; color:#456CA7; text-align:center; padding:15px;} /*--------- PAGES ------------*/ /*~~~~~ 0. splash ~~~~~*/ /*~~~~~ 1. find music ~~~~~*/ /*~~~~~ a. search ~~~~~*/ #findmusic {font-size:0.74em; padding:20px 35px 20px 0;} #findmusic h1 {text-align:left; padding:20px 0; font-size:1.45em; color:#396AAC; text-transform:uppercase;} /*~~~~~ b. advanced search ~~~~~*/ /*~~~~~ c. results ~~~~~*/ #results {font-size:0.74em; padding:20px 35px 20px 0;} #results h1 {text-align:left; padding:20px 0 10px 0; font-size:1.45em; color:#396AAC; text-transform:uppercase;} /*.results_item {border-top:1px solid #396AAC; position:relative; padding:5px 0; margin:10px 0;} .results_item h2 {font-size:1.25em; color:#396AAC;} .results_item_p {display:block; width:350px;} .results_item span {padding:0 7px 0 0;} */ /*.soundslike_artists {padding:0 7px 0 7px; margin:0 7px 0 7px; display:block;}*/ .flashcontent {} /*~~~~~ CATALOG ~~~~~*/ .catalog_item {margin:5px 0 10px 0; padding:0; display:block;} .catalog_item h1 {font-size:0.85em; margin:5px; color:#396AAC;} .catalog_item h2 {font-size:100%; margin:0; padding:0 8px 0 0; color:#396AAC; height:17px;} .catalog_item_top {background:url(../images/pages/catalog/player/bkg_results_03_t.gif) no-repeat; height:9px;} .catalog_item_bkg {background:url(../images/pages/catalog/player/bkg_results_03_m.gif) repeat-y; height:100%; padding:0 10px;} .catalog_item_bot {background:url(../images/pages/catalog/player/bkg_results_03_b.gif) no-repeat; height:9px;} .catalog_item p {margin:3px; padding:3px 0; font-size:0.72em;} /* The catalog results and player */ .catalog_table {padding:0; color:#333333; width:525px;} .catalog_results {font-size:0.9em; text-align:left; padding:1px 5px 0 10px; font-weight:bold;} .catalog_categories {font-size:0.8em; text-align:left; padding:0 5px 0 10px; color:#E8E8E8;} .catalog_soundslike {font-size:0.8em; text-align:left; padding:0; color:#E8E8E8; vertical-align:top;} .catalog_player {vertical-align:middle;} .soundslike_artists {margin:0; padding:0 3px 0 0; color:#333333;} /* --- results paging navigation --- */ .page_nav {} .page_info {padding:5px; font-size:0.82em;} .page_nav_item {display:inline; padding:0; margin:1px; font-size:0.76em; color:#123466;} .page_nav_item a {color:#123466; text-decoration:none; padding:3px; background:#EBEBEB;} .page_nav_item a:hover {background:#999999; color:#FFFFFF; text-decoration:none;} .page_nav_item span {background:#999999; color:#FFFFFF; padding:3px;} /*~~~~~ 2. about us ~~~~~*/ #about {font-size:0.74em; padding:20px 35px 20px 0;} #about h1 {text-align:left; padding:20px 0; font-size:1.45em;} #about h2 {text-align:left; padding:10px 0; font-size:1.25em; color:#396AAC;} #about img {padding:0 5px 0 0; margin:0 0 -5px 0;} #about p {padding:5px 0;} #about strong {color:#396AAC; font-weight:bold;} /*~~~~~ 3. credits ~~~~~*/ #credits {font-size:0.74em; padding:20px 35px 20px 0;} #credits ul {font-size:100%; padding:0 0 25px 25px; list-style:none;} #credits li {padding:0 0 7px 10px;} .credits_roll {padding:0 0 0 65px;} #credits_roll {} /* this is the content replaced by Flash */ #credits_roll h1 {text-align:left; padding:20px 0; font-size:1.45em;} /*~~~~~ 4. contact us ~~~~~*/ #contact {font-size:0.74em; padding:20px 35px 20px 0;} #contact p {padding:5px 0;} #contact h1 {font-size:1.65em; color:#396AAC; padding:10px 0 10px 0;} #contact h2 {font-size:1.60em; padding:10px 0 3px 0; color:#396AAC;} #contact span {color:#396AAC;} #btn_join_now a {height:20px; width:80px; display:block; border:none; background:url(../images/pages/contact/btn_joinnow.gif) 0 0 no-repeat; } #btn_join_now a:hover {background:url(../images/pages/contact/btn_joinnow.gif) 0 -20px no-repeat;} /*~~~~~ 5. custom work ~~~~~*/ #custom {font-size:0.74em; padding:20px 35px 20px 0;} #custom h1 {font-size:1.65em; color:#396AAC; padding:20px 0 5px 0;} #custom p {padding:5px 0;} #custom ul {padding:0 0 25px 15px; font-size:100%;} #custom li {padding:0 0 3px 10px;} #btn_custom a {border:none; height:20px; width:230px; display:block; border:none; background:url(../images/pages/custom/btn_customlink.gif) 0 0 no-repeat; display:block;} #btn_custom a:hover {background:url(../images/pages/custom/btn_customlink.gif) 0 -20px no-repeat;} /*~~~~~ 6. submit music ~~~~~*/ #submit_music {font-size:0.74em; padding:20px 35px 20px 0;} #submit_music h1 {font-size:1.45em; color:#396AAC; padding:0 0 17px 0; text-align:left;} #submit_music h2 {font-size:1.25em; color:#396AAC; padding:10px 0 0 0;} #submit_music p {padding:5px 0;} #btn_submitmusic {border:none; height:20px; width:140px; display:block; border:none; background:url(../images/pages/submit/btn_submitform.gif) 0 0 no-repeat; display:block;} #btn_submitmusic:hover {background:url(../images/pages/submit/btn_submitform.gif) 0 -20px no-repeat; float:left;} #submit_music ul {font-size:100%; padding:5px 0 0 0; margin:0 0 0 45px;} #submit_music li {padding:5px 0 5px 5px; margin:0 0 0 0;} /*~~~~~ 7. home ~~~~~*/ #home {font-size:0.74em; padding:20px 35px 20px 0;} #home h1 {font-size:1.45em; color:#396AAC; padding:10px 0 7px 0; text-align:left;} #home h2 {font-size:1.25em; color:#396AAC; padding:5px 0 5px 0; text-align:left;} #home p {padding:5px 0; text-align:left;} .home_img {text-align:center; margin:15px auto 15px auto;} #home ul { padding:0 0 3px 15px;} #home li {padding:0 0 1px 10px;} /*~~~~~ 8. promotion ~~~~~*/ #promotion {font-size:0.74em; padding:20px 35px 20px 0;} #promotion h1 {text-align:left; font-size:1.45em; padding:10px 0; text-transform:uppercase;} #promotion h2 {text-align:left; padding:10px 0; font-size:1.5em; color:#396AAC;} #promotion img {padding:0 5px 0 0; margin:0 0 -5px 0;} #promotion p {padding:5px 0;} #promotion strong {font-weight:bold;} /*--------- CLASSES ------------*/ .copyright {} /*--------- LINKS ------------*/ a {color:#396AAC; text-decoration:none; border-bottom:none;} a:hover {color:#396AAC; border-bottom:solid 1px #396AAC;} /************** IE ONLY HACKS - SHOW ALL IE **************/ /************** IE PC - HIDE from mac **************/ /* Hide from IE5-mac. Only IE-win sees this. \*/ * html #promotion {}; /* End hide from IE5/mac */ /************** IE MAC ONLY HACKS - SHOW to mac (no comments in hack area!) **************/ /*\*//*/ #page_wrapper {height:auto;} #content_wrapper {background:#B1B5C0 url(../images/global/bkg_grad.jpg) repeat-x; height:auto; width:100%; display:block; position:relative;} .catalog_item_bkg {background:url(../images/pages/catalog/player/bkg_results_03_m.gif) repeat-y; height:auto; padding:0 10px; display:block;} /**/ /* End Mac Only hacks */