/* 
----------------------------------
Screen Style Sheet
Author: 	Michael Tighe
Site:		bigrockuntapped.com
Date:		March 2008

Last Update:

----------------------------------
*/

/*-------------------------
	> Globals
-------------------------*/
* {
margin:0; padding:0;
}

img {border: none;}
#main_col hr { 
border: none;
background: transparent url(../images/dividers/artist_list_top_border.jpg) no-repeat top left;
height: 3px;
line-height: 3px;
margin: 1.1em 0 1.1em 0;
clear: both;
}
#side_col hr { 
border: none; 
background: transparent url(../images/dividers/sidebar_dotted.gif) no-repeat top left;
height: 3px;
line-height: 3px;
margin: 0 0 25px 0;
clear: both;
}

.clear { clear: both;}

body {
background: #fcf7e4 url(../images/bg/body_bg.jpg) repeat-y top center;
font-family: Arial, sans-serif;
font-size: 100.01%;
}
#container {
margin: 0 auto;
width: 959px;
font-size: 95%;
position: relative;
}
#homelogo { position:absolute; width: 320px; height: 60px; top: 15px; left: 30px;}
#homelogo p a { display:block; line-height: 60px; height:60px; text-indent:-9999px; overflow:hidden;}

/*-------------------------
	> Framework
-------------------------*/
#topbar {
background: #c24101 url(../images/big_rock_untapped_logo.jpg) no-repeat top left;
height: 97px;
margin: 0 0 1em 0;
}
#topbar_tabnav {
height: 46px;
line-height: 46px;
width: 535px;
position: relative;
top: 50px;
left: 405px;
}
#topbar_nav2 {
height: 20px;
line-height: 20px;
width: 135px;
position: absolute;
top: 16px;
left: 763px;
}
#topbar_nav2b {
height: 20px;
line-height: 20px;
width: 165px;
position: absolute;
top: 16px;
left: 753px;
}
#main_col {
clear: left;
float: left;
width: 621px;
margin: 0 0 0 22px;
display: inline;
}
#side_col {
width: 225px;
float: left;
margin: 0 0 0 1.8em;
padding: 4.5em 0 0 3em;
background: transparent url(../images/dividers/main_side_vert_div.jpg) no-repeat top left;
min-height: 600px;
}
#full_col {
width: 925px;
clear: both;
margin: 0 0 0 22px;
}

