/* BandRiot Default CSS */


/* Alpha Login Page */

.temp_login_copy{
	margin: 20px 0px 20px 20px;
	width: 440px;
	line-height: 28px;
	font-size: 16px;
}

.temp_login_elements{
	margin: 20px;
}

.temp_login_input{
	font-size: 16px;
	width: 170px;
	padding: 2px;
}

.temp_login_error{
	margin: 20px 0px 20px 90px;
	width: 220px;
	color: #ff0000;
}






/* POP-UP */
/* http://psacake.com/web/jl.asp */

.whats_this{
	font-size: 10px;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

a.popup{
	padding: 0px 2px;
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none;
}

a.popup:hover{
	z-index:25; 
	background-color:#555;
	color: #fff;
	text-decoration:none;
}

a.popup span{
	display: none;
}

a.popup:hover span{ /*the span will display just on :hover state*/
    font-size: 12px;
    display:block;
    padding: 4px;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #888;
    background-color:#eee; 
    color:#000;
    text-align: center;
}

a.popup_right{
	padding: 0px 2px;
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none;
}

a.popup_right:hover{
	z-index:25; 
	background-color:#555;
	color: #fff;
	text-decoration:none;
}

a.popup_right span{
	display: none;
}

a.popup_right:hover span{ /*the span will display just on :hover state*/
    font-size: 12px;
    display:block;
    padding: 4px;
    position:absolute;
    top:2em; right:2em; width:15em;
    border:1px solid #888;
    background-color:#eee; 
    color:#000;
    text-align: center;
}









a, a:link, a:visited
{ color: #333; text-decoration: none; }
a:hover, a:focus
{ color: #0033ff; text-decoration: underline; }



.float_left{ float: left; }
.float_right{ float: right; }
.clear{ clear: both; }
.submit_button{ 
	font-size: 16px;
	border: 1px solid #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0.2em 0.5em;
	background-color: #ddd;
}

.col_headline{ 
	font-size: 14px; 
	font-weight: bold; 
	color: #222;
}

.col_headline a, .col_headline a:link, .col_headline a:visited{
	display: block;
	padding: 4px;
	background: #eee;	
}
.col_headline a:hover, .col_headline a:focus{
	background: #ffffee;	
}




.hot_red a{ color: #ff4400; }
.hot_blue{ color: #0033ff; }
    .hot_blue a, .hot_blue a:link, .hot_blue a:visited{ color: #0033ff; }
    .hot_blue a:hover, .hot_blue a:focus{ color: #ff3300; }
.green, .green a, .green a:link, .green a:visited, .green a:hover, .green a:focus{ color: #00dd22; }
.red, .red a, .red a:link, .red a:visited, .red a:hover, .red a:focus{ color: #dd2200; }



body{ margin: 0px; padding: 0px; text-align: center; background: #ccc; font-family: arial, helvetica, sans-serif; }
#doc{ width: 850px; margin: 20px auto 20px auto; text-align: left; }

.logo{ padding: 10px; }
.logo img{ border-width: 0px; }

#tag{ width: 848px; height: 22px; background: url("/images/tag.gif"); }

.top{ width: 848px; height: 5px; background: url("/images/top.gif") no-repeat; }
.mid{ width: 848px; background: url("/images/mid.gif"); }
.bot{ width: 848px; height: 5px; background: url("/images/bot.gif") no-repeat; }

.main_links{ padding: 14px 6px 0px 16px; font-size: 20px; font-weight: bold; font-family: arial, helvetica, sans-serif; }
.main_links a, .main_links a:link, .main_links a:visited{
    letter-spacing: -1px;
    color: #333;
    text-decoration: none;
    
}
.main_links a:hover, .main_links a:focus{
    color: #ff3300;
}


.mailbox_img{
	padding: 0px 4px 0px 0px;
	margin: 0px;
}
.mailbox_img img{
	border-width: 0px;
}

.main_nav_container{
	padding: 0px 22px 0px 0px;
}



.search_form_container{ margin: 7px 14px 0px 0px; }
.search_box{ width: 170px; padding: 2px; font-size: 18px; }
.search_button{ margin: 0px 0px 2px 4px; }


.mini_nav{ margin: 8px 16px 0px 0px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; }
.mini_nav a, .mini_nav a:link, .mini_nav a:visited{
    color: #333;
    text-decoration: none;
    margin: 0px 0px 0px 10px;
    padding: 0px 2px;    
}
.mini_nav a:hover, .mini_nav a:focus{
    color: #ff3300;
    text-decoration: underline;
}
        
.main_content{ padding: 5px 10px 5px 10px; }

.about{ line-height: 27px; width: 580px; font-size: 18px; margin: 32px 0px 14px 18px; }
    .about_image{ margin: 16px 10px 0px 10px; width: 290px; }
    .about_copy{ width: 230px; }


.about_login{ line-height: 24px; width: 300px; margin: 40px; }    
.about_login_copy{ font-size: 18px; color: #222; }
.login_page         { margin: 40px; }
    .login_page a, .login_page a:link, .login_page a:visited{ color: #2244ff; }
    .login_page a:hover, .login_page a:focus{ color: #333; }


.login{ margin: 10px 0px; }
.login a, .login a:link, .login a:visited{ color: #2244ff; }
.login a:hover, .login a:focus{ color: #333; }


.login_form_container{ width: 190px; font-size: 14px; }
.login_form_title{ font-size: 20px; margin: 0px 0px 10px 0px; }
.login_form{ margin-left: 4px; }
.login_input{ margin-bottom: 18px; font-size: 16px; width: 154px; padding: 2px; }
.login_forgot_pass{ margin: 3px 0px 15px 12px; }
.login_submit{ margin: 0px 0px 8px 84px; }

.left_col    { margin: 10px; width: 140px; }
.left_col_sub_homepage { margin: 10px 10px 10px 18px; width: 140px; }
.middle_col    { margin: 10px; width: 488px; }
.right_col    { margin: 10px; width: 140px; }
.underline  { border-top: 2px solid #aaa; }






/* Main Columns */

.band_small_entry{ font-size: 12px; margin: 5px 0px 14px 0px; background: #fafafa; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; }
    .band_small_entry_name{ padding: 2px 6px 2px 0px; width: 92px; font-size: 12px; margin: 4px 0px; }
    .band_small_entry_img { padding: 2px; border: 1px solid #aaa; margin: 3px; line-height: 11px; }

.fan_small_entry{ font-size: 12px; margin: 5px 0px 14px 0px; background: #fff; text-align: left; }
    .fan_small_entry_name{ padding: 2px 6px 2px 4px; width: 90px; font-size: 13px; margin: 6px 0px; }
    .fan_small_entry_img { padding: 2px; border: 1px solid #aaa; margin: 2px; line-height: 11px; }

.vote_small_box{ background: #fafafa; font-size: 11px; padding: 1px; }
.vote_small_box_elem{ padding: 0px 2px; margin: 0px 2px; color: #999; }
.vote_small_box_elem a, .vote_small_box_elem a:link, .vote_small_box_elem a:visited{
	color: #111;
	font-weight: bold;
}

.vote_small_box_elem_text{ width: 58px; margin: 0px 2px 0px 14px; color: #555; }


.movers_small_box{ background: #fafafa; font-size: 13px; padding: 1px; border-bottom: 1px solid #ccc; }
.movers_small_box_elem{ padding: 0px 8px 0px 0px; }

.small_arrow img{ padding-right:3px; border-width: 0px; }


.band_entry{ font-size: 12px; padding: 5px 0px; border-bottom: 1px solid #ccc; text-align: center; }
    .band_entry_rank{ text-align: center; width: 70px; font-family: arial, helvetica, sans-serif; font-size: 48px; color: #aaa; line-height: 90px; }
    .band_entry_info{ width:230px; font-size: 18px; margin: 5px 10px; }
    .band_entry_img { padding: 2px; border: 1px solid #aaa; margin: 3px; line-height: 11px; background: #fff; }
    .band_entry_name{ margin-top: 12px; font-size: 21px; }
    .band_entry_discussion{ font-size: 14px; margin: 3px; }


.vote_med_box{ padding: 1px; margin: 10px 14px 0px 8px; }

.vote_med_box_elem{ 
	font-size: 13px; 
	margin: 8px 4px 12px 4px; 
	color: #555; 
	border: 1px solid #aaa; 
	display: block; 
	padding: 3px; 
	background: #888; 
	color: #555;
	font-weight: bold;
	}
    
    .vote_med_box_elem a, .vote_med_box_elem a:link, .vote_med_box_elem a:visited{
        color: #fff;
        background: #888;
    }
    .vote_med_box_elem a:hover, .vote_med_box_elem a:focus{
        text-decoration: underline;
    }

.discussion_small_entry{ font-size: 10px; margin: 5px 0px 12px 0px; background: #f0f0f0; border-top: 1px solid #ccc; text-align: center; }
.discussion_small_entry_band{ color: #777; margin: 3px 2px; }

.discussion_small_entry_topic{ color: #222; margin: 4px; }
.discussion_small_entry_topic a, .discussion_small_entry_topic a:link, .discussion_small_entry_topic a:visited
{
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}






/* Fan Profile Pages */


.fan_profile{
	margin: 20px;
}
.fan_user_image{
	margin-right: 12px;
}

.fan_user_profile_image img{
	padding: 1px; border: 1px solid #aaa;
	margin-right: 4px;
}

.fan_send_message{
	font-size: 14px;
}
.fan_name{
	font-size: 24px;
	margin-bottom: 4px;
}
.fan_links_title{
	margin-top: 4px;
	font-size: 12px;
	width: 46px;
	color: #777;
}
.fan_links a{
	font-size: 12px;
	margin-right: 11px;
	text-decoration: underline;
}
.fan_stats_container{
	margin-left: 8px;
}
.fan_stats{
	font-size: 12px;
	margin-bottom: 3px;
	padding: 2px 4px;
}
.fan_stats_num{
	background: #ddd;
	font-size: 12px;
	margin-bottom: 3px;
	padding: 2px 4px;
	text-align: center;
}


.fan_profile_about_me{
	font-size: 13px;
	background: #eee;
	padding: 10px;
}

.fan_profile_title{ font-size: 20px; color: #888; padding: 10px 20px 5px 20px; }



.fan_details{ padding: 0px 10px 10px 10px; }
    .fan_3lists{}
    .fan_bands_i_love{ margin: 10px; }
    .fan_bands_i_hate{ margin: 10px; }
    .fan_bands_i_might_like{ margin: 10px; }
    .fan_sidebar{ text-align: left; margin: 10px; }



.fan_arch_nemesis{ width: 100px; margin-bottom: 10px; margin-top: 2px; padding: 6px; text-align: center; background: #eee; border: 1px solid #ddd; }
.fan_arch_nemesis img{ padding: 1px; border: 1px solid #aaa; margin: 0px auto; }
.fan_arch_nemesis_name{ font-size: 13px; margin: 0px auto; }

.fan_similar_list{ width: 140px; }
    .fan_similar_entry{ margin: 2px 6px 2px 10px; }


.fan_info_col    { margin: 10px; width: 180px; }
.fan_band_small_entry_name{ padding: 2px; font-size: 14px; width: 100px; margin-top: 4px; }

.fan_input{ margin: 0px 24px 20px 24px; width: 500px; }
.fan_comment_input{ width: 500px; height: 100px; padding: 2px; font-size: 14px; font-family: arial, helvetica, sans-serif; margin: 4px 0px; }
.fan_comment_add{ padding: 10px; color: #666; }

.fan_comment_top{}
.fan_profile_comment{ width: 520px; margin: 20px; border-bottom: 1px solid #eee; }
.fan_profile_comment_copy{ width: 400px; margin: 10px 0px; font-size: 13px; color: #000; }


.fan_profile_edit{ margin: 4px 20px 0px 20px; font-size: 14px; }
.fan_profile_edit a, .fan_profile_edit a:link, .fan_profile_edit a:visited{ color: #2244ff; }
.fan_profile_edit a:hover, .fan_profile_edit a:focus{ color: #333; }




/* Fan Edit Profile */

.fan_edit_user_image{ margin: 0px auto; width: 80px; }
.fan_edit_user_profile{ padding: 2px; width: 530px; height: 200px; margin: 10px 0px 10px 40px; font-family: arial, helvetica, sans-serif; }
.fan_edit_user_profile_button{ margin: 0px 30px 20px 0px; }



/* Fan Edit Profile */

.editor{
	margin-left: 20px;
}
.editor_fan_name{
	margin: 10px 20px;
}

.fan_edit_cropper{ margin: 20px; }
.fan_edit_cropper_text{ line-height: 24px; width: 300px; margin: 20px 40px; } 







/* Fan Mailbox */

.grey_back{
	background: #eee;
}

.mailbox_title{ margin: 20px; font-size: 22px; }

.mailbox_nav{ margin: 20px; }
.mailbox_nav_item{ margin: 0px 20px 0px 0px; }

.mailbox_nav_item a, .mailbox_nav_item a:link, .mailbox_nav_item a:visited{ color: #2244ff; }
.mailbox_nav_item a:hover, .mailbox_nav_item a:focus{ color: #333; }

.mailbox_menu{ margin: 22px 22px 12px 22px; border-bottom: 1px solid #aaa; }
.mailbox_menu a, .mailbox_menu a:link, .mailbox_menu a:visited{ color: #2244ff; }
.mailbox_menu a:hover, .mailbox_menu a:focus{ color: #333; }

.mailbox_from_title{ width: 140px; border-bottom: 1px solid #aaa; }
.mailbox_from_item{ width: 140px; padding: 2px 0px; margin: 10px 0px; }

.mailbox_subject_title{ width: 510px; border-bottom: 1px solid #aaa; }
.mailbox_subject_item{ width: 510px; padding: 2px 0px; margin: 10px 0px; }

.mailbox_date_title{ width: 80px; border-bottom: 1px solid #aaa; }
.mailbox_date_item{ width: 80px; padding: 2px 0px; margin: 10px 0px; }

.mailbox_trash_title{ width: 50px; border-bottom: 1px solid #aaa; }
.mailbox_trash_item{ width: 50px; padding: 2px 0px; margin: 10px 0px; }


.mailbox_pages{ width: 800px; margin-bottom: 12px; }
.mailbox_pages a, .mailbox_pages a:link, .mailbox_pages a:visited{ color: #2244ff; }
.mailbox_pages a:hover, .mailbox_pages a:focus{ color: #333; }

.mailbox_pages_controls{  }



.mailbox_message_title{ margin: 30px 20px 10px 20px; font-size: 18px; color: #333; }
.mailbox_title_to{ margin: 10px 20px 10px 20px; font-size: 18px; color: #666; }
.mailbox_message_box{ margin: 20px 30px 20px 22px; font-size: 14px; color: #222; }

.mailbox_compose_input{ width: 200px; margin: 3px 0px 0px 0px; padding: 2px; }
.mailbox_compose_textarea{ width: 500px; height: 200px; margin: 3px 0px 10px 0px; padding: 2px; }

.mailbox_message{ margin: 14px 40px 20px 0px; width: 560px; line-height: 18px; color: #444; }




/* Band Profile Pages */

#add_band_bandname_error{ color: #ff2200; font-size: 12px; }
#add_band_website_error{ color: #ff2200;  font-size: 12px; }

.add_band_title{ margin: 20px 20px 10px 20px; font-size: 22px; padding: 6px 0px; }

.add_band_form{ width: 200px; margin: 20px 20px 20px 20px; }

.add_band_form_entry{ margin: 0px 0px 10px 0px; color: #555; }
.add_band_form_entry_enforce{ margin: 0px 0px 30px 0px; color: #555;  }

.add_band_form_entry_input{ margin: 3px 0px; width: 170px; padding: 2px; font-size: 14px; color: #111; }

.add_band_form_submit{}

.add_band_preview_arrow{ position: relative; top: 78px; }


.add_band_preview_box{ color: #555; margin-bottom: 40px; }
.add_band_preview_title{ margin: 24px 20px 0px 20px; }
.add_band_preview{ width: 484px; margin: 10px 20px 20px 20px; border: 1px solid #aaa; color: #555; background: #eee; }
.add_band_preview_inner{ padding: 0px 20px 20px 20px; color: #111; }

.add_band_preview_bandname{ font-size: 28px; margin: 34px 0px 6px 0px; }
.add_band_preview_url{ width: 100%; overflow: hidden; font-size: 12px; margin: 0px 0px 0px 6px;  }
.add_band_preview_website{ width: 100%; overflow: hidden; font-size: 16px; margin: 38px 0px 20px 6px; }



/* Band Profile Pages */

#trend{
	width: 340px;
}

.band_profile_title{ font-size: 20px; color: #888; padding: 10px 20px 5px 20px; }
    .band_profile_title a, .band_profile_title a:link, .band_profile_title a:visited{ color: #888; }
    .band_profile_title a:hover, .band_profile_title a:focus{ color: #0033ff; text-decoration: underline; }
.band_profile_vote_title{ font-size: 22px; letter-spacing: 1px; color: #333; }

.band_profile_trend_data{
	margin: 11px 4px 0px 0px;
}

.band_image{ padding: 28px 20px 20px 20px; }
.band_image img{ padding: 1px; border: 1px solid #aaa; }




.band_profile_link{ margin: 4px 10px 0px 2px; font-size: 12px; color: #777; }
    .band_profile_link a, .band_profile_link a:link, .band_profile_link a:visited{ color: #0033ff; text-decoration: underline; }
    .band_profile_link a:hover, .band_profile_link a:focus{ color: #ff3300; }




.band_info{  padding: 20px 5px 7px 5px; }
    .band_name{ font-size: 22px; letter-spacing: 1px; width: 280px; }
    .band_info_votes{ font-size: 15px; padding: 7px 0px 6px 10px; color: #333; }
    .band_info_votes_count_love{ font-size: 20px; color: #00dd22; }
    .band_info_votes_count_hate{ font-size: 20px; color: #dd2200; }

.band_profile_vote_box{ margin: 8px 40px 8px 8px; padding: 12px 30px; border-left: 1px solid #aaa; background: #fff; }


.band_profile_vote_elem_selected{ 
	font-size: 15px; margin: 16px 24px 10px 14px; color: #555;
	background: #eee; padding: 4px 10px;
        border: 1px solid #ccc;
}

.band_profile_vote_elem{ font-size: 15px; margin: 16px 24px 10px 14px; color: #555; }
    .band_profile_vote_elem a, .band_profile_vote_elem a:link, .band_profile_vote_elem a:visited{
        background: #eee; display: block; padding: 4px 10px;
        border: 1px solid #ccc;
    }
    .band_profile_vote_elem a:hover, .band_profile_vote_elem a:focus{
        background: #f0f0f0; color: #000;
        border: 1px solid #999;
        text-decoration: none;
    }
    
    
.withdraw{ margin-left: 88px; }

.band_profile_websites{ padding: 0px 0px 10px 0px; width: 420px; }
.band_profile_website{ padding: 0px 30px 10px 30px; }
    .band_profile_website a, .band_profile_website:link, .band_profile_website:visited{ color: #0033ff; }

.band_profile_website_bogus { 
	font-size: 0.6em; 
	padding: 0px 0px 0px 38px;
}

.band_profile_add_website{ width: 380px; padding-bottom: 40px; }
.band_profile_add_website_form{ padding-top: 10px; margin: 20px; }

.band_profile_big_fans_box_google{
	margin: 0px auto 18px auto;
	width: 728px;
}

.band_profile_big_fans_box{ padding: 0px 20px 10px 20px; margin: 0px auto; width: 800px; }
.band_profile_big_fans{ margin: 10px 30px 10px 0px; }
.band_profile_big_fans img{ padding: 1px; border: 1px solid #aaa; }
.band_profile_big_fans_name{ text-align: center; font-size: 12px; width: 80px; }

.band_profile_band_list{ width: 300px; }



/* Band Choose Amazon */

.band_profile_amazon_box{ padding: 0px 20px 10px 20px; margin: 0px auto; width: 800px; }
.band_profile_amazon_img{ margin: 10px 30px 10px 0px; }
.band_profile_amazon_img img{ padding: 1px; border: 1px solid #aaa; }
.band_profile_amazon_text{ text-align: center; font-size: 12px; width: 80px; }


/* Band Choose Images */

.band_choose_image_title{ margin: 20px 0px 20px 20px; }
.band_choose_image_title_band{ font-size: 26px; margin: 20px 0px 10px 20px; }
.band_choose_image_title_sub{ font-size: 14px; color: #555; }

.band_choose_images_container{ width: 540px; margin-top: 20px; }
.band_choose_image{ margin: 0px 16px 20px 0px; padding: 12px 16px 2px 16px; background: #fff; border: 1px solid #aaa; }


.band_choose_image img{ padding: 1px; border: 1px solid #aaa; background: #fff; }

.band_choose_image_button{ margin: 4px auto 4px auto; width: 50px; border: 1px solid #aaa; text-align: center; }
.band_choose_image_button a{ display: block; padding: 2px 0px; font-size: 12px; }
.band_choose_image_button a:link, .band_choose_image_button a:visited{ color: #444; background: #22dd44; }
.band_choose_image_button a:hover, .band_choose_image_button a:focus { color: #fff; background: #00ff00; text-decoration: none; }


.band_choose_image_selected{ margin: 0px 16px 20px 0px; padding: 12px 16px 2px 16px; background: #eee; border: 1px solid #aaa; }
.band_choose_image_selected img{ padding: 1px; border: 1px solid #aaa; background: #fff; }
.band_choose_image_button_selected{ margin: 4px auto 4px auto; width: 50px; color: #999; background: #ccc; padding: 2px 0px; font-size: 12px; border: 1px solid #aaa; text-align: center; }
.band_choose_image_button_selected a, .band_choose_image_button_selected a:link, .band_choose_image_button_selected a:visited, .band_choose_image_button_selected a:focus, .band_choose_image_button_selected a:hover{ color: #999; text-decoration: none; }

.band_upload_images_container{ width: 220px; margin: 64px 30px 10px 0px; }
.band_upload_image_title_sub{ font-size: 14px; color: #555; }
.band_upload_image_explanation{ font-size: 18px; margin-top: 20px; }
.band_upload_image_explanation_sub{ font-size: 12px; margin: 14px 12px 10px 10px; line-height: 18px; }

.band_upload_image{ margin: 10px; }
.band_upload_image_button{ text-align: right; font-size: 16px; margin: 30px 8px 14px 8px; }
.band_upload_image_input{ width: 190px; margin-bottom: 10px; }

.band_upload_image_submit{ margin: 0px 10px 0px 0px; }

.band_upload_image_error{ color: #ff0000; font-size: 12px; margin: 20px auto; width: 170px; }


/* band website note */

p {
            font: normal 12px "Verdana", Arial, Helvetica, sans-serif;
            color: #000;
}

#note1 {
            position: absolute;
            top: 30px;
            left: 160px;
            background: #ffc;
            padding: 10px;
            border: 1px solid #000;
            z-index: 1;
            visibility: hidden;
            font: bold 11px "Verdana", Arial, Helvetica, sans-serif;
            color: #000;
}



/* talk rotate */

.band_profile_discussion{
	font-family: arial, helvetica, sans-serif; 
	margin: 20px; 
	line-height: 20px; 
}
#band_profile_talk_rotate{ 
	width: 500px;
	height: 90px;
	overflow: hidden;
}
.band_profile_talk_explanation{
	width: 276px;
	margin-left: 10px;
	color: #888;
	font-size: 18px;
	line-height: 21px;
}

.talk_swapper_sample{ margin: 0px 8px 4px 8px; }
.talk_swapper_img img{ padding: 1px; border: 1px solid #aaa; }
.talk_swapper_title{ 
	width: 380px;
	color: #999;
	font-size: 12px;
}
.talk_swapper_quote{ 
	width: 380px;
	height: 44px;
	font-size: 13px;
}
.talk_swapper_user{
	color: #999;
	font-size: 13px;
}


/* Band Talks */

.talks_active_sidebar{ margin: 10px; width: 200px; }
.talks_active_main{ margin: 20px 0px 20px 10px; width: 500px; }
.talks_active_comments{ margin: 10px 0px; }
.talks_active_comment{ margin: 20px 0px; font-size: 12px; color: #444; }
.safari_true_off{ margin: 6px 0px 0px 0px; }

.talks_info_talks{ margin: 10px 0px; }
.talks_info{ margin: 26px 0px; }

.talks_activity{ margin: 20px 0px 0px 30px; }
.talks_activity_title{ font-size: 20px; color: #777; }
.talks_activity_meter{ margin-top: 20px; }
.talks_activity_meter img{ width: 30px; height: 30px; }

.talks_create{ margin: 26px 0px 28px 10px; background: #ddd; padding: 16px 18px; border: 1px solid #aaa; }

.talks_create input{ padding: 2px; margin: 2px 4px 4px 4px; }
.talks_create textarea{ padding: 2px; margin: 2px 4px 4px 4px; }
.talks_create div.label{ margin: 8px 4px 0px 4px; }


.talks_list{ margin: 20px; width: 234px; }
.talk_list_title{ font-size: 20px; }
.talk_list_talks_entry{ margin: 20px 0px; }
    .talk_list_talks_entry a{ display: block; }
    .talk_list_talks_entry a:link, .talk_list_talks_entry a:visited{ color: #2244ff; }
    .talk_list_talks_entry a:hover, .talk_list_talks_entry a:focus{ color: #333; text-decoration: none; }

.talk_list_talks_entry_other{ margin: 5px 10px 5px 10px; width: 130px; }
    .talk_list_talks_entry_other a{ display: block; }
    .talk_list_talks_entry_other a:link, .talk_list_talks_entry_other a:visited{ color: #2244ff; }
    .talk_list_talks_entry_other a:hover, .talk_list_talks_entry_other a:focus{ color: #333; text-decoration: none; }

.talk_list_results_box{ font-size: 12px; margin: 18px 0px; background: #ddd; padding: 8px 8px 12px 8px; }
.talk_list_results_num{ margin: 4px 8px 4px 0px; color: #aaa; font-size: 18px; }
.talk_list_results_image{ width: 30px; height: 30px; }
.talk_list_results_image img{ width: 30px; height: 30px; padding: 1px; border: 1px solid #aaa; }
.talk_list_talks_entry{ margin: 0px 0px 0px 18px; width: 166px; }


.talks_active_band{ font-size: 22px; margin: 10px; }
.talks_active_image img{ padding: 1px; border: 1px solid #aaa; margin: 10px; }
.talks_active_image a{ margin: 10px; }
.talks_active_image a:link, .talks_active_image a:visited{ color: #2244ff; }
.talks_active_image a:hover, .talks_active_image a:focus{ color: #333; text-decoration: none; }

.talks_active_title{ font-size: 22px; color: #777; width: 190px; margin: 10px 0px 20px 0px; }
    .talks_active_page_title{ font-size: 22px; }
    .talks_active_talk_title{ font-size: 16px; margin: 6px 0px;}


.talks_active_form{ width: 550px; }
.talks_active_form input{ margin-top: 4px;}
.talks_active_textarea{ width: 546px; height: 80px; padding: 2px; font-family: arial, helvetica, sans-serif; }

.talks_active_comments{ margin: 0px auto; width: 560px; }

.talks_active_comment { width: 538px; padding: 8px; margin: 20px 0px 0px 0px; border: 1px solid #ddd; }

.talks_active_comment_img_user{ border-bottom: 1px solid #ddd; }
.talks_active_comment_img img{ margin: 0px 4px 4px 0px; padding: 1px; border: 1px solid #aaa; }
.talks_active_comment_user{ font-size: 24px; margin: 6px 0px 0px 8px; }
.talks_active_comment_content{ margin: 8px 4px 8px 48px; }

.talks_active_comment_time{ margin: 22px 0px 0px 0px; color: #999; font-size: 12px; }

.talks_active_comment_mark_as{ margin-top: 6px; color: #999; font-size: 12px; }
.talks_active_comment_true{ margin: 0px 0px 0px 4px; }

.regular_button_on{
	font-size: 12px;
	border: 1px solid #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0px 4px;
	background-color: #00ff00;
	color: #fff;
}

.regular_button_off{
	font-size: 12px;
	border: 1px solid #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0px 4px;
	background-color: #ddd;
	color: #777;
}

#talks_loading{
	margin: 0px 8px;
	font-size: 12px;
}




/* Lists */

.lists_page_ad{ margin: 20px; }
.lists_page_list{ margin: 20px; }
.lists_page_results_title{ color: #777; font-size: 20px; border-bottom: 2px solid #aaa; padding: 6px; width: 500px; }
.lists_page_results{ line-height: 28px; margin: 0px; overflow: hidden; width: 550px; }
.lists_page_black{ color: #222; }

.lists_page_results_box{ font-size: 20px; margin: 18px 0px; background: #eee; padding: 8px; }
.lists_page_results_num{ margin: 4px 8px 4px 0px; color: #aaa; font-size: 18px; }
.lists_page_results_image{ width: 30px; height: 30px; }
.lists_page_results_image img{ width: 30px; height: 30px; padding: 1px; border: 1px solid #aaa; }
.lists_page_results_data{ margin: 4px 10px; }


.talks_lists_page_results_box{ font-size:14px; margin: 0px 0px 18px 0px; background: #eee; padding: 8px; }
.talks_lists_page_results_image{ width: 80px; height: 80px; margin-right: 20px;}
.talks_lists_page_results_image img{ width: 80px; height: 80px; padding: 1px; border: 1px solid #aaa; }
.talks_lists_page_results_data{ margin: 0px 4px 0px 4px; }
.talks_lists_page_results_data_title{
	font-size: 16px;
}

.talks_lists_page_results_data_title a, .talks_lists_page_results_data_title a:link, .talks_lists_page_results_data_title a:visited{
	color: #0044dd;
}

.lists_pagination_controls{
	margin: 10px;
}


.lists_content{
	margin: 0px 20px;
}


.websites_lists_page_results_box{ width: 420px; font-size: 20px; margin: 20px; background: #eee; padding: 8px; }
.websites_lists_page_results_image{ width: 20px; height: 20px; margin:5px;}
.websites_lists_page_results_image img{ width: 20px; height: 20px; padding: 1px; border: 1px solid #aaa; }

.websites_lists_page_results_data{ margin: 4px 8px; width: 180px; font-size: 18px; }


/* Footer */
.footer{ color: #777; font-size: 0.8em; padding: 2px 10px; }
.footer a, .footer a:link, .footer a:visited{ margin-right: 10px; color: #777; }
.footer a:hover, .footer a:focus{ color: #ff3300; }






/* The Line Up */

.lineup_page_title{
	font-weight: bold;
	color: #222;
}
.lineup_page_list{ margin: 5px 20px; width: 620px;}
.lineup_page_results_title{ color: #777; font-size: 20px; border-bottom: 2px solid #aaa; padding: 6px; width: 500px; }
.lineup_page_results{ line-height: 28px; margin: 0px; overflow: hidden; }

.lineup_page_nav{
	margin-top: 2px;
}
.lineup_page_nav_elem{
	font-size: 18px;
	color: #888;
}
.lineup_page_nav_elem a, .lineup_page_nav_elem a:link, .lineup_page_nav_elem a:visited{
	font-size: 18px;
	margin-left: 30px;
	padding: 2px;
	font-weight: bold; 
	color: #222;
}

.lineup_page_nav_elem_selected{
	font-size: 18px;
	color: #888;
}
.lineup_page_nav_elem_selected a, .lineup_page_nav_elem_selected a:link, .lineup_page_nav_elem_selected a:visited{
	margin-left: 30px;
	font-weight: bold;
	color: #ff3300;
}

.lineup_page_nav_elem_all_selected{
	font-size: 18px;
	color: #888;
	background: #eee;
	padding: 2px 18px;
}
.lineup_page_nav_elem_all_selected a, .lineup_page_nav_elem_all_selected a:link, .lineup_page_nav_elem_all_selected a:visited{
	text-align: center;
	font-weight: bold; 
	color: #ff3300;
}

.lineup_page_nav_elem_all{
	font-size: 18px;
	color: #888;
	background: #eee;
	padding: 2px 18px;
}

.lineup_page_nav_elem_all a, .lineup_page_nav_elem_all a:link, .lineup_page_nav_elem_all a:visited{
	text-align: center;
	font-weight: bold; 
	color: #222;
}

.lineup_page_alphabet_nav{
	padding-right: 8px;
	padding-left: 8px;
	background: #eee;
}
.lineup_page_alphabet_nav a, .lineup_page_alphabet_nav a:link, .lineup_page_alphabet_nav a:visited{
	margin-left: 9px;
	font-size: 13px;
	padding: 2px;
}







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

	Cropper

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


#viewer{ 
	width: 250px; 
	height: 250px; 
	border: 1px solid #aaa; 
	margin: 0px auto; 
	overflow: hidden;
	cursor: move; 
}
		
#pic_box{
	margin: -253px auto 0px auto; 
	width: 244px;
	height: 244px;
	text-align: center;
}

		
#pic{
	position: relative; 
	top: 0px; 
	bottom: 0px; 
	left: 0px; 
	right: 0px;
	z-index: 1;	
}
		
#frame{ 
	position: relative; 
	z-index: 4;
}

#frame_image{
	width: 250px;
	height: 250px;
}


/*------------------------------
	Controls
------------------------------*/
			
#controls{ 
	width: 250px; 
	margin: 8px auto; 
}

#info_pos{ 
	font-size: 0.8em; 
	margin: 10px auto; 
}
#info_size{ 
	font-size: 0.8em; 
	margin: 10px auto; 
}

#info_slide{ 
	font-size: 0.8em; 
	margin: 10px auto; 
}

#drag_box{ 
	background: #eee; 
	width: 276px;
	margin: 0px auto; 
}

#track_background{
	margin:0px auto; 
	width:250px;
	height:27px;
	background: url('http://www.bandriot.com/fans/cropper_files/slider_back.png');
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #000;
}

#track1{
	margin-left: 21px;
	padding-top: 5px;
	width:200px;
}

#handle1{
	width:17px;
	height:17px;
	background:url('http://www.bandriot.com/fans/cropper_files/drag_btn.png');
	cursor:move;
}

.request_alert{
	width:120px;
}