/* Editors Choice Music Stylesheet
   Rev - 20090323  */

/* @group Body */

* { 
	margin: 0; 
	padding: 0; 
	}

body { 
	font: 62.5% "Myriad Pro", Arial, sans-serif; 
	background-color: #000; 
	text-align: center; 
	}

#container { 
	width: 980px; 
	margin: 0 auto; 
	text-align: left; 
	background: #000 url(../photos/bg_container.png) repeat-y left top; 
	border-left: .5em solid #ccc; 
	border-top: .5em solid #ccc; 
	border-right: .5em solid #ccc; 
	margin-top: 5px; 
	margin-bottom: 20px; 
	}

a:active { 
	outline: none; 
	}

a:focus { 
	outline: none; 
	}

img { 
	border: 0px; 
	}

/* @end */

/* @group Layout */

#banner { 
	background: #8a3129 url(../photos/bg_banner-v.jpg) repeat-x; 
	height: 77px; 
	}

img#logo { 
	float: left;
	margin-top: 6px; 
	margin-left: 6px; 
	}
	
img#guitar { 
	float: right; 
	height: 75px;
	width: 672px;
	}	

#content { 
	width: 792px; 
	float: right; 
	}

#main_content { 
	width: 555px; 
	float: left; 
	}

#sidebar { 
	width: 240px; 
	float: right;
	}

#footer { 
	width: 980px; 
	clear: both; 
	}

/* @end */

/* @group Fonts */

p 	{ font-size: 1.2em; }
h1  { font-size: 1.5em; }
h2 	{ font-size: 1.4em; }
h3  { font-size: 1.3em; }
h4 	{ font-size: 1.2em; }

/* @end */

/* @group Main Nav */

li { 
	list-style-type: none; 
	}

a:link, a:visited { 
	text-decoration: none; 
	}
	
h2 a:link, h2 a:visited, .paginate a:link, .paginate a:visited { 
	text-decoration: none;
	color: #a71a22; 
	border-bottom: 1px dotted #a71a22;  
	}			

a:hover, a:active { 
	color: #a71a22; 
	text-decoration: underline; 
	}
	
h2 a:hover, h2 a:active, .paginate a:hover, .paginate a:active { 
	text-decoration: none;  
	}		

#main_nav { 
	height: 32px; 
	}

#main_nav ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	float: left; 
	width: 980px; 
	background: url(../photos/bg_navBar.jpg) repeat-x; 
	}

#main_nav ul li { 
	display: inline; 
	}

#main_nav ul a { 
	line-height: 2.1em;  
	text-decoration: none; 
	color: #4c4c4c; 
	float: left; 
	display: block; 
	padding: 3px 30px 0; 
	border-right: 1px solid #4c4c4c; 
	}

#main_nav a:link, #main_nav a:visited { 
	color: #191919; 
	font-size: 1.3em; 
	text-shadow: #fff 0 1px 0; 
	font-weight: normal; 
	text-decoration: none; 
	border-bottom: none; 
	}

#main_nav a:hover, #main_nav a:active, #main_nav li a.selected:link, #main_nav li a.selected:visited { 
	font-size: 1.3em; 
	color: #fff; 
	background: url(../photos/bg_navBar_active.jpg) repeat-x; 
	text-shadow: #333 1px 1px 1px; 
	font-weight: normal; 
	text-decoration: none; 
	border-bottom: none; 
	}

#main_nav ul .first a { 
	background: none; 
	}

/* @end */

/* @group Music Nav */

#navigation.scroll-pane { 
	width: 175px;
	height: 600px; 
	margin: 0;
	padding: 0;
	overflow: auto;
	}

#music_nav { 
	width: 155px; 
	float: left; 
	padding-top: 20px; 
	}
	
.jScrollPaneContainter { 
	width: 175px; 
	margin: 0;
	padding: 0;
	z-index: -1;
	}	

#music_nav h2 { 
	font-size: 1.6em; 
	font-weight: normal; 
	color: #fff; 
	margin-left: 15px; 
	margin-bottom: 10px; 
	}

#music_nav ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}

#music_nav li { 
	width: 155px; 
	border-bottom: 1px dotted #ccc; 
	}

#music_nav li a { 
	display: block; 
	line-height: 2em; 
	font-size: 1.2em; 
	font-weight: normal; 
	padding-left: 18px; 
	}

#music_nav li a:link, #music_nav li a:visited { 
	color: white; 
	border-bottom: none;
	}

