/* detected browser: CCBot/1.0 (+http://www.commoncrawl.org/bot.html) */


BODY {
	background: white;
	font-size: 12px;
	color: #3366AA;
	font-family: Arial,Helvettica,sans-serif;
}

/*	postioned at the top left
	logo for the blog
*/

.blogheader {
	position: absolute;
	border: none;
	margin: 0px;
	z-index: 4;
	top: 20px;
	left: 20px;

}

.blogdescr {
	position: absolute;
	border: none;
	z-index: 2;
	top: 25px;
	left: 25px;
	width: 400px;
	visibilty: hide;
	color: white;
	font-size: 0.2px;
}
/*	postioned at the top right
	loop graphic
*/
.blogsideloop{
	position: absolute;
	border: none;
	margin: 0px;
	z-index: 8;
	left: 560px;
	top: 20px;

}


/* menubar positioned on left
*/
.leftbar {
	position: absolute;
	z-index: 16;
	top: 217px;
	left: 20px;
	
}

/* each sidebox element is contained in leftbar
*/

.sidebox {
	/* this value depends on the browser */
			width: 122px;
		
	/* test */
	word-wrap: break-word;

	color: #335588;
	background: #E2E8F4;
	border-width: 1px;
	border-style: solid;
	border-color: #90A4C0;
	
			padding-top: 6px;
		padding-bottom: 8px;
		
	padding-left: 12px;
	padding-right: 10px;
	
	margin-top: 6;
	margin-bottom: 6;
}

/* description of blog
*/
.blognote {
	font-size: 11px;
}

/* blog links
*/
.links	{
	font-size:11px;
}


/* icon link back to blogger
*/

.icon {
	text-align: center;
	margin-top: 18px;
}



/* layer to hold all the blog entries
*/
.mainblog{
	position: absolute;
	z-index: 24;
	top: 217px;
	left: 172px;
	width: 388px;

}

/* layer contains right menu
*/

.rightmenu {
	position: absolute;
	z-index: 20;
	top: 325px;
	left: 610px;
}


A:link {
	color: #335588;
	}
A:visited { color: #3366AA;
	}
A:hover { text-decoration:none;
	}


/* date title for each day
*/
.date{
	font-size:14px;
	font-weight:bold;
	margin-top:6px;
	margin-bottom:6px;

	color: #335588;

	background: #E2E8F4;
	border-width: 1px;
	border-style: solid;
	border-color: #90A4C0;

	padding-bottom: 9px;
	padding-left: 12px;
	padding-right: 12px;
	
	padding-top: 8px;
	
}

/* style for each post to the blog
*/
.posts	{

	background: #F2F6FC;
	border-color: #CCD4E4;
	
	border-width: 1px;
	border-style: solid;

	padding-left: 12px;
	padding-right: 12px;
	/* reduced from 12px to accomodate the byline padding */
	padding-bottom: 7px;
	
			padding-top: 11px;";
		
	margin-bottom: 6;
	
	font-size: 12px;
	color: #223A70;
	
		
	/* test */
	word-wrap: break-word;
}


/* post titles
*/
.posts h1, h3 {
	margin-top: 6px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
}

/* post paragraphs
*/
.posts p {
	margin-top: 2px;
	margin-bottom: 9px;
}
.posts code{
	font-size: 11px;
	letter-spacing: -1px;
	font-family: monospace;
	color: #2255AA; 
}
.posts .quote{
	color: #667799;
	margin-left: 20px;
}
/* post info. Author, date etc
*/
.byline {
	color: #335588;
	font-size:11px;
	background: #E2E8F4;
	margin-top:12px;
	margin-bottom:5px;
	padding:5px;
}

.bylineitem, .firstbylineitem{
	border-right-style:solid;
	border-right-width:7px;
	padding-left:6px;
	padding-right:6px;

	border-right-color:#C2CCDF;
}

.firstbylineitem{
	border-left-style:solid;
	border-left-width:7px;

	border-left-color:#C2CCDF;
	
}

/*
.comment .byline{
}
*/

.comment .bylineitem{
	border-right-color:#D0D8ED;
}
.comment .firstbylineitem{
	border-right-color:#D0D8ED;
	border-left-color:#D0D8ED;
}

/* visitor comments
*/

.commenttitle{
	padding:6px;
	padding-left:9px;
	color: #335588;
	font-weight:bold;
	text-align:center;
	
	background:#E2E8F4;

	border-color: #D9E0F0;
	border-left-style:solid;
	border-right-style:solid;
	border-left-width:100px;
	border-right-width:100px;
	
	margin-bottom:8px;
}

.allcomments{
	margin-top:15px;
}

.comment {
	margin-bottom: 9px;
	padding: 9px;
	padding-bottom: 3px;

	background: #EBF1FA;
	border:1px;
	border-style:solid;
	border-color:#DDE4F0;
	
	color: #445599;
}
form.comments {
	margin-bottom: 9px;
	padding: 9px;
	padding-bottom: 3px;
	margin-top: 3px;
	
	background: #EBF1FA;
	border:1px;
	border-style:solid;
	border-color:#D0E0F0;
	
	color: #445599;
	padding-bottom:8px;
}
form .label{
	margin-top:2px;
	margin-bottom:2px;
	font-size:11px;
}
/*Form elements for comments
*/

input{
	color: #335588;
	border-color: #E2E8F4;
	margin-bottom: 3px;
	margin-top: 3px;
	vertical-align: middle;
}
input.button{
	background:#E2E8F4;
	margin-right:12px;
}
textarea {
	margin-top:5px;
	margin-bottom:3px;
	
	color: #335588;
	border-color: #E2E8F4;
	scrollbar-face-color: #F2F8FF;
	scrollbar-arrow-color: #577593;
	scrollbar-track-color: #E2E8F4;
	scrollbar-shadow-color: #577593;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #E3EFFF;
	scrollbar-darkshadow-color: #577593;

}

/* nav bar from peterjoel site
*/
.nav {
	text-align: center;
}