/*
	Style CSS Document [Website styling]
	Author: Echidna Solutions Corp - support@echidna.ca
*/
@media screen, projection{
/*
	=ELEMENTS
*******************************/
html,body{
	text-align:center;	
}

body{font-size:86%; font-family:"trebuchet MS", Verdana, Arial;/* background-color:#f6f4f4; */}

a{outline:none;}
a:link,a:visited{color:#35393b;}
a:hover, a:active{color:#565c5f; text-decoration:none;}
abbr{background:url(../images/bg_abbr.jpg) bottom left repeat-x; position:relative; border:none;}
abbr a{text-decoration:none;}
form{display:inline;}
h2{/*font-size:1.25em;*/font-size:1.6em; color:#35393b; margin-bottom:8px; text-transform:capitalize}
h3{font-size:1.15em;}

p{margin:6px 0;}
strong{}
input{overflow:visible; padding:2px;}


/*
	=HEADER STYLING
*******************************/
#header{background:url(../images/bg_header.jpg) top left repeat-x; position:relative;}

/*
	=NAVIGATION STYLING
*******************************/

/*
	=primary navigation
**********************/
#navigation_primary li a{float:left; font-weight:bold;}
#navigation_primary li a:link, #navigation_primary li a:visited{color:#714408; text-decoration:none;}
#navigation_primary li a:hover, #navigation_primary li a:active{color:#c3a303; text-decoration:underline;}

#navigation_primary li a.login{background:url(../images/btn_login.jpg) 0 0.25em no-repeat; padding-left:20px;}
#navigation_primary li a:link.login, #navigation_primary li a:visited.login{color:#526e7d;}
#navigation_primary li a:hover.login, #navigation_primary li a:active.login{color:#a2d8f4;}


/*
	=secondary navigation
************************/

/*
	=user navigation
*******************/
#user_menu{float:left; margin:0 0 20px 0; display:inline; padding:1.5%; height:auto; width:97%;border:1px solid #f0e9a3; background-color:#fcf7cb;}
#user_menu h3{color:#714408;}
#user_menu p{margin:0; padding:0;}
#user_menu ul{float:left; width:25%;}
#user_menu li.heading{background-color:#f0e9a3;	border-bottom:1px solid white;font-weight:bold; padding:2px}	
#user_menu li{background-color:#FFFFCC;	border-bottom:1px solid white;}	

/*
	=CONTENT STYLING
*******************************/


/*
	=TABLE STYLING
*******************************/

/*
	=core/basic/global table styling
**********************************/
.table_core{width:100%; margin-top:5px;}
.table_core th, .table_core td{border-bottom:1px solid #e9e9e7;}
.table_core th{font-weight:bold;}
.table_core th label{display:block;}
.table_core td{vertical-align:top; padding:3px 0 3px 3px;}
.table_core a:link, .table_core a:visited{/*text-decoration:none;*/}

.table_core .first_col,#table_view_detail th{width:32%; padding-right:3%}
.table_core .image_view_data{text-align:center;}
.table_core .even{background-color:#f5f5f5;}
.table_core .odd{background-color:#ededec; }

/*
	=artists table
**********************/
#tbl_artists_list{font-size:0.9em; margin-top:25px; width:100%;}
#tbl_artists_list td{padding:15px 15px 15px 0; width:25%;}
#tbl_artists_list th{font-size:1.8em; color:#990000; font-weight:bold;}
#tbl_artists_list td ul{margin:0 0 0 15px; padding:0;}
#tbl_artists_list td ul li{list-style-type:square; list-style-position:outside; margin:3px 0;}

/*
	=search tracks/artist/album
**********************/
#table_view_search th{padding-bottom:12px;}

/*
	=view detail track/artist/album info
**********************/
#table_view_detail th,#table_view_detail td{vertical-align:text-top;}
#table_view_detail th{background-color:#f1f1f1; padding-left:5px;}
#table_view_detail td{background-color:#fcfcfc; padding-left:5px;}

.album_intro{margin-bottom:25px; position:relative; border:1px solid #eee; width:100%}
.album_intro .artist_intro_img{float:right;}
.album_intro h4{margin-top:0; color:red;}
.album_intro img{max-width:180px;}

.album_row{float:left; border-bottom:1px solid #e7e7e7; width:100%; margin:0 auto 15px auto;}
.album_data{min-height:180px; _height:180px; width:180px; padding:10px;  float:left; margin:0 25px 25px 0; display:block;}
.album_data *{text-align:center; vertical-align:text-bottom}
.album_data img{border:1px solid #eee; float:right;width:180px;}
.album_data h4{ margin-top:5px;}

.artist_intro{clear:right;}
.albumArtistDetail{clear:both;}

/*
	=core/basic/global form styling
**********************************/
.form_core fieldset{margin:0 0 12px 0; padding:0 0 5px 5px; float:left; width:99.9%; position:relative; display:block; background-color:#f1f2f2; border:1px solid #d0cfcf;}
.form_core textarea{width:98%;/* float:left;*/}

#form_add fieldset legend{margin:0px 0px 10px 0px;position:relative;top: -12px; background-color:#d1ebf9; padding:2px 125px 2px 5px; border:1px solid #abdef8;font-size:1.2em; font-weight:bold;}
#form_add select{width:99%; margin-top:5px;}

#form_register label{display:block; width:250px;}
#form_register ol,#form_add ol{margin:0; padding:0; line-height:1;}
#form_register ol li,#form_add ol li{display:block; padding:3px 0; line-height:1;}

.list_data_general li label{float:left; width:150px; display:inline-block;}
.list_data_general li label.noFloat{float:none;}

/*
	=classes
*******************/
.required{font-weight:bold; color:#CC0000;}
.labelFloat{float:left; width:150px; display:inline-block;}
.off_screen{position:absolute; text-indent:-5000px; overflow:hidden;}
.list_instruments{float:left; padding-right:15px; width:20%;}

/*
	=SIDEBAR STYLING
*******************************/


/*
	=COMPONENTS STYLING
******************************************/

/*
	=searching
*************/
#welcome #search_quick{float:none; position:relative; height:80px;}
#search_quick_home{margin:50px;text-align:center;}
#welcome #search_quick #search_quick_filters{position:absolute; bottom:0; /*left:35px;*/ /*left:38%;*/ right:50px;}
#welcome #search_quick #search_quick_filters label{margin-left:25px;}
#welcome #btn_search_dis{display:none;}
#welcome #search_quick .btn_search{position:absolute; top:22px; /*left:450px;*/ right:0;}
#welcome #search_quick #search_terms{position:absolute;top:22px; left:0px; width:97%/* width:253px;*/ /*width:450px;*/}
#welcome #search_quick legend,#welcome #search_quick #search_terms_label{position:absolute; text-indent:-9999px; overflow:hidden;}

#search_quick {
position: absolute;
right: 0;
top: 60px;
}
#search_quick #search_quick_filters{/*margin:25px 40px 0 0; float:right; display:inline;*/position:absolute; top:44px; right:42px;}
#btn_search_dis{display:none;}
#search_quick .btn_search{border:0; height:40px; width:40px; position:absolute; top:22px; right:2px; z-index:100; background:url(../images/btn_search.jpg) top center no-repeat; padding:0;}
#search_quick #search_terms{
z-index:50;
margin:0;
padding:0.15em 0;
position:absolute;
top:22px; 
right:40px;
border-left:1px solid #d0cfcf;
border-top:1px solid #d0cfcf;
border-bottom:1px solid #d0cfcf;
background-color:#f1f2f2;
width:253px;
}

#search_quick label{font-size:0.7em; letter-spacing:0.125em; color:#556a75; font-weight:bold; margin:0 0 0 3px;}
#search_quick legend,#search_quick #search_terms_label{position:absolute; text-indent:-9999px; overflow:hidden;}



#validation{list-style:none; height:auto;}
#validation li{font-weight:bold; background:url(../images/bullet_arrows.gif) 0.25em 0.5em no-repeat;padding-left:1em;}

#errors{border:1px solid #990000;background-color:#FFD9D9; padding:5px;}

#messages{border:1px solid #339966;background-color:#B9FFDC;padding:5px;}
span.inform_instructions{font-size:.9em; margin:5px 0 15px 0; display:block; font-style:italic;}

#options{border:1px solid #a1d9f4;background-color:#dff2fb; padding:1.5%; margin:8px 0; width:97%;}



/*
	=features
**********************/

#featured_artist h3, #featured_albums h3{font-size:0.97em; color:#800000; text-transform:lowercase; margin-bottom:8px;}

#featured_artist h4{font-size:1.3em; color:#ff0000;}
#featured_artist .profile{border:1px solid #999; padding:5px; font-size:0.8em; width:160px;}

#featured_artist .album_info img{position:absolute; right:0; top:0;}
#featured_artist .album_info a{text-decoration:none;}
#featured_artist .album_info a:link,#featured_artist .album_info a:visited{color:#FF0000;}
#featured_artist .album_info a:hover,#featured_artist .album_info a:active{color:#990000;}

#featured_albums h4{font-style:normal; font-weight:normal;}
#featured_albums .album p{line-height:1; margin-top:0;}
#featured_albums .album img{display:block; margin:0 0 5px 0;}
#featured_albums .album h4{margin:0; padding:0;}
#featured_albums .album .artist{font-size:0.9em;}
#featured_albums .album .release_date{font-size:0.9em;}
#featured_albums .album a:link, #featured_albums .album a:visited{text-decoration:none; color:#800000;}
#featured_albums .album a:hover, #featured_albums .album a:active{text-decoration:underline;color:#FF0000;}

#featured_album_profile ul{margin:8px 0;}

p.features-view-more{ font-weight:bold; font-size:97%;}
#featured_albums p.features-view-more{text-align:center;}
p.artists-link-more{float:right;}
p.artists-link-more a{font-weight:bold; color:#900; font-size:110%;}

#welcome p{margin:0 0 12px 0;}
#welcome h3{border-bottom:1px solid #ccc; padding-bottom:3px; margin-bottom:8px;}

.profile_img{float:right; display:block; padding:3px; border:#CCCCCC 1px solid; background-color:#eee; margin:0 50px 10px 10px;}

.album_profile{display:block; clear:both; min-height:225px; _height:225px; border-bottom:1px solid #e1e1e1; background-color:#f5f3f3; margin-bottom:25px; padding:8px;}
.album_profile ul{margin:10px 0;}

#col_1 h2{padding-bottom:2px; border-bottom:1px solid #e7e7e7;}
	
#news a{}
#news a:link, #news a:visited{color:#c0241d;}
#news a:hover, #news a:active{color:#ef2e25;}

.news_entry{margin-bottom:1em; font-size:95%;}
.news_entry .posted-date{font-size:95%;}

#news-item-detail h2{font-size:1.6em; margin-top:1em;}
#news-item-detail .posted-date{font-size:.9em; font-weight:bold; color:#990000; margin-bottom:2em;}
.news-item-footer{border-top:1px solid #CCCCCC; margin-top:2em;}
.news-item-footer a{font-weight:bold;}

.advance{font-weight:bold; color:#6b90a4;}
.promote{font-weight:bold; color:#cfbd5d;}
.celebrate{font-weight:bold; color:#7f7402;}
.highlight{font-weight:bold; color:#ef2e25;}

.alpha_list{font-size:1.1em;}
.alpha_list a{margin-right:1.5%;}


/*
	=col_2/featured tracks/artists/albums
****************************************/
#col_2 ul{margin-bottom:15px;}
#col_2 li{color:#526e7d;}
#col_2 li h3{color:#526e7d;}
#col_2 a{text-decoration:none; font-weight:bold; background:url(../images/bullet_arrows.gif) 0.25em 0.5em no-repeat; padding-left:1em;}
#col_2 a:link, #col_2 a:visited{color:#454f52;}
#col_2 a:hover, #col_2 a:active{color:#a2d8f4;}

/*
	=site info
*************/
#site_info{text-align:right; vertical-align:middle;}
#site_info p{margin:0; padding:0;font-size:0.8em; font-weight:bold;}

}