/*--------------------------------------------------------------
clean.css
version 1.5.3 // 11 May 12
Added footnote styles

version 1.5 // 3 Mar 07
Initial

Issues:
+ Entry Archives: Date and title not on same line (IE)
--------------------------------------------------------------*/

/* Remove all varnish ----------------------------------------*/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
body,html,p,blockquote,fieldset,dl,dt,dd
{ margin:0; padding:0; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight: normal;}

ul,ol { list-style:none; }

img, a img,:link img,:visited img { border:none; }

/* @group Layout */

body	{
	font-family: Segoe, Corbel, "Lucida Grande","Trebuchet MS", Verdana, sans-serif;
	font-size: 62.5%;
	color: #424242;
	background: #fff;
	text-align: center;
	}

#wrap	{
	width: 700px;
	margin: 20px auto;
	text-align: left;
	}

#header	{
	margin-bottom: 1.82em;
	height: 100px;
	background: url(img/header2blank.jpg) no-repeat;
	border: 1px solid #424242;
	}
	
#content	{
	float: left;
	width: 69%;						/* 69% x 700 = 483px */
	}
	
#content .inner	{
	margin: 0 20px 2.6em 10px;		/* 483 - 30 = 453px  */
	}
	
#sidebar	{
	float: right;
	width: 29%;						/* 29% x 700 = 203px */
	}
	
#footer		{
	clear: both;
	}
	
/* @end */

/* @group Text */

#content	{ 
	font-size: 1.4em;				/* 1.4 x 10 = 14px */
	line-height: 1.3; 				/* 1.3 x 14 = 18.2px (1.82em) */
	}
	
a, a:link { 
	text-decoration: none; 
	color: #003366;
	font-weight: bold;
	}

a:visited {color: #6685A3; }

a:hover { text-decoration: underline; }

h1	{	
	font-size: 2.5em;				
	height: 65px;
	width:  350px;
	text-indent: -9000px;
	background: url(img/logo2.jpg) no-repeat;
	}
	
h1 a:link,
h1 a:visited	{
	display: block;
	height: 65px;
	background: url(img/logo2.jpg) no-repeat;
	outline: none; 
	}
	
h2	{
	font-size: 1.428em;				/* 1.428 x 14 = 20 */
	color: #097054;
	font-family: Constantia, Georgia, serif;
	font-weight: normal;
	}
	
#about h2	{
	margin-bottom: 0.91em;			/* 0.91 x 20 = 18.2 */
	}

h2 a:link,
h2 a:visited	{
	color: #097054;
	font-weight: normal;
	}

h3	{
	font-size: 1.14em;				/* 1.14 x 14 = 16px */
	line-height: 1.1375em;			/* 18.2 / 16 = 1.1375 */
	margin-top: 1.706em;			/* 1.5 x 1.1375 (LH) */
	margin-bottom: 0.569em;			/* 0.5 x 1.1375 (LH) */
	font-weight: bold;
	}

#search h3,	
#archives h3	{
	margin-top: 1.1375em;
	margin-bottom: 0;
	}
	
#about h3	{
	margin-top: 1.1375em;
	margin-bottom: 0.569em;
	}

#content h4	{
	font-size: 1.07em;				/* 1.07 x 14 = 15px */
	line-height: 1.213em;			/* 18.2 / 15 = 1.213 */
	margin-top: 1.82em;				/* 1.5 x 1.213 (LH) */
	margin-bottom: 0.606em;			/* 0.5 x 1.213 (LH) */
	font-style: italic;
	}
	
#comments h4	{
	margin: 1.3em 0;
	font-style: normal;
	color:  #097054;
	border-bottom: 1px dotted #424242;
	}	
	
#content p.date	{
	margin-top: 0.325em;			/* .25 x 1.82 (LH) */
	margin-bottom: 1.3em;			
	font-family: Constantia, Georgia, serif;
	font-size: 1.0em;			
	font-weight: normal;
	font-variant: small-caps;
	color:  #333;
	}
	
#content p.date span	{
	font-family: Segoe, Corbel, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 0.857em;
	font-variant: normal;
	}
	
#archives p.date	{
	margin-bottom: 1.0em;
/*	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-variant: normal; */
	}
	
#content p	{
	margin: 0 0 1.3em 0;
	}
	
span.sc	{
	font-variant: small-caps;
	}
	
#content p.meta	{
	margin-bottom: 3.033em;			/* 3.033 x 12px = 36.4 */
	font-size: 0.857em;				/* 0.857 x 14 = 12 	   */
	}
	
blockquote	{
	margin: 1.3em;
	/* padding-left: 10px;
	border-left: 1px solid #999; */
	color: #777;
	}
	
