/*
Filename: styles.css
*/

@import "../css/typography.css";
@import "../css/jquery.lightbox.css";

*{padding: 0; margin: 0;}
body {
	background: #000 url(../images/page_bg.jpg) top left no-repeat;
	color:#fff;
	padding:30px;
	text-align:center;
}

img { border:0; }
/* Common Styles */
a { color:#90a8c0; outline:none; text-decoration:none; }
a:visited { color:#90a8c0; }
a:hover { text-decoration:underline; }
ul, li { list-style-type:none; margin:0; padding:0; }
li a { color:white; text-decoration:none; }
li a:hover { text-decoration:underline; }
dl, dt, dd {margin:0; padding:0;}
dt { color:#c66937; }
dd { margin: 1.0em 0; padding:0;}
p {margin: 0.9em 0; padding:0;}
blockquote { margin:2em 0; padding:0; }
.attribution { font-weight:bold; }

div.hrule { width:100%; clear:both; margin:0 0 15px 0; border-bottom:1px solid #33373c; }
#rail div.hrule { margin-bottom:10px; }

#header {
	width:920px;
	margin:0 auto;
	text-align:left;
}
#brand {
	margin:0 0 30px 20px;
	padding:0;
}
#global-nav { width:920px; border:1px solid black;}
#global-nav ul { background:transparent url(../images/nav_bg.gif) repeat-x; height:40px; margin:0; padding:0; vertical-align:middle; width:100%; }
#global-nav li { display:block; float:left; border-right: 1px solid black; height:40px; margin:0; padding:0; vertical-align:middle; text-align:center;}
#global-nav li.last { border-right:none; }
#global-nav li.hover { background:transparent url(../images/nav_bg_hover.gif) repeat-x;}
#global-nav li a { display:block; width: 100%; height:40px; vertical-align:middle; line-height:40px; text-indent: -5000px; }
#global-nav li.active { background:transparent url(../images/nav_bg_active.gif) repeat-x;}
#global-nav li.hover { background:transparent url(../images/nav_bg_hover.gif) repeat-x;}
#global-nav a#about { width: 112px; background:transparent url(../images/nav_about_us.gif) center center no-repeat; }
#global-nav a#films { width:91px; background:transparent url(../images/nav_films.gif) center center no-repeat; }
#global-nav a#production { width:157px; background:transparent url(../images/nav_in_production.gif) center center no-repeat; }
#global-nav a#team { width:89px; background:transparent url(../images/nav_team.gif) center center no-repeat; }
#global-nav a#awards { width:112px; background:transparent url(../images/nav_awards.gif) center center no-repeat; }
#global-nav a#reviews { width:113px; background:transparent url(../images/nav_reviews.gif) center center no-repeat; }
#global-nav a#photos { width:107px; background:transparent url(../images/nav_photos.gif) center center no-repeat; }
#global-nav a#contact { width:132px; background:transparent url(../images/nav_contact_us.gif) center center no-repeat; }

#container {
	width:920px;
	margin:0 auto;
	text-align:left;
}
#container .column { float:left; position:relative; text-align:left;}

#content {
	width: 600px;
	padding:20px 0 10px 0;
}
#page {
	padding:3px 60px 0 20px;
}
.callout {
	border-bottom:1px solid #33373c;
	padding:0 0 1.3em 0;
}
.callout p {margin:0; padding:0;}
#home-callout {
	background-color:#1b2227; 
	border:1px solid #33373c;
	padding:0;
	margin: 15px 0 0 52px;
	width: 540px;
}
#home-callout img.hero { display:block; border:1px solid #33373c; }
#home-callout .home-story {
	padding:20px 20px 30px 24px;
	margin:0;
	background-color:#666666;
	border:1px solid #33373c;
}

#rail { width:320px; padding:24px 0 20px 0; }

ul.rm-list, ul.rm-list li { margin:0; padding:0; list-style:none;}
ul.rm-list { margin: 1.5em 0;}
ul.rm-list li { background:transparent url(../images/bullet.gif) center left no-repeat; text-indent:1em;}
ul.rm-list li a {color:#fff;}
ul.no-margin { margin:0; padding:0; }

.railfilm { }
.railfilm-photo img { display:block; border:1px solid #fff;}

/* Creates a two column list. Use wth 'rm-list' style above. */
ul.two-column { width:100%; }
ul.two-column li { float:left; width:50%; }

/* Two columns */
.two-column { width:50%; float:left; }

/* Films Page */
.film {  }
.film-photo { float:left; }
.film-photo img { display:block; border:4px solid #fff;}
.film-info { padding-left:140px; }
.flush-left { padding-left:0; }
.film-thumbs { padding: 1em 0; }
.film-thumbs ul, .film-thumbs li {margin:0; padding:0;}
.film-thumbs ul li { float:left; display:block; margin-right:10px;}
.film-thumbs ul li.last { margin-right:0; }
.film-thumbs ul li img { border:2px solid #fff;  }
.film-header { }
.film-header ul.rm-list { float:right; margin:0; }
.film-info ul.rm-list { margin:0; }
.film p.air-date { margin-bottom:0; }
img.fpo-video { border:1px solid #33373c; margin-bottom:10px; }

/* Team Page */
.bio-pictures { margin-top: -17px; }
.bio-picture { float:left; width:33%; margin-bottom: 30px; }
.bio-picture img {border: 4px solid #fff;}
.bio-header ul.rm-list { float:right; margin:0; }

/* Awards Page */
.award { margin-bottom:20px; }
ul.awards, ul.awards li, ul.awards li ul, ul.awards li ul li { margin:0; padding:0; list-style-type:none; }
ul.awards { margin: 0.5em 0 0.8em 0; }
ul.awards li { margin-bottom:1em; }

#footer { border-top:1px solid #33373c; clear:both; padding-top:20px; margin:0 auto; text-align:center; width:920px;}
#footer ul, #footer li {margin:0; padding:0;}
#footer li { background:transparent url(../images/pipe.gif) center right no-repeat; display:inline; margin-right: 1.5em; padding-right:1.5em;}
#footer li.last { padding-right:0; margin-right:0; background:none; }
#footer a {color:#fff;}