/* Clear browser styles */
html, body, div, span, applet, object, iframe,
h1, h2, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dldl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* Tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
  
/* Overall layout */
body{
background: #000 url(/img/site/bg.jpg) top repeat-x;
text-align: center;
font: 1em Helvetica, Veranda, Arial, sans-serif;
color: #9B9A9A;
}
#main{
width: 700px;
margin: 1em auto;
padding: 2em;
background: #FFFEFA;
text-align: left;
}

/* Header */
#header{
min-height: 62px;
}
#header h1{
float: left;
width: 260px;
height: 62px;
background: transparent url(/img/site/title.png) top left no-repeat;
font: 3em Fontin, Georgia, "Times New Roman", serif;
text-indent: -5000px;
color: #747474;
}
#header h1 a{
display: block;
width: 260px;
height: 62px;
}

/* Nav */
ul#nav{
float: right;
}
ul#nav li{
display: inline;
margin-right: 2.5em;
}
ul#nav li.last{
margin-right: 0;
}
#nav a{
color: #7D7D7D;
}
#nav a:hover{
color: #000;
}

/* About */
p#about {
float: right;
width: 280px;
height: 146px;
background: transparent url(/img/site/about.png) no-repeat;
text-indent: -5000px;
}

/* Content */
#content img{
display: block;
margin: .9em auto;
}
#content p{
margin: 0;
text-align: justify;
color: #2c2c2c;
}
#content .info{
position: absolute;
top: .8em;
right: 0;
text-align: right;
font: italic 1em Georgia, "Times New Roman", serif;
color: #9B9A9A;
}

/* Portfolio */
#portfolio li{
position: relative;
}

/* Retouching portfolio */
#retouch #header{
margin-bottom: 2.6em;
}
#retouch  p.credit{
font: .6em/2em Georgia, "Times New Roman", serif;
text-transform: uppercase;
}
ul#retouch_nav{
margin-top: 2.6em;
}
ul#retouch_nav li{
float: left;
/*margin-left: 30.66px;*/
margin-left: 4.38%;
}
ul#retouch_nav li.first{
margin-left: 0;
}
ul#retouch_nav li a img{
margin-top: 0;
margin-bottom: 8px;
border: 1px solid #C4C4C4;
}
ul#retouch_nav li a:hover img{
margin-bottom: 0;
border-bottom: 8px solid #C4C4C4;
}

/* Bio */
#bio{
float: left;
width: 46%;
}

/* Resume */
#resume h2{
margin-top: 1em;
}
#resume ul li a{
display: block;
padding: .3em 1em;
}
#resume ul li a:hover{
background-color: #EEE;
}
.icon_dl{
margin-right: 1em;
}

/* Contact */
#contact{
float: right;
width: 46%;
}
#sendContactEmail{
width: 100%;
padding: .2em 0;
}

/* Contact form */
fieldset{
margin-top: 1em;
}
label{
display:block;
}
input.text,textarea{
width: 96%;
font: .92em "Courier New", Courier, Monospace;
color: #333;
margin: .2em 0;
padding: .2em;
border: 1px solid #ccc;
}
input.submit{
margin-top: .6em;
padding: .2em .4em;
font: bold .8em Verdana, Arial, Sans-serif;
}
p#loadBar{
display: block;
margin: .5em 0;
padding: .1em .6em;
background-color: #dcedfc;
border: 2px solid #d4eafc;
color: #748fa6;
}
p#emailSuccess{
display: block;
margin: .5em 0;
padding: .1em .6em;
background-color: #dcfdef;
border: 2px solid #d5fdec;
color: #73a590;
}
p#loadBar, p#emailSuccess{
display: none;
}

/* Page nav */
.pnav a{
padding: .2em .3em;
background: #FCF1DA;
border: 2px solid #FCF1DA; 
font-size: 15px;
color: #8C8C8C;
}
.pnav a:hover{
color: #484848;
border: 2px solid #f1e4c9; 
}
.pnav{
margin: 2.4em 0;
}

/* Scroll */
.scroll_nav{
position: relative;
top: 1em;
z-index: 2;
/*margin-top: .9em;*/
}
.scroll_prev, .scroll_next{
float: left;
height: 16px;
width: 16px;
background-image: url(/img/site/scroll_prev.png); 
text-indent: -5000px;
}
.scroll_next{
float: right;
background-image: url(/img/site/scroll_next.png); 
}
.scroll{
height: 470px;
width: 700px;
overflow: hidden;
clear: both;
}
#content .scroll li p{
margin: 0 auto;
font: .8em Georgia, "Times New Roman", Serif;
text-align: center;
}
#content .scroll img{
margin-top: .2em;
}

/* General */
.fl {
float: left;
}
.fr {
float: right;
}
.hidden{
text-indent: -5000px;
display: none;
}
.clear{
clear: both;
margin: 0;
padding: 0;
}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Links */
a{
text-decoration: none;
color: #9B9A9A;
}
a:hover{
color: #5D5D5D;
}
h2 a{
color: #8A8A8A;
border-bottom: 1px solid #d8d7d7;
}
h2 a:hover{
color: #2D2D2D;
border-bottom: 1px solid #66a5c0;
}

/*Text*/
h1{
font: 1.6em Georgia, "Times New Roman", Serif;
text-transform: uppercase;
color: #9D9D9D;
}
h2{
margin: 2.6em 0 .4em 0;
font: 1.8em Georgia, "Times New Roman", Serif;
color: #C4C4C4;
}
h3{
font: 1.2em "Franklin Gothic Medium", Sans-serif;
}
.center{
text-align: center;
}
.left{
text-align: left;
}
.right{
text-align: right;
}
.bold{
font-weight: bold;
}
abbr{
border-bottom: 1px dotted #C4C4C4;
cursor: help;
}
/* Images */