/* PUT YOUR TEMPLATE LAYOUT INTO THIS FILE */

body
{
	margin:0;
	padding:0;
	text-align:center;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #eb9834;
	background-image: url(../images/bg_tile.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

h2
{
	color:#860037;	
}


/* outermost div - everything is wrapped by the container */
#container
{
	margin:0 auto;
	width:780px;
	text-align:left;
}

/* use based on layout */


#center
{
	clear:both;
}


#producers
{
	position:relative;
	top:95px;
	left:170px;
	width:200px;
}


#top
{
	margin-top:20px;
	width: 780px;
	
}


#top .right
{
	float:right;
	margin-top:15px;
	text-align:left;
}

#bottom
{
	margin-top:10px; 
	padding-bottom:25px;
	text-align:center;
	color:#000;
	font-size:.7em;
}

.content
{
	margin-top:10px;
	padding:10px 0px 10px 0px;
}

.content .left
{
	float:left;
}

.content .left .box
{
	float:left;
	width:140px;
	border:1px solid #fff;
	background:#b2c8e5;
	padding:5px;
	margin-bottom:5px;
}

h3
{
	font-size:1.5em;
}

.content .left h3, .content .left h3 a
{
	color:#fff;
	margin:0;
	padding:0;
	text-decoration:none;
}

.content .left .box h3 a:hover
{
	color:#004aa9;
	background-image:none;
}



.content .left .thumb
{
	float:left;
	margin:5px 5px 0px 0px;
}

.content .left  .inner_box a
{
	float:left;
	font-size:.9em;
	color:#004aa9;
	padding-top:20px;
	text-decoration:none;
}

.content .left  .inner_active
{
	float:left;
	font-size:.9em;
	color:#fff;
	padding-top:20px;
	text-decoration:none;
}

.content .left  .inner_box a:hover
{
	color:#fff;
}

.content .right
{
	margin-left:165px;
	color:#860037;
}
					
.right .box h2 a
{
margin:0;
padding:0;
text-decoration:none;
color:#004aa9;
}

.right .box h2 a:hover
{
color:#fff;
}

.content .right ul
{
	margin:0;
	padding:0;
}

.content .right li
{
	list-style-type:none;
	padding-bottom:10px;
}

p a
{
	color:#860037;
}

p a:hover
{
	color:#fff;
}


p.p_top
{
	margin-top:0px;
	padding-top:0px;
}

#featured .box
{
	width:192px;
	margin-right:4px;
}

#featured .box .top
{
	height:115px;
}

#featured .box .bottom
{
	border:1px solid #fff;
	background:#b2c8e5;
	padding:10px;
	width:170px;
	height:105px;
	font-size:.9em;
}

#featured_narrow, #featured_wide
{
	margin-top:15px;
}

#featured_narrow .box
{
	width:150px;
	margin-right:4px;
	margin-bottom:4px;
}


#featured_narrow .box .top, #featured_narrow .box .top_alt
{
	height:25px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:.7em;
	padding-top:5px;
	background:#cc9521 url('/images/bg_shows_top_formats_top.gif') no-repeat;
}

#featured_narrow .image, #featured_wide .image
{
	height:92px;
	border:1px solid #fff;
	overflow:hidden;
}

#featured_narrow .box .bottom, #featured_wide .box .bottom_long, #featured_wide .box .bottom
{
	background:#7ea3d3 url('/images/bg_shows_top_formats_bottom.jpg') repeat-x;
	border:1px solid #fff;
	height:250px;
	border-top:0px;
	padding:5px;
	color:#000;
	font-size:.8em;
	overflow:auto; 
}

/** long box **/
#featured_narrow .box .top_alt
{
background:#b2c8e5 url('/images/bg_dkbrown_top.gif') no-repeat;
}

#featured_wide .box .bottom_long, #featured_wide .box .bottom_long
{
	height:275px;
	overflow:auto;
}

#library .box .bottom
{
	height:250px;
	overflow:auto;
}

#contact .box .bottom
{
	height:120px;
	overflow:auto;
}

#featured_narrow .box .bottom h4, #featured_wide .box .bottom h4, #featured_wide .box .bottom_long h4
{
	margin:0;
	padding:5px 0px 5px 0px;
	font-size:1em;
}

#featured_wide .box .bottom h4, #featured_wide .box .bottom_long h4
{
	font-size:1.2em;
}

#featured_wide .box
{
	width:298px;
	margin-right:18px;
	margin-bottom:18px;
}


#featured_wide .box .bottom
{
	height:190px;
	overflow:auto;
}


.box 
{
	float:left;
}

.box a
{
	color:#000;
}


/** home specific styles **/

.home .content
{
	margin-top:10px;
	border:0px;
	padding:0;
}

.home .content .left
{
	float:left;
	width:492px;
	border-right:1px dotted #fff;
	padding:10px;
}

.home .content .img_left
{
	float:left;
	width:512px;
	border:1px solid #fff;
	height:277px;
}

.home .content .right
{
	margin:0;
	float:left;
	padding:10px 5px 10px 10px;
	width:250px;
	color:#000;
}

.home .content .img_right
{
	float:left;
	width:265px;
	border:1px solid #fff;
	border-left:0px;
	height:277px;
}

/** end home specific styles **/

/** about specific styles **/

.dataTable
{
background:#b2c8e5;
border:1px solid #fff;
border-collapse:collapse;
}

.dataTable th, .dataTable td
{
	color:#000;
	padding:5px;
	border-top:1px solid #fff;
	border-collapse:collapse;
	
}

.dataTable a
{
	color:#004aa9;
	text-transform:lowercase;
}

.dataTable a:hover
{
	color:#fff;
}

.odd
{
	background:#eee;
}

.dataTable th
{
	background:#ccc;
}

/** recipes styles **/

#opacity
{
	position:absolute;
	top:0px;
	left:0px;
	background:#000;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	z-index:2;
	display:none;
}

#recipes
{
	position:absolute;
	top:0px;
	left:0px;
	width:700px;
	height:300px;
	background:#fff;
	border:1px solid #000;
	z-index:10;
	text-align:left;
	display:none;
}

#recipes .top
{
	background:#b2c8e5;
	border-bottom:3px solid #eee;
	height:37px;
}

#recipes .top h2
{
	margin:0;
	padding:10px 2px 5px 2px;
	font-size:1em;
	float:left;
}

#recipe_list
{
	float:left;
	width:148px;
	border-right:2px solid #eee;
	height:260px;
	overflow:auto;
	background:#ffba33;
	font-size:.8em;
}

#recipe_list ul
{
	margin:0;
	padding:0;
}

#recipe_list li
{
	list-style-type:none;
	padding:3px;
}

#recipe_list a
{
	color:#004aa9;
	text-decoration:none;
}

#recipe_list a:hover
{
	color:#fff;
}

.close
{
	float:right;
	padding:10px 3px 3px 10px;
}

.close a
{
	font-size:.8em;
	color:#000;
	text-decoration:none;
}

#recipe_content
{
	font-size:.8em;
	border:1px solid #ccc;
	height:258px;
	overflow:auto;
	display:none;
}

#recipe_content h1
{
margin:0px 0px 0px 0px;
padding:5px;
background:#eee;
font-size:1.4em;
}

#recipe_content h2
{
margin:0px 0px 10px 0px;
padding:5px;
background:#666;
font-size:1.2em;
}

#recipe_content .content
{
padding:5px;
}

#recipe_content h1 strong
{
	color:#004aa9;
}

.recipe_active
{
	background:#fff;
	color:#004aa9;
}


/** film page styles **/

.section
{
margin-bottom:2px;
}

.section .header, .content .right h3
{
	font-size:1.2em;
	height:18px;
	padding:8px 5px 5px 5px;
	border-right:1px solid #fff;
	background:url('/images/bg_h3.gif') no-repeat;
}

.section .header, .content .right h3
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.section .header a:hover
{
	color:#004aa9;
}

.section .text
{
	
	margin-bottom:10px;
}

.level3 li a
{
	color:#004aa9;
}

.level3 li a:hover
{
	color:#ffba33;
}

.level3 li
{
	color:#ffba33;
}

.level3 li.l3active
{
	background:#fff;
	color:#004aa9;
}

h2.celestine
{
	font-size:1.4em;
	color:#fff;
}

.photos img
{
margin-top:10px;
}

#cast_text img
{
	margin:10px;
	float:right;
}

/** image gallery styles **/

#gallery
{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:10;
}

#gallery #close
{
	position:relative;
	top:3px;
	left:0px;
	height:30px;
	width:100px;
	text-align:left;
	z-index:12;
}

#close a
{
	color:#fff;
	background:#000;
	padding:2px;
	border:1px solid #fff;
	text-decoration:none;
}

#gallery #image_in_gallery
{
	position:relative;
	top:-30px;
	z-index:10;
}

#gallery #image_in_gallery img
{
border:1px solid #fff;
}


#rematch, #fox11news
{
display:none;
position:absolute;
top:0px;
left:0px;
border:1px solid #fff;
z-index:100;
width:320px;
background:#000;
}

#rematch .close, #fox11news .close
{
float:left;
padding:2px 10px 2px 10px;
}

#fox11news .close a, #rematch .close a
{
color:#fff;
text-decoration:none;
}

/** submission form styles **/

#notice_and_agreement
{
	height:290px;
	overflow:scroll;
	background:#fff;
	padding:5px;
	color:#000;
	border:1px solid #000;
}

/** client styles **/

#clients #featured_narrow .bottom
{
	height:40px;
}

#clients #featured_narrow .bottom h4
{
	font-size:1.2em;
	text-align:center;
}

/*Branded Elements*/
#project{
	float: left;
	width: 145px;
	color:#666;
	font-size: 10px;
	margin-bottom: 30px;
}

#project h2{
	font-size: 12px;
	margin: 0 0 10px 0;
}
#project img{
	margin-bottom: 10px;
}