/* more styles in advanced.css using @import, maybe */


body{
	margin:20px 0 0 0;
	padding:0px;
 	text-align:center;
}

/* page centering */

#top{
	margin:0 auto;
	padding-bottom:0;
	width:759px; 
	text-align:left;
	}


/* ****** page layout ****** */	
#header h1 {
	width:269px;
	height:42px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	padding:0;
	background:url(../images/logo.gif) no-repeat;
	}
#header h1 a {
	display:block;
	height:42px;
	}
#content-wrap {
	padding-top:36px;
	} 
#mid-col-1 {
    float:left;
    width:33%;
    } 
#mid-col-1 .content {
    padding:0 25px 50px 35px;
    }   
#mid-col-2 {
    float:left;
    width:66%;  
   }
#mid-col-3 {
    visibility:none;   
   } 
#mid-col-2 .content {
    padding:0 35px 50px 10px;
    }
		
#resume #mid-col-1 {
    display:none;
    }	    	
#resume #mid-col-2 {
    float:left;
    width:70%;  
    }
#resume #mid-col-2 .content {
    	padding:0 15px 50px 35px;
		border-right: 1px dotted #CCC;
    }
#resume #mid-col-3 {
	visibility:visible;
    float:left;
    width:30%;
    }
#resume #mid-col-3 .content {
    padding:0 35px 50px 15px;
    }
#ls {
	display:none;
	}
#home #ls {
	display:visible;
	}

/* globalnav ************ */
#mainnav {
	background: url(../images/mainnav-home.png) no-repeat 0 bottom;
	}
#mainnav ul {
	float:right;
	height:39px;
	margin:0;
	padding:0 5px 0 0;
	}
#mainnav ul li {
	float:left;
	list-style-type:none;
	margin-top:9px;
	}
#mainnav ul li a {
	padding:5px;
	margin:0 5px 0;
	}
	
/* misalignment */
#mainnav ul li.home,
#mainnav ul li.stories {
	margin-top:8px;
	}
#mainnav ul li.resume {
	margin-top:12px;
	}
#mainnav ul li.blog {
	margin-top:11px;
	}


/* active section */
#home .home a:link, 
#home .home a:visited, 

#bio .bio a:link, 
#bio .bio a:visited, 

#stories .stories a:link, 
#stories .stories a:visited, 

#links .links a:link, 
#links .links a:visited,
 
#contact .contact a:link,
#contact .contact a:visited,

#resume .resume a:link, 
#resume .resume a:visited,

#blog .blog a:link, 
#blog .blog a:visited {
    color:#bbb;
    }
	

/* localnav */
#local-nav {
  font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5em;
	}
#local-nav ul {
	margin-left:0;
	padding-left:0;
}
#local-nav li {
	list-style-image: url(../images/arrow-down.gif);
	margin-left:1.5em;
}


/* ****** text and spacing ****** */
body	{
	color:#000000;
	font-family: Georgia, 'times new roman', times, serif;
	}
#mainnav {
	font-family: 'Courier New', Courier, sans-serif;
	font-weight:bold;
	font-size:13px;
	letter-spacing:1px;
	}
#mid-col-1 .content, 
#mid-col-3 .content {
	font-size:11px;
	}
#mid-col-3 .content ul,
#mid-col-3 .content li  {
	font-size:11px;
	}		
#mid-col-3 .content ul {
	padding-left:1em;
	margin-left:0;
	}	
#mid-col-2 .content {
	font-size:13px;
	}	
#bottom-col-1 {
	font-size:11px;
	color:#000;
	padding: 7px 15px 5px 15px;
	text-align:right;
	}    
#bottom-col-1 a:link{
    color:#000;
	}
#bottom-col-1 a:visited{
    color:#fff;
	}
#bottom-col-1 a:hover{
	color: #2765a4;
    }
#sectionhed {
	width:242px;
	height:44px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 30px 142px;
	}
h1, h2, h3, h4, h5, h6	{
	margin:	1.25em 0 .25em 0;
    font-family: arial, helvetica, sans-serif;
	color: #000;
	}
h1	{
	font-size:	16px;
	}
h2	{
	font-size:	14px;
	font-weight:normal;
	}
h3	{
	font-size:	13px;
	}
h4	{
	font-size:	12px;
	}
h5	{
	font-size:	11px;
	text-transform: uppercase;
	}
p {
	margin-top: 0;
	padding-top: 0;
	line-height: 1.6em;
	}	
p.margintop{
	margin-top: 1em;
	}	
p.margin0{
	margin-top: 0;
	}	
p.small {
	font-size:11px;
	}
ul,ol,li {
	margin-top: 0;
	padding-top: 0;
	line-height: 1.6em;
	}
ul.margintop{
	margin-top: 1em;
	}	
.caption{
	font-size:10px;
	color:#999999;
	}
#img-captioned {
	font-size:10px;
	color:#666;
	margin-bottom: 1.5em;
	}
#img-captioned160 {
	font-size:10px;
	color:#666;
	margin-bottom: .5em;
	width:160px;
	}
.indent, .sub-list{
	margin-left:10px;
	}
.pub-info{
  font-family: arial, helvetica, sans-serif;
	font-size:10px;
	color:#666;
	}
.top-arrow {
	text-align: right;
	}
.linknote {
	font-size: 10px;
	color: #999999;
	}
