/*

	Theme Name:				Bleep
	Description:			The Bleep theme
	Version:				1.0
	Author:					John Blackbourn
	Author URI:				http://johnblackbourn.com

*/


/*  Global Reset
--------------------------------------------------------- */

@import 'reset.css';


/*  Base Typography
--------------------------------------------------------- */

body {
	font-family:			Verdana, Helvetica, Arial, sans-serif;
	font-size:				0.813em;			/*  13px  */
	line-height:			1.385em;			/*  18px  */
}

h1, h2, h3, h4, h5, h6 {
	font-family:			Arial, Helvetica, sans-serif;
	font-style:				normal;
	font-weight:			normal;
}

#content .post h2 {
	font-size:				1.846em;			/*  24px  */
	line-height:			1.156em;			/*  28px  */
	clear:					both;
}

#content .post h3,
#comments h3,
#respond h3 {
	font-size:				1.538em;			/*  20px  */
	line-height:			1.156em;			/*  24px  */
	clear:					both;
}

#content .post h4,
#content .post h5,
#content .post h6,
 {
	font-size:				1.385em;			/*  18px  */
	line-height:			1.156em;			/*  24px  */
	clear:					both;
}

.box h2,
.widget h2,
.widget_syndicated h4,
#footer,
#tagline,
#content .post .postauthor,
#content .pagetitle,
#content .bleeprating h3,
#content .bleepsponsor h3,
#sponsor h4 {
	font-family:			Verdana, Helvetica, Arial, sans-serif;
	font-size:				0.769em;			/*  10px  */
	line-height:			1.8em;				/*  18px  */
	letter-spacing:			0.02em;
	text-transform:			uppercase;
}

.box h3 {
	font-size:				1.154em;			/*  15px  */
	line-height:			1.222em;			/*  22px  */
}

.widget h3 {
	font-size:				1.538em;			/*  20px  */
	line-height:			1.222em;			/*  22px  */
}

/*  Base Layout
--------------------------------------------------------- */

body {
	background:				#3b3737;
	color:					#333;
	text-align:				center;
	margin:					10px 0px;
}

#outer {
	background:				#fff url( 'img/bg.png' ) no-repeat left top;
	margin:					0px auto;
	text-align:				left;
	width:					984px;
}

#head {
	background:				url( 'img/title.png' ) no-repeat left 6px;
	margin:					0px 6px;
	padding:				6px 0px;
}

#content {
	float:					left;
	margin:					20px 12px 10px 6px;
	display:				inline;
	width:					640px;
}

#sidebar {
	float:					left;
	margin-top:				10px;
	width:					320px;
}


/*  Header
--------------------------------------------------------- */

#head {}

	#title {
		float:				left;
		width:				646px;
	}

		#title a:link,
		#title a:visited {
			display:		block;
			float:			left;
			height:			98px;
			width:			159px;
		}

	#tagline {
		float:				left;
		color:				#fff;
		display:			block;
		margin:				14px 0px 0px 40px;
		width:				447px;
	}

	#search {
		float:				left;
		margin-top:			12px;
		width:				271px;
	}

		#search #s {
			border:			0px;
			width:			220px;
			padding:		2px 5px;
			color:			#666;
			margin-left:	10px;
		}

		#search #s:focus {
			color:			#333;
		}

	#rss {
		width:				55px;
		float:				right;
	}

		#rss a:link,
		#rss a:visited {
			display:		block;
			height:			46px;
			width:			55px;
		}

		#rss a:hover {
			background:		url( 'img/rsshover.png' ) no-repeat right top;
		}

	#headclear {
		clear:				left;
		font-size:			0px;
		height:				0px;
	}


/*  Head Boxes
--------------------------------------------------------- */