#music_nav li a:hover, #music_nav a:active { 
	color: #ff0000; 
	text-decoration: none; 
	}

#music_nav p { 
	padding-left: 8px; 
	}

/* @group Contact Info */

#contact_info { 
	height: 150px; 
	margin-top: 35px; 
	margin-left: 10px; 
	background: url(../photos/bg_contact_box.jpg) no-repeat; 
	}

#contact_info h3 { 
	font-size: 1.4em; 
	padding-top: 10px; 
	color: #a71a22; 
	padding-left: 20px; 
	text-shadow: #fff 0 1px 0; 
	}

#contact_info p { 
	font-size: 1.4em; 
	line-height: 1.4em; 
	padding-left: 20px; 
	}

#music_nav h2.suggest { 
	margin-top: 5px; 
	margin-left: 25px; 
	}

#music_nav a:link, #music_nav a:visited, #music_nav h2.suggest a:link, #music_nav h2.suggest a:visited { 
	color: white; 
	border-bottom-style: dotted; 
	border-bottom-width: 1px; 
	}

#music_nav h2.suggest a:hover, #music_nav h2.suggest a:active { 
	color: white; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	text-decoration: none; 
	}

#contact_info a:link, #contact_info a:visited, a#delete_all:link, a#delete_all:visited { 
	color: #a71a22; 
	border-bottom: 1px dotted #a71a22; 
	}

#contact_info a:hover, #contact_info a:active, a#delete_all:hover, a#delete_all:active { 
	color: #a71a22; 
	border-bottom: 1px solid #a71a22; 
	text-decoration: none; 
	}

/* @end */

/* @end */

/* @group Main Content */

#main_content { 
	width: 548px; 
	float: left; 
	}
	
object#mp3_player { 
	padding: 15px 0 10px 30px;
	}	
		

/* @group Intro Box */

#intro { 
	height: 647px; 
	margin-left: 10px; 
	margin-top: 18px; 
	background: url(../photos/bg_about.png) no-repeat; 
	}

#home #intro { 
	height: 221px; 
	background: url(../photos/bg_intro.jpg) no-repeat; 
	}

#music #intro { 
	height: 75px;
	background: url(../photos/bg_intro_small.jpg) no-repeat; 
	}
	
#music #intro h1 { 
	height: 7px;
	}

#intro h1 { 
	text-indent: -9999px; 
	}
	
	
#news.scroll-pane { 
	width: 510px; 
	height: 550px;
	overflow: auto;
	}	
	
#news.scroll-pane p { 
	width: 460px; 
	}	
	
#clients.scroll-pane { 
	width: 510px; 
	overflow: auto;
	}	

#intro h2 { 
	color: #a71a22; 
	text-shadow: #fff 0 1px 0; 
	padding: 0; 
	margin: 7px 0 0 25px; 
	}

#intro_text h2.big { 
	font-size: 2.0em; 
	font-weight: normal; 
	color: #a71a22; 
	text-shadow: #fff 0 1px 0; 
	padding: 0; 
	margin: 7px 0 0 25px; 
	}

#intro p, #intro_text p { 
	font-size: 1.2em; 
	color: #333; 
	margin: 0; 
	padding: 0 35px 0 25px; 
	}
	
p.ad_search_txt { 
	color: red;
	font-size: 14px;
	padding-left: 50px; 
	}	

#portrait_frame { 
	float: right; 
	margin: 0 25px 5px 10px; 
	background: url(../photos/bg_about_photo.png)no-repeat; 
	width: 255px; 
	height: 378px; 
	}

#portrait_frame img { 
	margin-top: 15px; 
	margin-left: 12px; 
	border: solid 1px #fff; 
	}

#portrait_frame p { 
	font-size: 1.4em; 
	color: #fff; 
	margin: 5px 0 0 50px; 
	}

/* @end */

/* @group Clients */

ul.client_list { 
	width: 300px;
	margin: 10px 0 0 90px; 
	list-style-image: url(../photos/bullet_clients.gif); 
	}

ul.client_list li { 
	padding-bottom: 5px; 
	}

ul.client_list a:link, ul.client_list a:visited { 
	font-size: 18px; 
	color: #a71a22; 
	text-shadow: #fff 0 1px 0; 
	}

/* @end */

/* @group Search Box */

#search { 
	width: 470px; 
	height: 51px; 
	margin-left: 25px; 
	background: url(../photos/bg_search.jpg) repeat-x; 
	}	
	
#music_search.scroll-pane { 
	width: 515px;
	height: 470px; 
	margin: 0;
	padding: 0;
	overflow: auto;
	}		
	
