/* donovanwidmer.com site styles */

/*nav links*/

 a:link {
	font-family: arial, helvetica, sans-serif; 
	font-size: 9px; 
	line-height: 150%; 
	font-weight: bold; 
	color: #333300; 
	text-decoration: underline;
	letter-spacing: 1px;
	}
	
a:hover {
	font-family: arial, helvetica, sans-serif; 
	font-size: 9px; 
	line-height: 150%; 
	font-weight: bold; 
	color: #336600; 
	text-decoration: none;
	letter-spacing: 1px;
	}
	
a:visited {
	font-family: arial, helvetica, sans-serif; 
	font-size: 9px; 
	line-height: 150%; 
	font-weight: bold; 
	color: #333300; 
	text-decoration: underline;
	letter-spacing: 1px;
	}
	
a:active {
	font-family: arial, helvetica, sans-serif; 
	font-size: 9px; 
	line-height: 150%; 
	font-weight: bold; 
	color: #336600; 
	text-decoration: none;
	}

/*email contact link*/

#emailLink a:link {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #990000;
	line-height: 150%;
	text-align: left;
	text-decoration: underline;
	font-weight: normal;
	margin-left: 20px;
	letter-spacing: 1px;
	}
	
#emailLink a:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	line-height: 150%;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	margin-left: 20px;
	}
	
#emailLink a:visited {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	line-height: 150%;
	text-align: left;
	text-decoration: underline;
	font-weight: normal;
	margin-left: 20px;
	}
	
#emailLink a:active {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #CC0000;
	line-height: 150%;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	margin-left: 20px;
	}
	
/*top nav links*/

#topLink a:link {
	font-family: georgia, serif;
	font-size: 14px;
	color: #FFFFFF; 
	line-height: 120%;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	}
	
#topLink a:hover {
	font-family: georgia, serif;
	font-size: 14px;
	color: #CCCC99; 
	line-height: 120%;
	text-align: left;
	text-decoration: underline;
	font-weight: normal;
	}
	
#topLink a:visited {
	font-family: georgia, serif;
	font-size: 14px;
	color: #FFFFFF; 
	line-height: 120%;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	}
	
#topLink a:active {
	font-family: georgia, serif;
	font-size: 14px;
	color: #FFFFCC; 
	line-height: 120%;
	text-align: left;
	text-decoration: underline;
	font-weight: normal;
	}
	
/*intro links*/

#introLink a:link {
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 150%; 
	color: #CCCC99; 
	text-decoration: underline;
	}
	
#introLink a:hover {
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 150%; 
	color: #669933; 
	text-decoration: none;
	}
	
#introLink a:visited {
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 150%; 
	color: #CCCC99; 
	text-decoration: underline;
	}
	
#introLink a:active {
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 150%; 
	color: #669933; 
	text-decoration: none;
	}	
	
/*End Links*/	
	

p {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	line-height: 150%;
	text-align: left;
	z-index: 10;
	}
	
hr {
	background: #CCCC66;
	width: 50%;
	height: 1px;
	margin: 0px 50px 0px 0px;
	}	
	
.pSlim {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	line-height: 150%;
	text-align: left;
	z-index: 10;
	width: 400px;
	}
	
.bio {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	line-height: 150%;
	text-align: left;
	z-index: 10;
	width: 420px;
	}
	
.donovan {
	font-family: helvetica, arial, sans-serif;	
	font-size: 36px;
	color: #996600;
	line-height: 150%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 5px;
	}
	
.widmer {
	font-family: helvetica, arial, sans-serif;	
	font-size: 36px;
	color: #996600;
	line-height: 150%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 5px;
	}	
	
.header {	
	font-family: georgia, serif;
	font-size: 18px;
	color: #663300;
	line-height: 130%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 2px;
	}
	
.subhead {	
	font-family: georgia, serif;
	font-size: 13px;
	color: #663300;
	line-height: 200%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 2px;
	}	
	
.metals {
	font-family: helvetica, arial, sans-serif; 
	font-size: 16px; 
	line-height: 150%; 
	text-align: right;
	vertical-align: top;
	font-weight: normal; 
	color: #669933;
	z-index: 3;
	}
	
.bold {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	line-height: 150%;
	text-align: left;
	font-weight: bold;	
	}
	
.boldGreen {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333300;
	line-height: 150%;
	text-align: left;
	font-weight: bold;	
	}	
	
.green {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333300;
	line-height: 150%;
	text-align: left;
	font-weight: normal;	
	}		


