html { overflow: -moz-scrollbars-vertical !important; }

/* RESET! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background-image: transparent;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
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: "" "";
}

/*------------------------------------------------------------------

layout

------------------------------------------------------------------*/

body {
background:url(/images/bg.gif) #382a1d;
font:medium/1.5em "Helvetica", Verdana, sans-serif;
letter-spacing:-1px;
color:#bb9b80;
line-height:normal;
}

#wrap {
margin:0 auto;
width:950px;
font-size:150%;
}

/*------------------------------------------------------------------

Header

------------------------------------------------------------------*/

#header {
margin-top:60px;
}

#name-logo-whatevs {
float:left;
margin-bottom:20px;
}

#name-logo-whatevs h1 a {
color:#fff;
font-size:160%;
font-weight:bold;
}

#name-logo-whatevs h1 a:hover {
color:#229ccf;
border:none;
}

#name-logo-whatevs h2 {
font-family:"Georgia", Times New Roman, Times, serif;
color:#229ccf;
font-size:70%;
font-weight:normal;
font-style:italic;
letter-spacing:.01em;
}

ul#navigation {
float:right;
margin-top:20px;
}

ul#navigation li {
float:left;
display:block;
}

ul#navigation li a {
color:#bb9b80;
padding:10px 20px;
}

ul#navigation li a:hover {
color:#fff;
border:none;
}

body#work ul#navigation li#work a, body#work ul#navigation li#work a:hover,
body#resume ul#navigation li#resume a, body#resume ul#navigation li#resume a:hover,
body#contact ul#navigation li#contact a, body#contact ul#navigation li#contact a:hover {
color:#fff;
background:url(/images/header-quote-bg.png);
border:none;
}

#header-quote {
clear:both;
height:78px;
padding:0 20px;
padding-top:20px;
background:url(/images/header-quote-bg.png);
border-bottom:solid 1px #7a6756;
letter-spacing:normal;
font-family:"Georgia", Times New Roman, Times, serif;
font-weight:lighter;
line-height:normal;
}

#header-quote h2 {
font-size:21px;
line-height:30px;
}

/*------------------------------------------------------------------

Portfolio

------------------------------------------------------------------*/

.portfolio-item {
padding:20px 0;
border-bottom:solid 1px #7a6756;
background:url(/images/resume-item-line-bg.gif) repeat-x top;
}

.portfolio-item img {
float:left;
border:solid 6px #5e5a4f;
background-color:#382a1d;
padding:4px;
}

.portfolio-item img:hover {
border:solid 6px #229ccf;
}

.description {
float:right;
width:334px;
padding-right:20px;
}

.description h3 {
font-family:"Georgia", Times New Roman, Times, serif;
color:#fff;
font-style:italic;
margin-bottom:20px;
}

.description h4 {
color:#229ccf;
margin-bottom:20px;
font-size:70%;
line-height:1.3em;
letter-spacing:normal;
}

.description p {
font-size:55%;
letter-spacing:normal;
line-height:20px;
}

p.view-site {
margin-top:20px;
}

/*------------------------------------------------------------------

Resume

------------------------------------------------------------------*/

.resume-item {
padding-top:20px;
border-bottom:solid 1px #7a6756;
background:url(/images/resume-item-line-bg.gif) repeat-x top;
}

.resume-field {
float:left;
width:354px;
text-align:right;
}

.resume-field h3 {
font-family:"Georgia", Times New Roman, Times, serif;
color:#fff;
font-style:italic;
margin-bottom:20px;
}

.resume-description {
float:right;
width:556px;
padding-right:20px;
}

.resume-description h4 {
color:#229ccf;
font-size:70%;
letter-spacing:normal;
}

.resume-description p {
font-size:55%;
letter-spacing:normal;
line-height:20px;
padding-bottom:20px;
}

.resume-description ul {
font-size:55%;
letter-spacing:normal;
padding-bottom:20px;
}

.resume-description ul li {
padding-bottom:5px;
}

/*------------------------------------------------------------------

Contact Page

------------------------------------------------------------------*/

#contact-wrap {
padding-top:20px;
}

#sidebar {
float:left;
width:354px;
}

#sidebar h2 {
font-family:"Georgia", Times New Roman, Times, serif;
color:#fff;
font-style:italic;
margin-bottom:20px;
}

#sidebar p {
font-size:55%;
letter-spacing:normal;
line-height:20px;
}

#contact-form {
float:right;
width:576px;
}

/*------------------------------------------------------------------

Footer

------------------------------------------------------------------*/

#footer {
padding:20px;
background:url(/images/header-quote-bg.png);
font-size:50%;
letter-spacing:normal;
}

#footer p {
float:left;
}

#footer ul {
float:right;
}

#footer ul li {
float:left;
display:block;
padding-left:20px;
}

/*------------------------------------------------------------------

Links

------------------------------------------------------------------*/

a:link, a:visited {
text-decoration:none;
color:#229ccf;
}

a:hover {
text-decoration:none;
color:#5e5a4f;
border-bottom:solid 1px #5e5a4f;
}

/*------------------------------------------------------------------

Miscellaneous

------------------------------------------------------------------*/

.clear {
clear:both;
}