/**** START Reset Styles ****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**** END Reset Styles ****/

body {
	margin:0;
	padding:0;
	font-family: 'Nobile', Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:1.2em;
	background: #000 url(../images/home_background.jpg) top center no-repeat;
}
	body#upcoming {
		background: #fff url(../images/upcoming_background.jpg) top center no-repeat;
	}
	
	body#biography {
		background: #fff url(../images/biography_background.jpg) top center no-repeat;
	}
	
	body#videos {
		background: #fff url(../images/videos_background.jpg) top center no-repeat;
	}
	
	body#photos {
		background: #fff url(../images/photos_background.jpg) top center no-repeat;
	}
	
	body#interviews {
		background: #fff url(../images/interviews_background.jpg) top center no-repeat;
	}
	
	body#links {
		background: #fff url(../images/links_background.jpg) top center no-repeat;
	}
	
	body#contact {
		background: #fff url(../images/contact_background.jpg) top center no-repeat;
	}
	
	body#comic {
		background: #000 url(../images/comic_background.jpg) top center no-repeat;
	}


h1#title {
	position:absolute;
	left: -99999px;
	margin:0;
	padding:0;
}

h2#section {
	text-indent:-99999px;
}

h2#section span.initial {
	font-weight:bold;
}

#content h3, #content h1 {
	font-size: 14px;
	font-weight:bold;
}

#content p {
	margin:1em;
}

body#comic h2#section {
	font-family: sans-serif;
	text-indent: -99999px;
	background: url(../images/comic_banner.jpg) top center no-repeat;
	width:1024px;
	height:200px;
	position:static;
}

#content {
	background: #000 url(../images/home_background.jpg) top center no-repeat;
	margin:0 auto;
	width:983px;
	min-height:780px;
	height:auto !important;
	height:780px;
	padding:0;
}
	body#upcoming #content {
		background: #fff url(../images/upcoming_background.jpg) top center no-repeat;
	}
	
	body#biography #content {
		background: #fff url(../images/biography_background.jpg) top center no-repeat;
	}
	
	body#videos #content {
		background: #fff url(../images/videos_background.jpg) top center no-repeat;
	}
	
	body#photos #content {
		background: #fff url(../images/photos_background.jpg) top center no-repeat;
	}
	
	body#interviews #content {
		background: #fff url(../images/interviews_background.jpg) top center no-repeat;
	}
	
	body#links #content {
		background: #fff url(../images/links_background.jpg) top center no-repeat;
	}
	
	body#contact #content {
		background: #fff url(../images/contact_background.jpg) top center no-repeat;
	}
	
	body#comic #content {
		background: #000 url(../images/comic_background.jpg) top center no-repeat;
		/*width: 799px;*/
	}


#welcome {
	font-size:0.9em;
	color: #333;
	position: relative;
	width: 420px;
	top: 90px;
	left:520px;
	text-align:justify;
}

a {
	color: #a94900;
}

#welcome a:hover {
	text-decoration: none;
}

#todd {
	position:relative;
	width:420px;
	top:170px;
	left:520px;
	text-align:center;
}

#todd div {
	padding:2em 0;
}

#todd .social img {
	padding:0 5px;
}

#navigation {
	padding:0;
	margin:0 auto;
	height:30px;
}
#navigation ul {
	padding:0;
	margin:0;
	text-align:center;
	list-style:none;
	border-right: 1px solid #b49b75;
}
#navigation ul li {
	float:left;
	font-size:0.75em;
	text-transform:uppercase;
	margin:0;
	padding:0;
	border-left: 1px solid #b49b75;
}
#navigation ul li a {
	display:block;
	height:29px;
	line-height:31px;
	width: auto;
	background:url(navigation_bg.png) top right repeat-y;
	color:#dedede;
	text-decoration:none;
	margin:0;
	padding:0 23px;
	text-align:center;
}

#navigation ul li.thispage {
	display:block;
	height:29px;
	line-height:31px;
	width: auto;
	/* background:url(navigation_bg.png) top right repeat-y; */
	background-color: #fff;
	color:#673c1c;
	text-decoration:none;
	margin:0;
	padding:0 23px;
	text-align:center;
}

#navigation ul li a:hover {
	background-color: #573120;
}

#upcoming_content,
#biography_content,
#videos_content,
#photos_content,
#interviews_content,
#links_content,
#contact_content {
	position:relative;
	color:#333;
	margin:0 auto;
	margin-top:310px;
	width: 800px;
}

