/*  
Theme Name: kaosfilms_2009
Theme URI: http://www.kaosfilms.co.uk
Description: Custom WordPress theme for www.kaosfilms.co.uk
Version: 1.0
Author: Dan Farrow
Author URI: http://www.squarebracket.net

	 kaosfilms_2008 v1.0

*/

body {
	font-size: 93%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background-color:#000000;
	color:#fff;
}
sup {
	font-size:.7em;
	position:relative;
	top:-0.5em;
}
p {
	margin-bottom:1em;
}
hr {
	display: none;
}
strong {
	font-weight:bold;
}
#page {
	width:882px;
	margin:20px auto 0 auto;			
}
h1 {font-size:197%; margin:1em 0; font-weight:normal;}
h2 {font-size:174%; margin:0.8em 0; font-weight:normal;}
h3 {font-size:153.9%; margin:0.6em 0; font-weight:normal;}
h4 {font-size:138.5%; margin:0.4em 0; font-weight:normal;}
ul {list-style-type:disc; margin-left:20px;}
li {margin-bottom:6px;}
ol {list-style-type:decimal; margin-left:20px;}
em {font-style:italic;}
small {font-size:85%; position:relative; top:-0.5em; color:#DFD7C7}
.postmetadata {font-size:77%; color:#DFD7C7; margin-top:10px;}

.post {
	border-bottom:1px solid #C0B294;
}
blockquote {
	margin:10px 80px 10px 60px;
	font-size:100%;
}
blockquote .attribution {
	font-size:85%; font-style:italic; color:#DFD7C7;
}
/*-------------------------
	HEADER rules
-------------------------*/
#header {
	position:relative;
	background:url('images/tagline_bg.jpg') right bottom no-repeat #000000;
	height:152px;
}
	#bssc_logo {
		border:0;
		position:absolute;
		bottom:0;
	}
	#top_nav_ul {
		list-style:none;
		margin:0; padding:0;
		position:absolute;
		top:0; left:200px;

	}
		#top_nav_ul li {
			display:block;
			width:222px;
			margin:0; padding:0;
		}
		#top_nav_ul li a {
			overflow:hidden;
			display:block;
			width:100%;
			height:100%;
			text-decoration:none;
		}
		#top_nav_ul li a span.title {margin-left:-2000px;}
		#top_nav_ul li a span.status {
			/* status on main menu button */
			font-family:Verdana, Arial, Helvetica, sans-serif; 
			font-size:11px; 
			line-height:1em;
			display:block;
			padding:0 15px; 
			width:192px; 
			text-align:center; 
			position:absolute; 
			bottom:10px; 
			color:#fff;
		}
		/*-------------------------
			General submenu rules
		-------------------------*/
		#top_nav_ul li ul.submenu {
			display:none;
			position:absolute;
			bottom:-36px;
			margin:0; padding:0;
			width:682px;
			height:36px;
		}
		#IEroot #top_nav_ul li ul.submenu {
			bottom:-37px;/* weird IE fix */
		}
		#top_nav_ul li ul.submenu li {
			float:left;
			display:block;
			margin:0 1px;
			width:112px;
			height:36px;
			text-indent:-500px;
			overflow:hidden;
		}
		#top_nav_ul li ul.submenu li.sub_1 {margin-left:0;}
		#top_nav_ul li ul.submenu li.sub_6 {margin-right:0;}
		#top_nav_ul li ul.submenu li a {background-image:none;}
		#top_nav_ul li.current ul.submenu {display:block;}
		
		#top_nav_ul li ul.submenu li.sub_1 a:hover, #top_nav_ul li ul.submenu li.sub_1_current {background-position:0 -36px;}
		#top_nav_ul li ul.submenu li.sub_2 {background-position:-112px 0;}
		#top_nav_ul li ul.submenu li.sub_2 a:hover, #top_nav_ul li ul.submenu li.sub_2_current  {background-position:-112px -36px;}
		#top_nav_ul li ul.submenu li.sub_3 {background-position:-224px 0;}
		#top_nav_ul li ul.submenu li.sub_3 a:hover, #top_nav_ul li ul.submenu li.sub_3_current {background-position:-224px -36px;}
		#top_nav_ul li ul.submenu li.sub_4 {background-position:-336px 0;}
		#top_nav_ul li ul.submenu li.sub_4 a:hover, #top_nav_ul li ul.submenu li.sub_4_current   {background-position:-336px -36px;}
		#top_nav_ul li ul.submenu li.sub_5 {background-position:-448px 0;}
		#top_nav_ul li ul.submenu li.sub_5 a:hover, #top_nav_ul li ul.submenu li.sub_5_current   {background-position:-448px -36px;}
		#top_nav_ul li ul.submenu li.sub_6 {background-position:-560px 0;}
		#top_nav_ul li ul.submenu li.sub_6 a:hover, #top_nav_ul li ul.submenu li.sub_6_current   {background-position:-560px -36px;}
		
			/*-------------------------
				BSSC button
			-------------------------*/
			li#nav_bssc {
				position:absolute;
				left:0; top:0; 
				height:117px;
				background:url('images/nav_bssc_bg.gif') -222px top no-repeat #76B42E;
			}
			li#nav_bssc a span.status {color:#96A287;}
			li#nav_bssc.highlight {background:url('images/nav_bssc_bg.gif') right top no-repeat;}				
			li#nav_bssc a:hover, li#nav_bssc.current a {background:url('images/nav_bssc_bg.gif') left top no-repeat;}
			li#nav_bssc a:hover span.status, li#nav_bssc.current a span.status, li#nav_bssc.highlight a span.status  {color:#D6E9C1;}
				/*-------------------------
					submenu
				-------------------------*/
				li#nav_bssc ul.submenu {background:url('images/submenu_bssc_bg.gif') top left repeat-x}
				li#nav_bssc ul.submenu li {
					background:url('images/submenu_bssc_tab_bg.gif') 0 0 no-repeat;
				}
				li#nav_bssc ul.submenu li a:hover {
					background:url('images/submenu_bssc_tab_bg.gif') no-repeat;
				}
			/*-------------------------
				BFSC button
			-------------------------*/
			li#nav_bfsc {
				position:absolute;
				left:230px; top:0; 
				height:117px;
				background:url('images/nav_bfsc_bg.gif') -222px top no-repeat #C72B66;
			}
			li#nav_bfsc a span.status {color:#A78793;}
			li#nav_bfsc.highlight {background:url('images/nav_bfsc_bg.gif') right top no-repeat;}
			li#nav_bfsc a:hover, li#nav_bfsc.current a {background:url('images/nav_bfsc_bg.gif') left top no-repeat;}
			li#nav_bfsc a:hover span.status, li#nav_bfsc.current a span.status,  li#nav_bfsc.highlight a span.status{color:#EEC0D1;}
				/*-------------------------
					submenu
				-------------------------*/
				li#nav_bfsc ul.submenu {left:-230px; background:url('images/submenu_bfsc_bg.gif') top left repeat-x;}
				li#nav_bfsc ul.submenu li {
					background:url('images/submenu_bfsc_tab_bg.gif') 0 0 no-repeat;
				}
				li#nav_bfsc ul.submenu li a:hover {
					background:url('images/submenu_bfsc_tab_bg.gif') no-repeat;
				}
			/*-------------------------
				ABOUT KAOS button
			-------------------------*/
			li#nav_about_kaosfilms {
				position:absolute;
				left:460px; top:0; 
				height:28px;
				background:url('images/nav_bssc_others_bg.gif') -222px top no-repeat #414141;
			}
			li#nav_about_kaosfilms a:hover, li#nav_about_kaosfilms.current a {background:url('images/nav_bssc_others_bg.gif') left top no-repeat;}
			/*-------------------------
				EMAIL button
			-------------------------*/
			li#nav_email {
				position:absolute;
				left:460px; top:34px;
				height:28px;
				background:url('images/nav_bssc_others_bg.gif') -222px -34px no-repeat #414141;
			}
			li#nav_email a:hover, li#nav_email.current a {background:url('images/nav_bssc_others_bg.gif') left -34px no-repeat;}
			/*-------------------------
				SCREENING ROOM button
			-------------------------*/	
			li#nav_screening_room {
				position:absolute;
				left:460px; top:68px;
				height:49px;
				background:url('images/nav_bssc_others_bg.gif') -222px -68px no-repeat #414141;
			}
			li#nav_screening_room a span.status {color:#636363;}
			li#nav_screening_room a:hover, li#nav_screening_room.current a {background:url('images/nav_bssc_others_bg.gif') left -68px no-repeat;}
			li#nav_screening_room a:hover span.status, li#nav_screening_room.current a span.status {color:#8D8D8D;}
		
#content {
	margin-top:1px;
	border:20px solid #454545;
	padding:0 20px 20px 20px;
}
#IEroot #content {
	/*z-index:-1;*/
}
#IEroot #content.homepage {
	/*z-index:10;*/
}

#footer {
	text-align:center;
	width:100%;
}
	#extras_div {
		background:url('images/footer_extras_bg.gif') left top no-repeat;
	}
	#partners_div {
		clear:left;
		background:url('images/partners_div_bg.gif') left top no-repeat;
		padding:32px 0 10px 0;
	}
	#sponsors_div {
		background:url('images/sponsors_div_bg.gif') left top no-repeat;
		padding:32px 0 10px 0;
	}
	#legal_div {
		border-top:1px solid #222222;
		font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.6em;
		color:#666666;
		padding:10px 0 20px 0;
		width:auto;
	}
	#legal_div p {
		display:inline;
		margin:0 30px;
	}
	#legal_div a {
		color:#666666; text-decoration:none;
	}
	#legal_div a:hover {
		text-decoration:underline;
	}
	
.gallery a:hover {
	border:0;
	background-color:none;
	text-decoration:none;
}