/*   
Theme Name: Black Rock Coalition
Theme URI: http://blackrockcoalition.org/
Description: This is the theme for the Black Rock Coalition Website
Author: Russ Vanderwaal with graphics by Tony Anderson
Author URI: http://sadhappymedia.com/
Version: 1.0
*/


@font-face{

	font-family: droidsans_bold;

	src: url('fonts/droidsans-bold-webfont.eot');
	src: url('fonts/droidsans-bold-webfont.ttf');
}

@font-face{

	font-family: droidsans_regular;

	src: url('fonts/droidsans-webfont.eot');
	src: url('fonts/droidsans-webfont.ttf');
}

@font-face{

	font-family: droidsans_bold;

	src: url('fonts/droidsans-bold-webfont.eot');
	src: url('fonts/droidsans-bold-webfont.ttf');
}

@font-face{

	font-family: droidsans_regular;

	src: url('fonts/droidsans-webfont.eot');
	src: url('fonts/droidsans-webfont.ttf');
}

@font-face{

	font-family: nimbussancon_bol;

	src: url('fonts/nimbussancon-bol-webfont.eot');
	src: url('fonts/nimbussancon-bol-webfont.ttf');
}
#test1{
	font-family: droidsans_bold;
}
#test2{
	font-family: droidsans_regular;
}
#test3{
	font-family: droidsans_bold;
}
#test4{
	font-family: droidsans_regular;
}
#test5{
	font-family: nimbussancon_bol;
}

*{
	margin: 0;
	padding: 0;
}
a, a:hover, a:visited{
	text-decoration: none;
}

li{
	list-style: none;
}
body{
	background-image: url('images/bg.jpg');
	font-family: arial;
}


/*navigation*/
#nav{
	position: absolute;
	padding:0;
	margin-top: 15px;
	width: 730px;
	font-size: 9pt;
	font-family: droidsans_bold, arial;
}

#nav a, #nav a:hover, #nav a:visited, #nav a:active{
	text-decoration: none;
	color: #fff;
}

#nav li {
	position:relative;
	display:block;
	float:left;
	background-color: #000;
	border-style: solid;
	border-width: 1px;
	z-index: 2000;
	margin: auto;
}
#nav li:hover{
	background-color: #b72c21;
}

#nav > li{
	border-radius: 4px;
	-moz-border-radius: 4px;
}

#nav_container{
	position: relative;
	float: left;
	width: 730px;
}
#header_nav_container{
	position: relative;
	margin: auto;
	width: 960px;
}
#nav li a {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	padding: 0 12px;
	
}
 
/*sub navigation*/
#nav ul {
	position:absolute;
	top: 31px;
	width: 190px;
	left: -1px;
	display: none;
} /*the top:30px command must be the same height as your parent LI so the dropdown displays below the main navigation*/

#nav ul a, #nav ul li {
	float:none;
}

/* grandchildren*/
.children ul{
	position: absolute;
	margin-left: 190px;
	margin-top: -32px;
}
/*
li ul{
	display: none;
}
 
 li:hover > ul {
	display: block;
}
*/
#page-wrap {
	position: relative;

}

#header{
	position: relative;
	margin-bottom: 25px;
	clear: both;
}

#header_top{
	position: relative;
	height: 60px;
	background-color: #000;
	z-index: 2000;
}

#header_middle{
	position: relative;
	width: 960px;
	height: 50px;
	margin: auto;

}

#header_bottom{
	position: relative;
	height: 380px;
	width: 960px;
	margin: auto;
	background-color: #ccc;
}

.post_the_latest{
	position: relative;
	width: 560px;
	padding-bottom: 38px;
	margin-top: 10px;
	float: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	
}
.post_image_the_latest{
	position: relative;
	margin-bottom: 10px;
	float: left;
}

.np_links a{
	color: #b72c21;
	font-family: droidsans_bold;
}
.np_link_l{
	position: relative;
	width: 200px;
	margin-right: 60px;
	margin-top: 50px;
	float: left;
}
.np_link_r{
	position: relative;
	width: 150px;

	margin-top: 50px;
	float: right;
}
.np_links{
	position: relative;
	width: 560px;
	margin-top: 50px;
}
.date_container{
	position: absolute;
	width: 50px;
	height: 40px;
	margin-left: -50px;
	margin-top: 3px;
}

#content{
	position: relative;
	margin: 0 auto;
	width: 960px;
	clear: both;
}