#music #search { 
	width: 480px; 
	}	

#search label { 
	width: 140px;
	margin: 17px 5px 0 10px; 
	font-size: 1.6em; 
	color: #fff; 
	float: left; 
	}
	
#search input#keywords { 
	line-height: 18px; 
	margin-top: 16px; 
	margin-right: 10px; 
	width: 200px; 
	}
	
p#search_intro { 
	margin: 0;
	padding: 0 0 0 40px;
	}	
	
input:focus, textarea:focus { 
	background: #f1f1f1; 
	}
	
input, textarea { 
	font-size: 16px; 
	color: #333;
	}
	
input.submit_button { 
	font-size: 12px; 
	}			

input#search_btn { 
	float: right; 
	margin-top: -25px;
	margin-right: 10px;
	}

#input_text { 
	clear: left; 
	padding-top: 50px; 
	}

input.submit_btn { 
	float: right; 
	margin-right: 35px; 
	margin-top: 2px; 
	}
	
.paginate { 
	margin: 5px 0 0 30px; 
	}	

/* @end */

/* @group Forms */

#contact #intro_text h2 { 
	padding-left: 20px; 
	font-weight: normal; 
	}

#freeform { 
	width: 500px; 
	margin-left: 50px; 
	margin-top: 10px; 
	font-size: 18px;
	}

#freeform label, label span { 
	display: block; 
	padding-bottom: .25em; 
	color: #a71a22;
	}

#freeform label { 
	float: left; 
	width: 100%; 
	}

#freeform label span { 
	float: left; 
	width: 30%; 
	text-align: left; 
	}
	
fieldset { 
	border: none; 
	}	

fieldset input, input#keywords { 
	float: left; 
	width: 60%; 
	border: 1px solid #999; 
	}
	
input#username, input#password { 
	border: 1px solid #999; 
	font-size: 1.2em;
	color: #333;
	}	
	
fieldset textarea#comments { 
	float: left; 
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 18px;
	border: 1px solid #999; 
	}	

fieldset input:hover, fieldset textarea#comments:hover, #search_input input:hover, input#username:hover, input#password:hover, input#keywords:hover { 
	border-color: #a71a22; 
	}

fieldset input:active, input:focus, #search_input input:focus { 
	border-color: #a71a22; 
	}

textarea { 
	width: 250px; 
	height: 200px; 
	}

#freeform input[type="text"] { 
	width: 250px; 
	}

input.radio, input.checkbox, input.submit { 
	width: auto; 
	}
	
input.submit { 
	float: right; 
	font-size: 12px;
	}	

#contact #intro_text p { 
	margin: 10px; 
	font-size: 1.4em; 
	}

ul.client_list a:link, ul.client_list a:visited { 
	border-bottom: 1px dotted #a71a22; 
	text-decoration: none; 
	color: #a71a22; 
	}

ul.client_list a:hover, ul.client_list a:active { 
	border-bottom: 1px solid #a71a22; 
	text-decoration: none; 
	color: #a71a22; 
	}
	
ul#ad_search { 
	margin-left: 50px; 
	}	
	
#ad_search li { 
	font-size: 14px; 
	}	

/*registration page mods */

#register fieldset { 
	font-size: 14px; 
	color: #a71a22; 
	}

#register fieldset input, textarea { 
	font-size: 12px; 
	color: #333; 
	}

#register #intro_text p, #register #freeform p {  
	font-size: .9em; 

	}

#register #freeform img { 
	width: 110px; 
	height: 24px; 
	}
	
#intro_text p.contact { 
	padding-left: 50px; 
	}	

/* @end */

/* @group New Releases */

#home #new_music { 
	width: 521px; 
	height: 430px; 
	margin-left: 13px; 
    background: url(../photos/bg_music.jpg) no-repeat left top;
	} 

#new_music h2 { 
	padding: 7px 0 0 40px; 
	color: #a71a22; 
	text-shadow: #fff 0 1px 0; 
	}
	
#music #new_music h2 { 
	padding-top: 12px; 
	}	
	
#outer h3 { 
	padding-left: 20px;
	}	
	
#outer p { 
	padding: 0 20px 10px 20px; 
	}	
	
input#delete_btn { 
	font-size: 12px;
	float: right;
	margin-top: -15px;
	margin-bottom: 5px;
	}	

#new_inner { 
	width: 475px; 
	height: 350px; 
	position: relative; 
	top: 37px; 
	left: 19px; 
	}

