
/* Tags
----------------------*/
body, ul, li, ol, h1, h2, h3, h4, p, ol, li, ul { margin: 0; padding: 0; }
body { text-align: center; font-size: 0.7em; line-height: 16px; font-family: Arial, 'Trebuchet MS', Trebuchet, Helvetica, 'Lucida Grande', Verdana, Sans-Serif; color: #333; background: #fff;}

form{ margin:0; }
a { color: #f60; }
a img{ border:0; }
h3, h4 { color: #FF6600; overflow: hidden; font-weight: normal; font-family: Arial, 'Trebuchet MS', Trebuchet, Helvetica, 'Lucida Grande', Verdana, Sans-Serif; }
h3 { font-size: 20px; margin: 3px 0 8px 0; line-height: 24px; }
h4 { font-size: 16px; margin: 3px 0 5px 0; line-height: 24px; }
#homepage h3 { font-size: 15px; color: #fff; margin: 0 0 9px 20px; height: 16px; text-align: center; }
#homepage h4 { font-size: 20px; margin: 6px 0 4px 0; height: 24px; }
hr { border:0; border-bottom: 1px dotted #ccc; height:1px; margin:12px 0; }

#homepage { padding-top: 10px; }

#content p { margin-bottom: 8px; }
#content div.dottedDivider { background:url('/60secondsoffame/images/layout_line_dotted.gif') bottom left repeat-x; margin-bottom:10px; padding-bottom:5px;}
#content #directorscuts div.dottedDivider {padding-top: 10px;}


/* General Classes
----------------------*/
.clear { display: block; clear: both; width: 100%; height: 1px; margin: 0 0 -1px; font-size: 1px; line-height: 1px; }
.hide, .hidden{ display:none; }
.floatleft { float: left; }
.floatright { float:right; }
.center { text-align: center; }


/* page Structure
----------------------*/
#page { text-align: left; margin: auto; width: 782px; padding:0; position:relative; }
#page #top { position: relative; height: 154px; background:url('/60secondsoffame/images/layout_masterhead.jpg') 0 0 no-repeat; }
#page #top a { position: absolute; top: 30px; left: 726px; }
body.bbc #top a { display: none; }
#bbc { display: none; }
body.bbc #footer { padding-top: 10px; }
body.bbc #bbc { display: block; width: 300px; float: right; margin-top: -35px; }

/* - TOP MAIN NAVIGATION */
#navigation { position:relative; height:31px; background:url('/60secondsoffame/images/layout_bgmainnav.jpg') 0 0 no-repeat; }

#navigation ul { height: 22px; list-style-type:none; margin-left:15px;}
#navigation ul li { float: left; }
#navigation ul li a { text-decoration:none; }
#navigation ul li#nav_home a,
#navigation ul li#nav_howitworks a,
#navigation ul li#nav_entries a,
#navigation ul li#nav_create a { display: block; height: 22px; }

#navigation ul li#nav_home a:hover,
#navigation ul li#nav_howitworks a:hover,
#navigation ul li#nav_entries a:hover,
#navigation ul li#nav_create a:hover { background-position: 50%; }

#navigation ul li#nav_home a.active,
#navigation ul li#nav_howitworks a.active,
#navigation ul li#nav_entries a.active,
#navigation ul li#nav_create a.active,
#navigation ul li#nav_home a.active:hover,
#navigation ul li#nav_howitworks a.active:hover,
#navigation ul li#nav_entries a.active:hover,
#navigation ul li#nav_create a.active:hover { background-position: bottom; }

#navigation ul li#nav_home a 		{ width: 57px; background:url('/60secondsoffame/images/nav_home.gif') no-repeat; }
#navigation ul li#nav_howitworks a { width: 103px; background:url('/60secondsoffame/images/nav_howitworks.gif') no-repeat; }
#navigation ul li#nav_entries a 	{ width: 105px; background:url('/60secondsoffame/images/nav_entries.gif') no-repeat; }
#navigation ul li#nav_create a 		{ width: 116px; background:url('/60secondsoffame/images/nav_create.gif') no-repeat; }


/* - CONTENT */
#content_holder { /*position:relative; */background:url('/60secondsoffame/images/layout_bg_content.gif') 0 0 no-repeat; }
#content_holder_foot { clear:both; width:782px; height:18px; background:url('/60secondsoffame/images/layout_bg_content_foot.gif') 0 0 no-repeat; }
#promo_column_foot { position: relative; background:url('/60secondsoffame/images/layout_bg_promocolumn_foot.gif') 0 0 no-repeat; height:16px; margin:0 0 0 -7px;}
#content { position:relative; float:left; width:396px; margin:0; padding:10px 20px 15px 0;}
* html #content{ width: 416px; w\idth: 396px; }

#flashWindow {width:450px; margin:5px 0 8px 0;}

/* full content pages */
body.directors_cuts #content_holder { background:url('/60secondsoffame/images/layout_bg_contentfull.gif') 0 0 no-repeat; }
body.directors_cuts #content_holder_foot { background:url('/60secondsoffame/images/layout_bg_contentfull_foot.gif') 0 0 no-repeat; }
body.directors_cuts #content { position:relative; float:left; width:450px; margin:0; padding:10px 20px 15px 0;}
* html body.directors_cuts #content{ width: 470px; w\idth: 450px; }




body.terms_and_conditions #content_holder { background:url('/60secondsoffame/images/layout_bg_contentfull.gif') 0 0 no-repeat !important; }
body.terms_and_conditions #content_holder_foot { background:url('/60secondsoffame/images/layout_bg_contentfull_foot.gif') 0 0 no-repeat !important; }
body.terms_and_conditions #content { position:relative; float:left; width:450px; margin:0; padding:10px 20px 15px 0;}
* html body.terms_and_conditions #content{ width: 470px; w\idth: 450px; }


/* home page */
#home #content_holder { /*position:relative;*/ background:url('/60secondsoffame/images/layout_bg_contenthome.gif') 0 0 no-repeat; } 
#home #content_holder_foot { clear:both; width:782px; height:18px; background:url('/60secondsoffame/images/layout_bg_contenthome_foot.gif') 0 0 no-repeat; }

/* newbay pages */
#entries #content_holder { background:url('/60secondsoffame/images/layout_bg_contentfull.gif') 0 0 no-repeat; }
#entries #content_holder_foot {clear:both; width:782px; height:18px; background:url('/60secondsoffame/images/layout_bg_contentfull_foot.gif') 0 0 no-repeat; }
#entries #content { position:relative; float:left; width:450px; margin:0; padding:10px 20px 15px 0;}
* html #entries body.directors_cuts #content{ width: 470px; w\idth: 450px; }
#logo_bottom { position:absolute; bottom:20px; left:25px; }

/* film school header images */
.headerBackground {width:388px; height:97px; margin:0 0 5px 0; padding:5px 0 0 0;}
#story {background:url('/60secondsoffame/images/img_story.jpg') 0 0 no-repeat;}
#equipment {background:url('/60secondsoffame/images/img_equipment.jpg') 0 0 no-repeat;}
#directing {background:url('/60secondsoffame/images/img_directing.jpg') 0 0 no-repeat;}
#camera {background:url('/60secondsoffame/images/img_camera.jpg') 0 0 no-repeat;}
#lighting {background:url('/60secondsoffame/images/img_lighting.jpg') 0 0 no-repeat;}
#sound {background:url('/60secondsoffame/images/img_sound.jpg') 0 0 no-repeat;}

#smallscreen {background:url('/60secondsoffame/images/img_smallscreen.jpg') 0 bottom no-repeat; height:100px; padding:5px 0 0 0;}
#intheframe {background:url('/60secondsoffame/images/img_intheframe.jpg') 0 bottom no-repeat; height:90px;}
#steadyasyougo {background:url('/60secondsoffame/images/img_steadyasyougo.jpg') 0 bottom no-repeat; height:90px;}
#pantastic {background:url('/60secondsoffame/images/img_pantastic.jpg') 0 bottom no-repeat; height:90px;}
#breaktherules {background:url('/60secondsoffame/images/img_breaktherules.jpg') 0 bottom no-repeat; height:90px;}

/* Bottom content images */
#bottomImgHolder {position:relative;left:66px;width:350px; margin:0 0 -21px 0; overflow:hidden;height:230px;}
#bottomImgHolder img {position:absolute;right:0;bottom:0;margin:0;}
#bottomImgHolder.filmroll {height:226px;}
#bottomImgHolder.prizesbottomimg {height:226px;}
#bottomImgHolder.camera {height:255px;}

table.timeline {
border-collapse: collapse;
width: 384px;
}

table.timeline td {
padding: 5px;
vertical-align: top;
}

table.timeline td.date {
font-weight: bold;
width: 125px;
}

table.timeline tr {
border-bottom: 1px dotted #cacaca;
}

table.timeline tr.odd {
background: url(/60secondsoffame/images/blocksection_bg.gif);
}

.judge img {
float: left;
margin-right: 10px;
}

.clearme {
clear: left;
}

ul.editingmethods:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
ul.editingmethods {display: inline-block;}
/* Hides from IE-mac \*/
* html ul.editingmethods {height: 1%;}
ul.editingmethods {display: block;}
/* End hide from IE-mac */

ol li {
margin: 0 0 8px 18px;
}


ul.editingmethods li {
float: left;
width: 132px;
list-style: none;
}

ul.editingmethods img {
position: relative;
left: -5px;
}

ul.editingmethods p {
margin-right: 20px;
}


#directorscuts .item img {
float: left;
width: 124px;
margin-right: 10px;
margin-bottom:30px;
}

#directorscuts .item p {
margin-bottom: 0;
}

#directorscuts .item h4 {
visibility: visible;
letter-spacing: normal;
font-weight: normal;
font-size: 1em;
}

#cameraimg {
text-align: right;
margin-right: 10px;
margin-top: 60px;
}