/*-------------------------
	> General Text Styles
-------------------------*/
h1 {color:#825820; font-size: 18px;}
h1 span { display:none; }
h2 {color:#825820; font-size: 16px;}
h2 span { display:none;}
h3 { color:#825820; font-size: 12px; font-weight:bold;}
p { color:#825820; font-size: 12px; margin: 0;}
a { color: #610303;}
a:hover { text-decoration:none;}




/*-------------------------
	> Topbar and Navigation
-------------------------*/
#topbar #logo {height: 0;}
#topbar #logo a { display: none; overflow: hidden;}

/*Main Tab Navigation*/
#topbar_tabnav ul { width: 535px; height: 46px; line-height: 46px;}
#topbar_tabnav ul li {float: left; list-style: none; height: 46px; line-height: 46px;}
#topbar_tabnav ul li a {
background: url(../images/nav.jpg) no-repeat top left;
display: block; 
line-height: 46px; 
height: 46px; 
text-indent: -9999px;
overflow: hidden;
}

#topbar_tabnav ul li a.nav_1 {width: 132px; background-position: 0px 0px;}
#topbar_tabnav ul li a.nav_2 {width: 135px; background-position: -133px 0px;}
#topbar_tabnav ul li a.nav_3 {width: 134px; background-position: -267px 0px;}
#topbar_tabnav ul li a.nav_4 {width: 133px; background-position: -401px 0px;}

#topbar_tabnav ul li a.nav_1:hover { background-position: 0px -46px;}
#topbar_tabnav ul li a.nav_2:hover { background-position: -133px -46px;}
#topbar_tabnav ul li a.nav_3:hover { background-position: -267px -46px;}
#topbar_tabnav ul li a.nav_4:hover { background-position: -401px -46px;}

#topbar_tabnav ul li a.nav_selected_1 {width: 132px; background-position: 0px -46px;}
#topbar_tabnav ul li a.nav_selected_2 {width: 135px; background-position: -133px -46px;}
#topbar_tabnav ul li a.nav_selected_3 {width: 134px; background-position: -267px -46px;}
#topbar_tabnav ul li a.nav_selected_4 {width: 133px; background-position: -401px -46px;}


/*Small Login Navigation*/
#topbar_nav2 ul { height: 20px; line-height: 20px;}
#topbar_nav2 ul li {float: left; list-style: none; height: 20px; line-height: 20px; margin: 0 18px 0 0;}
#topbar_nav2 ul li a {
display: block; 
line-height: 20px; 
height: 20px; 
text-indent: -9999px;
overflow: hidden;
}

#topbar_nav2 ul li a.nav_1 {width: 60px; background: url(../images/buttons/top_signin.jpg) no-repeat center;}
#topbar_nav2 ul li a.nav_2 {width: 35px;background: url(../images/buttons/top_join.jpg) no-repeat center;}

/*Small Login Navigation ONCE LOGGED IN*/
#topbar_nav2b ul { height: 20px; line-height: 20px;}
#topbar_nav2b ul li {float: left; list-style: none; height: 20px; line-height: 20px; margin: 0 18px 0 0;}
#topbar_nav2b ul li a {
display: block; 
line-height: 20px; 
height: 20px; 
text-indent: -9999px;
overflow: hidden;
}

#topbar_nav2b ul li a.nav_1 {width: 69px; background: url(../images/buttons/top_signout.jpg) no-repeat center;}
#topbar_nav2b ul li a.nav_2 {width: 56px;background: url(../images/buttons/top_profile.jpg) no-repeat center;}

/*-------------------------
	> Artist Profile Page
-------------------------*/
.artist_profile h1 { font-size: 26px; font-weight: normal; margin: 0 0 0.65em 0;}
.artist_profile h2 { color: #333; font-size: 12px; margin: 0 0 1.2em 0;}
.artist_profile h2.top_tapped { 
background: transparent url(../images/titles/profile_top5.gif) no-repeat top left;
width: 104px;
height: 14px;
line-height: 14px;
text-indent: -9999px;
overflow: hidden;
}
.artist_profile h2.stats { 
background: transparent url(../images/titles/profile_stats.gif) no-repeat top left;
width: 53px;
height: 14px;
line-height: 14px;
text-indent: -9999px;
overflow: hidden;
}
.artist_profile h2.profile_bio { 
background: transparent url(../images/titles/profile_biography.gif) no-repeat top left;
width: 104px;
height: 14px;
line-height: 14px;
text-indent: -9999px;
overflow: hidden;
}
.artist_profile h2.profile_friends { 
background: transparent url(../images/titles/profile_friends.gif) no-repeat top left;
width: 45px;
height: 14px;
line-height: 14px;
text-indent: -9999px;
overflow: hidden;
}

.artist_profile p { color: #333; font-size: 11px; margin: 0 0 1.25em 0;}
.artist_profile a {}
.artist_profile a:hover {}

#artist_image {
background: transparent url(../images/bg/artist_profile_border.jpg) no-repeat top left;
margin: 0 0 30px 0;
width: 175px;
height: 175px;
padding : 6px 13px 17px 9px;
margin: 0 1.5em 1.25em 0;
float: left;
}

#artist_friends {}
#artist_friends li {
list-style: none;
display: block;
float: left;
text-transform:capitalize;
font-size: 12px;
color: #825820;
background: #e3d48e;
font-weight: bold;
border: 1px solid #47320b;
padding: 1em;
margin: 0 1em 1em 0;
}

#artist_top_songs { width: 185px; float: left;}
#artist_top_songs ul { width: 175px;}
#artist_top_songs ul li { list-style: none; margin: 0 0 0.35em 0;}
#artist_top_songs ul li a {
background: transparent url(../images/icons/note.gif) no-repeat;
background-position: 0 0;
font-size: 12px;
color: #47320b;
padding-left: 1.75em;
width: 160px;
overflow:hidden;
display:block;
}
#artist_top_songs ul li a:hover { text-decoration: none;}

#artist_stats_options { float: left;}
#artist_stats_options ul#stat_list { width: 160px; margin: 0 0 2em 0;}
#artist_stats_options ul#stat_list li { list-style: none; margin: 0 0 0.35em 0; font-size: 12px; color: #47320b;}
#artist_stats_options ul#stat_list li span { font-weight: bold;}

.artist_interact

#artist_stats_options ul.artist_interact { margin: 0 0 0 0; width:160px;}
#artist_stats_options ul.artist_interact li { list-style: none; line-height: 29px;}
#artist_stats_options ul.artist_interact li a {
background: transparent url(../images/bg/list_odd.jpg) no-repeat;
color: #0c5e39; 
font-size: 12px; 
line-height: 29px; 
display: block; 
height: 29px;
width:160px;
padding-left: 3em;
}
#artist_stats_options ul.artist_interact li a:hover { text-decoration: none;}
#artist_stats_options ul.artist_interact li a.even { background: transparent url(../images/bg/list_even.jpg) no-repeat;}