#homeNavBox {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #330000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	}
	
#homeNavBox2 {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #330000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	background-image: url(images/home-select.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}	

#bioNavBox {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #660000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	}
	
#bioNavBox2 {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #660000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	background-image: url(images/bio-select.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}	
	
#stateNavBox {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #990000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	}	
	
#stateNavBox2 {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #990000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	background-image: url(images/state-select.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}	
	
#cvNavBox {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #CC0000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	}	
	
#cvNavBox2 {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #CC0000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	background-image: url(images/cv-select.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}		
	
#worksNavBox {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #FF0000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	}		
	
#worksNavBox2 {
	margin: 0px 17px 15px 0px;
	width: 150px;
	height: 59px;
	padding: 20px 0px 0px 20px;
	background-color: #FF0000;
	text-align: left;
	float: left!important;
	vertical-align: top;
	background-image: url(images/works-select.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	}			
	
#calipers {
	margin: 0px;
	position: absolute;
	left: 75px;
	top: 140px;
	z-index: 3;
	clear: both;
	}	
	
#devo {
	margin: 0px;
	position: absolute;
	left: 750px;
	top: 250px;
	z-index: 3;
	clear: both;
	}		
	
#content1 {
	margin: 15px 0px 0px 0px;
	padding: 10px 30px 10px 20px;
	width: 552px;
	float: left!important;
	height: 325px;
	background-color: #CCCC99;
	}

#content {
	margin: 15px 0px 0px 0px;
	padding: 10px 30px 10px 20px;
	width: 552px;
	float: left!important;
	height: 470px;
	background-color: #CCCC99;
	overflow: auto;
	}
	
#content_bio {
	margin: 15px 0px 0px 0px;
	padding: 10px 30px 10px 20px;
	width: 552px;
	float: left!important;
	height: 500px;
	background-color: #CCCC99;
	}	
	
#content_works {
	margin: 15px 0px 0px 0px;
	padding: 10px 30px 10px 20px;
	width: 475px;
	float: left!important;
	height: 470px;
	background-color: #CCCC99;
	}	
	
#content2 {
	margin: 15px 0px 0px 552px;
	padding: 10px;
	width: 348px;
	height: 470px;
	text-align: right;
	background-color: #333300;
	background-image: url(images/circles.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 1;
	}	
	
#content2_home {
	margin: 15px 0px 0px 552px;
	padding: 10px;
	width: 348px;
	height: 325px;
	text-align: right;
	background-color: #333300;
	background-image: url(images/circles.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 1;
	}		
	
#content2_bio {
	margin: 15px 0px 0px 552px;
	padding: 10px;
	width: 348px;
	height: 500px;
	text-align: right;
	background-color: #333300;
	background-image: url(images/circles.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 1;
	}		
	
#content2_works {
	margin: 15px 0px 0px 475px;
	padding: 10px;
	width: 425px;
	height: 470px;
	text-align: center;
	background-color: #333300;
	z-index: 1;
	}		
	
#titles {
	margin: 5px 0px 0px 40px;
	width: 402px;
	font-family: arial, helvetica, sans-serif;
	font-style: italic;
	font-size: 11px;
	color: #333300;
	line-height: 150%;
	letter-spacing: 1px;
	text-align: left;
	float: left!important;
	position: absolute;
	top: 210px;
	left: 20px;
	}			
	
#large {
	margin: 20px 0px 0px 40px;
	float: left!important;
	border: 1px solid #000000;
	position: absolute;
	top: 220px;
	left: 20px;
	z-index: 2;
	visibility: hidden;
	}		
	
#thumb {
	margin: 8px 0px 8px 20px;
	float: left!important;
	border: 1pt solid #212901;
	}		
	
#nav {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 950px;
	height: 60px;
	}
	
#footer {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width: 900px;
	height: auto;
	background-image: url(images/square.gif);
	background-repeat: no-repeat;
	background-position: center left;
	z-index: 10;
	}
	
#construction {
	margin: 0px;
	padding: 10px;
	width: 400px;
	float: left!important;
	white-space: nowrap;
	height: 250px;
	background-color: #CCCC99;
	background-image: url(images/construct.jpg);
	background-repeat: no-repeat;
	background-position: top right;	
	}	
	
#seriesNav {
	position: relative;
	top: 0px;
	left: 0px;
	float: right!important;
	text-align: right;
}		

#intro {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
	line-height: 150%;
	text-align: left;
	visibility: visible;
	z-index: 10;
	width: 375px;
	}
	
#name {
	width: 600px;
	}