.blocksection {
border-top: 1px dotted #bdbdbd;
border-bottom: 1px dotted #bdbdbd;
margin-bottom: 10px;
background: url('/60secondsoffame/images/blocksection_bg.gif') repeat-y;
}



.master_image {
float: left;
width: 128px;
}

.master_content {
float: left;
width: 260px;
}

#content p.title {
line-height: 120%;
}


/* home */


#mainpromo {
margin-top: 6px;
}

.section1 {
float: left;
width: 261px;
}

.section1 .inner {
margin-left: 13px;
}

.section2 {
float: left;
width: 254px;
}

.section2 .inner {
margin-left: 6px;
}

.section3 {
float: left;
width: 254px;
}

.section3 .inner {
margin-left: 6px;
}

.inner p {
padding-right: 10px;
}


.inner ul {margin-top: 10px;border-top: 1px solid #b8b8b8;padding-top: 1px}
.inner ul li {margin:0; display:block; width:248px; w\idth:215px; padding:1px 17px 2px 16px; background: url('/60secondsoffame/images/linkbg.gif') left bottom no-repeat; list-style: none;}
.inner ul a {text-decoration:none;color:#444; width:100%;display:block; padding:3px 0; background: url('/60secondsoffame/images/arrows/arr_orange.gif') right no-repeat;}
.inner ul a:hover {color:#f60;}
.inner ul li .unavailable{padding: 3px 0;width:100%;display:block; }
.inner ul li .unavailable span {color: #666;}


.promocontent {
	margin-left: 17px;
}


#credits .item {
	float: left;
	width: 105px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#credits .lastitem {
	margin-right: 0;
}

#credits .logo {
	margin-bottom: 5px;
}


.logolist li {
	list-style: none;
	float: left;
	width: 105px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.logolist li.lastitem {
	margin-right: 0;
}
.promoimg{display: block;}

.cont1 {
	background: url(/60secondsoffame/images/homesectionbg.gif) repeat-x;
	height: 7px;
}

ol li {margin:0;margin-bottom: 5px;padding:0;padding-left: 5px;
}
ol {margin:0;padding:0;margin-left: 15px;padding-left: 15px !important;}

ol ol li {list-style-type: lower-roman}


.contentfooterlinks li a {
padding-left: 10px;
color: #333;
text-decoration: none;
background: url(/60secondsoffame/images/arrows/leftNavArrowOrange.gif) no-repeat;
}

.contentfooterlinks li a:hover {
color: #f60;
}

.contentfooterlinks li {
list-style: none;
}


/* - LEFT SIDEBAR NAVIGATION  */
#sidebar { position:relative; float:left; width:199px; margin:10px 0 0 0; }
#sidebar ul { list-style-type:none; margin:0; padding:0; }
#sidebar li { margin:0; padding:0; }
#sidebar li a { display: block; width: 150px; background:url('/60secondsoffame/images/subnav_bg.gif') left bottom no-repeat; padding:2px 0 4px 27px; text-decoration:none; color:#eee; }
#sidebar li a:hover { color:#f60; }
#sidebar li a.active { background:url('/60secondsoffame/images/subnav_bg_active.gif') left bottom no-repeat; }
/*  simple box model hack for IE 5.x 
	to fix sidebar width. */
* html #sidebar li a{ width: 181px; w\idth: 150px; }




/* - RIGHT HAND SIDE PROMO COLUMN */
#promo_column { position:relative; margin:10px 0 0 13px; padding:7px 0 0 7px; float:left; width:134px; background: url('/60secondsoffame/images/layout_bg_promocolumn.gif') 0 0 no-repeat;}
* html #promo_column{ width: 141px;  w\idth: 134px; }
#promo_column.empty { height: 1px; background:none !important;}
#promo_column ul { list-style-type: none; }
#promo_column ul li { position:relative; margin:0 0 9px 0; padding:0; }
#promo_column ul li a { color: #eee; text-decoration:none; }
#promo_column ul li a span { display: block; margin:0 5px 0 4px; _margin-bottom:-13px; line-height:1em; }
#promo_column ul li a:hover span { color: #eee; }


/* - FOOTER */
#footer { padding-top: 0px; padding-bottom: 20px; margin-left: 20px; }
#footer ul li { display: inline; padding-right: 10px; margin-right: 10px; border-right: 1px solid #666; }
#footer ul li.lastitem { border-right: none; }
#footer ul li a { color: #666; text-decoration:none; }
#footer ul li a:hover{ color: #f60; }
#footer p { color: #999; }

/* winners */
#winners { list-style: none; }
#winners li {  margin-top: 20px; border-top: 1px dotted #ccc; padding-top: 10px; }
#winners img { padding-right: 15px; }
#winners li p { margin-left:135px; }

/* on set with the experts */
#on_set_with { list-style: none; margin-top:20px; }
#on_set_with li {  margin-bottom: 20px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; }
#on_set_with img { padding-right: 15px; }
#on_set_with li p { margin-left:135px; }

#winner_interview { float: left; }
#winner_interview li { list-style: none; padding-left: 10px; }
#winner_interview .leftcol { float: left; width: 120px; }
#winner_interview .rightcol { float: left; width: 250px; padding-left: 15px; }
#winner_interview p.question { font-weight: bold; }

#pagination { margin-top: 20px; border-top: 1px dotted #ccc; padding-top: 10px; }
#pagination * { text-decoration: none; }
#pagination strong, #pagination a { padding: 5px; }
#pagination .next, #pagination .last, #pagination .first, #pagination .prev { background-position: 50% 50%; background-repeat: no-repeat; padding: 5px 3px; }
#pagination span span { display: none; }
#pagination .next { background-image: url(/60secondsoffame/images/arrows/arr_next.gif); }
#pagination .prev { background-image: url(/60secondsoffame/images/arrows/arr_prev.gif); }
#pagination .first { background-image: url(/60secondsoffame/images/arrows/arr_first.gif); }
#pagination .last { background-image: url(/60secondsoffame/images/arrows/arr_last.gif); }


