/*---------------------------------------------------
Directions - Kasimir Burgess CSS

Version: 0.1
Author: Gozer Media
Website: http://www.gozermedia.com
----------------------------------------------------*/



/* TYPOGRAPHY & COLOUR
----------------------------------------------------*/

ul.nav a {
	color:#fff;
	text-decoration:none;
}

ul.nav a:hover, ul.nav a.active, div.stillsmenu a.active, div.stillsmenu a.selected {
	color:#0099FF;
}

h1 {
	font-size:150%;
	color:#0099FF;
	margin-bottom:1em;
}

h1.stills {display:inline;}

p {
	line-height:140%;
	margin-bottom:1em;
}

p.date {
	width:250px;
	font-style:italic;
	line-height:120%;
	padding-top:0.8em;
	margin:0;
	border-top:1px dashed #0099FF;
}

p.name {
 	padding-top:0.8em;
	color:#0099FF;
	margin-bottom:0;
}

p.role {
	font-style:italic;
}

p.border {
	padding-top:0.8em;
	border-top:1px dashed #0099FF;
}

p.borderbottom {
	padding-bottom:0.8em;
	border-bottom:1px dashed #0099FF;
}

p.large {font-size:170%;}

p a {
	color:#fff;
	text-decoration:none;
	font-style:italic;
	border-bottom:1px solid #CCC;
}

p a:hover {color:#0099FF; border-bottom-color:#0099FF;}

html > body p a {border-bottom:1px dotted #CCC;}

div.stillsmenu a {color:#fff; text-decoration:none;}
div.stillsmenu a:hover {color:#0099FF;}

/* NAVIGATION
----------------------------------------------------*/

ul.nav {
	list-style:none; float:left; margin-right:30px;
}

ul.nav li {
	padding-bottom:0.4em;
}

div.stillsmenu {display:inline; padding:0 0 0 20px;}

div.stillhead {margin-bottom:20px;}

/* IMAGES
----------------------------------------------------*/

.r_img {float:right; margin-left:40px;}

.gallery {
	position:relative;
	float:left;
	width: 200px;
	height: 160px;
	margin:0 20px 20px 0;
	filter:alpha(opacity=100);
}


/* STILLS THUMB SYSTEM
----------------------------------------------------*/

#viewport {position:relative; width:640px; height:340px; overflow:hidden;}

#container {position:absolute; width:6600px}

.section {width:660px; float:left;}




/* LAYOUT
----------------------------------------------------*/

* {margin:0; padding:0; border:0;}

body {
	color:#fff;
	background:#000;
	font-size:small;
	font-family:Arial, sans-serif;
}

#wrap {
	width:955px;
	margin:40px;
}

#head {
	margin:20px 20px 20px 40px;
	height:82px;
}

#page_img {
	height:480px;
	margin-bottom:20px;
	padding:20px;
}

#content_wrap {
	width:auto;
	float:left;
	padding:20px;
	filter:alpha(opacity=65);
	background-color:#000000;
}

html > body div#content_wrap, html > body div#stills_wrap {background:none; background-image:url(images/content_bg.png);}

#content {
	position:relative;
	filter:alpha(opacity=100);
}

.bigger {width:640px;}

#stills_wrap {
	width:660px;
	float:left;
	padding:20px 0 20px 20px;
	filter:alpha(opacity=65);
	background-color:#000000;
}

.smaller {width:250px;}

.clear {clear:both;}

html > body .bio {
	position:relative;
	clear:both;
	width:500px;
	margin-bottom:20px;
	border-top:1px dashed #0099FF;
}

html > body .bio p {float:left; padding-left:120px; width:520px;}

html > body .bio img {position:absolute; left:0; width:100px; height:120px;}

.bio {clear:both; margin-bottom:20px; border-top:1px dashed #0099FF;}
.bio p {clear:both; float:right; width:520px;}
.bio img {float:left; width:100px; margin-top:0.8em;}
.bigger-center {
	font-size: 14px;
	text-align: center;
}
.caps {
	text-transform: uppercase;
}
.key-credits {
	font-family: "Arial Narrow";
	font-size: medium;
	text-align: center;
	text-transform: uppercase;
}
.key-credits-smaller {
	font-size: x-small;
}
.link-list   a {
	color:#fff;
	text-decoration:none;
	font-style:italic;
	border-bottom:1px solid #CCC;
	line-height: 130%;
}
.link-list   a:hover {
	color:#0099FF;
	border-bottom-color:#0099FF;
}