/* Reset first */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	outline: 0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* General ------------------------------------------------------------------------------------- */

body {
	text-align: center;
	margin: 0 auto;
	background: #fff;
	font-size: 0.8em;
	line-height: 1.55em;
	letter-spacing: 0.04em;
	font-family: helvetica, arial, sans-serif;
	color: #555;
}

#page {
	margin: 25px auto 0 auto;
	width: 900px;
	text-align: left;
	border-left: solid #fff 35px;
	display: block;
	clear: both;
}

#deck {
	margin: 25px auto;
	width: 865px;	
	text-align: center;
	display: block;
	overflow: hidden;
}

.eightdiv {
	margin: 0 0 50px 0;
	display: block;
	clear: both;
	overflow: hidden;
}

.sixdiv, .fivediv, .fourdiv, .threediv, .twodiv, .onediv, li {
	float: left;
	margin: 0 15px 0 0;
	display: inline;
	overflow: hidden;
}

.sixdiv {width: 645px;}
.fivediv {width: 520px;}
.fourdiv {width: 425px;}
.threediv {width: 275px; margin-right: 20px;}
.twodiv, li {width: 205px;}
.onediv {width: 150px;}

/* Links ------------------------------------------------------------------------------------- */

a img {float: left; display: block; overflow: hidden;}

a.graphiclink img:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}

a.graphiclink:hover {
	float: left;
	display: block;
	overflow: hidden;
	background-color: #ffff00;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

a:link, a:visited, .linkstoggle {color: #000; background-color: #fff; text-decoration: none;}
a:link:hover, a:visited:hover, .linkstoggle:hover {color: #000; background-color: #ffff99; text-decoration: none;}

a:link, a:visited, a:link:hover, a:visited:hover {outline: none;}

/* Typography ------------------------------------------------------------------------------------- */

h1 {
	font-size: 1.1em;
	line-height: 1em;
	letter-spacing: 0.2em;
	font-family: arial black, helvetica, arial, sans-serif;
	text-transform: uppercase;
	outline: none;
}

h2 {
	font-size: 1.2em;
	line-height: 1em;
	letter-spacing: 0.2em;
	font-family: 'palatino linotype', times, georgia, serif;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	outline: none;
	text-align: center;
	padding: 15px 0 25px 0;
	margin-top: 15px;
	border-top: 1px solid #ddd;
	width: 865px;
	overflow: hidden;
	clear: both;
	display: block;
}

h3.posttitle { /* Also see link style */
	font-size: 2em;
	line-height: 1.3em;
	letter-spacing: 0em;
	font-family: georgia, times, serif;
	margin: 0 0 25px 0;
	position: relative;
	top: -5px;
}

.postmeta {
	margin: 0 0 15px 0;
	display: block;
}

strong {font-weight: bold;}

em {font-style: italic;}

p {margin: 0 0 10px 0; line-height: 1.7em;}

.gray {color: #999;}

/* Index-specific ------------------------------------------------------------------------------------- */

h5 {margin: 0 0 15px 0;} /* List of work subheads */

h2.index {padding-bottom: 50px;}

#daily {
	width: 865px;
	height: 400px;
	margin: 50px 0;
	overflow: hidden;
	position: relative;
}

.dailycaption {
	z-index: 2;
	padding: 10px 15px 10px 10px;
	background: #fff;
	min-width: 185px;
	max-width: 405px;
	position: absolute;
	margin: 15px 0 0 15px;
	text-align: left;
}

.dailycaption h3 {line-height: 1.3em; margin: 0 0 5px 0;}

#daily img {
	z-index: 1;
	position: absolute;
}

.twodiv li {
	line-height: 1.3em;
	margin: 0 0 10px 0;
	color: #aaa;
	overflow: hidden;
}

.twodiv ul {
	margin: 0 0 15px 0;
	overflow: hidden;
}

.newsbox { 
	font-size: 1.1em;
	line-height: 1.5em;
	letter-spacing: 0.05em;
} 

.more {margin: 0;}

.linkstoggle, .linkstoggle2 {
	cursor: pointer; 
	display: inline;
	position: relative;
	padding-right: 18px;
}

.linkstoggle {background: url(/images/template/closed.gif) no-repeat 100% 100%;}
.linkstoggle2 {background: url(/images/template/open.gif) no-repeat 100% 100%;}

.links {margin: 25px 0 0 0;}

/* Blog pages ------------------------------------------------------------------------------------- */

.newspost p {
	font-size: 1.18em;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}

.graphicpost .sixdiv p {float: left; margin-top: 15px; display: block; clear: both;}

* html .graphicpost .sixdiv p {width: 645px;}

ul.blog_option {
	float: left;
	display: inline;
	text-align: left;
}

ul.blog_option li { 
	margin: 0 25px 0 0;
	display: inline;
	float: none;
}

a.prev, a.next { /* Also see link style */
	float: right; 
	margin: 0 35px 0 0;
	font-size: 1.1em;
	line-height: 1em;
	letter-spacing: 0.2em;
	font-family: arial black, helvetica, arial, sans-serif;
	text-transform: uppercase;
}

/* Blog single page ------------------------------------------------------------------------------------- */

.singlecount {
	margin: 0 0 25px 220px;
	width: 680px;
	clear: both;
	overflow: hidden;
	display: block;
}

.commentpost {margin: 0 0 25px 0; display: block;}

.formfields {float: left; padding: 0 0 15px 0; overflow: hidden;}
.formfields input {width: 199px; margin-right: 15px;}
.formfields input.last {margin: 0;}
.commentform textarea {max-width: 645px; clear: both; display: block; font: 1em courier;}
.commentnote {float: left; margin: 15px 0 0 0; width: 425px;}
.commentbutton {float: right; margin: 10px 0 0 0; font-size: 1em;}

* html .commentform textarea {width: 635px;}

/* Work single page ------------------------------------------------------------------------------------- */

h4 {
	font-size: 1.2em;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	font-family: 'palatino linotype', times, georgia, serif;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
}

#workslides {
	margin: 0 0 25px 0;
	cursor: default;
	width: 865px;
	height: 600px;
	position: relative;
	text-align: center;
	display: block;
	overflow: hidden;
}

#workslides img {
	margin: 0 auto;
}

h3.alsowork {
	font-size: 1.6em;
}

.worktools {
	position: relative;
	top: -5px;
}

a#nextslide {
	float: right; 
	position: relative;
	width: 25px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(arrow.gif);
	margin-bottom: 25px;
}

a#nextslide:link, a#nextslide:visited {background-image: url(/images/template/arrow.gif);}
a#nextslide:link:hover, a#nextslide:visited:hover {background-image: url(/images/template/arrow.gif); background-position: 0 -31px;}

.slidecount {
	float: right;
	margin: 5px 25px 0 0;
}

/* Important ------------------------------------------------------------------------------------- */

.footer {
	border-top: 1px #ddd solid;
	padding-top: 15px;
	width: 865px;
	margin-bottom: 25px;
}

.lastdiv {margin: 0;}

p.fridays {
	font-size: 1.2em;
	line-height: 1.5em;
	letter-spacing: 0.2em;
	font-family: 'palatino linotype', times, georgia, serif;
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
	
}

/* Icons */

a img.icon {
	float: none; 
	display: inline; 
	margin: 0;
	padding: 0;
	background-color: none;
}

.postmeta a img.icon, .feed a img.icon {padding: 0 5px 0 0;}