/*
Theme Name: Alexander Spit
Description: Alexander Spit WordPress Theme
Version: 1.0
*/

body
{
	margin:0;
	padding:0;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:13px;
}
#border_top
{
	height:33px;
	background:#000;
}
h1
{
	margin:0;
	padding:0;
	width:204px;
	height:185px;
	position:absolute;
	top:9px;
	left:9px;
	z-index:5;
}
h1 a
{
	display:block;
	width:204px;
	height:185px;
	line-height:500px;
	overflow:hidden;
	color:transparent;
	background:url(images/logo.png) no-repeat;
}
#nav
{
	margin:0;
	padding:0;
	list-style:none;
	width:195px;
	height:342px;
	position:absolute;
	left:778px;
	top:33px;
	border-top:3px solid #ec008c;
	padding-top:10px;
	z-index:5;
}
#nav li
{
	margin:0 0 17px 0;
	padding:0;
}
#nav li a
{
	background-image:url(images/nav_off.png);
	background-repeat:no-repeat;
	display:block;
	line-height:500px;
	overflow:hidden;
	color:transparent;
}
#nav li a:hover,
#nav li.active a
{
	background-image:url(images/nav_on.png);
}
#nav #nav_bio
{
	margin-top:20px;
}
#nav #nav_bio a
{
	width:169px;
	height:29px;
}
#nav #nav_photos a
{
	width:118px;
	height:29px;
	background-position:0px -29px;
}
#nav #nav_videos a
{
	width:107px;
	height:29px;
	background-position:0px -59px;
}
#nav #nav_shows a
{
	width:130px;
	height:30px;
	background-position:0 -89px;
}
#nav #nav_downloads a
{
	width:185px;
	height:30px;
	background-position:0 -119px;
}
#nav #nav_blog a
{
	width:174px;
	height:34px;
	background-position:0 -149px;
}
#nav #nav_contact a
{
	width:133px;
	height:30px;
	background-position:0 100%;
	
}
#page_image
{
	width:100%;
	height:413px;
	overflow:hidden;
	position:absolute;
	top:33px;
}
#wrapper
{
	position:absolute;
	top:445px;
	width:100%;
}
#content
{
	padding-top:15px;
	background:url(images/wrapper_bg.jpg) repeat-y;
}
.wrapper
{
	width:951px;
	padding:0px 5px 0 23px;
}
#page_overlay
{
	position:absolute;
	width:239px;
	height:25px;
	background:url(images/page_overlay.png) no-repeat;
	bottom:0;
	left:740px;
	
}
#footer
{
	height:76px;
	background:url(images/footer_bg.jpg) repeat-x;
	display:block;
	width:100%;
	color:#d6d6d6;
}
#footer span
{
	display:block;
	padding:25px 0 0 0;
}
#footer span a
{
	color:#9c9b9b;
}
#footer span sup
{
	font-size:9px;
}
#footer a
{
	text-decoration:none;	
}
#footer ul
{
	margin:30px 0 0 0;
	padding:0;
	float:right;
	list-style:none;
}
#footer ul li
{
	margin:0 0 0 10px;
	padding:0;
	float:left;
}
#footer li a
{
	color:#e1e1e1;
	text-transform:uppercase;
}
#footer li a:hover,
#footer li.active a,
#footer li.current_page_item a
{
	color:#9c9b9b;
}

#newscol
{
	width:744px;
	float:left;
	padding-right:20px;
}
#tweetscol
{
	width:310px;
	float:left;
	border-left:1px solid #ebebeb;
	padding:0 20px;
}
.subtitle
{
	float:right;
	color:#cbcbcb;
}
.subtitle a
{
	color:#cbcbcb;
	text-decoration:none;
}
.subtitle a:hover
{
	text-decoration:underline;
}
h2#tweets
{
	width:73px;
	height:19px;
	background:url(images/title_tweets.jpg) no-repeat;
}
h2#news
{
	width:53px;
	height:19px;
	background:url(images/title_news.jpg) no-repeat;
}
h2#biography
{
	width:105px;
	height:19px;
	background:url(images/title_biography.jpg) no-repeat;
}
h2#shows
{
	width:67px;
	height:19px;
	background:url(images/title_shows.jpg) no-repeat;
}
#content h2.title
{
	margin:0;
	padding:0;
	line-height:500px;
	overflow:hidden;
	float:left;
}
#tweetscol ul
{
	margin:0;
	padding:0 0 15px 0;
	color:#000;
	clear:both;
	list-style:none;
}
#tweetscol ul li
{
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #ebebeb;
}
#tweetscol ul li span
{
	color:#ec008c;
}
#full_content
{
	width:743px;
	float:left;
}
h3
{
	color:#FFF;
	background:#00a99d;
	margin:0;
	padding:2px 7px;
	font-weight:bold;
	font-size:22px;
	clear:both;
	display:inline;
	line-height:30px;
}
h3.pink
{
	background:#ec008c;
}
h3 a
{
	color:#FFF;
	text-decoration:none;
}
h3 a:hover
{
	text-decoration:underline;
}
span.meta
{
	display:block;
	font-weight:bold;
	margin:15px 0 0 0;
	color:#7e7e7e;
}
span.meta a
{
	color:#7e7e7e;
	text-decoration:none;
}
span.meta a:hover
{
	text-decoration:underline;
}
div.clear
{
	clear:both;
}
a.read
{
	text-transform:uppercase;
	color:#00a99d;
	text-decoration:none;
	font-weight:bold;
}
.post #comment_area a,
.post_content a
{
	color:#ec008c;
	text-decoration:none;
}
.post #comment_area a:hover,
.post_content a:hover
{
	text-decoration:underline;
}
.post p
{
	margin:0 0 15px 0;
	padding:0;
	line-height:16px;
	color:#000;
}
a.read:hover
{
	text-decoration:underline;
}
a.comments
{
	width:110px;
	height:99px;
	display:block;
	background:url(images/comments.png) no-repeat;
	color:#FFF !important;
	text-align:center;
	padding:20px 12px 0 0;
	text-decoration:none;
	font-size:40px;
	font-weight:normal;
	margin:10px 0;
}
a.comments:hover
{
	text-decoration:none !important;
}