img.new_releases { 
	width: 130px; 
	padding-left: 20px; 
	padding-bottom: 10px; 
	border-top-color: #e6e6e6; 
	border-top-width: 2px; 
	}
	
#new_inner a { 
	border: none; 
	} 	
	
#music #new_music { 
	width: 532px;
	margin-left: 7px;
	background: url(../photos/bg_cdBox_mid.jpg) repeat-y left top; 
	} 
	
#music #new_music #outer { 
	width: 532px;
	background: url(../photos/bg_cdBox_top.jpg) no-repeat;
	}	
	
#music #bottom { 
	width: 532px;
	height: 27px;
	background: url(../photos/bg_cdBox_bot.jpg) no-repeat left bottom; 
	}
	
#outer img.placeholder { 
	margin-left: 10px; 
	}
	
#cd_titles.scroll-pane { 
	width: 515px;
	height: 508px; 
	margin: 0;
	padding: 0;
	overflow: auto;
	}		
	
.cd_info { 
	width: 465px;
	min-height: 45px;
	padding: 10px 5px 10px 10px;
	margin: 5px 0 10px 15px;
	border: 1px solid #666; 
	background-color: #e6e6e6; 
	}
	
.cd_info img.cd_cover { 
	width: 50px;
	height: 46px;
	float: left; 
	margin-right: 5px;
	}	
	
.cd_info h3 { 
	color: #a71a22; 
	}
	
#outer .cd_info .details p { 
	padding-right: 5px; 
	}
	
.cd_info_full { 
	width: 480px;
	min-height: 45px;
	padding: 10px 5px 10px 10px;
	margin: 5px 0 10px 15px;
	border: 1px solid #666; 
	background-color: #e6e6e6; 
	}
	
.cd_info_full img.cd_cover { 
	width: 50px;
	height: 46px;
	float: left; 
	margin-right: 5px;
	}	
	
.cd_info_full h3 { 
	color: #a71a22; 
	}
	
#outer .cd_info_full .details p { 
	padding-right: 5px; 
	}							
	
.download img { 
	padding-top: 2px; 
	}	

/* @group table */

#cd_tracks.scroll-pane { 
	width: 510px;
	height: 425px; 
	overflow: auto;
	}

#music table { 
	border-collapse: collapse;
	width: 475px;
	margin-left: 15px; 
	border: 1px solid #ccc; 
	}	
	
th {
	height: 25px;
	background-color: #999;
    border-right: 1px solid #ccc;
    text-align: center; 
}

th.length { 
	padding: 0 2px 0 2px; 
	}	
	
tr td {
    border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

th.track { 
	width: 45px; 
	padding: 0 2px 0 2px;
	}
	
td.trackNum { 
	text-align: left;
	padding-left: 4px;
	}		
	
td.title { 
	width: 140px;
	font-size: 10px;
	font-weight: bold;
	text-align: left; 
	padding-left: 3px;
	}	
	
td.title a:link, td.title a:visited { 
	color: #000000; 
	text-decoration: none;
	}	
	
td.title a:hover, td.title a:active { 
	text-decoration: none; 
	color: #a71a22; 
	}	
	
th.length { 
	width: 35px; 
	}	
	
td.length { 
	text-align: right;
	padding-right: 15px; 
	}	
	
td.description {
	height: 30px;
	padding: 2px 5px 2px 5px; 
	text-align: left; 
	}			
	
th.add_to_project { 
	width: 38px; 
	}		
	
td.add, td.remove { 
	text-align: center; 
	}		
	
td.remove a:link, td.remove a:visited { 
	color: #a71a22;
	text-decoration: none; 
	font-size: 14px;
	font-weight: bolder;
	}		
	
table#favs td a:link, table#favs td a:visited { 
	color: #a71a22;
	text-decoration: none; 
	font-size: 14px;
	font-weight: bolder;
	}	
	
td.remove a:hover, td.favorite a:active { 
	color: black; 
	}
	
td.add a:link, td.add a:visited { 
	color: #000000;
	font-size: 18px;
	}	
	
td.add a:hover, td.add a:active { 
	color: #a71a22;
	text-decoration: none;
	}	
	
td.mp3_player { 
	 margin: 2px;
	 width: 29px;
	}

.player { 
	min-height: 24px;
	margin-top: 3px; 
	}
	
.player object { 
	padding: 2px; 
	}		
	
#close_btn { 
	margin: 50px 0 0 50px; 
	}	

dl#favorite-listings { 
	padding: 5px;
	margin: 5px 0 5px 5px; 
	}
	
