/*
Theme Name:		The Basics Blocks
Theme URI:		http://thebasics.com.au
Description:	        Custom theme based on Chris Pearson's Neoclassical theme
Version:		1.0
Author:			Tim Shiel / Chris Pearson
Author URI:		http://thebasics.com.au
*/

* { padding: 0; margin: 0; }
	
/*---:[ core layout elements ]:---*/

body {background:#862a14; color: white; font: 60% Georgia, "Times New Roman", Times, serif;  }

#overall {width:1070px; margin: 0 auto; padding: 20px 0 20px 0; }

#header {height:250px;margin-bottom:20px}
#content { }

#artwork {float:left;width:400px;height:250px;background:white;margin-right:20px}
#title {height:140px;margin-bottom:20px}
#newsletter {float:left;width:225px;height:70px;background:#af7737;padding:10px}
#social {float:right;width:110px;height:80px;background:#af7737;padding:5px}
#jukebox {margin-left:685px;width:225px;height:70px;background:black;padding:10px}
#new_jukebox {margin-left:685px;width:225px;height:70px;background:black}

#jukebox_single {background:black}

#content_left {float:left;width:400px}
#gigs {float:right;width:105px;background:#af7737;padding:10px;margin-bottom:20px;}
#news {width:235px;background:black;margin-bottom:20px;padding:10px}
#photos {width:245px;background:#af7737;padding:10px 0 10px 10px;margin-bottom:20px;}

#content_right {float:right;width:650px;margin-left:20px}
#store {float:right;width:230px;background:black;padding:10px;margin-bottom:20px;}
#content_right_float {float:left}
#video {width:360px;background:black;margin-bottom:20px;padding:10px}
#blog {width:360px;background:black;margin-bottom:20px;padding:10px}
#contact {font-size: 1.3em;width:360px;background:#af7737;padding:10px;margin-bottom:20px;}


#blog_single { width:630px;background:black;margin-bottom:20px;padding:10px }

/*---:[ headlines ]:---*/

h1, h2, h3, h4 { font: 1.0em Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 1.8em; line-height: 1.11111em; padding: 1.11111em 0 0 0; border-top: 1px dotted #89411f; color: #b28b4e; }
h2 a, h2 a:visited { color: #b28b4e; }
h2.top { padding-top: 0; border-top: none; }
hr { display: none; }

a, a:visited { color: #b28b4e; text-decoration: none; }
a:hover { color: #c00; text-decoration: underline; }
#gigs a, #gigs a:visited, #newsletter a, #newsletter a:visited {color: #89411f }
#photos a, #photos a:visited, #social a, #social a:visited, #contact a, #contact a:visited {color: #89411f }
#gigs a:hover, #newsletter a:hover, #photos a:hover, #social a:hover, #contact a:hover { background: white }
a img { border: none; }

h2 .post-edit-link { font-size:0.7em; }
.post-edit-link { border:1px solid red }
.post-edit-link:hover, #gigs .post-edit-link:hover { background: red; text-decoration: none }

#newsletter { font-size: 11px; }
#gigs { font-size: 11px; line-height: 1.3em; }
#gigs p { margin: 0 0 1.2em 0; }

#social {text-align:center}

.newsletter_input {font: 11px Georgia, "Times New Roman"; width:220px; margin:3px 0 5px 0; }
.newsletter_submit {font: 11px Georgia, "Times New Roman"; float:right; }

.jumpMenu5 {font: 11px Georgia, "Times New Roman"; width:100%; }

.format_text { font-size: 1.3em; line-height: 1.53846em; }
.format_text p { margin: 0 0 1.53846em 0; }
.format_text img { max-width: 100%; }

.post_author { font-size: 1.2em; line-height: 1.66667em; margin: 0 0 1.66667em 0; padding: 0 10px; color: #999; }
.post_author a, .post_author a:visited { color: #999; text-decoration: none; }
.post_author a:hover { color: #999; text-decoration: underline; }

.readmore, .navigation, .store_more { border-top: 1px dotted #b28b4e; line-height: 1.53846em; text-align: right; }
.readmore, .navigation { font-size: 1.3em; }

.store_item { font-size: 11px }
.store_more { font-size: 9px; margin: 10px 0 10px 0 }
.store_more_content { color: #999; font-size: 11px; line-height: 1.2em; margin: 10px 0 10px 0; }

.paypal, .itunes { padding: 10px 0 0 0 }

.avatar { float:right; padding: 5px 5px 0 0 }

/*--- other shit ----*/

h1 { font-size: 1.8em; line-height: 1.11111em; color: #111; }

.archives h1 { font-size: 1.1em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 1.81818em 0; padding: 0.36364em 10px 0.36364em 10px; background: #eee; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; text-align: center; }
.page h1 { margin: 0 0 1.11111em 0; }

.sidebar h2 { font-size: 0.83333em; margin: 0 0 0.9em 0; line-height: 1.9em; padding: 0; text-transform: uppercase; letter-spacing: 2px; border-top: 0; border-bottom: 1px solid #ddd; }
h3 { font-size: 1.23077em; line-height: 1.25em; color: #999; }
.format_text h3 { margin: 1.875em 0 0.625em 0; }
.format_text h3.top { margin: 0 0 0.625em 0 !important; }

h4 { font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; }
blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 0 1.53846em 10px; padding: 0 0 0 10px; border-left: 1px solid #eee; }
abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; }
sub, sup { line-height: 1.0em; }
code { font: 0.92308em Consolas, "Andale Mono", Courier, "Courier New"; color: #050; }
pre { margin: 0 0 1.66667em 0; padding: 0.75em; font: 0.92308em/1.66667em Consolas, "Andale Mono", Courier, "Courier New"; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }

p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { padding: 0 20px; font-size: 1.3em; }

/*---:[ content styles ]:---*/

/*	.format_text a { text-decoration: underline; }
	.format_text a:visited { color: #333; background: #e8e8e8; text-decoration: none; }
	.format_text a:hover { text-decoration: underline; } */

.format_text blockquote { }
.format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; border: none; float: right; }
.format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border: none; float: left; }
.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
.format_text p.note { padding: 0.76923em 10px; background: #ffffa0; border: 1px solid #d3d35d; }
.format_text ul { list-style: none; margin: 0 0 1.53846em 0; }
.format_text ol { margin: 0 0 1.53846em 20px; }
.format_text li { }
.format_text ul li { padding: 0 0 0 14px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat; }
.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; }
.format_text li code { line-height: inherit; } /* This is basically a Safari hack :( */
.format_text dl { margin: 0 0 1.53846em 0; }
.format_text dt { font-weight: bold; }
.format_text dd { margin: 0 0 1.53846em 1.53846em; }
.format_text .ad { margin: 0 0 0 10px; float: right; clear: right; }
.format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; }
.format_text img { }
.format_text img.left { margin: 0 10px 1.53846em 0; float: left; clear: left; }
.format_text img.right { margin: 0 0 1.53846em 10px; float: right; clear: right; }
.format_text img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }
.format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; }
.format_text img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; }
.format_text img.stack { clear: none !important; }

.to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal 1.1em/1.81818em Verdana, serif; color: #999; clear: both; text-align:right }
.to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }
.to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }
.to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }
.older { padding: 0 20px 0 0; float: left; }
.previous { text-align: left; }


/*---:[ search widget ]:---*/

#search { padding: 0.83333em 0; border: 1px dotted #ddd; border-width: 1px 0; text-align: right; }
#search #s { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; }
#search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font: bold 1.0em Georgia, "Times New Roman", Times, serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }
#search input[type="submit"]:hover { color: #237fa1; }
				
/*---:[ default search form styles ]:---*/
#search_form { }
#search_form .search_input { width: 184px; padding: 2px; color: #333; background: #f2f2f2; font: normal 0.91667em Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
#search_form .search_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }


/*---:[ comment styles ]:---*/

.comments_intro { font-weight: bold; font-size: 1.8em; margin-bottom:10px; }
.comments_intro span { padding-left:14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

dl#comment_list { margin: 0 0 3.0em 0; }
dl#comment_list dt.comment { padding: 1.42857em 9px 0.71429em 9px; font-size: 1.4em; line-height: 1.42857em; }

.comment_num { padding: 0 0 0 20px; font: bold 0.85714em/1.66667em Verdana, sans-serif; float: right; }
.comment_num a, .comment_num a:visited { color: #999; text-decoration: none; }
.comment_num a:hover { color: #237fa1; text-decoration: none; }
.comment_time { font: normal 0.78571em Verdana, sans-serif; color: #999; }

dl#comment_list dd.comment { padding: 0 9px 0.8em 9px; border-bottom: 1px dotted #bbb; }
dl#comment_list dt.alt, dl#comment_list dd.alt {}
dl#comment_list dt.author, dl#comment_list dd.author { background: #6c230b !important; }

.comment .format_text { padding: 0 10px; }
.comment a.comment_link, .comment a.comment_link:visited { font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }
.comment a.comment_link:hover { color: #333; text-decoration: underline; }
			
/*---:[ comment form styles ]:---*/

#respond { margin: 0 0 0.83333em 0; border-bottom: 1px dotted #ddd; font: normal 1.2em/1.66667em Verdana, sans-serif; }
#respond span { padding: 0 0 0 14px; background: url('images/icon_leave_comment.gif') 0 50% no-repeat; }
#comment_form {  }
#comment_form p { padding: 0.69231em 0 0.76923em 0; font-size: 1.3em; line-height: 1.53846em; }
#comment_form p.submit_p { padding-bottom: 1.30769em; }
#comment_form label { padding: 0 0 0 10px; }
#comment_form .text_input { width: 206px; padding: 2px; color: #333; font: normal 1.0em Georgia, "Times New Roman", Times, serif; background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
#comment_form .text_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
#comment_form .text_area { width: 630px !important; height: 6.15385em; line-height: 1.53846em; }
#comment_form .form_submit { padding: 0.35714em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; color: #333; font: bold 1.07692em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
#comment_form .form_submit:hover { color: #237fa1; }
#comment_form p.subscribe-to-comments { font-size: 1.3em; }
#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
	
	
/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/

#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/**
* Home Panel
************************************************/
#panel-container {
	position: absolute;
	width: 100%;
	z-index: 999;
	text-align: center;
	margin: 0 auto;
	}

#panel-container a {
	color: #fff;
	font-style: italic;
	text-decoration: none;
	border-bottom: 1px solid #666;
	}
#panel-container a:hover {
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	}

#panel-container .tab {
        font-size: 1.2em;
	border-top: 2px solid #040D12;
	height: 37px;
	position: relative;
	z-index: 999;
	}
#panel-container .current {
	border-top: 1px solid #fff;
	}
#panel-container .tab div#home {
  	clear: right;
	display: block;
	position: relative;
	width: 960px;
	height: 35px;
	line-height: 35px;
	margin: 0 auto;
  	font-weight: bold;
	}
#panel-container .tab a {
	display: block;
	float: right;
	position: relative;
	top: -1px;
	height: 35px;
	width: 80px;
	line-height: 33px;
 	text-align: center;
  	background: #040D12;
	border: 1px solid #040D12;
	border-top: none;
	text-decoration: none;
	}
#panel-container .tab a.close {
	border: 1px solid #fff;
	border-top: none;
	}
#panel-container .tab a:hover {
	text-decoration: underline;
        cursor: pointer;
	}
#panel-container .tab a .arrow {
	font-style: normal;
	}