/*   

Theme Name: Ron Bennington Interviews

Theme URI: http://sadhappymedia.com/

Description: This is the theme for RBI

Author: Russ Vanderwaal with graphics by Tony Anderson

Author URI: http://sadhappymedia.com/

Version: 1.0

*/



@font-face{

	font-family: Ron;

	

	src: url('font/avenirltstd-light-webfont.eot');

	src: url('font/avenirltstd-light-webfont.ttf');



}

@font-face{

	font-family: search;

	

	src: url('font/sabonltstd-italic-webfont.eot');

	src: url('font/sabonltstd-italic-webfont.ttf');



}




	*{

		margin: 0;

		padding: 0;

	}

	a:link {

		color:#FFF;

		text-decoration: none;

	}      /* unvisited link */

	a:visited {

		color:#FFF;

		text-decoration: none;

	}  /* visited link */

	a:hover {

		color: #e5c35c;

		text-decoration: none;

	}  /* mouse over link */

	a:active {

		color:#FFF;

		text-decoration: none;

	}  /* selected link */



	* {
		box-sizing: content-box;
		

	}

	body {

		background-color: #000000; 

		font: 14px/1.4 Ron, Arial, Serif;

	}
	input {		-webkit-border-radius: 0; 		border-radius: 0;	}		
	#top{

		position: relative;

		width: 100%;

		clear: both;

		background: #1c1c1c;

	}

	#middle{

		position: relative;

		width: 100%;

		

	}

	#bottom{

		position: relative;

		clear: both;

		width: 100%;

		height: 150px;

		background: #1c1c1c;

	}

	#foot_filler{

		clear: both;

		position: relative;

		width: 100%;

		height: 100%;

		background: #1c1c1c;

	}

	#spacer{

		width: 200px;

		height: 100%;

		float: left;

	}

	#header_border_top {

		position: relative;

		width: 100%;

		height: 6px;

		background-image: url('images/orange_bar.jpg');

	}

	#header_border_bottom {

		position: relative;

		width: 100%;

		height: 6px;

		background-image: url('images/orange_bar.jpg');

	}

	#header_content{

                background-image: url('images/radial_gradient.png');

		position: relative;

		width: 890px;

                margin: auto;

		height: 150px;

		padding-top: 30px;

                

	}

	

	#header_images{

		position: relative;

		margin: auto;		

		width: 890px;

                

		

	}

	#logo{

		position: relative;

		float: left;

	}

	.orange_bar {

		position: relative;

		width: 100%;

		height: 6px;

		background-image: url('images/orange_bar.jpg');

		clear: both;



	}

	#page_wrap {

		position: relative;

		width: 890px;

		margin: 0 auto;

	}

	#nav {

		background-image: url('images/nav_bg.png');

		position: relative;

		width: 890px;

		height: 48px;

		text-align: center;

		padding-top: 20px;

		margin: auto;

	}



	#nav_bottom_border{

		position: relative;

		width: 890px;

		height: 6px;

		margin: 0 auto;

		background-image: url('images/orange_bar.jpg');

	}

	.nav_item{

		position: relative;

		float: left;

		font-size: 13pt;

                margin-right: 10px;

	}

	#nav_audio{

		padding-right: 15px;

	}

	#nav_video{

		padding-left: 15px;

		padding-right: 15px;

	}
	#nav_unmasked{
		padding-left: 15px;
		
	}
	

	.post_image, .post_video{

		position: relative;

		float: left;

		padding-top: 15px;

		padding-right: 15px;

		padding-bottom: 15px;

		display: inline;

	}

	.post_image_archive{

		

	}

	.post_image_archive img{

		width: 270px;

		height: 180px;

	}	

	.post_left{

		position: relative;

		float: left;

	}

	.post_right{

		position: relative;

		float: right;

	}

	.post{

		position: relative;

		height: auto;

		width: 890px;

		float: left;

	}

	.content {

		position: relative;

		width: 410px;

		height: auto;

		color: #e5c35c;

		padding-top: 15px;

		padding-bottom: 10px;

		float: right;

	}

	.permalink {

		font-size: 25pt;

	}

	.time {

		font-size: 13pt;

		color: #b53f00;

	}

	.post_image img{

		width: 435px;

		height: 290px;

		float:left;

	}

	.post_archive{

		position: relative;

		float: left;

		width: 275px;

		height: 220px;

		margin: 10px;

	}

	.permalink_archive {

		position: relative;

		display: block;

		font-size: 10pt;

		margin-top: 10px;

	}

	#archive_content{

		position: relative;

		width: 100%;

		

	}

	#f404{

		color: #e5c35c;

		font-size: 100pt;

	}

	#pnf{

		color: #b53f00;

		font-size: 75pt;

	}

	#footer_nav {

		position: relative;

		width: 100%;

		height: 90px;

		clear: both;

		padding-top: 20px;

	}

	#loading{

		position: relative;

		width: 890px;

		height: 80px;

		clear: both;

		display: none;

	}

	#loading img{

		position: relative;

		margin: 0 auto;

		margin-top: 20px;

		display: block;

	}

	#more{

		position: relative;

		font-size: 25pt;

		color:  #b53f00;

		float: right;

	}

	#less{

		position: relative;

		font-size: 25pt;

		color:  #b53f00;

		float: left;

	}

	.archive_month{

		z-index: 99;

		position: relative;

		width: 90px;

		padding-left: 15px;

		background-color: rgba(0,0,0,0.7);

		font-size: 7pt;

                padding-top: 5px;

	}



	#archive_list{

		position: absolute;

		z-index: 99;

		display: none;

		background-color: rgba(0,0,0,0.7);

		text-align: left;

		margin-left: -15px;

	}

	#nav_archive{

		color: #fff;

		padding-left: 15px;

		padding-right: 15px;

		margin-left: -16px;

		z-index: 99;

	}

	#nav_contact{

		padding-left: 15px;

	}

	#page_container{

		position: relative;

		margin-top: 20px;

		width: 100%;

	}

	#order_by{

		position: relative;

		float: left;

		width: 100%;

		margin-top: 8px;

	}

	#ob_selected{

		background: #ae4a15;

		padding-top: 2px;

		padding-bottom: 2px;

		padding-left: 8px;

		padding-right: 8px;

		-moz-border-radius: 8px;

		border-radius: 8px;

		position: relative;

		float: left;

		margin: 5px;

		color: #fff;

	}

	#ob_date, #ob_alpha, #ob_sort{

		position: relative;

		float: left;

		margin: 5px;

		color: #fff;

	}

	#ob_sort{

		margin-top: 8px;

	}

	#ob_date, #ob_alpha{

		background: #1e1e1e;

		padding-top: 2px;

		padding-bottom: 2px;

		padding-left: 8px;

		padding-right: 8px;

		-moz-border-radius: 8px;

		border-radius: 8px;

	}

	#ob_date:hover, #ob_alpha:hover{

		background: #ae4a15;

		padding-top: 2px;

		padding-bottom: 2px;

		padding-left: 8px;

		padding-right: 8px;

		-moz-border-radius: 8px;

		border-radius: 8px;

	}

	.nf{

		position: relative;

		padding-top: 40px;

	}

	.spacer{

		position: relative;

		width: 890px;

		height: 200px;

		display: block;

		

	}

	#footer_content {

		position: relative;

		width: 890px;

		margin: 0 auto;

	}

	#developers{

		position: relative;

		float: left;

		margin-top: 35px;

	}

	#sig{

		position: relative;

		float: right;

		margin-top: 15px;

	}

	h1,h2 {


	}

	h1 {

		

	}

	h2 {

		

	}

	h3 {

		

	}

	p {

	}

	a {

		

	}

	a:hover {

		

	}

	blockquote {

		

	}

	blockquote p {

		

	}

	ul,ol {


	}

	.entry {

		

	}

	.entry a {

		

	}

	.entry a:hover {

		

	}

	pre {

		

	}

	code,tt {

		

	}

	#meta {

		

	}

	.postmetadata {

		

	}

	#footer {

		position: relative;

		width: 100%;

		height: 150px;

		background: #202020;

	}

	.navgation {

		

	}

	.next-posts {

		

	}

	.prev-posts {

		

	}

	#searchform {

		

	}

	#s {

		width: 240px;

		height: 29px;

		padding-left: 5px;

		border: 0;

                font-family: search;

		color: #cccccc;
	}

	#search_bar{

		position: relative;

		width: 290px;

                padding-bottom: 15px;

		float: right;
		
	}

.search{

position: relative;

display: block;

float: left;

}

.nf h2{

position: relative;

margin-top: 50px;

font-size: 24pt;

color: #fff;

}

.post_video{
	position: absolute;
	z-index: -20;
}
#message{
	position: static;
	height: 50px;
	width: 100%;
	background-color: #E8A01A;
	display: none;
}
#message_content{
	position: relative;
	width: 700px;
	margin: 0 auto;
	
}

audio{
	visibility: visible !important;
}