blockquote p	{
	font-style: italic;
	}
	
#content ul	{
	margin: 1.3em;
	}
	
#content ul li	{
	background: url(img/liarrow3.gif) no-repeat 0 4px;
	padding-left: 18px;
	}
	
#content ul ul	{
	margin: 0.3em 1.2em;
	}
	
#content ul ul li {
	background: url(img/bullet3.gif) no-repeat 0 5px;
	}
	
#content ol	{
	margin: 1.3em 2.6em;
	list-style: decimal;
	}
	
pre, code	{
	font-family: Monaco, "Courier New", Courier, monospace;
	color: #3060A8;
	}
		
#content pre	{
	margin: 1.3em 0em;
	padding: 10px;
	background: #E6EBF0;		
	border: 1px solid #A9A9A9;
	}
	
#footer		{			
	padding: 5px 10px;		
	font-size: 1.2em;		
	background: #43567D url(img/h4bg.gif) repeat-x;
	color: #E9F0F9;		
	border: 1px solid #424242;
	}

#footer a	{
	color: #B3C2D1;
	} 
	
	/* ----- footnotes -----*/

	a.footnote	{
		border-bottom: none;
		font-size: 75%;
	    line-height: 0;
	    position: relative;
	    vertical-align: baseline;
	    top: -0.5em;
		}

	a.reversefootnote	{text-decoration: none;}

/*	.footnotes	{
		font-size: 0.8750em;
		line-height: 24px;
		}
*/
	.footnotes hr	{
		border-top: 1px solid #073642;
		margin-right: 300px;
		margin-top: 24px;
		margin-bottom: 24px;
		padding: 0;
		}

	.footnotes ol {
		padding: 0;
		margin-bottom: 1.714285714em;
		/*margin-left: 1.714285714em;*/
		}

/* @end */

/* @group Nav */

ul#nav	{
	font-size: 1.166em;				/* 1.166 x 12px = 14px */
	margin: 0 0 1.114em 0
	}
	
ul#nav li 	{
	margin: 0 0 0.25em 0;
	}
	
ul#nav li a	{
	display: block;
	width: 200px;
	height:  20px;
	line-height: 20px;
	background:  url(img/nav4.gif) no-repeat left 50%;
	text-indent: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	}
	
ul#nav li a:visited	{
	color: #003366;
	}
	
ul#nav li a:hover	{
	/*background-position: right 5px;
	text-indent: 22px; */
	text-decoration: underline;
	font-weight: bold;
	}

body#archives #archivetab a,
body#elsewhere #archivetab a,
body#entry #archivetab a,
body#about #abouttab a	{
	background: url(img/nav4.gif) no-repeat right 50%;
	text-indent: 22px;
	font-style: italic;
	}
	
/* @end */

/* @group Sidebar */

#sidebar	{ 
	font-size: 1.2em;				/* 1.2 x 10 = 12 px  */
	line-height: 1.3;				/* 1.3 * 12 = 15.6px */
	}
	
#sidebar p.cite	{
	margin-top: 1.0em;
	font-style: italic;
	}
	
#sidebar h4	{
	font-size: 1.166em;				/* 1.166 x 12 = 14px */
	line-height: 1.114em;			/* 15.6 / 14 = 1.114 */
	margin: 1.114em 0;			 	
	padding: 3px 5px;
	font-weight: bold;
	font-style: normal;
	background: #43567D url(img/h4bg.gif) repeat-x;
	color: #E9F0F9;
	border: 1px solid #424242;
	}

#sidebar h4.other	{
	margin:  1.114em 0;
	padding: 0 0 0 18px;
	border: none;
	background: url(img/liarrow3.gif) no-repeat 0 2px;
	font-style: italic;
	}
	
dl.sideblog dt{
	margin-bottom: 0.25em;
	}
	
dl.sideblog	dd	{
	margin-bottom: 1.5em;
	}
	
dl.sideblog dd p	{
	margin-bottom: 1.0em;
	}
	
dl.sideblog dd blockquote	{
	margin:1.0em;
	}
	
#sidebar form	{
	margin: 1.3em 0;
	}
	
#sidebar form input	{
	margin:  0;
	padding: 0;
	vertical-align: middle;
	}
	
#sidebar form input#search	{
	width: 130px;
	height: 18px;
	background: #E9F0F9;
	border:  1px solid #848484;
	}

ul.list	{
	margin: 1.3em 0;
	}
	
ul.list li	{
	margin: 3px 0;
	padding: 0 0 0 18px;
	background: url(img/liarrow3.gif) no-repeat 0 2px;
	}
	
ul.feeds	{
	margin:  1.3em 0;
	}
	
