/* =Layout */

* { margin: 0; padding: 0; }


/* http://orderedlist.com/articles/thining-text-in-safari-under-snow-leopard */

body {
	-webkit-text-stroke: 1px transparent;
}

@media only screen and (max-device-width:480px) {
	body {
		-webkit-text-stroke: 0 black;
	}
}


html {
font: 62.5%/1.5 'Helvetica Neue', Helvetica, Calibri, sans-serif;
}

body {
background-color: #62808b;
color: #fff;
margin: 2em;
text-align: center;
text-shadow: 2px 2px 0px #62808b;
}

#wrapper {
margin: 0 auto;
text-align: center;
width: 846px;
}

#branding {
clear: both;
padding-bottom: 2em;
text-align: left;
}

#navigation {
float: right;
height: 2em;
}

#content {
margin: 1em 0 1.5em;
text-align: left;
width: 846px;
}

#content .work {
border-top: 1px solid #e7e7e7;
float: right;
margin: 10px 0;
padding: 1em 0;
width: 470px;
}

#content img {
border: 0;
}

#content .work img {
border: 1px solid #e7e7e7;
margin: 1em 0 1.5em;
width: 468px;
}

#content .meta {
border-top: 1px solid #e7e7e7;
float: left;
margin: 10px 0;
padding: 1em 0;
width: 282px;
}

#site-info {
clear: both;
color: #c7c7c7;
font-size: 1em;
padding-top: 2em;
text-align: left;
}

#accessibility {
visibility: hidden;
height: 0;
}

#accessibility li {
font-size: 1.2em;
}

#navigation li {
float: left;
font-size: 14px;
list-style: none;
margin-left: 2em;
}

#navigation li a:hover {
border-bottom: 1px solid #e7e7e7;
color: #fff;
padding-bottom: 0.42em;
}

#navigation li a.current {
border-bottom: 1px solid #e7e7e7;
color: #fff;
font-weight: bold;
padding-bottom: 0.3em;
}

h1 {
background: transparent url('/images/2.gif') no-repeat;
border: 0;
font-size: 32px;
font-weight: bold;
height: 60px;
text-indent: -99999px;
width: 282px;
}

p#tagline {
background: url('/images/3.png') no-repeat;
height: 85px;
margin: 3em 0 1em 0;
text-indent: -99999px;
width: 460px;
}

p#return-nav {
margin: 2em 0;
}

p.archives-nav {
margin: 2em 0;
}

h2 {
font-size: 18px;
width: 282px;
}

#home h2 {
background: url('/images/55.gif') no-repeat;
height: 27px;
font-size: 18px;
text-indent: -99999px;
width: 266px;
}	

p, 
address {
color: #fff;
font-size: 13px;
font-style: normal;
margin: 0 0 1em 0;
}

a {
color: #fff;
font-weight: bold;
outline: none;
text-decoration: none;
}

#home div#recent-work {
margin: 1em auto;
}

#home div#recent-work a img.work-thumb {
border: 1px solid #e7e7e7;
margin: 9px 9px 0 0;
outline: none;
}


#content .meta,
#content .meta div.client, 
#content .meta div.responsibilities, 
#content .meta div.status, 
#content .meta div.url, 
#content .meta div.blurb {
font-size: 13px;
margin-bottom: 1em;
}

#content .meta div.client, 
#content .meta div.responsibilities, 
#content .meta div.status, 
#content .meta div.url, 
#content .meta div.blurb {
background-repeat: no-repeat;
padding-top: 18px;
}

#content .meta div.client {
background-image: url('/images/5.gif');
}

#content .meta div.responsibilities {
background-image: url('/images/6.gif');
}

#content .meta div.status {
background-image: url('/images/7.gif');
}

#content .meta div.url {
background-image: url('/images/8.gif');
}

#content .meta div.blurb {
background-image: url('/images/36.gif');
}

hr {
border-bottom: 1px solid #fff;
margin: 2em 0;
}

div.divider {
clear: both;
padding: 2em 0;
}


/* =Contact Form */

form.zemContactForm {
font-size: 1.3em;
}

form.zemContactForm fieldset {
padding: 1em;
}

form.zemContactForm legend {
font-weight: bold;
padding: 0 0.5em;
}

form.zemContactForm label.zemText, 
form.zemContactForm label.zemSelect, 
form.zemContactForm label.zemTextarea {
display: block;
font-weight: bold;
}

form.zemContactForm input.zemText, 
form.zemContactForm select.zemSelect, 
form.zemContactForm textarea.zemTextarea {
margin-bottom: 2em;
width: 100%;
}

form.zemContactForm input.zemText, 
form.zemContactForm select.zemSelect {
width: 50%;
}

form.zemContactForm ul.zemError {
margin: 0 0 2em;
padding-left: 1em;
}