/**********************************************************************************************
	CSS on Sails
	Title:Website
	Author:XHTMLized
	Date:August 2008 

**********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Default styles
			1.3 Basic styles
			1.4 Forms
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer

***********************************************************************************************/

/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* 1.1	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,
	b, u, i, center,
	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-size:100%;vertical-align:baseline;background:transparent;}
	body {line-height:1;}
	ol, ul {list-style:none;}
	:focus {outline:0;}
	ins {text-decoration:none;}
	del {text-decoration:line-through;}
	table {border-collapse:collapse;border-spacing:0;}

/* 1.2	Default styles
-----------------------------------------------------------------------------------------------*/	

	body {font-size:62.5%;font-family:Verdana,Arial, Helvetica, sans-serif;text-align:center;color:#393939;}
	hr {display:none;}
	strong {font-weight:bold;}
	em {font-style:italic;}
	abbr, acronym {cursor:help;}
	input, textarea, select {font:1.2em Arial, Helvetica, sans-serif;}
	
	a {color:#6f8b69;text-decoration:none;}
	a:hover, a:active {text-decoration:underline;}	
	
	a.more {white-space:nowrap;}

/* 1.3	Basic styles
-----------------------------------------------------------------------------------------------*/	

	.hide {display:none;}	
	.clear {clear:both;}
	br.clear {font-size:0;line-height:0;height:0;overflow:hidden;}
	.fleft {float:left;}
	.fright {float:right;}
	p.center {text-align:center;}
	p.right {text-align:right;}
	p.left {text-align:left;}
	img.left {float:left;margin-right:10px;margin-top:2px;margin-bottom:2px;}
	img.right {float:right;margin-left:10px;margin-top:2px;margin-bottom:2px;}
	img.bordered {border:8px solid #f4f4f4;margin-bottom:15px;}
	
	.ir {display:block;position:relative;}
	.ir span {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}
	
	.clearfix:after, #footer:after, div.box:after, .twocol:after, div.aboutauthor:after, div.comments:after, #content div.comments ul.comments li:after
	{content:".";display:block;height:0;clear:both;visibility:hidden;}

	.clearfix, #footer, div.box, .twocol, div.aboutauthor, div.comments, #content div.comments ul.comments li
	{display:inline-block;}
		
	/* Hides from IE-mac \*/ 
	
	* html .clearfix, * html #footer, * html div.box, * html .twocol, * html div.aboutauthor, * html div.comments, * html #content div.comments ul.comments li
	{height:1%;}
	
	.clearfix, #footer, div.box, .twocol, div.aboutauthor, div.comments, #content div.comments ul.comments li
	{display:block;}
	
/* 1.4	Forms
-----------------------------------------------------------------------------------------------*/	

	form.poll {padding-left:12px;}
	form.poll li {clear:both;padding-top:6px;}
	form.poll input.radio,
	form.poll input.checkbox {float:left;}
	form.poll label {cursor:pointer;float:left;color:#666;font-size:1.4em;line-height:1.42em;padding-left:5px;}
	form.poll fieldset.submit {padding-top:10px;padding-left:5px;padding-bottom:7px;}
	
	input.button {font-weight:normal;cursor:pointer;color:#fff;background:#888;border:none;padding:2px 5px;font-size:1.4em;}
	input.button:hover {background:#575757;}
	
	#sidebar input.button {padding:2px 5px;}
	#content input.button {padding:6px 12px;}
	
	form.extended {margin-bottom:12px;}
	form.extended ol li {padding-top:12px;}
	form.extended fieldset.submit {padding-top:12px;}
	
	form.extended label {display:block;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1.2em;line-height:1.16em;font-weight:bold;cursor:pointer;padding:6px 0 6px 2px;}
	form.extended input.text,
	form.extended textarea {padding:2px 0 2px 3px;background:#f1f1f1;border:1px solid #f1f1f1;}
	form.extended input.text {width:248px;}
	form.extended textarea {width:462px;height:112px;}
	
/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	
	.container {position:relative;margin:0 auto;text-align:left;width:960px;}
		
	#header {padding-bottom:30px;}
	#content {width:640px;float:left;padding-bottom:5px;}
	#sidebar {width:300px;float:right;padding-bottom:5px;}
	#footer {clear:both;}
			
	/* Main Backgrounds */
	body {background:url(../images/bg_body.gif) top repeat-x #fafafa;}

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

	/* Twitter */
	#header .note {background:url(../images/bg_twitter.gif) bottom repeat-x #2d2d2d;padding-bottom:4px; height:44px; line-height:44px; vertical-align:middle; }	
	#header .tweet {display:table;margin:0 auto;padding:10px 0 10px 35px;font-size:1.4em;line-height:1.42em;background:url(../images/ico/tweet.gif) left center no-repeat;}
	#header .tweet a { color:#636363; }
	#header .tweet a:hover { text-decoration:none; }
	* html #header .tweet {display:inline-block;margin:0;}
	#header .note .container {text-align:center;}
	
	/* Navigation */
	#header .navigation {padding:20px 0;background:url(../images/bg_navigation.jpg) top repeat-x #e0ead7;border-bottom:1px solid #fff;}
	#header .nav {height:40px;}
	#header .nav li {float:left;margin-right:18px;}
	#header .nav li.l-blog {margin-right:0;}
	#header .nav li a {position:relative;float:left;padding:0 5px;height:40px;text-decoration:none;}
	#header .nav li a strong {color:#2d2d2d;float:left;display:block;height:20px;line-height:20px;font-size:14px;font-family:Verdana,sans-serif;}
	#header .nav li a strong span {position:absolute;top:0;left:5px;height:20px;width:100%;background-position:top left;background-repeat:no-repeat;cursor:pointer;}
	#header .nav li a span {display:block;clear:both;color:#99a98b;font-size:12px;line-height:20px;}
	
	#header .nav li a.active,
	#header .nav li a:hover {color:#fff;background:url(../images/nav-h.gif) top repeat-x #D5DECF;}
	
	#header .nav li a.active strong,
	#header .nav li a:hover strong {color:#fff;}
	
	#header .nav li a.active strong span,
	#header .nav li a:hover strong span {background-position:bottom left;}
	
	#header .nav li a.active, #header .nav li a.active strong span {cursor:default;}
	
	/*	
	#header .nav li.l-epis a {width:87px;}
	#header .nav li.l-arti a {width:106px;}
	#header .nav li.l-call a {width:122px;}
	#header .nav li.l-scre a {width:102px;}
	#header .nav li.l-link a {width:80px;}
	#header .nav li.l-abou a {width:75px;}
	#header .nav li.l-blog a {width:83px;}	
	*/
	
	#header .nav li.l-epis a strong span {background-image:url(../images/nav/l-epis.gif);}
	#header .nav li.l-arti a strong span {background-image:url(../images/nav/l-arti.gif);}
	#header .nav li.l-call a strong span {background-image:url(../images/nav/l-call.gif);}
	#header .nav li.l-scre a strong span {background-image:url(../images/nav/l-scre.gif);}
	#header .nav li.l-link a strong span {background-image:url(../images/nav/l-link.gif);}
	#header .nav li.l-abou a strong span {background-image:url(../images/nav/l-abou.gif);}
	#header .nav li.l-blog a strong span {background-image:url(../images/nav/l-blog.gif);}

	/* Logo & Motto */
	#header .logo {padding:20px 0 3px 0;}
	#header .logo a {display:block;width:523px;height:37px;text-indent:-9999px;background:url(../images/logo.gif) no-repeat;}
	
	#header .motto {font-size:1.2em;line-height:1.66em;font-weight:normal;color:#ababab;padding-left:5px;}

	/* Search */
	#header form.search {position:absolute;top:25px;right:30px;width:227px;height:20px;padding:6px 0 6px 9px;background:url(../images/bg_search.gif) top repeat-x #ebebeb;}
	#header form.search input.text {float:left;height:16px;padding:2px 0 0px 3px;margin-right:8px;width:185px;border:1px solid #fff;color:#999;}
	* html #header form.search input.text {margin-right:5px;}
	
	body.js #header form.search input.text {background-image:url(../images/input_search.gif);background-position:11px center;background-repeat:no-repeat;}
	body.js #header form.search input.focus {background-image:none;}
	
	#header form.search input.inputimg {float:left;}
	
	#accessibility-links {position:absolute;left:-1000em;text-align:left;}

/* 2.2	Content
-----------------------------------------------------------------------------------------------*/

	h1 {font-size:3.6em;line-height:1.11em;}
	h2 {position:relative;font-size:1.8em;line-height:1.11em;}
	h2 a.all {font-size:11px;position:absolute;top:0;right:0;line-height:20px;font-weight:normal;}
	* html h2 a.all {right:16px;}
	h4 {font-size:1.4em;line-height:1.42em;}

	h1,h2,h3,h4 {font-family:Helvetica,Arial,sans-serif;}
	
	h3{position:relative;font-size:1.4em;line-height:1.8em;}
	
    h1 a, h1 a:hover, h1 a:link, h1 a:visited {text-decoration: none; color:#393939;}

	/* Paragraph Styles */
	#content p,
	#footer p {color:#393939;font-size:1.1em;line-height:1.36em;margin:5px 0;}	
	#sidebar p {font-size:1.1em;line-height:1.36em;}	
	#content p.date {color:#929491;font-size:1.2em;line-height:1.66em;font-style:italic;margin:0;}
	#content p.meta {color:#9c9c9c;font-size:1.2em;line-height:1.66em;margin:0;}
	
	/* Lists */
	ul.links {font-size:1.1em;line-height:1.36em;margin:5px 0 15px 0;}
	ul.links li a {color:#393939;}
	ul.links li a:hover {color:#000;text-decoration:underline;}
	
	ul.simple {font-size:1.1em;line-height:1.3em;padding:0.25em 0;margin:15px 0 15px 0;}
	
	dl {margin-top:20px;}
	dl dt {font-size:1.4em;line-height:1.28em;font-weight:bold;}
	dl dd {padding-bottom:15px;border-bottom:1px solid #dcdcdc;margin-bottom:20px;font-size:1.1em;line-height:1.63em;}
	
	/* Box */
	#content div.box {background:url(../images/bg_box.gif) top repeat-x #fff;padding:20px 15px 0 15px;margin-bottom:25px;}
	#content div.padding-whitespace { padding-bottom:26px; }
	#content div.box h2 {margin-bottom:20px;}

	#content div.box ol.list {}
	#content div.box ol.list li { margin-bottom:20px;}
	#content div.box ol.list li h3 { font-weight:bold; font-size:1.4em; color:#6F8B69; font-family:Helvetica,Verdana,Arial,sans-serif; }
	#content div.box ol.list li p.date {font-size:1.1em; color:#9C9C9C; }

	#content div.box ol.incoming li { font-weight:bold; margin-bottom:16px; font-size:1.2em; color:#6F8B69; line-height:16px; font-family:Helvetica,Verdana,Arial,sans-serif;}
	
	#content div.box #callcast img {float:left; margin-right:20px;}
	#content div.box #callcast h3 { font-weight:bold; font-size:1.8em; color:#6F8B69; font-family:Helvetica,Verdana,Arial,sans-serif; margin-bottom:18px; }
	#content div.box #callcast span a { font-family:verdana; font-weight:bold; font-size:1.2em; }
	#content div.box #tags li{ float:left; font-family:verdana; font-size:1.2em; line-height:30px; margin-right:20px; width:180px;}
	/*#content div.box #tags li{ float:left; font-family:verdana; font-size:1.2em; line-height:30px; margin-right:20px; width:80px;}*/
	#content div.box #tags li a {color:#393939;}
	/* Multiple Columns */
	#content div.left {float:left;width:300px;}
	#content div.right {float:right;width:300px;}
	
	/* Article */
	
	#content div.article div.title {padding-bottom:10px;border-bottom:1px solid #f1f1f1;margin-bottom:20px;}
	
	#content div.article div.content a, #content div.article p.options a { text-decoration:underline; }
	#content div.article div.content a:hover, #content div.article p.options a:hover { text-decoration:none; }

	#content div.article div.content {padding:0 4px; position:relative; }
	#content div.article div.content p, #content div.article div.content li {margin-bottom:15px; font-size: 1.2em; line-height: 1.8em;}
	
	#content div.article div.content div.text-left {float:left;}
	#content div.article div.content div.text-left h3 { font-size:1.4em; font-family:verdana; font-weight:bold; color:#393939; }
	#content div.article div.content div.text-left p { width:300px; }
	#content div.article div.content div.text-right { float:right; width:287px; margin-right:17px; }
	#content div.article div.content blockquote { width:250px; height:auto; font-size:1.8em; font-family:georgia; font-style:italic; background:#F8F8F8; line-height:26px; padding: 14px 12px 18px 12px; }
	#content div.article div.content div.code { clear:both; background:#393939;}
	
	.literal-block { clear:both; background:#393939; color: #FFF; margin-bottom: 18px; }
	
	.literal-block { font-family:"Bitstream Vera Sans Mono","Lucida Console",Consolas,"Courier New",mono; font-size:1.2em; color:#fff; line-height:14px; overflow:scroll; padding:12px; }
	
	
	tt .pre { font-size: 1.2em; font-weight: bold; }
	
	li a
	{
		/* have to force the pix size here because of the nesting of the ul and li it causes some links to be bigger than others using em */
	   font-size: 12px;	
	}
	
	#content div.article div.content div.code pre p
	{
		color: #FFF;
	}
	
	p code
	{
		font-size: 1.2em;
		font-weight: bold;
	}
	#content div.article ul
	{
		margin: 0 0 10px 0;
	}
	
	#content div.article ul li
	{
		list-style: disc;
		margin: 0 0 10px 20px;
	}
	
	
	#content div.article ul li ul li
	{
		list-style: square;
		font-size: 10px;
	}

	
	div.code { margin-bottom: 18px; }

	#content div.article div.content div.code pre { font-family:"Bitstream Vera Sans Mono","Lucida Console",Consolas,"Courier New",mono; font-size:1.2em; color:#fff; line-height:14px; overflow:scroll; padding:12px; }
	#content div.article div.content div.code span { background:#f1f1f1; display:block; height:29px; color:#888888; line-height:29px; vertical-align:middle; padding-left:8px;}
	#content div.article div.content blockquote.right { float:right;  }
	#content div.article div.content blockquote.left { float:left;  }
	#content div.article div.title p {margin-bottom:0;padding:0 5px;}	
	#content div.article div.addthis {margin-top:-15px;}
	div.addthis {clear:both;height:16px;margin-bottom:10px;}
	div.addthis a {float:right;padding-right:5px;}
	
	
	#content div.article p.options {position:relative;background:#f8f8f8;height:20px;line-height:1.81em;padding:5px 5px;margin-bottom:16px;}
	#content div.article p.options span.l {position:absolute;top:0;left:-7px;width:7px;height:100%;background:#f8f8f8;}
	#content div.article p.options span.r {position:absolute;top:0;right:-7px;width:7px;height:100%;background:#f8f8f8;}
	#content div.article p.options a.more {float:left;}	
	#content div.article p.options span.join {float:right;}
	#content div.article p.options a {font-weight:bold;}
	
	#content div.article div.aboutauthor {border-top:1px solid #F1F1F1;padding:10px 4px 20px 4px;margin-top:40px;clear:both;}
	
	div.spaced_72 {padding-left:72px;}

	#content {}
	
	/* Comments */
	
	#content div.comments {background:#fff;padding:20px 20px 26px 20px;margin-bottom:25px;}
	#content div.comments h2 {margin-bottom:10px;}
	#content div.comments h2 em {font-size:0.7em;font-weight:normal;}
	
	#content div.comments ul.comments li {padding:10px 12px 18px 12px; border-bottom: solid 1px #eaece8;}
	#content div.comments ul.comments li.last {border-bottom: none;}
	#content div.comments ul.comments li img.right {margin-top:10px;}
	#content div.comments ul.comments li.odd {background:#f8faf6;border-top:1px solid #eaece8;border-bottom:1px solid #eaece8;}
	
	#content div.comments ul.comments li p {line-height:1.63em;}
	
	/* Leave a Comment */
	#content #leave-a-comment {padding-left:20px;}

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

	#sidebar {padding-top:4px;}
	
	/* General Elements */
	#sidebar p.author {font-size:1.4em;line-height:1.28em;font-weight:bold;margin-bottom:5px;}
	#sidebar p.comment {line-height:1.36em;}
	#sidebar p.comment a {color:#393939;text-decoration:underline;}
	#sidebar p.comment a:hover {text-decoration:none;}
	#sidebar p.date {font-style:italic;}
	#sidebar p.question {font-size:1.4em;line-height:1.28em;margin:10px 0;}
	a.archive {margin:5px 0 10px 0;font-size:1.2em;display:block;color:#393939;font-weight:bold;}
	
	/* Lists */
	#sidebar ul.comments {margin-top:20px;margin-bottom:-10px;}
	#sidebar ul.comments li {padding:12px 14px 20px 14px;margin:0 0 10px 0;background:#e0e0e0 url(../images/bg_comments.gif) bottom left no-repeat;}	
	
	/* Box */
	#sidebar .box {background-color:#eee;margin-bottom:20px;padding:12px 15px 12px 15px;width:270px;}
	#sidebar .box dt a { color:#393939; }
	/* Subscribe */
	#sidebar #subscribe {background-image:url(../images/bg_subscribe.gif);background-repeat:no-repeat;border-bottom:1px solid #eee;}
	ul.subscribe {height:30px;margin:10px 0 7px 0;}
	ul.subscribe li {float:left;margin-right:18px;}
	ul.subscribe li.s-ema {margin-right:0;}
	ul.subscribe li a {position:relative;float:left;font-size:14px;line-height:30px;height:30px;font-weight:bold;text-align:right;color:#767676;}
	ul.subscribe li a span {cursor:pointer;position:absolute;top:0;left:0;width:100%;height:30px;background-repeat:no-repeat;}
	ul.subscribe li.s-itu a {width:86px;}
	ul.subscribe li.s-rss a {width:65px;}
	ul.subscribe li.s-ema a {width:82px;}
	
	ul.subscribe li.s-itu a span {background-image:url(../images/itunes.gif);}
	ul.subscribe li.s-rss a span {background-image:url(../images/rss.gif);}
	ul.subscribe li.s-ema a span {background-image:url(../images/email.gif);}
	
	/* Recent Comments */
	
	#sidebar #recentcomments {padding-right:0;padding-left:0;width:300px;}
	#sidebar #recentcomments h2 {margin-left:12px;margin-right:12px;}
	
	/* Follow on Twitter */
	#sidebar #follow-twitter h2 a,
	#sidebar #submit-links h2 a {color:#393939;}
	#sidebar #follow-twitter .content {width:206px;margin-top:10px;padding-left:64px;background:url(../images/follow-twitter.gif) left center no-repeat;}
	#twiderrific {width:103px;height:15px;margin-bottom:5px;}
	#twiderrific span {cursor:pointer;background-image:url(../images/ir/twiderrific_lower.gif);}
	
	/* Submit Links */
	#sidebar #submit-links .content {width:206px;margin-top:8px;padding:2px 0 2px 64px;min-height:45px;background:url(../images/submitlinks.gif) left center no-repeat;}
	#sidebar #submit-links .content p {line-height:1.63em;}
	
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	

	#footer {width:928px;overflow:hidden;padding:25px 16px 20px 16px;background:url(../images/bg_box.gif) top repeat-x #fff;}
	#footer .grid_3 {width:140px;}	
	#footer img.left {margin-top:7px;}
		


/* 2.5 Helper
-----------------------------------------------------------------------------------------------*/	

.debug { border: solid 1px red; }

/* 2.6 Changes */

.new
{
  padding: 2px;
  background-color: yellow;
  margin-right: 3px;
  font-size: 10px;
}

.box h2
{

}

.box ol li h3
{
	line-height: 16px;
}


ol.list li
{
border-bottom: solid 1px #f5f5f5;
padding-bottom: 12px;	
}

.box ol li.last
{
  border: none;
}

.links-footer li
{
list-style: disc;
padding-bottom: 6px;
margin-left: 14px;
}

h4.quick-links, h4.rss-feeds
{
margin-bottom: 6px;  
}

.new_background
{
	background-color: #ccc;
	padding: 10px;
}

h4
{
	margin-bottom: 0;
}

.feeds
{
	margin-top: 20px;
}

.feeds ul
{
	margin-top: 0;
}

.feeds ul li
{
	line-height: 18px;
}

.bio
{
	padding-bottom: 12px;
	margin-bottom: 22px;
	border-bottom: solid 1px #F1F1F1;
}

.bio-last
{
	border-bottom: none;
}


img.mugshot
{
	border: solid 1px #f7f7f7;
    padding: 3px;
    background: #F1F1F1;
}

.section p
{
  margin-top: 0;
  padding: 0;
}
 
ul.simple
{
  margin: 0;
  padding: 0;
}

div.section ol
{
  margin-top: -20px;
}


.arabic
{
  margin-top: -20px;
  padding-top: 0;
}


.section h1
{
  padding-top: 12px;
}

.section h2
{
  padding-top: 12px;
  line-height: 0;
}

.section p, #content p
{
  padding-bottom: 6px;
}
.section h1
{
  font-size: 2.1em;
}

#content ol.arabic
{
  margin-top: 0;
}

/* pagination */
.pagination {
    margin: 10px 0;
}
.pagination .disabled {
    padding: 3px;
    color: #999;
    border: 1px solid #6f8b69;
}
.pagination .current {
    padding: 3px;
    color: #FFF;
    border: 1px solid #def9d6;
    background: #6f8b69;
}
.pagination a {
    padding: 3px;
    text-decoration: none;
    border: 1px solid #6f8b69;
    color: #444;
    background: #def9d6;
}