.length { 
	padding-left: 20px;
	}	
	

/* @end */	


/* @end */



/* @end */

/* @group Flash */
object#flash_player { 
	margin-left: 17px;  
	}


/* @end */

/* @group Sidebar */

/* @group Login */

#login { 
	height: 220px; 
	margin-top: 18px; 
	background: url(../photos/bg_login.jpg) no-repeat left top; 
	}
	
#login.content { 
	width: 190px;
	height: 250px;
	padding-left: 25px; 
	}	
	
#login form { 
	margin-left: 25px;
	}
	
#login h2 { 
	width: 190px;
	padding-top: 10px;
	padding-left: 25px;
	font-size: 1.4em; 
	color: #a71a22; 
	text-shadow: #fff 0 1px 0;
	}		

#login h3 { 
	color: #a71a22; 
	text-shadow: #fff 0 1px 0; 
	}	
	
#login p { 
	width: 190px;
	 padding-left: 25px;
	}	
	
#login p.auto_login { 
	padding: 0; 
	margin: 5px 0 5px 0;
	}	

input#username, input#password { 
	width: 170px; 
	}

input.submit_btn { 
	margin: 10px 45px 10px 0;
	}

#intro_text a:link, #intro_text a:visited, #login a:link, #login a:visited, .details a:link, .details a:visited { 
	color: #a71a22; 
	font-weight: normal; 
	border-bottom: 1px dotted #a71a22; 
	}

#intro_text a:hover, #intro_text a:active,#login a:hover, #login a:active, .details a:hover, .details a:active { 
	color: #a71a22; 
	font-weight: normal; 
	border-bottom-style: solid; 
	border-bottom-width: 1px; 
	text-decoration: none; 
	}
	
.details h3 a:link, .details h3 a:visited { 
	font-size: 14px;
	border-bottom: none; 
	}	
	
.details h3 a:hover, .details h3 a:active { 
	border-bottom: 1px solid #a71a22; 
	}		

/* @end */

/* @group Recommended */

#recommended { 
	height: 440px; 
	background: url(../photos/bg_recommend.jpg) no-repeat left top; 
	}

#recommended_inner { 
	width: 190px; 
	height: 310px; 
	margin-top: 35px; 
	margin-left: 18px; 
	}

#recommended h2 { 
	color: #a71a22; 
	text-shadow: #fff 0 1px 0; 
	padding-top: 10px; 
	padding-left: 18px; 
	}

#recommended img { 
	padding-left: 30px; 
	padding-bottom: 20px; 
	}

table#project { 
	width: 190px; 
	margin: 0 0 0 1px;
	margin-top: -23px;
	}
	
#project_tracks.scroll-pane { 
	margin: 0;
	padding: 0;
	width: 515px;
	height: 390px; 
	overflow: auto;
	}	
	
#project_titles { 
	height: 300px; 
	 
	}	
	
#project td { 
	text-align: left; 
	margin-left: 3px;
	height: 20px;
	}	
	
#project td.length { 
	color: white; 
	text-align: center;
	}	
	
#project a:link, #project a:visited { 
	 color: white;
	 text-decoration: none;
	 margin-left: 3px;
	}
	
#project a:hover, #project a:active { 
	 text-decoration: underline;
	}	

#project p { 
	color: white;
	margin-left: 3px; 
	}	
	
#project tr td {
    border-right: none;
	border-top: none;
}

#project th {
	height: 20px;
	background-color: #666;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center; 
}

input#go_back_btn { 
	width: 70px;
	height: 20px;
	font-size: small; 
	padding: 0 10px 20px 0;
	}	

/* @end */

/* @group Download Section */

#music table.downloads { 
	width: 475px;
	margin-left: 4px; 
	}
	
td.download img { 
	margin-left: 10px; 
	}	

/* @end */

/* @end */

/* @group Footer */

#footer { 
	width: 990px; 
	height: 35px; 
	background: url(../photos/bg_footer.jpg) repeat-x left bottom; 
	margin-right: auto; 
	margin-left: -5px; 
	}

#footer p, #footer a:link, #footer a:visited { 
	color: #333; 
	text-shadow: #fff 0 1px 0; 
	padding-top: 13px; 
	border: none; 
	}

#copyright { 
	float: left; 
	padding-left: 50px; 
	}

#validation { 
	float: left; 
	padding-left: 120px; 
	}

#rouviere { 
	float: right; 
	padding-right: 50px; 
	}

/* @end */
