html, body { height: 100%; }

body {
	background: rgb(240,233,224);
	font-family: Georgia, serif;
	text-align: center;
}

a:link,
a:visited {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a:hover,
a:active { border-bottom-style: solid; }

body.winter .section a:link,
body.winter .footer a:link { color: rgba(0,0,255,0.9); }

body.spring .section a:link,
body.spring .footer a:link { color: rgba(51,153,0,0.9); }

body.summer .section a:link,
body.summer .footer a:link { color: rgba(255,51,0,0.9); }

body.autumn .section a:link,
body.autumn .footer a:link { color: rgba(51,0,0,0.9); }

.section a:visited,
.footer a:visited { color: rgba(0,0,0,0.8); }

body.winter .section a:hover,
body.winter .section a:active,
body.winter .footer a:hover,
body.winter .footer a:active { background-color: rgba(0,0,255,0.2); }

body.spring .section a:hover,
body.spring .section a:active,
body.spring .footer a:hover,
body.spring .footer a:active { background-color: rgba(51,153,0,0.2); }

body.summer .section a:hover,
body.summer .section a:active,
body.summer .footer a:hover,
body.summer .footer a:active { background-color: rgba(255,51,0,0.2); }

body.autumn .section a:hover,
body.autumn .section a:active,
body.autumn .footer a:hover,
body.autumn .footer a:active { background-color: rgba(51,0,0,0.2); }

/*
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited { border: 0; }
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active {
	-moz-border-radius: 0.125em;
	-webkit-border-radius: 0.125em;
}
*/

#wrap {
	text-align: left;
	margin: 0 auto;
	max-width: 1024px;
	min-width: 720px;
	min-height: 100%;
	position: relative;
}

.header {
	position: absolute;
	top: 14px;
	left: 5px;
	background-position: 53px 28px;
	background-repeat: no-repeat;
}
body.autumn .header { background-image: url(autumn.png); }
body.winter .header { background-image: url(winter.png); }
body.spring .header { background-image: url(spring.png); }
body.summer .header { background-image: url(summer.png); }
.header,
.header h1,
.header h1 a {
	border: 0;
	line-height: 1;
	overflow: hidden;
	width: 555px;
}
.header,
.header h1 {
	height: 93px;
}
.header h1 a {
	background: url(textivism.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 0;
	padding: 93px 0 0;
	filter:alpha(opacity=25);
	-moz-opacity: 0.25;
	-webkit-opacity: 0.25;
	opacity: 0.25;
}
.header h1 a:hover,
.header h1 a:active,
body#home .header h1 a {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	-webkit-opacity: 0.9;
	opacity: 0.9;
}
body#home .header h1 a { cursor: default; }

#content {
	overflow: hidden;
	line-height: 1.5;
	padding: 120px 175px 1.25em;
	background: url(fpo.png) no-repeat 100% 14px;
}
#content p,
#content ul,
#more-work li { margin: 0 0 1.25em; }

.section {
	clear: both;
}

#feature { padding-top: 1.5em; }
#feature .article {
	width: 47%;
}
#feature .article { float: left; }
#feature .article:last-child { float: right; }

#more-work { padding: 1.5em 0; }

.ldquo { margin-left: -.45em; }

.footer {
	clear: both;
	font-size: .75em;
	line-height: 2;
	border-top: .0833em solid rgba(112,23,9,.25);
	margin: 0 160px;
	padding: .9167em 15px 1em;
}

abbr {
	cursor: help;
}
a abbr { cursor: pointer; }

.caps {
	font-size: 87.5%;
	letter-spacing: .0625em;
	text-transform: uppercase;
}

.skip {
	position: absolute;
	top: -9000px;
	left: -9000px;
}

#feature h2 {
	text-transform: uppercase;
	letter-spacing: 0.125em;
	text-align: center;
}

#feature h2,
#feature h3 {
	margin: 0 0 1.25em;
}

#more-work a,
h2,
h3 {
	font-weight: bold;
}

.article img {
	display: block;
	border: 0;
	border-top: .0625em solid rgba(0,0,0,.5);
	border-bottom: .0625em solid rgba(0,0,0,.5);
	width: 100%;
	margin: 0 0 1.25em;
}

#shadow {
	position: fixed;
	top: 0;
	left: 0;
	display: table;
	background: rgb(51,51,51);
	background: rgba(0,0,0,.5);
	height: 100%;
	width: 100%;
	text-align: center;
}
#shadow p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#shadow span {
	position: relative;
	display: block;
	height: 500px;
	width: 1000px;
	margin: 0 auto;
	padding: 25px;
}
#shadow #close-me {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#shadow #fill-me {
	display: block;
	margin: 0 auto;
}

#shadow {
	display: none;
}

#noie6 {
	text-indent: 3em;
}