#boxes {
	background:				#fff url( 'img/boxesbg.png' ) top left;
}

	#boxes .box {
		float:				left;
		display:			inline;			/* IE bugfix  */
		margin-left:		6px;
		width:				320px;
	}

		#boxes .box .inner {
			margin:			10px;
		}

	#boxes .box h2 {
		background:			#3290CB url( 'img/boxtop.png' ) no-repeat right top;
		color:				#fff;
		padding:			2px 10px;
	}

	#boxes .box h3 {
		margin-bottom:		6px;
	}

	#boxes .box h3 a:link,
	#boxes .box h3 a:visited {
		color:				#333;
		text-decoration:	none;
	}

	#boxes .box h3 a:hover {
		text-decoration:	underline;
	}

	#boxes #interview blockquote {
		background:			url( 'img/q.png' ) no-repeat top left;
		padding:			2px 10px 0px;
		margin:				12px 0px;
		text-indent:		18px;
	}

	#boxes #interview blockquote p {
		padding-bottom:		15px;
		background:			url( 'img/uq.png' ) no-repeat right bottom;
	}

	#boxes #interview h2,
	#boxes #reviews h2 {
		background:			#F68E20 url( 'img/alttop.png' ) no-repeat right top;
	}

	#boxes #nav ul {
		list-style:			none;
		margin:				6px 0px;
	}

	#boxes #nav li {
		display:			inline;
		float:				left;
		margin-left:		6px;
		width:				151px;
	}

	#boxes #nav li a:link,
	#boxes #nav li a:visited {
		color:				#0072bc;
		display:			block;
		padding:			6px 6px;
		text-decoration:	none;
		width:				139px;
	}

	#boxes #nav li a:hover {
		background:			#fff;
	}

	#boxes #reviews .reviewbox {
		clear:				left;
	}

	#boxes #reviews .reviewbox>img {
		border-bottom:		6px solid #FEF4E6;
		float:				left;
		width:				60px;
	}

	#boxes #reviews .reviewbox h3,
	#boxes #reviews .reviewbox p {
		margin-left:		72px;
	}

	#boxesclear {
		clear:				left;
		font-size:			0px;
		height:				10px;
		background:			#fff url( 'img/boxesclear.png' ) no-repeat center top;
		margin:				0px 6px;
	}


/*  Blog Posts
--------------------------------------------------------- */

#content .pagetitle {
	margin:					0px 0px 10px 6px;
	color:					#888;
	border-bottom:			1px solid #888;
	padding-bottom:			10px;
}

#content .post {
	margin:					0px 0px 30px 6px;
	border-bottom:			1px solid #888;
	padding-bottom:			20px;
}

#content .single {
	margin-bottom:			10px;
}

#content a:link {
	color:					#3290CB;
	text-decoration:		none;
}

#content a:visited {
	color:					#999;
	text-decoration:		none;
}

#content a:hover {
	text-decoration:		underline;
}

#content h2 {
	padding-top:			3px;
}

#content h2 a:link,
#content h2 a:visited {
	color:					#333;
	text-decoration:		none;
}

#content h2 a:hover {
	text-decoration:		underline;
}

#content .post .postauthor {
	color:					#888;
}

#content .post .postauthor a:link,
#content .post .postauthor a:visited {
	color:					#888;
}

#content .post .postauthor a:hover {
	color:					#333;
}

#content p {
	margin:					1em 0px;
}

#content ol,
#content ul {
	margin:					2em;
}

#content blockquote {
	background:				url( 'img/q2.png' ) no-repeat top left;
	padding:				0px 0px 0px 0.7em;
	margin:					2em 2em 2em 1.3em;
	text-indent:			18px;
}

#content blockquote p {
	padding-top:			5px;
	color:					#444;
	font-style:				italic;
}

#content .bleeprating {
	background:				#FEF4E6;
	width:					100px;
	text-align:				center;
	float:					left;
	margin:					1.5em 20px 10px 0px;
	border-bottom:			1px solid #999;
}

	#content .bleeprating h3 {
		background:			#F68E20 url( 'img/ratingtop.png' ) no-repeat center top;
		color:				#fff;
	}

	#content .bleeprating p {
		padding:			5px 0px;
		margin:				0px;
	}


/*  Comments
--------------------------------------------------------- */

#comments {
	margin:					0px 0px 30px 6px;
	border-bottom:			1px solid #888;
	padding-bottom:			20px;
}

	.commentlist li {
		margin-top:			2em;
		padding:			1px 10px;
	}

	.commentlist .alt {
		background:			#f8f8f8;
	}

	.commentlist .authorcomment {
		background:			url('img/stripe.png' );
		border:				1px solid #ccc;
	}

	#content #comments .commentlist .alt blockquote {
		background-image:	url( 'img/q3.png' );
	}

#respond {
	margin:					0px 0px 30px 6px;
}

	#respond form {
		margin-left:		2em;
	}


/*  Sidebar
--------------------------------------------------------- */

