/* this is my mess of a stylesheet to create a rounded corner box using the concept of background image slices so effectively utilized by WP in the Kubrick theme. Obviously I am mixing typography with layout way too much. */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #838F85;
}
/* begin layout */
/* Begin Structure */
body {
	background: url(rounded_corners/jennie_and_head_background_color_dae7db.jpg); 
	margin: 0;
	padding: 0; 
	}
/* content */
#page {
	background: url(rounded_corners/off_media_bg_no_column_creme.jpg) repeat-y top; border: none;
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	}
#header {
	background: url(rounded_corners/off_media_header_plain3_100.jpg) no-repeat bottom center;
	margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 98px; width: 758px;
	padding: 0;
	margin: 0 auto;
	height: 100px;
	width: 100%;
	/* background-color: #73a0c5; */
	}
/*#headerimg {
	background-image: url(../assets/images/head_and_jennie_760x200_header.jpg) no-repeat top;
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	margin: 0;
	height: 200px;
	width: 100%;
	}*/

#footer {
	background: url(rounded_corners/off_media_footer_creme.jpg) no-repeat bottom; border: none;
	padding: 0 0 0 0px;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}
#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	font-size: .8em;
	} 
/* End Structure */
div.container
{
	
	width:760px;
	margin-right: auto;
	margin-left: auto;
	border:1px solid gray;
	background-color: #FFFFFF;
	padding: 3px;
}
div.header
{
	padding:0;
	margin:0;
	border: none;
}

/* navigation using unordered list*/
#leftNav {
	width:165px;
	margin:3.5em 0 0 1em;
	float:left;
	font: small Verdana, sans-serif;
	padding: 1em;
	clear: left;

}
#leftNav ul {
	margin: 0px;
	padding: 0px;
}
#leftNav li {
	padding: 3px;
	margin-bottom: 4px;
	list-style-type: none;
	border: 1px solid #A0ACA2;
	background-color: #DAE7DD;
	list-style-position: inside;
}
#leftNav a:link, #leftNav a:visited, #leftNav a:hover {
	color: #838F85;
	text-decoration: none;

}
#leftNav a:hover{
	text-decoration: underline;
}
/*end navigation*/



div.left
{
	width:150px;
	margin:0 0 0 1em;
	padding:1em;
}
div.content
{
	padding: 0px;
	margin: 0 0 0 250px;
	width: 460px;
}
/* div.footer
{
	padding:0.5em;
	color:white;
	clear:left;
	text-decoration: none;
	height: 271px;
	width: 708px;
} */
/* end layout */
#footer a:link, #footer a:visited{
	font-size: 12px;
	color: #838F85;
	text-decoration: none;
}
#footer a:hover{
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}

a:link, a:visited, a:hover {
	color: #7994FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

/*formatting html tages*/
h1 {
	padding-top: 40px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	color: #838F85;
}
h2 {
	color: #333333;
}
h3 {
	color: #869588;
	font-size: 125%;
}
h4 {
	text-decoration: underline;
}
h5 {
	font-weight: bolder;
	color: #000000;
	font-size: 110%;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666633;
	text-align: left;
	text-indent: 5px;
	list-style-position: inside;
	list-style-type: square;
}