a.comments span.comments
{
	display:none;
}
#bio_content
{
	
}
#bio_content p
{
	margin:10px 0;
	padding:0;
	line-height:25px;
}
#bio_content a
{
	color:#ec008c;
	text-decoration:none;
}
#bio_content a:hover
{
	text-decoration:underline;
}
h2#photos
{
	width:73px;
	height:19px;
	background:url(images/title_photos.jpg) no-repeat;
}
.photo_gallery
{
	
}
.photo_gallery a
{
	background:#000;
	margin:0 10px 10px 0;
	width:100px;
	height:100px;
	overflow:hidden;
	color:#FFF;
}

.photo_gallery a img
{
	width:100px;
	height:100px;
	border:0;
}
h3.gallery_title
{
	margin:0;
	padding:0;
	font-weight:bold;
	color:#000;
	font-size:14px;
	background:transparent;
	text-transform:uppercase;
}
h2#videos
{
	width:66px;
	height:19px;
	background:url(images/title_videos.jpg) no-repeat;
}
.video_post_colors
{
	
}
.video_post
{
	padding:20px 10px 20px 0;
}
.video_post h3,
.video_post_colors h3
{
	background:#fb4a42;
}
.video_meta a.read
{
	color:#fb4a42 !important;
}
.video_post a.comments
{
	margin:0 0 0 15px;
	background:url(images/comments_red.png) no-repeat;
}
.video_post_colors a.comments
{
	background:url(images/comments_red.png) no-repeat;	
}
.video_meta
{
	float:right;
	width:225px;
}
.video_on
{
	background:#1f1f1f;
	position:relative;
	left:-23px;
	width:736px;
	padding-left:20px;
	margin-bottom:-14px;
}
.video_on img
{
	margin:0 0 0 23px;
}
.video_on p
{
	color:#FFF;
}
#shows_table
{
	position:relative;
	left:-23px;
	width:768px;
	clear:both;
	color:#ec008c;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
#shows_table thead
{
	background:#ebebeb;
}
.shows_table_first
{
	padding-left:20px;
}
.show_alt
{
	background:#e6fbfa;
}
h2#downloads
{
	width:114px;
	height:19px;
	background:url(images/title_downloads.jpg) no-repeat;
}
h2#blog
{
	width:107px;
	height:21px;
	background:url(images/title_blog.jpg) no-repeat;
}

.post_on
{
	background:#1f1f1f;
	position:relative;
	left:-23px;
	padding-left:23px;
	width:743px;
	padding-top:20px;
	color:#FFF;
}


.widget h2
{
	margin:0;
	padding:0;
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
}
.widget ul
{
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
}
.widget ul li
{
	margin:0;
	padding:0;
}
.widget a
{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}
.widget a:hover
{
	text-decoration:underline;
}
.single_wrapper
{
	padding-right:20px;
}

.post_content
{
	margin:15px 0;
}
h3#comments
{
	margin:15px 0;
	clear:both;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
	margin:0 0 10px 0;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */	

#contact_form
{
	margin:0;
	padding:0;
	margin-top:20px;
	padding-top:-20px;
	background:url(images/contact_form_bg.jpg) repeat-y 0px 0;
}
#contact_form label
{
	width:110px;
	padding:4px 25px 0 10px;
	text-align:right;
	color:#000;
	font-weight:bold;
	font-size:11px;
	display:block;
	float:left;
	margin:0 15px 15px 0;
}
#contact_form input
{
	float:left;
	display:block;
	width:250px;
	padding:3px 5px;
	color:#FFF;
	border:0;
	background:#000;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	margin:0;
}
#contact_form span
{
	display:block;
	float:left;
	font-style:italic;
	color:#ec008c;
	font-weight:bold;
	font-size:11px;
	padding:3px 0 0 10px;
}
#contact_form textarea
{
	float:left;
	display:block;
	width:450px;
	padding:3px 5px 25px 5px;
	color:#FFF;
	border:0;
	background:#000;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	height:200px;
	margin:0;
}
#contact_form p
{
	margin:0;
	padding:0;
	clear:both;
	display:block;
}
#contact_form #contact_submit
{
	width:91px;
	height:82px;
	background:url(images/contact_submit.png) no-repeat;
	overflow:hidden;
	line-height:500px;
	display:block;
	position:relative;
	clear:both;
	text-indent:-999em;
	color:transparent;
	top:-20px;
	left:120px;
}
#type_contact
{
	float:left;
	clear:none;
	position:relative;
	background:#FFF;
	padding:7px 0 30px 60px;
}
#type_contact input
{
	width:auto;
	padding:0;
	margin:3px 5px 0 0;
}
#type_contact label
{
	margin:0;
	padding:0;
	width:auto;
	padding:3px 15px 0 0;
}
#contact_form h3
{
	float:left;
	color:#000;
	background:#fff200;
	padding:2px 5px;
	position:relative;
}
#type_contact span
{
	color:#000;
	font-style:normal;
	padding-right:10px;
}