#sidebar {}

	#sidebar .widgetcontent a:link,
	#sidebar .widgetcontent a:visited {
		color:				#333;
	}

	#sidebar .widgetcontent a:hover {

	}

	#sidebar .widget {
		background:			#E2EFF9 url( 'img/boxbottom.png' ) no-repeat center bottom;
		margin-bottom:		10px;
		padding-bottom:		10px;
	}

	#sidebar .widget h2 {
		background:			#3290CB url( 'img/boxtop.png' ) no-repeat right top;
		color:				#fff;
		padding:			2px 10px;
	}

	#sidebar .widget h3 {
		margin:				1em 10px;
	}

	#sidebar .widgetcontent p {
		margin:				1em 10px;
	}

	#sidebar .widgetcontent blockquote,
	#sidebar .widgetcontent ul,
	#sidebar .widgetcontent ol {
		margin:				1em 2em;
	}

	#sidebar .widgetcontent h3 {
		margin:				10px 10px 5px;
	}

/*  Specific Widgets
--------------------------------------------------------- */

#sidebar .widget_feature {
	background:				#d3ea9d url( 'img/featuredbottom.png' ) no-repeat center bottom;
	padding-bottom:			10px;
}

	#sidebar .widget_feature h2.widgettitle {
		background:			#97bc3d url( 'img/featuredtop.png' ) no-repeat right top;
	}

	#sidebar .widget_feature .widgetcontent h2 {
		background:			#97bc3d;
		width:				19em;
	}

	#sidebar .widget_feature #sponsor,
	.bleepsponsor {
		float:				right;
		background:			#fff;
		text-align:			center;
		width:				140px;
		margin:				10px 10px 5px;
	}

	.bleepsponsor {
		background:				 #D3EA9D;
	}

		#sidebar .widget_feature #sponsor h4,
		.bleepsponsor h3 {
			background:		#97bc3d url( 'img/sponsortop.png' ) no-repeat center top;
			color:			#fff;
		}

		#sidebar .widget_feature #sponsor p,
		.bleepsponsor p {
			margin:			1em 0px;
		}

	#sidebar .widget_feature .widgetcontent h3 a:link,
	#sidebar .widget_feature .widgetcontent h3 a:visited {
		color:				#333;
		text-decoration:	none;
	}

	#sidebar .widget_feature .widgetcontent h3 a:hover {
		text-decoration:	underline;
	}

	#sidebar .widget_feature .widgetcontent {
		clear:				left;
	}


#sidebar .widget_syndicated {}

	#sidebar .widget_syndicated .lol {
		border-top:		1px solid #ccc;
	}

	#sidebar .widget_syndicated .lol p {
		margin-left:		70px;
	}

	#sidebar .widget_syndicated h4 {
		display:			inline;
		background:			#3290CB;
		float:				left;
		width:				50px;
		margin:				1.5em 0px 0px 0px;
		padding-left:		10px;
		color:				#fff;
	}


/*  Some Navigation
--------------------------------------------------------- */

.navigation {}

	#content .navigation .prevpost {
		float:					left;
		width:					49%;
	}

	#content .navigation .nextpost {
		float:					right;
		text-align:				right;
		width:					49%;
	}

	#content .navigation .navclear {
		clear:				both;
		font-size:			0px;
		height:				0px;
	}

	#content .navigation a:link,
	#content .navigation a:visited {
		color:				#3290CB;
		text-decoration:	none;
	}

	#content .navigation a:hover {
		text-decoration:	underline;
	}

	#content .navigation span {
		display:block;
		}

/*  Footer
--------------------------------------------------------- */

#footer {
	background:				url( 'img/bg-footer.png' ) no-repeat center bottom;
	clear:					both;
	color:					#fff;
}

	#footer p {
		text-align:			center;
		padding:			12px;
	}

	#footer a:link,
	#footer a:visited {

	}

	#footer a:hover {

	}


/*  Logged-in Navbar
--------------------------------------------------------- */

#navbar {
	background:				url( 'img/bg.png' ) top center no-repeat #fff;
	color:					#333;
	margin:					6px 0px;
	padding:				6px 12px;
}

	#navbar a:link,
	#navbar a:visited {
		color:				#3290CB;
	}


/*  Miscellaneous
--------------------------------------------------------- */

hr {
	display:				none;
}

.hide {
	display:				block;
	position:				absolute;
	top:					-999px;
}