.edit_prof_txt { margin: 0 0 1em 0; font-weight:bold;}

/* 	> Side Bar Headings/Text
-----------------------------------*/
#side_col .divider {}

#side_col h2, 
#side_col dl, 
#side_col ul { margin: 0 0 0 10px;}

/*Main Template Sidebar*/
#side_col h2.search_input {
background: transparent url(../images/titles/sidebar_search.gif) no-repeat top left;
width: 70px;
height: 14px;
line-height: 14px;
text-indent: -9999px;
overflow: hidden;
margin: 0 0 0 0;
}

#side_col #search_input { font-size: 11px; padding: 3px; width: 150px;}
#side_col #search_submit { margin-bottom: -10px; padding: 3px 0 3px 0; }

#side_col h2.recent {
background: transparent url(../images/titles/sidebar_recent_artists.gif) no-repeat top left;
width: 206px;
height: 42px;
line-height: 42px;
text-indent: -9999px;
overflow: hidden;
margin:1em 0 0 0;
}
#side_col ul#recent_list { margin: 14px 0 1em 0; width:90%;}
#side_col ul#recent_list li { list-style: none;}
#side_col ul#recent_list li a {}
#side_col ul#recent_list li a.even { 
background: transparent url(../images/icons/clear_note.gif) 10px 0px no-repeat;
color: #0c5e39;
font-size: 12px;
display: block;
padding:0 0 14px 3em;
}
#side_col ul#recent_list li a:hover { text-decoration: none;}

/*Side Col Artists*/

#side_col.artist h2.disc {
background: transparent url(../images/titles/profile_discography.gif) no-repeat top left;
width: 100px;
height: 21px;
line-height: 21px;
text-indent: -9999px;
overflow: hidden;
}
#side_col.artist h2.find_us {
background: transparent url(../images/titles/profile_findus.gif) no-repeat top left;
width: 77px;
height: 21px;
line-height: 21px;
text-indent: -9999px;
overflow: hidden;
}

#side_col.artist ul.disc_list { margin: 1em 0 1em 10px;}
#side_col.artist ul.disc_list li { list-style: none; margin: 0 0 0.2em 0;}
#side_col.artist ul.disc_list li a {
background: transparent url(../images/icons/cd.gif) no-repeat left;
font-size: 12px;
color: #47320b;
padding: 2px 0 2px 2.25em;
}
#side_col.artist ul.disc_list li a:hover { text-decoration: none;}

#side_col.artist ul.find_us_list { margin: 14px 0 1em 0; width: 205px;}
#side_col.artist ul.find_us_list li { list-style: none; line-height: 29px;}
#side_col.artist ul.find_us_list li a {
background: transparent url(../images/bg/list_odd.jpg) no-repeat;
color: #0c5e39; 
font-size: 12px; 
line-height: 29px; 
display: block; 
height: 29px; 
padding-left: 3em;
}
#side_col.artist ul.find_us_list li a:hover { text-decoration: none;}
#side_col.artist ul.find_us_list li a.even { background: transparent url(../images/bg/list_even.jpg) no-repeat;}

.error{
	color : red;	
}

.success{
	color : green;
}
/* 	> Pagination
-----------------------------------*/
div.pagination { clear:both; margin-top:1.5em; }
#main_col div.pagination p { color:#825820; text-transform: capitalize; line-height:12px;}
#main_col div.pagination p a { color: #825820;}
#main_col div.pagination p a.hover { text-decoration: none;}
#main_col div.pagination p a { color:#825820; margin: 0 0.25em 0 0.25em;}
#main_col div.pagination p span.current { font-weight:bold; margin: 0 0.25em 0 0.25em;}

/* 	> Untapped CD/committee pages
-----------------------------------*/
#main_col.untapped_cd {}
#main_col.untapped_cd p { margin: 1em 0 1em 0; line-height:1.35em; color: #514c2c;}
#main_col.untapped_cd hr { margin: 1.1em 0 0 0;}
#main_col.untapped_cd ul { margin-left:30px; padding:0; font-size:12px;}
#main_col.untapped_cd ul li {margin:0 0 8px 0; padding-left: 1em; color: #514c2c;}
#main_col.untapped_cd ul li a {color:#610303; font-weight:bold; text-indent:10px;}