#the_latest, #page_content{
	position: relative;
	width: 560px;
	float: left;
}

#sidebar{
	position: relative;
	width: 355px;
	float: right;
}

#footer{
	position: relative;
	width: 100%;
	height: 100px;
	background-color: #000;
	clear: left;
	color: #fff;
	float: left;
	margin-top: 20px;
}
#footer_content{
	position: relative;
	width: 960px;
	margin: auto;
	padding-top: 20px;
}

#audio_player{
	position: relative;

	float: left;
	width: 100%;
	margin-bottom: 15px;
	border-bottom-style: solid;
	border-bottom-color: #4d4d4d;
	border-bottom-width: 5px;

}
.audio_player_control{
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 7px;
}
#audio_controls{
	position: relative;
	float: right;
	padding-top: 8px;
}
#audio_controls_container{
	position: relative;
	float: right;
	width: 100%;
	height: 50px;
}
#listen_text{
	position: relative;
	float: left;
	font-family: nimbussancon_bol;
	font-size: 24pt;
	color: #4d4d4d;
}
#audio_artist{
	position: relative;
	float: left;
	font-family: droidsans_regular;
	font-size: 10pt;
	color: #737373;
	
}
#audio_currently_playing{
	position: relative;
	float: left;
	font-family: droidsans_bold;
	font-size: 10pt;
	color: #4d4d4d;
}
#login_register{
	position: relative;
	float: right;
	font-family: droidsans_bold;
}
#login_form{
	position: relative;
	float: left;
	display: none;
	padding-top: 8px;
}

#register_form{
	position: relative;
	float: left;
	display: none;
	padding-top: 8px;
}
#login_text, #forum_link{
	position: relative;
	float: left;
	padding-top: 15px;
	
}
#forum_link a{
	font-family: droidsans_bold;
	color: #b72c21;
}
#login_text a{
	color: #b72c21;
}

#register_text{
	position: relative;
	float: left;
	padding-top: 15px;
	
}
#register_text a{
	color: #4d4d4d;
}
#logout{
	position: relative;
	float: right;
	padding-top: 15px;
}
#logout a{
	color: #4d4d4d;
}
#or{
	position: relative;
	float: left;
	padding-top: 15px;
	color: #737373;
	font-family: droidsans_regular;
}
.login-password input{
	margin-left: 3px;
}
.side_bar_cat{
	position: relative;
	width: 100%;
	float: left;
	border-bottom-style: solid;
	border-bottom-color: #4d4d4d;
	border-bottom-width: 5px;
	margin-bottom: 15px;
}

.side_bar_cat_item a{
	text-decoration: none;
} 
.side_bar_cat_item a:hover{
	text-decoration: underline;
}
.side_bar_cat_item{
	font-size: 10pt;
	font-family: droidsans_bold;
	margin-bottom: 5px;
}
.side_bar_cat_title{
	font-size: 24pt;
	font-family: nimbussancon_bol;
	color: #4d4d4d;
}
.odd a{
	color: #737373;
}
.even a{
	color: #4d4d4d;
}
.left{
	position: relative; 
	float: left;
}
.right{
	position: relative; 
	float: right;
}
.poll{
	font-family: droidsans_regular;
	color: #818181;
	font-size: 11pt;
	clear: both;
}
#sender{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	background-image: url('images/bg.jpg');
	display: none;
	font-family: droidsans_regular;
	color: #818181;
	max-width: 600px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#sender a{
	font-family: nimbussancon_bol;
	color: #404040;
}
#sender_content{
	margin: 20px;
}
#sender_controls{
	width: 100%;
}
#sender_close a{
	float: right;
}
#sender_close img{
	border: 0px;
}

.ai_spacer{
	position: relative;
	float: left;
	width: 2px;
	height: 17px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #404040;
}

.artist_interview{
	position: relative;
	float: left;
	color: #404040;
	font-family: nimbussancon_bol;
	margin-bottom: 5px;
}
.artist_interview a{
	color: #404040;
	font-family: nimbussancon_bol;
	margin-bottom: 5px;
}


