/* CSS Document © 2008 (mt) Media Temple, Inc. All rights reserved. */

/*

	-- -- -- -- -- -- --
	Undo browser defaults

	http://tantek.com/log/2004/09.html#d06t2354
	-- -- -- -- -- -- --
	
*/



/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

/* begin layout */
body {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#a4a7ae;
	background:#181a1b url(img/bg2.gif);
	}
#bodyContent {
	width:100%;
	padding:110px 0 0;
	text-align:center;
	background:#181a1b url(img/bg.png) no-repeat center -80px;
	}
#page {
	position:relative;
	width:722px;
	margin:0 auto;
	text-align:left;
	}
a { outline:none; }
a, a:visited, a:focus {
	color:#507090;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a em, h1 em, h2 em, h3 em, .supporters strong {
	position:absolute;
	left:-9999em;
	}
#mainlogo, h1, h2, .hikimori, .motionographer, .scad, .fullres, .webres, .lillogo, blockquote {
	display:block;
	border:none;
	background-image:url(img/cmotion_sprite.gif);
	background-repeat:no-repeat;
	}
#mainlogo {
	position:absolute;
	left:13px;
	top:-69px;
	width:109px;
	height:43px;
	background-position:left top;
	}
h1 {
	padding:0;
	position:absolute;
	right:13px;
	top:-45px;
	width:238px;
	height:12px;
	background-position:left -84px;
	}
h2 {
	padding:0;
	margin:0 0 20px 0;
	width:372px;
	height:58px;
	background-position:left -219px;
	}

h2.creditsh2 {
	background:none;
	width:100%;
	height:auto;
	color:#777;
	font-size:22px;
	margin-bottom:30px;
	font-weight:normal;
	}

hr {
	display:block;
	border:0;
	width:100%;
	height:5px;
	color:#303132;
	background:#303132;
	overflow:hidden;
	}
	

p {
	margin:0 20px 30px 0;
	line-height:24px;
	}

.credits {
	display:block;
	margin-bottom:30px;
	}
.credits li {
	display:block;
	clear:left;
	margin:0 30px 0 10px;
	padding:10px 0;
	border-bottom:1px solid #222;
	}
.credits li.credits_subhead {
	margin:0 20px 0 0;
	padding:0;
	border:0;
	}
.credits li.lastli {
	border:0;
	margin-bottom:30px;
	}
.credits li strong {
	display:block;
	font-size:14px;
	color:#bbb;
	}
.credits li.credits_subhead strong {
	font-size:16px;
	color:#eee;
	border-bottom:5px solid #303132;
	margin-bottom:30px;
	padding-bottom:5px;
	}
.credits li span {
	display:block;
	font-size:9px;
	color:#777;
	text-transform:uppercase;
	margin:3px 0;
	}
.credits li span em {
	font-style:normal;
	font-weight:bold;
	color:#888;
	}
	
.hikimori {
	width:126px;
	height:39px;
	background-position:left -149px;
	}
.motionographer {
	width:115px;
	height:39px;
	background-position:-147px -149px;
	}
.scad {
	width:89px;
	height:39px;
	background-position:-286px -149px;
	}
.fullres, .webres {
	width:210px;
	height:76px;
	margin-bottom:10px;
	}
	.fullres { background-position:left -293px; }
	.webres { background-position:left -377px; }
	.fullres:hover { background-position:-210px -293px; }
	.webres:hover { background-position:-210px -377px; }
	
.fullres span, .webres span {
	display:block;
	font-size:9px;
	line-height:9px;
	padding:63px 5px 0;
	text-transform:uppercase;
	}

blockquote {
	width:211px;
	height:120px;
	background-position:right top;
	}
blockquote p {
	font-size:11px;
	line-height:16px;
	margin:0  10px 0 19px;
	padding:40px 0 0;
	}

.clearfix {
	clear:both;
	height:0;
	overflow:hidden;
	}
.col {
	float:left;
	margin:30px 0 0;
	}
.wide {
	width:486px;
	border-right:1px solid #303132;
	}
.narrow {
	width:211px;
	margin-left:24px;
	}
.supporters a {
	float:left;
	margin:0 20px 0 0;
	}
	
#footer {
	margin:50px 0 0;
	text-align:center;
	background-color:#232526;
	}
#footerContent {
	width:722px;
	margin:0 auto;
	text-align:left;
	}
#footerContent p {
	color:#545b5e;
	font-size:10px;
	line-height:33px;
	width:100%;
	}
#footerContent a, #footerContent a:visited {
	color:#9aa7ad;
	}
	
.lillogo {
	float:left;
	width:31px;
	height:16px;
	margin:10px 10px 0 0;
	background-position:-137px -31px;
	}
	
.slideshowlink {
	padding:2px 0 2px 30px;
	background:url(/img/ssp_green_16.gif) no-repeat 6px 50%;
	}
	
.right {
	float:right;
	}