ul.feeds li	{
	margin: 5px 0;
	padding: 0 0 3px 20px;
	background: url(img/feed.gif) no-repeat;
	}

ul.social	{
	font-size: 14px;
	margin-top: 18px;
	margin-bottom: 18px;
	}

/* @end */

/* @group Comments */

#comments dl	{
	font-size: 0.93em;				/* 0.93 x 14 = 13px */
	}
	
#comments dt {
	padding: 8px 6px;
	border:  1px solid #A9A9A9;
	border-bottom: none;
	background:  #B3C2D1;
	color: #424242;
	}

#comments a.commentnumber	{
	margin-right: 8px;
	padding: 2px 5px;
	border: 1px solid #A9A9A9;
	background:  #FFF;
	font-weight: normal;
	}
	
#comments dt.nbs	{
	background:  #43567D;	
	color: #E9F0F9;
	}
	
#comments dt.nbs a	{
	color:  #CCD6E0;
	}

#comments dt.nbs a.commentnumber	{
	color:  #003366;
	}
	
#comments dd	{
	margin-bottom: 20px;
	padding:  0px 15px;
	border:  1px solid #A9A9A9;
	}

#comments dd p	{
	margin: 1.2em 0;
	}
	
#comments form	{
	padding: 10px 15px;
	background: #B3C2D1;
	border:  1px solid #A9A9A9;
	}
	
#info label	{
	margin-bottom: 0.5em;
	padding-right: 1.0em;
	display: block;
	float: left;
	clear: left;
	width: 4em;
	line-height: 1.5;
	font-weight: bold;
	}
	
#info input	{
	display: block;
	float: left;
	width: 200px;
	margin-top: 2px;
	}
	
#comments textarea	{
	clear: both;
	margin: 0 0 1.0em 0;
	width:  100%;
	}
	
#comments form p	{
	margin-bottom: 1.0em;
	}
	
#comments form p.roe	{
	margin-bottom: 1.5em;
	padding-bottom: 5px;
	font-size: 0.93em;
	font-style: italic;
	color: #4C5868;
	border-bottom:  1px solid #A9A9A9;
	}
	
#comments form p.checkbox	{
	margin: 1.0em 0 0 0;
	}
	
/* @end */

/* @group Archives */

ul#entrylist	{
	margin:  1.3em 0;
	padding:  0;
	}
	
ul#entrylist li	{
	clear: left;
	margin:  1.0em 0 0 0;
	padding: 0;
	background: none;
	}
	
ul#entrylist span	{
	display:  inline;
	float: left;			
	width: 6em;
	text-align: right;
	margin-right: 1.0em;
	}
	
ul#entrylist li a	{
	display: block;
	margin-left: 7em;
	}

#elsewhere dl	{
	margin: 1.3em 0;
	font-size: 0.857em;
	}

#elsewhere dl dt span	{
	display: block;
	float: left;
	width: 6em;
	text-align:right;
	margin-right: 1.0em;
	color:  #333;
	}

#elsewhere dl dt a	{
	display: block;
	margin-left: 7em;
	}

#elsewhere dd	{
	clear: left;
	margin: 1px 0 1.3em 7.0em
	}

/* #archives p.date	{
	margin-bottom: 0.5em;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-variant: normal;
	}
*/
	
/* @end */

/* @group Images */

#content img,
#sidebar img 	{
	margin: 1.3em auto;
	padding: 3px;
	border: 1px solid #A9A9A9;
	display: block;
	text-align: center;
	}
	
img.right	{
	margin:  0 0 5px 10px;
	float: right;
	}
	
img.left	{
	margin:  0 10px 5px 0;
	float:  left;
	}
	
.sbwallet	{
	margin: 2.6em 0;
	}
	
/* .wallet	{
	margin:  1.3em;
	background:  url(img/shadow.gif) no-repeat bottom right;
	float:  left;
	line-height: 0;
	}
	
.wallet img	{
	background: #fff;
	padding:  4px;
	border:  1px solid #A9A9A9;
	position: relative;
	left:  -5px;
	top:  -5px;
	}
*/

/* @end */

/* Color Table -----------------------------------------------

#424242	Grey			Text / Borders
#097054	Green			Entry Titles
#003366	Navy Blue		Links
#6685A3	Slate Blue		Visted Links
#B3C2D1 Light Blue		Comment Author/Form Background
#43567D Dark Blue		My Comment Background
#3060A8	Blue			Code
#E6EBF0	Blue Grey		Code Background 
#A9A9A9	Light Grey		img, pre borders
#43567D More Blue		Sidebar h4, footer background
#E9F0F9	Off White		Sidebar h4, fFooter Text


------------------------------------------------------------*/