@charset "utf-8";
/* CSS Document */ 

body#home li#homenav, body#academics li#academicsnav, body#professional li#professionalnav, body#resume li#resumenav, body#testimonial li#testimonialnav, body#inspiration li#inspirationnav, body#contact li#contactnav {text-decoration:none;background: url(../images/heart-dark.jpg) no-repeat;font-weight: 900; color: #302f1e;}

.smallital {font-size: .85em; font-style: italic; margin: 0; padding: 2px 0 8px 5px;}

body#home li#homenav a:hover,body#home li#homenav a:active, body#academics li#academicsnav a:hover, body#professional li#professionalnav a:hover, body#resume li#resumenav a:hover, body#testimonial li#testimonialnav a:hover, body#contact li#inspirationnav a:hover, body#contact li#contactnav a:hover {cursor:pointer; background: none;color: #302f1e;}

.orange {color: #835a29; font-style: italic;}
.normal {font-weight: normal;}
.nobreak{display:none; height:0;}
.clearer{clear:both;}
*{margin:0;padding:0}
p{margin:0 0 .5em 0;padding:5px;position:relative;}/*opera 8 needs the position:relative on the inner content but opera 9 doesn't */
body{text-align:center;background: #A59871; color: #302a12;}

a:link {color: #5e2816; text-decoration:none;  }
a:visited {color:#302a12; text-decoration:underline;}
a:hover, a:active {text-decoration:none;background: #4c3816; color: #FFCC66; }

a.nohover:hover {background: none; outline: none;}

#news {margin: 15px 0 0 5px; width: 380px; height: 185px; padding: 0 0 0 0;}


a.smaller:link, a.smaller:visited {font-size: .90em; text-decoration: none;  border-bottom: dotted 1px #5e2816; }
a.smaller:hover, a.smaller:active {background: #4c3816; color: #FFCC66; font-size: .9em;  border-bottom: dotted 1px transparent; text-decoration: none; }


.testimonial {border-top: #302f1e dotted 1px;  padding: 10px 15px; margin: 0 10px;}
q {font-size: .95em; line-height: 14px; padding-bottom: 10px; display:block;}

#wrapper{
	width:819px;
	margin:0 auto;
	padding:0;
	text-align:left;
    background: url(../images/repeating.jpg) repeat-y;
	z-index:5;
}
#header{

width: 819px;
	height: 215px;
	z-index:10;
	
}
#gradient {position: absolute; top: 0; margin: 0 auto;width: 820px; height: 498px;z-index: 0;  background: url(../images/gradient.jpg) repeat-y;}
#outer{
	position:relative;
	width:819px;	clear:both;
	z-index:4;
}


#nav {float:left;  width: 175px; margin-left: 30px; margin-right: 15px; }
#nav .boxmid ul li {list-style:none; width: 145px;line-height: 1.5em;}
#nav .boxmid ul{margin:0;padding: 0 2px 2px 2px;}
#nav .boxmid a:link {outline: none;width: 149px;text-decoration:none; padding: 2px 0 0  17px; display:block; color: #302f1e;}
#nav .boxmid a:visited {width: 149px;text-decoration:none; padding: 2px 0 0 17px;display:block; color: #302f1e;outline: none; }
#nav .boxmid a:hover{width: 149px;text-decoration:none; padding: 2px 0 0 17px; background: url(../images/heart.jpg) no-repeat;display:block;font-weight:900; color: #5e2816;outline: none;}
#nav .boxmid a:active {width: 149px;text-decoration:none;padding: 2px 0 0 17px;background: url(../images/heart.jpg) no-repeat;display:block; font-weight:900; color:#5e2816;outline: none;}
#nav #homenav, #nav #academicsnav, #nav #professionalnav, #nav #resumenav, #nav #testimonialnav, #nav #contactnav { width: 160px;}
#nav .boxtop {background: url(../images/nav-top.png) no-repeat; width:175px; height:14px; }
#nav .boxmid {background: url(../images/nav-mid.png) repeat-y; font: 13px Verdana, Arial, Helvetica, sans-serif; width:168px; line-height: 15px;padding-left:5px;z-index: 100;}
#nav .boxbottom {background: url(../images/nav-bottom.png) no-repeat; width: 175px; height: 14px; margin-bottom: 35px;}

#nav .resume a:link img, #nav .resume a:visited img{background: url(../images/resume.png) no-repeat;width: 170px; height:214px;}
#nav .resume a:hover img, #nav .resume a:active img{background: url(../images/resume-over.png) no-repeat;width: 170px; height:214px;}


#nav .resume h3 {font: 900 .8em Verdana, Arial, Helvetica, sans-serif; margin: 0 25px;  }

#contenthome {float:left; width: 390px;margin:0;padding: 0 10px 8px 0;display:inline;position:relative;min-height: 380px;z-index:1;	color: #302f1e; font: .85em Verdana, Arial, Helvetica, sans-serif;}
#content{float:left;width: 565px;margin:0;padding: 0 15px 15px 0;display:inline;position:relative;min-height: 350px; z-index:1; color: #302f1e; font: .85em Verdana, Arial, Helvetica, sans-serif;}

#content h2, #contenthome h2{z-index: 1;font: 900 1.3em Verdana, Arial, Helvetica, sans-serif;margin: 5px 8px;}

#content h3, #contenthome h3, .boxed h3 {z-index: 1;font: 900 1.2em Verdana, Arial, Helvetica, sans-serif; padding: 10px 0 1px 8px;}
#content ul, #contenthome ul {z-index: 1;list-style: circle; margin-left: 30px; padding: 0 0 10px 0; display:block;}
#content ul li, #contenthome ul li {margin: 7px 0;z-index: 1;}
#content ul li ul,#contenthome ul li ul {list-style: square; padding-bottom: 0; margin-bottom: 0;}
#content p, #contenthome p {line-height:1.3em; margin: 8px; padding: 0;}

#display-top {background: url(../images/display-box-top.png) no-repeat; width: 571px; height: 21px;}
#display-mid {background: url(../images/display-box-mid.png) repeat-y;width: 571px; height: auto;}
#display-mid p {width: 400px; margin: 0; padding: 0  20px 0 30px; font: .85em Verdana, Arial, Helvetica, sans-serif; }
#display-mid .grouping { border-bottom: dotted 1px #5e2816;border-top: dotted 1px transparent;  margin-left: 24px; height: auto;border-left: dotted 1px transparent;border-right: dotted 1px transparent; width: 520px; padding: 5px 0 2px 10px;}
#display-mid .groupingfirst { border-bottom: dotted 1px #5e2816; border-top: dotted 1px #5e2816;margin-left: 24px; height: auto;border-left: dotted 1px transparent;border-right: dotted 1px transparent; width: 520px;padding: 5px 0 2px 10px;}
#display-mid .grouping:hover, #display-mid .groupingfirst:hover {background: #fbd671;border-left: dotted 1px #5e2816;border-right: dotted 1px #5e2816; width: 520px;margin-left: 24px; }
#display-mid .grouping a:hover, #display-mid .groupingfirst a:hover {color: #FFCC66; }
#display-mid h2.display {font: bold 1em Verdana, Arial, Helvetica, sans-serif;padding: 0 0 10px 5px; margin: 0; width: 500px;margin-top: 5px;line-height: 1.3em;}
#display-mid h2.display a:link{font-weight: normal;color: #5e2816; font-size: .9em;text-decoration:none; padding-top: 2px;}
#display-mid h2.display a:visited {font-weight: normal;color:#302a12; font-size: .9em;text-decoration:underline; padding-top: 2px;}
#display-mid h2.display a:hover, #display-mid h2.display a:active {font-weight: normal;font-size: .9em; text-decoration:none;color: #FFCC66; }

#display-mid .title {width: 360px; height: auto;padding: 5px 0 5px 0; float: left; }
#display-mid .title p {padding:  3px 0; width: 360px; line-height: 14px;line-height: 1.5em; font-size: .8em;}
#display-mid .imageholder { padding: 0 15px 0 5px; width: 126px; height: auto;float: left;margin-bottom: 0;}
#display-mid .imageholder p, #display-mid .imageholder p.space{font: 900 11px Verdana, Arial, Helvetica, sans-serif;color: #683727; margin: 0  0 5px 3px;padding: 2px 2px 1px 2px ; text-align: center;width: 115px; letter-spacing: .1em;}

#display-mid .right {font: 10px Arial, Helvetica, sans-serif; width: 130px;float:right;margin: -40px 5px 0 0;padding: 0 ; background: #dac798; border: solid 1px #A59871;}

#display-mid .right a.previous:link, #display-mid .right a.previous:visited  {text-decoration:none; background: url(../images/prev-link.gif) no-repeat left center;padding: 3px 0 0 23px;height: 15px;display: block;color: #3d3822;}
#display-mid .right a.previous:hover, #display-mid .right a.previous:active {text-decoration:none; color: #FFCC66; background: #4c3816 url(../images/prev-hover.gif) no-repeat left center;padding: 3px 0 0 23px;height: 15px;display: block;}

#display-mid a.test:link, #display-mid  a.test:visited {text-decoration:none; background: url(../images/current-link.png) no-repeat left center;padding: 1px 2px 1px 16px;color: #3d3822;}

#display-mid a.test:hover, #display-mid a.test:active {text-decoration:none; color: #FFCC66; background: #4c3816 url(../images/current-hover.gif) no-repeat left center;padding: 1px 2px 1px 16px; }
#display-mid .pdf {font: 1em Verdana, Arial, Helvetica, sans-serif; }

#display-bottom {background: url(../images/display-box-bottom.png) no-repeat;width: 571px; height: 21px;}

img {border:none; outline: none;} 

#resume #pdflink {position: absolute; top: 230px; left: 606px;z-index:900;  font-size: .8em;}
 a.pdf:link, a.pdf:visited {font: 12px normal Verdana, Arial, Helvetica, sans-serif;background: url(../images/pdf.png) no-repeat left top; text-decoration: none; padding: 0 2px 1px 16px;}  
 a.pdf:hover, a.pdf:active{font: 12px normal Verdana, Arial, Helvetica, sans-serif;background:#4c3816 url(../images/pdf-over.png) no-repeat left top; text-decoration: none; padding: 0 2px 1px 16px; color: #FFCC66; }  
 
a.ext:link {color: #5e2816; background: url(../images/arrow-link.png) no-repeat center right;font-size: 1em; padding:  1px 15px 0 0;text-decoration: none;z-index: 400;display: inline;}
a.ext:visited {color: #302a12; background: url(../images/arrow-visited.png) no-repeat center right;font-size: 1em; padding: 1px 15px 0 0; text-decoration: underline;z-index: 400;display: inline;}
a.ext:hover, a.ext:active {background: #4c3816 url(../images/arrow-over.png) no-repeat center right;font-size: 1em; padding:  1px 15px 0 0;color: #FFCC66;text-decoration: none;z-index: 400; display: inline;}
 
#resumetext #resumeborder p {font-size: .7em; border-bottom: dotted 1px #5e2816; padding-bottom: 5px; margin-bottom: 5px; width: 515px;}
#resumetext {width: 525px; margin-left: 30px;}
#resumetext h2 {letter-spacing: .1em;font: 900 1.5em Verdana, Arial, Helvetica, sans-serif; margin: 0;}
#resumetext h3 {letter-spacing: .1em;font: 900 1.1em Verdana, Arial, Helvetica, sans-serif; padding:  .5em 0 .2em 0; margin: 0;}
#resumetext h4 {font: 1em Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0;}
#resumetext h5 {font: .8em Verdana, Arial, Helvetica, sans-serif; padding: 0 0 .5em 0; margin: 0;}
#resumetext p {line-height: 1.1em; padding: .3em 0; margin: 0;}
#resumetext ul {list-style-type: circle; padding: 0 1em; margin: 0 0 .3em 1em; }
#resumetext ul li {padding: .2em 0; margin: 0;}
#resumetext ul li ul {list-style-type: square;padding: 0 1em; margin: .2em 0 0 1em; font-size: .85em;}
#resumetext .indent {margin-left: 15px;}

.darker {color: #302a12; font-weight: 900;letter-spacing: 0.03em; font-size: 1.1em;}

#contact {background: #af772c; border: solid 1px #d7933e;  width: 155px; float:left; padding-bottom: 5px; margin: 4px 0 38px 5px;}
#contact h3 {letter-spacing: .1em;font: 900 .8em Verdana, Arial, Helvetica, sans-serif;margin: 5px 7px;border-bottom: solid 1px #fcc768; text-align: center; color: #fcc768;}
#contact p {color: #e9c05e;font: .7em Verdana, Arial, Helvetica, sans-serif;margin: 0px 5px;}
#contact p strong {color: #fcc768;}


#linkedin {position: absolute; top: 220px; left: 635px; background: url(../images/linkedin.png) no-repeat; width: 168px; height:40px; z-index: 200;}
#linkedin a:link{font: 11px arial, helvetica, sans-serif; padding: 8px 0 0 24px; display:block;text-decoration:none;}
#linkedin a:visited{font: 11px arial, helvetica, sans-serif; padding: 8px 0 0 24px;display:block;text-decoration:none;}
#linkedin a:hover{font: 11px arial, helvetica, sans-serif; padding: 8px 0 0 24px;display:block;text-decoration:underline; background-color: transparent;color:#5e2816;}
#linkedin a:active{font: 11px arial, helvetica, sans-serif;padding: 8px 0 0 24px;display:block;text-decoration:underline;background-color: transparent;color:#5e2816;}
#linkedin #recentwork {color: #302a12;font: italic 12px Arial, Helvetica, sans-serif;margin-top: 20px; border-bottom: 1px dotted #5e2816; width: 123px; margin-left: 15px}
#linkedin a.description:link, #linkedin a.description:visited {font:  10px Verdana, Arial, Helvetica, sans-serif; display: block; width: 168px; height: 30px;padding: 0 0 0 5px; margin-top: -8px; background: url(../images/desc-bg.png) no-repeat; text-decoration:none;}

#linkedin a.description:hover, #linkedin a.description:active {font:10px Verdana, Arial, Helvetica, sans-serif; display: block; width: 168px; height: 30px;padding: 0 0 0 5px; margin-top: -8px; background: url(../images/desc-bg.png) no-repeat; text-decoration:none; color:#5e2816;}
#rightmargin {
	float: left;
	padding-left: 5px;
}
#boxed {	margin: 0;width: 162px; padding:10px; margin: 26px 5px 0 0;font: .7em Verdana, Arial, Helvetica, sans-serif; }
#boxed a {font-size: 1em;}

#boxed .talktop {margin-top: 10px;background: url(../images/talk-top.png) no-repeat; width: 165px; height: 15px; }

#boxed .talkmid {background: url(../images/talk-mid.png) repeat-y; width: 165px; padding: 0; margin: 0 5px 0 0;font: .9em Verdana, Arial, Helvetica, sans-serif;}
#boxed .talkmid h3 {margin: 0; padding: 0 0 5px 0; width: 140px;margin-left: 10px;}
#boxed .talkmid p {margin: 0; padding: 2px 0; width: 140px;margin-left: 10px;}

 
#boxed .talkbottom {background: url(../images/talk-bottom.png) no-repeat; width: 165px; height: 50px; margin-bottom: 15px;}
#boxed .artifacts a:link img, #boxed .artifacts a:visited img{margin: 10px 0 0 0;padding: 0;background: url(../images/artifacts.png) no-repeat;width: 165px; height:176px;}
#boxed .artifacts a:hover img, #boxed .artifacts a:active img{margin: 10px 0 0 0; padding: 0;background: url(../images/artifacts-over.png) no-repeat;width: 165px; height:176px;}
#boxed h3 {font-size: 1.2em;}

#boxed .artifacts h3, #boxed .artifacts p {display:inline;}

#footer {width: 819px; height: 55px; clear:both; background: url(../images/footer.jpg) no-repeat; margin-top: 10px;}
.topborder{
	width: 600px;
	font: 10px verdana, arial, helvetica, sans-serif;
	display:block;
	color: #44422A;
	padding-top:10px;
	margin-left: 20px;
	padding-left: 10px;
}

.topborder-narrow{width: 350px; fdisplay:block; color: #302f1e;border-top: #302f1e solid 1px; padding-top:10px; margin-left: 10px; padding-left: 10px;padding-right: 25px;}

q {font-size: .95em; line-height: 1.4em; padding: 10px; display:block; }
.quoter {font-size: .9em; font-style: italic; margin-left: 10px;padding-bottom: 15px;}
.quotedate {font-size: .9em; font-style: italic;}