@charset "utf-8";

/* FONTS! */

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('../fonts/LeagueGothic/League_Gothic-webfont.eot');
	src: local('☺'), url('../fonts/LeagueGothic/League_Gothic-webfont.woff') format('woff'), url('../fonts/LeagueGothic/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/LeagueGothic/League_Gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'AllerLightItalic';
	src: url('../fonts/Aller/aller_ltit-webfont.eot');
	src: local('☺'), url('../fonts/Aller/aller_ltit-webfont.woff') format('woff'), url('../fonts/Aller/aller_ltit-webfont.ttf') format('truetype'), url('../fonts/Aller/aller_ltit-webfont.svg#webfontRBXzndQj') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerLightRegular';
	src: url('../fonts/Aller/aller_lt-webfont.eot');
	src: local('☺'), url('../fonts/Aller/aller_lt-webfont.woff') format('woff'), url('../fonts/Aller/aller_lt-webfont.ttf') format('truetype'), url('../fonts/Aller/aller_lt-webfont.svg#webfontRBXzndQj') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* MAIN STYLES */

body {
	/*background:url('../../img/site/grid4.jpg') repeat 30px;*/
	background:#100A00 url('../../img/site/bg.gif');
	color:#AD9B65;
	font:10pt/15pt AllerLightRegular;
	letter-spacing:.08em;
	}

h1 {
	font:36pt LeagueGothicRegular;
	letter-spacing:.1em;
	}

a {
	color:#C07600;
	}

a:visited {
	color:#C07600;
	}

a:hover {
	color:#F76700;
	}

#container {
	position:relative;
	min-height:100%;
	}


/* HEADER STYLES */

#header {
	background:url('../../img/site/header.png') no-repeat;
	color:#FFF;
	height:100px;
	padding:10px;
	letter-spacing:0;
	}

#header li a, #header li a:visited {
	color:#FDFDF7;
	}


#header li a:hover {
	color:#F76700;
	}

#header a#logo {
	position:absolute;
	top:0;
	left:0;
	width:96px;
	height:100px;
	background: url('../../img/site/gp_icon_lit.png');
	}

#header a#logo img {
	z-index:1;
	}


#header li {
	float:left;
	margin-top:-5px;
	padding:10px 15px;
	font:18pt AllerLightRegular;
	background:url('../../img/site/darken.png');
	}

#header ul {
	margin:20px 0 0 540px;
	width:507px;
	}



/* CONTENT STYLES */

#content {
	margin:20px 0 0 30px;
	padding-bottom:460px;
	width:1020px;
	}

img.main {
	margin-bottom:20px;
	}

div.main.left {
	float:left;
	width:630px;
	}

div.main.right {
	float:left;
	margin-left:20px;
	width:370px;
	}

div.main h2 {
	margin-left:0;
	padding-bottom:8pt;
	}

div.main img {
	margin-bottom:10px;
	}

div.main.left h3 {
	padding:0 10px;
	width:610px;
	}

div.main.right h3 {
	padding:0 10px;
	width:350px;
	}

div.main h3 {
	background:#56541B;
	width:100%;
	height:20px;
	text-align:right;
	}

#content h1.contents {
	margin-left:130px;
	}

ul.contents {
	margin-left:130px;
	width:650px;
	font:16pt AllerLightRegular;
	border-top:1px solid #373737;
	padding-bottom:30px;
	}

.contents li {
	width:630px;
	padding:10px;
	margin:2px 0;
	border-bottom:1px solid #373737;
	}

.contents li span {
	float:right;
	width:150px;
	font:16pt AllerLightRegular;
	}

.contents li a {
	padding:0 10px;
	color:#F9DE98;
	display:block;
	}

.contents li a:hover {
	background:#56541B;
	}

#content h1 {
	color:#FDFDF7;
	margin-left:0;
	padding-bottom:5pt;
	}

h2 {
	margin-left:130px;
	font:24pt LeagueGothicRegular;
	padding:14pt 0 10pt 0;
	letter-spacing: .02em;
	color:#E5E7C6;
	}

