@import "fonts/fonts.css";

html,body,div,iframe{margin:0;padding:0;font-size:100%;}
ol,ul,li{margin:0;padding:0;font-size:100%;}
/*ol,ul{list-style:none;}*/
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:middle;}
form,legend,fieldset{margin:0;padding:0;border:0;outline:0;font-size:100%;}
option{padding-left:0.34em;}
img{margin:0;padding:0;border:0;outline:0;}

body{min-height:100%;}
/** Typography */
body{font:12px/1.34 Verdana,Helvetica,Arial,sans-serif;letter-spacing:normal;word-spacing:normal;}
h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:0.07em;font-weight:400;color:#2f2f2f;text-align:center;line-height:1em;margin:0 0 0.67em 0;}
h1{font-size:1.34em;}
h2{font-size:1.167em;}
h3,h4{font-size:1em;}
h5,h6{font-size:0.9em;}
strong{color:#222;}
/*p{font:12px/1.34 Consolas,"DejaVu Sans Mono","Lucida Sans Typewriter",Courier,"Courier New",monospace; margin:0 0 0.34em 0;text-align:left;word-spacing:-0.1em;}*/
p{margin:0 0 0.67em 0;text-align:left;}
code{font-family:Consolas,"DejaVu Sans Mono",Monaco,"Andale Mono",monospace;font-size:12px;} /* <-- fonts have marked zeros */
pre{font-family:Consolas,"DejaVu Sans Mono","Lucida Sans Typewriter",Courier,"Courier New",monospace;font-size:12px;} /* <-- fonts have italics */
abbr,acronym{letter-spacing:0.07em;border-bottom:1px dotted #333;cursor:help;}

/*** FireFox hacks ***/
/* otherwise FireFox will draw a blue border around linked images */
a img{border:none;}
/* stop Firefox from outlining links with dotted borders */
a,a:link,a:active{outline:none;}
a:focus{-moz-outline-style:none;}

.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{display:block;}
.clear{clear:both;}

.sans-serif {font:12px/1.34 Helvetica,Arial,sans-serif;letter-spacing:normal;word-spacing:normal;}

body {
	color:black;
	background-color:white;
}

a, a:link, a:visited {color:#11e;text-decoration:none;}
a:hover {text-decoration:underline;}

#requirements {font-size:1em;text-align:center;color:black;display:none;}
#requirements a {color:#f90;text-decoration:none;}

.sansserif {font-family:Verdana,sans-serif;letter-spacing:normal;word-spacing:normal;}

.wrapper {
	width: 940px;
	min-height: 100%;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #fefefe;
	border: #7f7f7f 1px solid;
	border-top: none;
}

.content {
	position: relative;
	float: left;
	width: 780px;
	padding: 50px 12px 5px 8px;
}

.home {padding-top:40px;}

#social {
	position: relative;
	float:left;
	width:776px; height:24px;
	padding:5px 2px 3px 2px;
}

.fb-like, .fb-send, #plusone {float:right;}

.footer {
	position: static;
	bottom: 0;
	/*margin: -22px auto 0 auto;*/
	height: 22px;
	width: 940px;
	border-top: 1pt #777 solid;
	background: #fcfcfc;
	font-size: 9px;
	font-weight:600;
}



#hdrcontainer {
	position: relative;
	width: 940px;
	z-index: 10;
	height: 52px;
	width: 100%;
	margin:auto;
	background: #fff;
	border-bottom: 3px #292c33 solid;
}

#logo {
	float: left;
	height: 40px;
	width: 200px;
	margin: 7px 0 0 15px;
	/*background-image: url(media/name.png);*/
}

.menucontainer {
	position: relative;
	float: right;
	width: 140px;
	margin:-32px 0 0 -140px;
	font-size: 11px;
	text-align: center;
	border-left: 1px solid #7d7e80;
	border-bottom: 1px solid #7d7e80;
}

