/*********** Layout **********/

body 
{
	background-image: url(images/bg_pg_blue.png);
	background-color: #555577;
	margin: 3px 17px;
	padding: 0px;
	font-size: 82%;
	min-width: 800px;
}

#container
{
	margin: 0 auto;
	background-image: url(images/mr.png);
	background-repeat: repeat-y;
	background-position: right top;
	width: 100%;
	max-width: 1280px;	
}

#page 
{
	width: 100%;
	background-image: url(images/ml.png);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin: 0 auto;
	height: 100%;
}


#header 
{
	height: 120px;
	margin: 0 15px;
	background-color: #004b6b;	
	border-left: solid 1px #000;
	border-right: solid 1px #000;		
	background-image: url(images/header_middle_image_bk_07.jpg);
	background-repeat: no-repeat;
	background-position: right 23px;
}

#header img
{
	border: none;
}

#header_top
{
	font-size: 0.80em;
	padding-top: 5px;
	padding-left: 7px;
	color: #c4ccef;
	/*color: #83a9e9;*/
	text-decoration: none;	
	font-weight: 200;
	height: 17px;
	border-top: solid 1px #000;
	background-color: #227;	
	background-image: url(images/header_top_bk.png);
	background-position: left 4px;	
}

#header_top_datetime
{
	float: left;
	font-size: 11px;
	padding-top: 1px;
	width: 400px;
}

#header_top_options
{
	float: right;	
	font-size: 11px;
	padding-right: 8px;
	text-align: right;	
	margin-top: -4px;
	width: 300px;
	white-space: nowrap;	
}

#header_top_options a 
{
	display: inline-block;	
	color: #416683;
	overflow: visible;	
	text-decoration: underline;		
}


#header_middle
{
	height: 100%;
	padding: 17px 0 0 10px;
}

#header_middle a { color: White; text-decoration: none; border-bottom: none; }

#header h1, #header h2
{
	font-family: "trebuchet MS", "Century Gothic", Arial, sans-serif, serif;
	font-size: 2.1em;
	margin: 0px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#header h2 { font-size: 1.2em; padding-top: 5px; font-weight: normal; font-family: Arial, sans-serif, serif}

#sitenav 
{
	margin: 0 15px;
	/* 01 background-color: #6b7886;*/
	/* 02 background-color: #17294a;*/
	/* 03 background-color: #77645e; */
	background-color: #17294a;
	height: 23px;
	border-top: solid 1px #234566;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	/*background-image: url(images/sitenav_bk_left_04.png);*/
	background-repeat: no-repeat;
}

#sitenav ul 
{
	float: right;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	/*background-image: url(images/sitenav_bk_right.png);*/
}

#sitenav ul li 
{
	display: block;
	float: left;
	text-align: center;
}

#home, #tech, #other, #photos, #aboutme
{
	display: block;
	white-space: nowrap;
	font-size: 0.9em;
	text-align: center;
	color: #c4ccef;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: 200;
	height: 19px;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: solid 1px  #35546c;
	border-bottom: none;
}

#home:hover, #tech:hover, #other:hover, #photos:hover, #aboutme:hover
{
	color: #FFF;
	background-color: #000;
}

div.google-ads
{
	padding: 5px;
	margin: 10px 10px 0px 10px;
	border: solid 1px #CCC;
	background-color: #E6E6E6;
}


div.main_left, div.main_right
{
	position: relative;	
	margin: 0 15px;
	background-color: #FFF;		
	height:100% !important;
	border: solid 1px #000;		
}


div.main_left #panel_a { margin-left: -100%; border-right: 1px dotted #BBB; }
div.main_right #panel_a { margin-left: -191px; border-left: 1px dotted #BBB; }
div.main_right #panel_a, div.main_left #panel_a 
{
	font-size: 0.88em;
	float: left; 	
	width: 190px; 
	padding: 0 0 10px 0;	
	border-bottom: dotted 1px #CCC;
	background-image: url(images/small_strap.png);
	background-repeat: repeat-x;	
}

div.main_right #panel_a h2, div.main_left #panel_a h2
{
	font-weight: bold;
	margin: 0 5px 10px 5px;
	padding: 21px 0  3px 0;
	color: #2a3e63; 
	font-size: 1.1em; 
	border-bottom: dotted 1px #CCC;
}


div.main_right #panel_a ul, div.main_left #panel_a ul
{
	margin: 0; 
	padding: 0;
	list-style-type: none;
}

div.main_right #panel_a ul li, div.main_left #panel_a ul li
{	
	padding: 3px 0 3px 11px;
	background-image: url(images/list_bullet.png);
	background-repeat: no-repeat;
	background-position: left 6px;
}


div.main_right #panel_a table, div.main_left #panel_a table
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

div.main_left #panel_b_wrapper, div.main_right #panel_b_wrapper
{
	float: left; 	
	width: 100%;	
}

div.main_left #panel_b { margin-left: 190px; background-image: url(images/large_strap_right.png); background-position: right top; background-repeat: no-repeat;	}
div.main_right #panel_b { margin-right: 190px; background-image: url(images/large_strap_left.png); background-position: left top; }

div.main_left #panel_b, div.main_right #panel_b 
{
	font-size: 1.05em;
	height: 100%;
	padding: 25px 40px 10px 15px;
	line-height: 1.5em;	
	background-color: #FFF;	
	background-repeat: no-repeat;
}

#footer 
{
	padding: 10px 10px 25px 10px;
	overflow: hidden;
	color: #c4ccef;
	background-color: #000;
	text-align: left;	
	margin: 0 15px;	
}

#footer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;	
	
}
#footer ul li
{
	display: block;
	float: left;
	text-align: left;
	width: 29%;	
	margin: 0 15px 0 15px;
	padding-top: 5px;
	border-top: dotted 1px #336;	
}