#article ul#postinfo {
	color:#56541B;
	height:20px;
	width:1020px;
	margin-bottom:10pt;
	padding-bottom:0;
	}

#postinfo li {
	float:left;
	margin:-3px 30px 0 7px;
	padding:3px;
	}

#postinfo li a, #postinfo li a:visited {
	color:#56541B;
}

#postinfo li a:hover {
	color:#F9DE98;
	text-decoration:underline;
	}

#postinfo a {
	color:#F9DE98;
	}

hr {
	width:1014px;
	border:3px solid #56541B;
	margin-bottom:10pt;
	}

hr + ul + hr {
	border:1px solid #56541B;
	margin-bottom:15pt;
	}

p {
	padding-bottom:12pt;
	}

#article p, #article ul {
	margin-left:130px;
	width:500px;
	padding-bottom:12pt;
	}

#article p.caption {
	position:relative;
	top:10px;
	font:8pt/11pt AllerLightRegular;
	margin-left:0;
	width:100%;
	}

#content em {
	font:10pt/15pt AllerLightItalic;
	}

.left {
	float:left;
	}

.left.inset {
	margin:0 20px 5px 130px;
	}

.right {
	float:right;
	}

.right.inset {
	margin:0 380px 5px 30px;
	}

.col0 {
	margin-left:0;
	}

.col1 {
	margin-left:130px;
	}

.col2 {
	margin-left:270px;
	}

.col3 {
	margin-left:390px;
	}

.col4 {
	margin-left:520px;
	}

.col5 {
	margin-left:650px;
	}

.one {
	width:110px;
	}

.two {
	width:240px;
	}

.three {
	width:370px;
	}

.four {
	width:500px;
	}

.solo {
	padding-bottom:15px;
	}


.clear {
	clear:both;
	}

a.details {
	display:block;
	margin-bottom:10px;
	}

div.quicktime {
	margin-bottom:10px;
	}	

p.details {
	display:none;
	}



/* FOOTER STYLES */

#footer {
	position:absolute;
	bottom:0;
	background:#000 url('../../img/site/footer_texture.jpg');
	color:#433F2D;
	border-top:10px solid #0C0600;
	height:400px;
	width:100%;
	}

#footer h1 {
	color:#E1BD60;
	margin-left:0;
	font:16pt LeagueGothicRegular;
	letter-spacing:.1em;
	padding-bottom:8pt;
	}

#footer a {
	color:#858276;
	}

#footer a:hover {
	color:#F76700;
	}
	




div#about {
	position:absolute;
	top:20px;
	left:30px;
	width:450px;
	padding-bottom:10px;
	}

#about img {
	float:left;
	padding:3px;
	border:1px solid #1B1400;
	margin-right:10px;
	}

#about div {
	margin-bottom:15px;
	padding-bottom:15px;
	}

#about ul li {
	padding:5px;
	}



div#links {
	position:absolute;
	top:20px;
	left:500px;
	}

#links div {
	margin-bottom:15px;
	padding-bottom:15px;
	}



div#tweets {
	position:absolute;
	top:20px;
	left:680px;
	width:360px;
	}
	

#tweets ul li {
	padding-bottom:10px;
	}




/* FORM STYLES */
label {
	display:block;
	}

input, textarea {
	width:370px;
	margin-bottom:6pt;
	}

textarea {
	height:200px;
	}

input#submit {
	width:75px;
	margin-top:5pt;
	padding:4px 2px;
	background:#56541B;
	color:#F9DE98;
	}

.error {
	color:#F00;
	font-weight:bold;
	margin-left:15px;
	display:none;
	}

/*   STILLS STYLES    */
#stills img {
	margin:0 0 10px 10px;
	}

#stills p {
	margin:-5px 0 10px 10px;
	}

/*   MOTION STYLES    */
#motion img {
	margin:0 0 10px 10px;
	}

#motion p {
	width:600px;
	margin:10px 0 10px 10px;
	}