#upcoming_content {
	padding:0px 100px;
}

#upcoming_content p {
	margin:0;
}

#biography_content {
	padding:0px 100px;
	text-align:justify;
}

#biography_content ul.credits {
	margin:1em;
	font-family:Arial, Helvetica, sans-serif;
}

#videos_content {
	text-align:center;
}

.video {
	padding:2em;
}

#interviews_content {
	padding:0px 100px;
}

#links_content {
	padding:0px 200px;
}

.interview {
	padding: 1em;
}

.interview img {
	float:right;
}

.interview .interview_title {
	font-weight:bold;
}

.interview .interview_interviewer,
.interview .interview_publication,
.interview .interview_link {
	margin-left:2em;
}

.interview .interview_link {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:0.7em;
}

.interview .interview_link a {
}

ul.credits li {
	margin:0.5em 0;
}

ul.credits .credit_title {
	font-weight:bold;
	color:#009;
}

ul.credits .credit_year {
	margin-left:0.2em;
}

ul.credits .credit_role {
	display:block;
	padding-left:2.5em;
	color:#666;
}

ul.links {
	height:400px;
	width:600px;
}

ul.links li {
	float:left;
	height:100px;
	padding:0.5em;
	width:150px;
	text-align:center;
}

ul.links li a {
	text-decoration:none;
}

h3.article_title {
	margin:0;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
}

div.article {
	margin-bottom:1em;
}

div.article div.article_content {
	margin-left:2em;
}

div.article p {
	margin-top:0;	
}

/*
div.gallery_photos {
	position:absolute;
	width: 670px;
	top:0;
	left:50%;
	margin-left:-335px;
	display:block;
}
div.gallery_photos img {
	width:164px;
	height:110px;
}
*/
div.gallery_close {
	position:absolute;
	top:-15px;
	right:-15px;
	height:34px;
	width:35px;
	background-image:url(../images/close.png);
	background-repeat:no-repeat;
	background-position:top left;
	cursor:pointer;
}

#viewer {
	position: absolute;
	top:0;
}
div#comic_content {
	text-align:center;
	margin: 0px 112px;
	width: 800px;
}

/*
div.episode_navigation {
	background-color: #fff;
	padding: 5px 0;
	margin-top: -80px;
}

div.episode_navigation a,
div.episode_navigation span {
	display:inline-block;
	padding:0px 15px;
}

div.episode_navigation a {
	text-decoration:none;
}
*/

#episode_navigation {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

#episode_navigation a,
#episode_navigation span {
	display:inline-block;
	padding:0px 15px;
}

#episode_navigation a {
	text-decoration:none;
}

#episode_title {
	background-color: #fff;
	margin: 0;
	padding: 5px;
}

p.episode_title {
	background-color: #fff;
	font-size: 20px;
	font-weight: bold;
}

#episode_tbc {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

p.tbc {
	font-style: 'Comic Sans',arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	padding: 0;
	margin: 0;
}

div.episode_content {
	background-color: #fff;
	height:600px;
	width:800px;
	padding: 0;
	margin: 0;
}

.tagline {
	font-style:italic;
	padding-bottom: 1.5em;
}

div#comic_content div.introduction {
	font-size: 0.9em;
	margin-bottom: 0px;
	padding:30px 100px;
	padding-top:220px;
	padding-bottom:0;
	background:url(../images/road_sign.gif) center 20px no-repeat;
}

div#comic_content div.introduction p {
	text-align: left;
	padding: 0.5em;
}

div.lazy_cougar {
	text-align:right;
	padding-right:55px;
	margin-top:-20px;
}

#footer {
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	text-align:right;
	font-size:0.7em;
	background-color: #666;
}

address {
	margin:0 3em;
	padding:0;
	white-space:pre;
	font-family:"Courier New", Courier, monospace;
}

fieldset {
	background-color:#dedede;
	padding:2em;
	margin:0 50px;
	margin-bottom:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	border:1px solid #ccc;
}

/*
label {
	display:inline-block;
	width:200px;
	text-align:right;
	vertical-align:top;
}
*/

#captcha {
	padding-top:1em;
}

#captcha img {
	display:block;
	padding:3px;
	padding-left:205px;
	margin-bottom:0.7em;
}

button {
	display:block;
	margin-top:1em;
	margin-left:205px;
}