#footer a { color: #DDD; text-decoration: underline; border-bottom: none;}
#footer a:hover { color: #944; text-decoration: underline; border-bottom: none; }

/*********** Shadow **********/
#top 
{
	background-image: url(images/tc.png);
	background-repeat: repeat-x;
	height: 15px;
}

.tr
{
	float: right;
	width: 15px;
	height: 15px;	
	background-color: transparent;
	background-image: url(images/tr.png);
	background-repeat: repeat;
	background-position: right top;	
}

.tl 
{
	float: left;
	width: 15px;
	height: 15px;	
	background-color: transparent;
	background-image: url(images/tl.png);
	background-position: left top;
}

#bottom 
{
	width: 100%;
	height: 15px;
	background-image: url(images/bc.png);	
	background-repeat: repeat-x;	
}

.bl 
{
	float: left;
	height: 15px;
	width: 15px;
	background-image: url(images/bl.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.br 
{
	float: right;
	height: 15px;
	width: 15px;
	background-image: url(images/br.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}


/*********** Elements **********/

p { margin: 0 0 10px 0; padding: 0}
a { color: #226; text-decoration: none; border-bottom: dotted 1px #3558a0 }
a:visited { color: #226; text-decoration: none; border-bottom: dotted 1px #3558a0 }
a:hover { color: #c93f3f; text-decoration: none; border-bottom: solid 1px #c93f3f; }


.clear { clear: both; height: 0em; font-size: 0em; line-height: 0; margin: 0; padding: 0; visibility: hidden; }


blockquote {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #416683;
	margin-left: 40px;
	margin-right: 40px;
	font-style: italic;
	background-color: #EEE;
	padding: 10px;
	text-align: justify;
	color: #416683;
}


/*********** dasBlog **********/

#searchString { width: 160px; }

.bookmarks { margin-top: 10px; }
.bookmarks a { border: none;}

.post-paging { width: 90%; font-size: 1.2em; height: 1.5em; padding-bottom: 15px; font-family: Arial; font-weight: bold}
.previous-posts { float: left; }
.next-posts { float: right; }
.post-paging a { border: none; }

.dayHeader { color: #b5b5b5; margin-bottom:1px; border-bottom:1px dotted #CCC; font-size:0.85em; font-weight:bold;	}

/*turn the border off for the GUID anchor a  - which IE shows a space for*/
.items a { border: none; }

.itemTitle  { font-size:1.3em; font-weight: bold; color: #333; }
.itemTitle a { color: #445a80; text-decoration:none; border: none; }
.itemTitle a:hover { color:#999; text-decoration:none; }

.itemPostedon { margin-bottom:15px; font-size:0.8em; color: #a90000; }

/*now turn the a element borders back on*/
.itemContents a { border-bottom: dotted 1px #3558a0; }
.itemContents a:visited { color: #226; text-decoration: none; border-bottom: dotted 1px #3558a0 }
.itemContents a:hover { color: #c93f3f; text-decoration: none; border-bottom: solid 1px #c93f3f; }


.itemBody ul, .itemBody ol { margin: 0.5em 0.5em 0.5em 1.2em; }
.itemBody img { margin: 10px; }

.itemFooter {	clear: both; white-space: nowrap; text-align: left; padding: 0 0 5px 0; margin-bottom: 24px;}
.itemFooter a { border: none; }
.itemFooter img { vertical-align: text-bottom; }


.commentBoxStyle 
{
	position: relative;
	padding: 5px 10px 15px 10px;
	margin-bottom: 25px;
	margin-right: 30px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color: #333;
	/*background-color: #fcfcfc;*/
	font-weight: normal;
	text-decoration: none;
}
.commentDateStyle 
{
	width: 100%;
	margin-bottom: 4px;
	padding-bottom: 3px;
	font-size: 0.9em;
	text-align: left;
	font-weight: bold;
}

.commentBodyStyle
{
	 padding-left: 4em;
}

.commentBoxFooterStyle 
{
	margin-top: 19px;
	padding-top: 3px;		
}

.commentGravatarBlock
{
	display: block;
	position: absolute;
	top: 2.5em;
	left: 0.7em;
}



/*Comment Entry form*/
.commentViewBoxStyle
{
	padding: 15px 20px 15px 20px;
	margin-bottom: 25px;
	margin-right: 30px;
	border: solid 1px #DDD;
}

.pageTopic 
{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CC3300;
	color: #cc3300;
	font-weight: bold;
	font-size: large;
}

.statsTableColumnStyle 
{
	border: solid 1px gray;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.statsTableDateColumnStyle 
{
	border: solid 1px gray;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 25%;
	text-align: left;
}
.statsTableFooterColumnStyle 
{
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-top: solid 2px #ddd;
	padding: 3px;
	font-weight: bold;
}
.statsTableFooterNumColumnStyle 
{
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-top: solid 2px #ddd;
	padding: 3px;
	width: 15%;
	font-weight: bold;
	text-align: right;
}
.statsTableHeaderColumnStyle 
{
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 2px #ddd;
	border-top: solid 1px #ddd;
	padding: 3px;
	font-weight: bold;
}
.statsTableNumColumnStyle 
{
	border: solid 1px gray;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 15%;
	text-align: right;
}
.statsTableStyle 
{
	margin-bottom: 15px;
	padding: 15px;
	background-color: #FCFCFC;
	border: 1px solid #ddd;
	width: 100%;
	background: White;
	border-collapse: collapse;
}

.configControlStyle {}
.configLabelColumnStyle 
{
	vertical-align: top;
}
.configLabelStyle 
{
	margin-right: 10px;
	font-size: 10px;
}
.configSectionStyle 
{
	margin-bottom: 15px;
	padding: 15px;
	background-color: #fcfcfc;
	border: 1px solid #ddd;
	vertical-align: middle;
}
.configSectionTitleStyle 
{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CC3300;
	color: #cc3300;
	font-weight: bold;
	font-size: medium;
}

.adminNavbarStyle 
{
	padding-top: 0px; 
	padding-bottom: 5px;
}
.adminNavbarStyle ul 
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	text-align: center;
}
.adminNavbarStyle ul li 
{
	padding-right:8px;
	padding-left:8px;
	border-left:1px solid #999999;
	display: inline;
	list-style-type:none;
	font-size:10px;
}
.adminNavbarStyle ul li.first, .adminNavbarStyle ul li.firstHere 
{
	border-left: none;
}

.categoryListContainerStyle, .searchContainerStyle, .archiveLinksContainerStyle, .blogStats, .signInContainerStyle
{
	margin: 0 10px 0 10px;
}

.titleListContainerStyle { margin: 0 10px 0 5px;}

.blogStats { margin-top: 15px; }

.categoryListXmlLinkStyle { border: none; }
.categoryListXmlLinkStyle:hover { border: none; }

.categoryListTableStyle td, .archiveLinksTableStyle td
{
	padding: 3px 0;
}

.titleListStyle td
{
	padding: 3px 0 3px 11px;
	background-image: url(images/list_bullet.png);
	background-repeat: no-repeat;
	background-position: left 6px;
}