#artist_interview_list{
	position: relative;
	float: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #737373;
}

  div.arrow span {
    border-bottom: 20px solid transparent;
    border-left: 40px solid #FFFFFF;
    border-top: 20px solid transparent;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 20px 0 0 23px;
    width: 0;

}
.arrow_container_container{
	position: relative;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	
}
.arrow_container{
position:absolute;
width: 80px;
height: 80px;
margin-left: -43px;
margin-top: -43px;


background-color: rgb(0, 0, 0);
	opacity: 0.8; /* Safari, Opera */
	-moz-opacity:0.80; /* FireFox */
	filter: alpha(opacity=80); /* IE */
border-radius: 20px;
-moz-border-radius: 20px;
border-style:solid;
border-width:3px;
border-color:#fff;

}
.arrow_area{

position: relative;

}


#video_prev{
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 10px;
}
#video_name{
	position: relative;
	float: left;
	font-family: droidsans_bold;
	color: #000;
}
#video_controls{
	position: relative;
	width: 60px;
	float: right;
}
#video_top_container{
	position: relative;
	margin-top: 20px;
}
#video_desc{
	position: relative;
	width: 100%;

}
#video_container{
	position: relative;

}
#gallery{
	position: relative;

	padding-bottom: 5px;
	margin-bottom: 10px;
	float: left;
	border-bottom-style: solid;
	border-bottom-color: #4d4d4d;
	border-bottom-width: 5px;
}

.gallery_thumbs{
	position:relative;
	width: 100px;
	height: 60px;
	float: left;
	margin: 8px;
	 
}

.gallery_thumbs:hover,#gallery_control:hover,#light_box_img:hover,#light_box_controls:hover,#video_controls div:hover,.arrow_container:hover,#audio_controls div:hover,#sender_controls:hover{
	cursor: pointer;
}

.gallery_thumbs img{
	width: 100px;
	height: 60px;
	border-style:solid;
	border-width:3px;
	border-color:#fff;
}
#gallery_control{
	position: relative;
	float: right;
	width: 60px;
	height: 25px;
	margin-top: 5px;
}
#gallery_prev, #gallery_next{
	position: relative;
	float: left;
	width: 25px;
	height: 25px;
}
#light_box_container{
	position: fixed;
	top: 50%;
	left: 50%;
	
	visibility: hidden;
	z-index: 50;
}
#light_box{
	position: relative;
}
 #lb_next, #lb_prev{
	position: relative;
	float: left;
}
#lb_prev_next{
	position: relative;
	float: left;
}
#lb_close{
	position: relative;
	float: right;
}
.darken_background {
	background-color: rgb(0, 0, 0);
	opacity: 0.8; /* Safari, Opera */
	-moz-opacity:0.80; /* FireFox */
	filter: alpha(opacity=80); /* IE */
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
	display: none;
}
.loading{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -22px;
	margin-top: -22px;
	z-index: 2000;
	display: none;
}
.post_permalink{
	position: relative;
	font-family: nimbussancon_bol;
	font-size: 24pt;
	display: block;
}
.post_permalink a{
	color: #404040;
}

.month{
	font-family: nimbussancon_bol;
	font-size: 15pt;
	color: #404040;
}

.day{
	font-family: droidsans_bold;
	font-size: 11pt;
	color: #818181;
	margin-left: 3px;
}

.post_content_the_latest{
	position: relative;
	float: left;
	font-family: droidsans_regular;
	color: #818181;
	font-size: 11pt;
}
.post_content_the_latest a{
	font-family: nimbussancon_bol;
	color: #404040;
	font-size: 12pt;
}

.post_author{
	position: relative;
	width: 100%;
	height: 30px;
	font-size: 11pt;
}

.posted_by{
	font-family: droidsans_regular;
	float: left;
	color: #818181;
	height: 30px;
	font-size: 10pt;
}
.author{
	font-family: droidsans_bold;
	float: left;
	color: #4e4e4e;
	height: 30px;
}

#tag_line{
	position: relative;
	font-family: nimbussancon_bol;
	font-size: 20pt;
	color: #fff;
	width: 230px;
	height: 40px;
	padding-top: 15px;
	float: left;
}
#tag_line a{
	color: #fff;
}

#meta{
	
}

#sidebar {
	
}

#searchform{
	
}

#s{
	
}

#searchsubmt{
	
}

.commentlist{
	font-family: droidsans_regular;
	color: #818181;
}
.comment-body{
	margin-bottom: 20px;

}
.fn{
	font-size: 16pt;
	font-family: nimbussancon_bol;
}
#respond{
	color: #404040;
	font-family: nimbussancon_bol;
}
#comments{
	color: #404040;
	font-size: 22pt;
	font-family: nimbussancon_bol;
}
/*
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #000; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

*/