body {
font-family: 'Comic Sans MS', 'Arial', sans;
font-size: 62.5%; /* making 1em = 10px :) */
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
color: #0000ec; /*#4e4158*/
background-color: #d3daea;
}

#backgroundify{
position: absolute;
min-height: 100%;
width: 100%;
background: #d3daea url(/picture_library/background.jpg) left bottom no-repeat;
}

*html #backgroundify{
height: auto !important;
height: 100%;
}

body.front #backgroundify{
background: #d1d9f1 url(/picture_library/backfront.jpg) left bottom no-repeat;
min-width: 900px;
}

#container{
padding: 20px;
min-height: 650px;
}

*html #container{
height: auto !important;
height: 670px;
padding: 20px 0px 0px 0px;
}

a{
text-decoration: none;
}

a:link{
color: #004891;
}
a:visited{
color: #004891;
}
a:hover{
color: #0068d0;
}

li{
list-style-type: none;
margin-bottom: 5px;
margin-left: 0px;
background-image: url(/picture_library/list-image.png);
background-repeat: no-repeat;
padding-left: 30px;
padding-top: 0px;
}
*html li{
background-position: 0px 4px;
background-image: url(/picture_library/list-image.gif);
}

a img {
border: 0 none;
}

.alignleft{
float: left;
}
.alignright{
float: right;
}



/* TOP BIT ------------------------------------ */

#repeater{
border: 0px solid black;
position: absolute;
left: 0px;
width: 100%;
height: 200px;
background: url(/picture_library/repeater.jpg) repeat-x;
}
body.front #repeater{
background: none;
}

#logo{
position: absolute;
right: 30px;
}

#portrait{
position: absolute;
top: 10px;
left: 40px;
}

/* CONTENT ------------------------ */
input, textarea{
border: 1px solid #052915;
padding: 3px;
}

textarea{
}

#big_middle{
margin-top: 200px;
clear: both;
}

*html #big_middle{
padding-left: 20px;
}

	#content_front{
	width: 80%; /* 100% causes strange vertical ~10px bar on the right hand side! */
	min-width: 950px;
	float: right;
/* 	position: relative; */
/* 	top: 50%; */
/* 	right: 30px; */
	margin: 0px 30px 0 0;
	z-index: 1000;
	border: 0px solid red;
	}
	
	*html #content_front{
	margin-top: 0px;
	width: expression((this.clientWidth <= 800) ? "800px" : "80%");
	}
		
		#portrait_front{
		position: absolute;
		right: 755px;
		top: 15px;
		}
		
		#home_left{
		float: left;
		border: none;
		}
		
		#home_right{
		float: right;
		margin-top: 30px;
		border: none;
		}
		
	#content{
	font-size: 190%;
	text-align: left;
	background: _url(/picture_library/repeater.png) repeat-y;
	padding: 0px;
	overflow: hidden;
	margin-bottom: 50px;
	}
	*html #content{ padding-right: 300px; }
	
		#content h1{
		font-size: 1.8em;
		}
		#content h2{
		font-size: 1.6em;
		}
		#content h3{
		font-size: 1.3em;
		}
	
	.post{
	padding-top: 2px;
	padding-bottom: 8px;
	}
	
	.post h2, .post h3{
	font-family: 'Arial';
	}
	.post h2 p{
	display: inline;
	font-size: small;
	}
	#post_date{
	display: block;
	text-align: right;
	font-style: italic;
	font-size: 90%;
	}
	.my_postmetadata{
	font-size: 0.8em;
	text-align: right;
	font-style: italic;
	}
	
	.navigation{
	padding: 5px;
	margin-bottom: 10px;
	}
	*html .navigation{
	height: 30px;
	}
	.alignleft, .alignright{
	margin-bottom: 10px;
	}
	#comment{
	width: 50%;
	}
	.more-link{
	display: block;
	}
	
#subnav{
float: right;
width: 300px;
margin-left: 30px;
margin-top: 0px;
margin-bottom: 30px;
background: _url(/picture_library/trans_white_bg.png) repeat;
padding: 5px;
padding-bottom: 0px;
border: 0px solid white;
}


#sidebar{
margin-top: 30px;
font-size: 150%;
border: 0px solid white;
padding: 10px 20px 10px 20px;
text-align: left;
border-top: 1px dashed grey;
border-bottom: 1px dashed grey;
}
	#sidebar a{
	font-size: 1.25em;
	}	
	#sidebar ul{
	margin: 0px;
	padding: 0px;
	}	
	
	#sidebar a:link{
	color: #b31945;
	}
	#sidebar a:visited{
	color: #b31945;
	}
	#sidebar a:hover{
	color: #6c0225;
	}
	
			
	#sidebar li.current_page_parent a:link{
	color: #576b9a;
	}
	#sidebar li.current_page_parent a:visited{
	color: #576b9a;
	}
	#sidebar li.current_page_parent a:hover{
	color: #576b9a;
	}
	
		#sidebar li.current_page_parent ul li a:link{
		color: #b31945;
		}
		#sidebar li.current_page_parent ul li a:visited{
		color: #b31945;
		}
		#sidebar li.current_page_parent ul li a:hover{
		color: #6c0225;
		}
	
	#sidebar li.current_page_item a:link, #sidebar ul li ul li.current_page_item a:link{
	color: #576b9a;
	}
	#sidebar li.current_page_item a:visited, #sidebar ul li ul li.current_page_item a:visited{
	color: #576b9a;
	}
	#sidebar li.current_page_item a:hover, #sidebar ul li ul li.current_page_item a:hover{
	color: #576b9a;
	}
	
		#sidebar li.current_page_item ul li a:link{
		color: #b31945;
		}
		#sidebar li.current_page_item ul li a:visited{
		color: #b31945;
		}
		#sidebar li.current_page_item ul li a:hover{
		color: #6c0225;
		}
	

#subnav #picture_box{
width: 250px;
height: 250px;
margin: 25px;
position: relative;
}
#subnav #picture_box #overlay{
position: absolute;
width: 250px;
height: 250px;
background: url('/picture_library/picture_box.png');
}

#content p, #my_content p, blockquote, ul{
letter-spacing: 120%;
line-height: 160%;
}

.rssinfo{
clear: both;
display: block;
}
.commentinfo{
clear: both;
display: block;
color: #393939;
}


/* FOOTER TYPE STUFF ------------------------------------------- */

.clear_both{
display: none;
clear: both;
}

#webbed{
position: absolute;
bottom: 0;
left: 0;
width: 140px;
height: 20px;
border: 0px solid black;
}

#footer_text{
position: absolute;
bottom: 0%;
right: 0%;
padding: 10px;
font-family: 'Arial', sans; 
font-size: 150%;
}


/* THE END THE END THE END THE END THE END THE END THE END THE END */