#navcontainer {
	position: absolute;
	float: left;
	top: 50%;
	/*left: 260px;*/
	height: 26px;
	width: 500px;
	padding: 0;
	margin-left: 180px;
	/*border: thin #ccc solid;*/
}

#hdrnav {
	float: right;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight:400;
	width: 250px;
	height: 1em;
	margin-right: 140px;
	padding-top: 28px; /* 52-12 = 40 / 2 = 20 */
}
#hdrnav ul {float:right;}
#hdrnav li {
	float: left;
	margin:0; padding: 0 1em;
	display: inline;
	list-style: none;
}
	
#hdrnav a:link, #hdrnav a:visited {
	font-size: 12px;
	font-weight:600;
	padding: 0 0.2em;
	text-decoration: none;
	color:#1f1f1f;
}

#hdrnav a.active:link, #hdrnav a.active:visited, #hdrnav a:hover {
	/*text-decoration: underline;*/
	color:#909090;
}

#hdrnav a.current {
	cursor: default;
	text-decoration: none;
	color:#c0c0c0;
}

#hdrnav li span {
	font-weight: normal;
	color: #000;
}

/** Home content */

#projects h1 {font-size:1.667em;font-weight:700;color:gray;}

.projects {
	width: 500px;
	margin:30px auto 30px auto;
	padding: 20px 40px;
	text-align:center;
}
img.preview {
	border:#333 1px solid;
	margin: 16px auto 18px auto;
}

.projects h2 {font-size:1.667em;color:#111;margin:0.1667em 0;}

.projects a {text-decoration:none;}

/***/
/** About */
.about-box {
	position: relative;
	width: 504px;
	margin: 0 auto 40px auto;
	padding: 0 1.67em 1.34em 1.67em;
	background-color: #fcfcfc;
	color: #1f1f1f;
	border: #ccc 1px solid;
}

.about-box h2 {
	font-size: 1em;
	text-align: center;
	font-weight:600;
	margin-top: 1em;
	margin-bottom: 1.7em;
	color:#2e2e2e;
}


#about {}

#about p {
	text-align: left;
}

#about p + p {text-indent: 1.34em;}

#footnotes {
	position: relative;
	width: 100%;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 10em 0 0 0 ;
}

#footnotes ol {
	margin-left:2em;
}
#footnotes ol li {
	padding:0.4em 0;
}

#footnotes p {
	font-size: 0.834em;
	line-height: 1.34em;
	text-indent: 0em;
	/*margin-bottom: 0em;*/
}

#biblio {}

.biblio-entry {
	position: relative;
	width: 480px;
	margin: 5px auto 25px auto;
	padding-top: 10px;
}

.biblio-entry h3 {font-size:1em;}
.biblio-entry h4 {font-size:0.834em;font-weight:400;margin-bottom:1.34em;}

.biblio-entry p {
	font-size: 0.834em;
	text-align: left;
	/*letter-spacing: 0.07em;*/
	line-height: 1.34em;
	/*text-indent: 1.3em;*/
}
	
#biblio a {
	color:#33c;
	text-decoration: none;
}
#biblio a:hover {
	/*color:#000;*/
	text-decoration: underline;
}

#statements {}
#statements p {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;;
	font-size:12px;
	font-weight:400;
	text-align:center;
}

#statements a {color:#262626; text-decoration:none;line-height:1;padding: 0 0.1em;font-size:11px;font-weight:600;}
#statements a:hover {color:#999;/*text-decoration:underline;*/}

/* email */

.email {
	float: right;	
	width: 21px;
	height: 16;
	margin-top: 22px;
	margin-right: 142px;
	
}

.email a:link {
	text-decoration: none;
	color: #06d;
}

.email a:hover {
	text-decoration: underline;
}

.ftrcontainer {
	position: absolute;
	bottom: 0;
	height: 24px;
	width: 940px;
	margin: 0 auto;
	padding: 5px;
	/*font-family: Verdana, sans-serif;*/
	font-size: 10px;
	color: #999;
	background-color: #e3e3e3;
	border-top: #ccb 1px solid;
}