.ut_cd_div { margin: 20px 0 0 0;}
.ut_img_float { float:left; padding-right:30px;}
.ut_cd_float { clear: right; width:345px; float:left;}
.ut_cd_artist_list { margin:0; padding:0;}
.ut_cd_artist_list li { 
list-style:none;
color:#825820; 
font-size: 12px; 
background: transparent url('../images/icons/clear_note.gif') no-repeat top left;
padding:0;
margin:0;
padding-bottom:6px;
}

.judge_name { margin:14px 0 0 0;}

.meet_judges {
margin-left:15px;
width:185px;
text-decoration: none;

}


/* 	> Comments
-----------------------------------*/
#comments {color:#825820; font-size: 12px;}
#comments h2 { margin: 0 0 0.75em 0; font-size: 16px;}
#comments #comment-head { text-transform:capitalize; font-weight:bold;}
#comments #comment-head strong {text-decoration:underline;}
#comments .comment-body { padding: 0 0 0 1.5em;}
#comments #comment-wrap { 
background:transparent url(../images/dividers/artist_list_top_border.jpg) no-repeat scroll left bottom;
padding: 0 0 0.5em 0;
}
fieldset { border: 1px solid #de5e02; padding: 1em;}
legend { margin: 0 0 0 2em; padding: 0 0.5em 0 0.5em; color:#825820; font-size: 12px; font-weight: bold;}


/* 	> Footer
-----------------------------------*/
#footer_bot { 
background: url(../images/bg/footer.jpg) no-repeat top left;
clear:both;
width: 959px;
height:240px;
margin-left:-1px;
}

#footer_bot ul#footer_ul { width: 342px; height: 14px; line-height: 14px; position: relative; top:163px; left:94px; }
#footer_bot ul#footer_ul li {float: left; list-style: none; height: 14px; line-height: 14px;}
#footer_bot ul#footer_ul li a {
background: url(../images/footer_nav.jpg) no-repeat top left;
display: block; 
line-height: 14px; 
height: 14px; 
text-indent: -9999px;
overflow: hidden;
}

#footer_bot ul#footer_ul li a.footer1 {width: 97px; background-position: 0px 0px;}
#footer_bot ul#footer_ul li a.footer2 {width: 145px; background-position: -97px 0px;}
#footer_bot ul#footer_ul li a.footer3 {width: 93px; background-position: -242px 0px;}

#main-container {
float:left;
width:100%;
background:url(../images/bg/index_untapped2.jpg) bottom left no-repeat;
margin-left:-1px;
}

#vol2-container {
float:right;
width:275px;
padding-top:10px;
}

#vol2-copy {
float:left;
padding-left:20px;
}

#vol2-copy ul {
padding-top:10px;
}

#vol2-copy li {
list-style:none;
color: #0c5e39;
font-size: 12px;
display: block;
line-height: 20px;
}

#vol2-copy li a {
color: #0c5e39;
}

#vol2-copy p.spaced {
padding:25px 0 45px 0;
}

#main-container #footer_bot {
background:none;
float:left;
width:100%;
height:74px;
}

#main-container  #footer_bot ul#footer_ul {
width:342px;
height:14px;
line-height:14px;
position:relative;
top:0;
left:94px;
}

.home-album-art{
float:left;
}


#side_col ul#recent_list li a.star { 
background: transparent url(../images/icons/star.gif) 10px 0px no-repeat;
color: #0c5e39;
font-size: 12px;
display: block;
padding:0 0 14px 3em;
}

#banner-box{
float:left;
width:100%;
height:418px;
background:url(../images/bg/banner_bg.png) no-repeat 0 0;
margin:15px 0 30px 0;
}
#banner-one, #banner-two{
float:left;
width:580px;
height:160px;
padding:27px 0 19px 19px;
}
#panel-box{
float:left;
width:100%;
}
#panel-one{
float:left;
}
#panel-two{
float:right;
}
.contest-para{
padding:12px 0 20px 0;
}
.rules-title{
text-align:center;
padding-top:20px;
}
#untapped-box-container{
float:left;
width:308px;
color:#146e47;
}
#untapped-box-top{
float:left;
width:100%;
background:url(../images/bg/untappedv2_box_top.png) no-repeat 0 0;
font-weight:bold;
}
#untapped-box-bottom{
float:left;
width:100%;
background:url(../images/bg/untappedv2_box_bottom.png) no-repeat bottom left;
margin-bottom:30px;
}
#untapped-box-top .text-box{
float:left;
width:235px;
margin:78px 0 0 21px;
font-size:12px;
}
#untapped-box-bottom .text-box{
float:left;
width:125px;
margin:14px 0 40px 25px;
font-size:10px;
}