/*   
    Author:  Noah Earle
			 http://www.mynameisearle.com
	Client:  Gasoline Magazine
	 		 http://www.gasolinemagazine.com

*/

body{
  xbackground:url(../imgs/common/bg.jpg) top left repeat #000000;
  background:url(../../imgs/common/bg.jpg)  top center repeat-x #0c0d09;
  color:#000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  line-height:normal;
  margin:0px;
  width:100%;
}

.darkbg{
  background:#f5f5f5;
}

#left .darkbg{
  width:213px;
  padding:3px;
  background:#f5f5f5;
}

.lightbg{
  background:#ffffff;
}

#left .lightbg{
  width:213px;
  padding:3px;
  background:#ffffff;
}

#feature{
	width:465px; 
	height:334px;
	float:left;
	background:#cccccc;
}

#feature_body{
	height:100px;
	padding:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}


#feat_interviews{
	background:url(../imgs/index/interviews_bg.jpg) no-repeat top left; 
	width:268px; 
	height:334px;
	float:left;
	margin-left:12px;
	margin-top:10px;
}


html>body #feat_interviews{
  	min-height:334px;
	height:auto;
}

#feat_nav{
	position:relative; 
	left:2px; 
	top:4px;
}

.featured_content{
	position:relative; 
	left:3px; 
	top:0px; 
	width:263px;
}

.featured_content .lightbg{
  width:257px;
  padding:3px;
  background:#ffffff;
}

.featured_content .darkbg{
  width:257px;
  padding:3px;
  background:#f5f5f5;
}

.index_calendar{
	position:relative; 
	margin-left:20px; 
	width:225px; 
	float:left;	
}

#vancouver{
  margin-left:10px;
}

html>body #vancouver{
  margin-left:20px;
}

.index_calendar .lightbg{
  width:219px;
  padding:3px;
  background:#ffffff;
}

.index_calendar .darkbg{
  width:219px;
  padding:3px;
  background:#f5f5f5;
}

#left a, #left a:link, #left a:visited, #left a:active, .featured_content a, .featured_content a:link, .featured_content a:visited, .featured_content a:active, .index_calendar a, .index_calendar a:link, .index_calendar a:visited, .index_calendar a:active{
   font-size:11px;
   font-family:Arial, Helvetica, sans-serif;
   color:#000000;
   font-weight:bold;
   text-decoration:none;
}

#left a:hover{
}

a, a:link, a:visited, a:active{
   font-size:11px;
   font-family:Arial, Helvetica, sans-serif;
   color:#000000;
   text-decoration:none;
}

#left a:hover{

}


.highlight{
  color:#ff6d00;
}

.title{
  margin:0px;
  padding:2px 0px 2px 0px;
  background:url(../imgs/headers/header_bg.jpg) top left repeat-x;
  background-color:#f2f2f2;
  border-bottom:#d7d7d7 1px solid;
  vertical-align:bottom;
  margin-bottom:5px;
}

.title .headline{
  width:387px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:18px;
  font-weight:500;
  color:#ff6d00;
}

.title .headline a, .title .headline a:link, .title .headline a:visited, .title .headline a:active{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:18px;
  font-weight:500;
  color:#ff6d00;
}

.title .headline .subtitle{
  font-size:14px;
  color:#000000;
  display:block;
}

.title .headline .subtitle a, .title .headline .subtitle a:link, .title .headline .subtitle a:visited, .title .headline .subtitle a:active{
  font-size:14px;
  color:#000000;
}

a.paging, a:link.paging, a:visited.paging, a:active.paging{
  font-size:11px;
  color:#000000;
  font-weight:bold;
}

a:hover.paging{
  color:#000000;
}


.title .author{
  width:100px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  text-align:right;
  vertical-align:bottom;
}

input.text{
    width:100%;
	border:1px #CCCCCC solid;
	background-color:#f9f9f9;
    font-size:11px;	
}

input.file{
	border:0px #CCCCCC solid;
	background-color:#f9f9f9;
    font-size:11px;	
}

select.text{
    width:302px;
	border:1px #CCCCCC solid;
	background-color:#f9f9f9;
    font-size:11px;	
}

select.date{
	border:1px #CCCCCC solid;
	background-color:#f9f9f9;
    font-size:11px;	
}

textarea.text{
    width:100%;
	border:1px #CCCCCC solid;
	background-color:#f9f9f9;
	height:300px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}

.update_table{
    width:100%;
	margin-top:5px;
}

.update_table th{
    font-weight:bold;
	text-align:left; 
	vertical-align:top;
	width:25%;
}

a, a:link, a:visited, a:active{
  color:#000000;
}

a:hover{
  color:#ff6d00;
}

th{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#000000;	
    text-align:left;
	vertical-align:top;
}


.delete_table{
  width:100%;
}

.delete_table td{
  text-align:left;
}

.delete_table a, .delete_table a:link, .delete_table a:visited, .delete_table a:active{
  color:#000000;
}

.delete_table a:hover{
  color:#ff6d00;
}

#message{
    margin-top:10px;
	margin-bottom:10px;
	padding:3px;
	padding-left:25px;
}

.feedback{
  background:#CAF0BF url(../imgs/common/feedback.jpg) left top no-repeat;
}

.error{
  background:#FFCACB url(../imgs/common/error.jpg) left top no-repeat;