img.border  {
	border: solid 1px #fff;
	}	
	
	
/* resume text and spacing */	
#resume h4 {
	margin:	0em 0 .2em 0;
	font-size:	14px;
	text-transform:uppercase;
	}
#resume table  {
	border:none;
	}
#resume .content th, #resume .content td{
	vertical-align:top;
	line-height:1.5em;
	font-size:13px;
	} 
#resume .content th {
	width: 30%;
	padding: .75em 2em 0 0;
	text-align:right;
	font-weight:normal;
	color:#666;
	font-size:12px;
	}
#resume .content td {
	padding: .75em 0 .75em 0;
	}
#resume em {
	color:#000;
	}
#resumedownload{
	font-size:10px;
	font-family:Arial, Helvetica,sans-serif;
	margin:50px 0 0 0;
	text-align:right;
}
      
div.float-r {
    float: right;
    margin: 3px 2px 5px 12px;
}
img.float-r {
    float: right;
    margin: 0px 0px 10px 0px;
}
div.float-l {
    float: left;
    margin: 3px 12px 5px 2px;
}
img.float-l {
    float: left;
    margin: 0px 10px 10px 0px;
}
#img-captioned img, #img-captioned160 img {
    margin: 0px 0px 3px 0px;
}


/* background graphics and colors */
body {
	background-color:#94c0d6; /* twilight */
	}
#home #content-wrap{
	background: url(../images/bg-twilight.gif) repeat-y;
	}
#bio {
	background-color:#dedf67; /* tatami */
	}
#bio #header h1 {
	background:url(../bio/images/logo.gif) no-repeat;
	}
#bio #mainnav {
	background: url(../images/mainnav-bio.png) no-repeat 0 bottom;
	}
#bio #content-wrap{
	background: url(../images/bg-tatami.gif) repeat-y;
	}
#bio #sectionhed {
	background:url(../images/header_bio.gif) no-repeat;
	}
#stories {
	background-color:#eabe53; /* miso */
	}
#stories #header h1 {
	background:url(../stories/images/logo.gif) no-repeat;
	}
#stories #mainnav {
	background: url(../images/mainnav-stories.png) no-repeat 0 bottom;
	}
#stories #content-wrap{
	background: url(../images/bg-miso.gif) repeat-y;
	}
#stories #sectionhed {
	background:url(../images/header_stories.gif) no-repeat;
	}
#links {
	background-color:#c2d78a; /* sencha */
	}
#links #header h1 {
	background:url(../links/images/logo.gif) no-repeat;
	}
#links #mainnav {
	background: url(../images/mainnav-links.png) no-repeat 0 bottom;
	}
#links #content-wrap{
	background: url(../images/bg-sencha.gif) repeat-y;
	}
#links #sectionhed {
	background:url(../images/header_links.gif) no-repeat;
	}
#contact {
	background-color:#c9ab5a; /* mocha */
	}
#contact #header h1 {
	background:url(../contact/images/logo.gif) no-repeat;
	}
#contact #mainnav {
	background: url(../images/mainnav-contact.png) no-repeat 0 bottom;
	}
#contact #content-wrap{
	background: url(../images/bg-mocha.gif) repeat-y;
	}
#contact #sectionhed {
	background:url(../images/header_contact.gif) no-repeat;
	}
#resume {
	background-color:#e9d982; /* hummus */
	}
#resume #header h1 {
	background:url(../resume/images/logo.gif) no-repeat;
	}
#resume #mainnav {
	background: url(../images/mainnav-resume.png) no-repeat 0 bottom;
	}
#resume #content-wrap{
	background: url(../images/bg-hummus.gif) repeat-y;
	}	 
#resume #sectionhed {
	background:url(../images/header_resume.gif) no-repeat;
	}
#blog {
	background-color:#f7a858; /* mango */
	}
#blog #header h1 {
	background:url(../images/logo-blog.png) no-repeat;
	}
#blog #mainnav {
	background: url(../images/mainnav-blog.png) no-repeat 0 bottom;
	}
#blog #content-wrap{
	background: url(../images/bg-mango.png) repeat-y;
	}	 
#blog #sectionhed {
	background:url(../images/header_blog.png) no-repeat;
	}



/* ****** links and nav ****** */
a	{
	text-decoration: none;
	}
a:link	{
	color:	#2765a4;
	background-color: transparent;
	}
a:visited	{
	color:	#7fa9c7;
	background-color: transparent;
	}
a:active	{
	color:	#000;
	background-color: transparent;
	}
a:hover	{
	color:	#f60;
	background-color: transparent;
	text-decoration:	underline;
	}
a:link .imgborder{
	border:solid 1px #eff;
	}
a:visited .imgborder{
	border:solid 1px #eff;
	}
a:hover .imgborder{
	border:solid 1px #fc8533;
	}
	
#mainnav a:link,
#mainnav a:visited {
	color:#fff;
	}


/* post-link icons */
a.ext {
	background-image: url(../images/icon_ext.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 11px;
	}
a.aud {
	background-image: url(../images/icon_audio.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 15px;
	}	
a.pdf {
	background-image: url(../images/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-right: 30px;
	}	


/* =hacks and bug fixes
------------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Holly */
	/* Hide from IE-mac \*/
	* html #globalnav a {height:1%;}
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */