/*  
Theme Name: WeAreSkyLarkin
Theme URI: http://www.weareskylarkin.com
Description: A custom theme for Sky Larkin
Version: 1.5
Author: dAN FARROW
Author URI: http://www.squarebracket.net/
*/

/*************************************
 +Containers
 *************************************/

body{	
	color:#666666;
	font-family:"Courier New", Courier, monospace;
	font-size:67.5%;
	line-height:1;
	margin:0;
	padding:0;
	text-align:center;
	height: 100%;
}
#wrap{
	margin:0 auto;
	text-align:left;	
	width:993px;
}
#content{
	padding-top:13px;
	font-size:1.1em;
	margin:0;
}

#footer{
	clear:both;
	font-size:0.9em;
	margin-top:40px;
	padding-top:28px;
	background:transparent url(images/column_bg.gif) top left repeat-x;
}

/* COLUMN WIDTHS */
.column {
	background:transparent url(images/column_bg.gif) top left repeat-x;
	padding-top:26px;
	float:left;
	overflow:hidden;
}
#left_column {width:354px;}
#left_column_wide {width:724px;}
#middle_column {width:354px; margin-left:16px;}
#right_column {width:253px; margin-left:16px;}

/* COLUMN HEADERS */
	.column h2.column_title {
		text-indent:-1000px;
		overflow:hidden;
		height:20px;
		margin-top:2px;
		padding-bottom:10px;
		background:url(images/column_heading_bg.gif) right 0 no-repeat;
		border-bottom:1px solid #d7d5d6;		
	}
	
	.blog_column h2.column_title {background-position:right 0;}
	.gigs_column h2.column_title {background-position:right -41px;}
	.ff_column h2.column_title {background-position:right -82px;}
	.video_column h2.column_title {background-position:right -123px;}
	.contact_column h2.column_title {background-position:right -164px;}	
	.gallery_column h2.column_title {background-position:right -205px;}	
	.upload_column h2.column_title {background-position:right -246px;}		
	.news_column h2.column_title {background-position:right -287px;}
	.where_column h2.column_title {background-position:right -328px;}

	.blog_column a:link,
	.blog_column a:visited {color:#559152;}
	.blog_column a:hover, 
	.blog_column a:focus,
	.blog_column a:active {color:#fff; background-color:#559152;} 
	
	.gigs_column a:link,
	.gigs_column a:visited {color:#b4071b;}
	.gigs_column a:hover, 
	.gigs_column a:focus,
	.gigs_column a:active {color:#fff; background-color:#b4071b;} 
		
	.ff_column a:link, 
	.ff_column a:visited {color:#666666;}
	.ff_column a:hover, 
	.ff_column a:focus, 
	.ff_column a:active {color:#fff; background-color:#5f899c;}
	
	.ff_column li {
		padding:12px 0;
		border-bottom:1px solid #d7d5d6;
	}
	
	.news_column a:link,
	.news_column a:visited {color:#37200e;}
	.news_column a:hover,
	.news_column a:focus,
	.news_column a:active {color:#fff; background-color:#37200e;}

	.video_column a:link,
	.video_column a:visited {color:#c11a6e;}
	.video_column a:hover, 
	.video_column a:focus,
	.video_column a:active {color:#fff; background-color:#c11a6e;} 

	.contact_column a:link,
	.contact_column a:visited {color:#ee902e;}
	.contact_column a:hover, 
	.contact_column a:focus,
	.contact_column a:active {color:#fff; background-color:#ee902e;} 

	.gallery_column a:link,
	.gallery_column a:visited {color:#e65d3c;}
	.gallery_column a:hover, 
	.gallery_column a:focus,
	.gallery_column a:active {color:#fff; background-color:#e65d3c;} 

	.upload_column a:link,
	.upload_column a:visited {color:#5c1b7c;}
	.upload_column a:hover, 
	.upload_column a:focus,
	.gallery_column a:active {color:#fff; background-color:#5c1b7c;} 

	.column h2.column_title a {
		display:block;
	}
	.column h2.column_title a:hover,
	.column h2.column_title a:focus, 	
	.column h2.column_title a:active {background-color:transparent;}

/*************************************
 +Header & title
 *************************************/
h1, h2, h3{
	font-weight:normal;
	margin:0;
}

#header {
	height: 383px;
	position:relative;
	background:transparent url(images/header_bg.gif) top left no-repeat;
}

	#title{}
	
	#title h1 a {
		display: block;
		position:absolute;
		width:354px;
		height:38px;
		top:56px; left:0;
		text-indent:-1000px;
		overflow:hidden;
		background:url(./images/sky_larkin_logo.gif) center top no-repeat; 	
	}

	/*************************************
	 +Nav
	 *************************************/
	#top_nav_ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width:609px; height:22px;
		position:absolute;
		top:48px; right:0; 
		text-align:right;
	}
	
	#top_nav_ul li {
		display:inline-block;
		height:100%;
		margin:0; padding:0;
		background:transparent url(images/top_nav_bg.gif) left top no-repeat;
	}
	
	#top_nav_ul li.rightmost {
		border-right:0;
	}
	#top_nav_ul a {
		text-align:left;
		display: block;
		height: 100%; width:100%;
		text-indent:-1000px;
		overflow:hidden;
		margin:0; padding:0;
	}
	
	/* top navigation buttons */
		
	#top_nav_ul li#top_nav_home {				width:72px;}
	#top_nav_ul li#top_nav_blog {				width:65px; background-position:-68px 0;}
	#top_nav_ul li#top_nav_gigs {				width:60px; background-position:-133px 0;}
	#top_nav_ul li#top_nav_shop {				width:66px; background-position:-193px 0;}
	#top_nav_ul li#top_nav_video {				width:72px; background-position:-259px 0;}
	#top_nav_ul li#top_nav_gallery {			width:96px; background-position:-331px 0;}
	#top_nav_ul li#top_nav_contact {			width:95px; background-position:-427px 0;}
	#top_nav_ul li#top_nav_upload {				width:90px; background-position:-522px 0;}

	#top_nav_ul li#top_nav_mailing {			width:148px; background-position:-612px 0;}
	#top_nav_ul li#top_nav_merch {				width:83px; background-position:-760px 0;}
	#top_nav_ul li#top_nav_spike {				width:201px; background-position:-843px 0;}
	#top_nav_ul li#top_nav_twitter {			width:98px; background-position:-1044px 0;}
	#top_nav_ul li#top_nav_where {				width:84px; background-position:-1142px 0;}

	/* top navigation buttons */
	#top_nav_ul li#top_nav_home a:hover,
	body.home li#top_nav_home a {				background:transparent url(images/top_nav_bg.gif); background-position:0 -29px;}
	#top_nav_ul li#top_nav_blog a:hover,
	body.blog li#top_nav_blog a {				background:transparent url(images/top_nav_bg.gif); background-position:-68px -29px;}
	#top_nav_ul li#top_nav_gigs a:hover,
	body.gigs li#top_nav_gigs a {				background:transparent url(images/top_nav_bg.gif); background-position:-133px -29px;}
	#top_nav_ul li#top_nav_shop a:hover {		background:transparent url(images/top_nav_bg.gif); background-position:-193px -29px;}
	#top_nav_ul li#top_nav_video a:hover,
	body.video li#top_nav_video a {				background:transparent url(images/top_nav_bg.gif); background-position:-259px -29px;}
	#top_nav_ul li#top_nav_gallery a:hover,
	body.gallery li#top_nav_gallery a		 {	background:transparent url(images/top_nav_bg.gif); background-position:-331px -29px;}
	#top_nav_ul li#top_nav_contact a:hover,
	body.contact li#top_nav_contact a {			background:transparent url(images/top_nav_bg.gif); background-position:-427px -29px;}
	#top_nav_ul li#top_nav_upload a:hover,
	body.upload li#top_nav_upload a {			background:transparent url(images/top_nav_bg.gif); background-position:-522px -29px;}	

	#top_nav_ul li#top_nav_mailing a:hover {	background:transparent url(images/top_nav_bg.gif); background-position:-612px -29px;}
	#top_nav_ul li#top_nav_merch a:hover {		background:transparent url(images/top_nav_bg.gif); background-position:-760px -29px;}
	#top_nav_ul li#top_nav_spike a:hover {		background:transparent url(images/top_nav_bg.gif); background-position:-843px -29px;}
	#top_nav_ul li#top_nav_twitter a:hover {	background:transparent url(images/top_nav_bg.gif); background-position:-1044px -29px;}
	#top_nav_ul li#top_nav_where a:hover,
	body.where li#top_nav_where a {				background:transparent url(images/top_nav_bg.gif); background-position:-1142px -29px;}


#header_image {
	padding-top:127px;
	width:993px; height:256px;
}
/*************************************
 +Entry
 *************************************/
.entry {
	padding:0;
	border-bottom:1px solid #d7d5d6;
}
.entry h3 {
	color:#6F6F6F;
	font-size:1.8em;
}
.entry blockquote {
	padding-left: 10px;
	border-left: 3px solid #2C5F3F;
}
.entrymeta{
	font-size:0.9em;
	color:#999;
}
.entrymeta a{
color:#677;
}
.entrymeta a:hover{
	color:#000;
}
.entrytitle h2 {
	color:#000000;
	font-size:2em;
	text-transform:uppercase;
	padding:0;
	font-weight:bold;
	border-bottom:1px solid #d7d5d6;
}


.entrytitle h2 a {
	padding:8px 5px;
	display:block;
}
.entrytitle h2 a:hover{
}

.entrytitle h3{
	color:#6F6F6F;
	font-size:1.8em;
}
.postedby{
}
.filedto{
	background:url("./images/file.gif") no-repeat 0 2px;
	padding-left:15px;
}
.commentslink{
	background:url("./images/comments.gif") no-repeat 0 3px;
	padding-left:15px;
}

.entrymeta{
margin:30px 0 0;
padding:10px 0;
}

/*************************************
 +Comments
 *************************************/
.commentsblock{
	padding:1em 0;
	font-size:1.1em;
}
.commentsblock textarea{
	border:1px solid #ddd;
	color:#666666;
	height:120px;
	width:95%;
}
.commentsblock input, .commentsblock textarea{
	border:1px solid #444444;
}
.commentsblock textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
	color:#000;
}
.commentsblock textarea:focus, .commentsblock input:focus{
	background:#eee;
	border:1px solid #666666;
	color:#000;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#777;
	font-size:0.9em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.author{
	background-color:#9A333A;
	color: #fff;
	border:1px solid #444444;
	padding:0.5em;
	color: #333;
}
.gravatar {
	float: right;
	padding: 3px;
	border: 1px solid #444444;
	background-color: #000;
}
h3#comments {
	font-size:1.6em;
}
/*************************************
 +Misc
 *************************************/

ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
a{
	color:#DB4852;
	text-decoration:none;
}
a:hover{

}
.clearfix:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}
* html .clearfix {height: 1%;}

/*************************************
 +#email_form
 *************************************/

label {
	display:block;
	float:left;	
	width:100px;
}
input, textarea {
	margin:3px;
	padding:3px;
	border:1px solid #666666;
	font-size:14px;
	background:#ffffff;
}
input[type="text"]:focus, textarea:focus {
	background:#ffffff;	
}

/*************************************
 +additional elements
 *************************************/
 .podcast, .ratings {
 	margin:20px 0;
 }
 .podcast {
 	
 }
 
 .no_show {
 	display:none;
 }
 .timestamp {color:#bbb;}
 body.gigs .timestamp {display:none;}
 a img {border:0;}