/*
Theme Name: Sisbro Studios
Theme URI: http://www.sisbrostudios.com
Description: Custom theme design by <a href="http://www.crbarnett.com">C.R. Barnett</a>.
Version: v1
Author: Chris Barnett
Author URI: http://www.crbarnett.com

*/


/* RESET */
/* ----------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	}
	
/* remember to define focus styles! */
:focus { 
	outline:0; 
	}
body {
	line-height:1;
	}
ol, ul { 
	list-style:none; 
	}
form {
	display:inline;
	}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
	}
blockquote:before, blockquote:after,
q:before, q:after { 
	content:""; 
	}
blockquote, q { 
	quotes:"" ""; 
	}



/* LAYOUT */
/* ----------------------------------------- */

body { background: #000 url(_images/bg-body.jpg) no-repeat top center; text-align: center; }
a { color: #005caa; }
a.bullet { padding-left: 14px; background: url(_images/bullet.gif) no-repeat left center; }
a:hover { color: #ffa83a; }
.dotted { cursor: help; color: #005caa; text-decoration: none; border-bottom: 1px #005caa dotted; }
em { font-style: italic; }

.floatleft { float: left; padding-right: 15px; padding-bottom: 15px; }
.floatright { float: right; padding-left: 15px; padding-bottom: 15px; }
.ruleabove { border-top: 1px #e6e6e6 solid; padding-top: 6px; }
.nospaceabove { margin-top: 0 !important; padding-top: 0 !important; }
.nospacebelow { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.grayborder { border: 1px #e6e6e6 solid; }
strong, .strong { font-weight: bold; color: #000; }
.lilbutton { font-size: 10px; }
.break { clear: both; }
.smalltext { font-size: 10px; }
a { outline:none }

#header { width: 648px; height: 80px; margin: 0 auto; position: relative; text-align: left; }
.home-link a { display: block; width: 35px; height: 15px; position: absolute; top: 2px; left: -35px; text-indent: -9999em; }
.logo { width: 240px; height: 80px; margin: 0; padding: 0; position: absolute; top: 0; left: 205px; }
.logo a { width: 240px; height: 80px; display: block; text-indent: -9999em; }
#wrap { width: 648px; min-height: 400px; margin: 0 auto; position: relative; background: url(_images/bg-wrap.jpg) repeat-y; text-align: left; }
#content { width: 648px; min-height: 153px; margin: 0 auto; position: relative; padding-top: 100px;}
#content { background:url(_images/content-bg.jpg) no-repeat top; }	
#content .bottom { display: block; width: 648px; height: 9px; background: url(_images/content-bottom.gif); }

.footer { margin: 24px auto; text-align: center; font: normal 11px Georgia, "Times New Roman", Times, serif; color: #666; }
.footer a { color: #666; text-decoration: none; }
.footer a:hover { color: #fff; }



#content_block { width: 410px; float: left; padding: 25px 20px 0; font: normal 14px/18px Georgia, "Times New Roman", Times, serif; color: #333; min-height: 300px; }
#content_block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

h1 {
	font: bold 28px/28px Arial, Helvetica, sans-serif;
	margin: 24px 0 12px 0;
	letter-spacing: -.1em;
	color: #74a629;
}

h2 {
	font: bold 18px/18px Arial, Helvetica, sans-serif;
	margin: 18px 0 6px 0;
	letter-spacing: -1px;
	color: #74a629;
}

h2 a {
	text-decoration: none;
	color: #74a629;
}

#sidebar { width: 175px; float: right; padding: 0 10px;}

#sidebar li { margin-bottom: 3px; }
#sidebar a { font-size: 12px;}
#sidebar .section { padding-bottom: 10px; border-bottom: 2px solid #FFA83A; }


#sidebar a#subscribe-link {
display: block;
width: 100px;
height: 31px;
text-indent: -9999px;
background: url(_images/subscribe.gif) no-repeat top left;
margin: 15px 0 5px ;
}

#sidebar a#facebook-link {
display: block;
width: 100px;
height: 31px;
text-indent: -9999px;
background: url(_images/facebook.gif) no-repeat top left;
}

/*

a#subscribe-link {
background:transparent url(_images/subscribe.png) no-repeat scroll left top;
color:#FFA83A;
display:block;
font-size:20px;
font-weight:bold;
height:26px;
line-height:35px;
padding-left:30px;
text-decoration:none;
}

a#subscribe-link:hover {
text-decoration: underline;
background-position: bottom left;
}

*/

/* ========= */
/* ! Posts   */
/* ========= */

.post { margin-bottom: 50px; }
.single-post { margin-bottom: 0px; }

.post img.author_photo {
	border: 3px solid #999;
	float: left;
	margin: 0 10px 10px 0;
}

.post p.audioplayer_container {
	float: right;
}

.post h2 { font-size: 20px; margin: 0 }
.post p { margin-bottom: 10px; line-height: 1.4em; }
.post p.meta { color: #515151; margin-bottom: 0px; }
.post p.comments a { font-size: 12px; color: #ccc;}

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/* ========= */
/* ! Archives   */
/* ========= */

.archive-post {
margin-bottom: 10px;
}


/* ------------------------------------------------------------------------------
								comments								             
------------------------------------------------------------------------------ */
h2.responses {
	color: #5a5a5a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: lowercase;
	}
.commentlist {
	margin-bottom: 20px;
	list-style-type: none;
	font-size: 14px;
}
.commentlist li {
	background: #e4ecee url(img/commentlistbg4.jpg) no-repeat;
	padding-top: 20px;
	margin-bottom:25px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;

}
.commentcontent {
	padding: 0 10px;
	margin-bottom: 15px;
}
.commentcontent p {
	margin-bottom: 15px;
	font-size:13px;
	color:#333;
	line-height:17px;
}
.commentcontent a {
	color: #265368;
}
p.authorcom {
	background-color: #fff;
	text-align: right;
	padding-top: 10px;
}
p.authorcom span {
	background: #fff url(img/authorbg4.jpg) no-repeat;
	color: #5a5a5a;
	font-size: 16px;
	padding-left: 100px;
}
.authorcom small {
	font-size: 10px;
}
.commentcontent {
	padding: 0 10px;
}
.commentcontent ul {
	list-style-type: none;
	font-size:12px;
	color:#333;
	line-height:17px;
}
.commentcontent li {
	background: transparent url(img/bullet02.gif) no-repeat 0px 5px;
	padding-left: 15px;
	padding-top: 0px;
	margin-bottom: 5px;
}
.commentcontent blockquote {
	background-color: #d5e0e3;
	margin-bottom: 15px;
	padding: 5px 5px 2px 8px;
	border-left: 4px solid #b1c6d0;
	font-size:11px;
	color:#777;
	line-height:17px;
}
.commentcontent blockquote p {
	margin-bottom:5px;
}
.commentform {
	background: #f2f6f7 url(img/commentform2bg2.jpg) no-repeat;
	padding: 20px 12px 0 12px;
	margin-bottom: 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

.cfbox1 {
	margin-right: 20px;
	padding-left: 3px;
	float: left;
}
.cfbox2 {
	width: 250px;
	float: left;
}
.cfbox2 textarea {
	width: 400px;
	height: 108px;
}
.cfbox3 {
	background: transparent url(img/cfbox3bg3.jpg) no-repeat right bottom;
	width: 440px;
	padding-bottom: 12px;
	text-align: center;
	clear: both;
}
.commentform label {
	color: #294a59;
	margin-bottom: 2px;
	margin-top: 10px;
	display: block;
	}
.commentform input {
	width: 150px;
	margin-bottom: 10px;
	}
.commentform textarea {
	margin-bottom: 20px;
	}
input.submit {
background:#ccc none repeat scroll 0 0;
border: 2px solid #FFA83A;
color:#333;
font-weight: bold;
height:30px;
margin-bottom: 10px;
padding:0 10px;
width:auto;
float:left;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
	}
	
	input.submit:hover {
		background-color: #fff;
	}
	
	.cfbox1 span {
		font-size: 9px;
		color: #999;
	}



/* TYPOGRAPHY */
/* ----------------------------------------- */

/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
h1, h2, h3, h5, h5, h6 { font-weight:bold }