/* @override 
	http://portfolio.loc/styles/screen.css
*/

/*	Typography
		http://24ways.org/2006/compose-to-a-vertical-rhythm */
html {	background-image: url(../images/forest.jpg);}
body {
	font-family: "Helvetica Neue", helvetica, sans-serif;
	font-size: 77%;
	padding: 0em 1em;
}
html, body {height: 100%;}
h1, h2, h3, h4, h5 {
	clear:both; 
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", helvetica, sans-serif;
}

#doc3 {margin: auto 25px; position: relative; min-height: 100%; }
#hd, #bd, #ft {
	background-color: #eee;
	padding: .5em;
	/*:url(../images/transparent.png)*/}
#hd {padding: 1em 0em 1em 15.3461em;border-bottom:1px solid #999;}
#bd{
	border-bottom: 1px solid #999;
	padding-bottom: 5em;
}

p, ul, ol, table {
	line-height: 1.5em;
	font-size:1em;
	margin-top: 0em;
	margin-bottom: 1.5em;
}
p, ul, ol {
	margin-top: .75em;
	margin-bottom: .75em;
	width: 36em;
}

h1 {
	font-size:4em;
	line-height: 1em;
/*	margin-top: .5em;
	margin-bottom: 1em;*/
}

h2 {
	font-size:2em;
	line-height: 1.5em;
/*	margin-top: .25em;
	margin-bottom: 1.25em;*/
	margin-top: 1em;
	margin-bottom: .5em;
}
h2.leading {margin-top:0em; margin-bottom:0em;}
h4 {text-transform:uppercase; margin-top: 1em;}
h5 {font-weight: bold;}
/* Navigation list, headers*/
h3,
ul.navigation li,
#contact_form legend {
	font-size:1.5em;
	line-height: 1em;
	margin-top: .5em;
	margin-bottom: .5em;
}
h3 {margin-top: 1.5em;}

ul.navigation,
ul.navigation ul {margin-bottom:1em; width: auto;}

/* nested navigation list: 8px font */
ul.navigation li li {/*margin: 0px 0px -0.75em 0px;*/font-size: .53em; }


/* unordered lists	TODO: fix IE bullets */
ul li:before { content: "- "; margin-left:-8px; float: left;}
ul.portfolio li:before,
ul.navigation li:before
{content: ""; margin:0px; float:none}
ul ul {margin-top: 0px;}
ul ul li {margin-left: 1em; }
/* ordered lists */
ol {}
ol li {list-style-type: decimal; list-style-position: inside;}
ol ol li { list-style-type: lower-alpha; margin-left: 1em; }

blockquote {margin-left: 1em;}

/* Tables */
td {vertical-align: bottom;}

dfn, acronym {font-style: normal; border-bottom: 1px dashed #666;}

strong{font-weight: bold;}
em {font-style: italic;}

a:link,
a:active,
a:visited,
a:hover,
legend
{text-decoration: none; color: blue; cursor: pointer;}
a:hover,
a:hover .underline-link {text-decoration: underline;}
a.nodecoration:hover {text-decoration:none;}
/*a.external {
	background: url(/images/external-link-icon.gif) bottom right no-repeat;
	padding-right: 18px;}*/

textarea, input {margin: 0em 0em .5em 0em;}

/* ==PORTFOLIO== */
ul.portfolio ul li {
	margin-left: 0em;
	margin-bottom: 1.5em;
	min-height: 8.5em;
	background-color: #fff;
	padding: .5em;
	width: 36em;
}
ul.portfolio img {float:left; margin: 0em 2em 0em 0em;}
ul.portfolio p {margin: 0em 0em 1.5em 0em; }
ul.portfolio h4,
ul.portfolio h3 {margin-top: 0px;}
ul.portfolio h3 {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: .25em .70em .25em 0em;
	width: 100%;
}

ul.portfolio ul.keywords {margin: -.75em 0em 0em -.5em; 	clear:both;}
ul.portfolio ul.keywords li{
	display:inline;
	font-style: italic;
	margin-right: .5em;
	color:  #676767;
	background-color: transparent;
}

/* ==RESUME== */
#resume ul,
#resume p,
col.main-column {width:34em;}
#resume h4 {margin: 1.75em 0 0 0;}
#resume table {
	border-collapse: separate;
	border-spacing:4em 1em;
	margin: 0px 0px -.8em -4em;
	padding: 0px;
}
#resume p {margin: 0px;}
#resume p.margin { margin-top: .75em; margin-bottom: .75em; }
p.links { margin: -.75em 0px .25em 0px; font-size: 87%;}
#resume p.statement {font-family: "Helvetica Neue Light", "HelveticaNeue-Light", helvetica, sans-serif;}

/* ==CLASSES== */
.right {float: right;}
.left {float: left; margin-right: 1em;}
.absolute {position: absolute;}
.relative {position: relative;}
.border {border:1px solid black;}
.bottom {vertical-align: baseline;}
.hidden {display:none;}
.error {border:1px solid red;}
.notify {padding:.25em; background-color:yellow; margin-bottom:1.5em; display:block;}
.clear {clear:both;}

div.left{width:50%}
div.left p {width:auto}
p.abstract,
p.category {margin-top: -1em;}
p.statement {font-size: 1.25em;}
ul.space li {margin-bottom:.75em;}


/* ==IDs== */
#contact_form span.notify
{width: 141px;} /* subtract padding*/
#contact_form textarea,
#contact_form input[type=text]
{ width: 15em; border-left: 2px solid #aaa; border-top: 2px solid #999; border-bottom: 2px solid #eee; border-right: 2px solid #eee;}
#contact_form input[type=submit] {margin-top: 1em;}