@charset "utf-8";
/* CSS Document */

/*   
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 204px;}  /* must be same height as the footer */

#footer {
	background: #000 url(../images/bg_footer.jpg) repeat-x 0 0;	
	position: relative;
	margin-top: -210px; /* negative value of footer height */
	height: 210px;
	clear:both;} 
	
	#footerLinks{
		width: 960px;
		height:163px;
		margin: 0 auto 0 auto;	
		padding: 0	 0 0 0;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fff;
		position:relative;
	}
	
		#footerLinks h3{
			font-size:22px;
		}		
	
		#footerLinks a:link, #footerLinks a:active, #footerLinks a:visited{
			color:#fff;
		}	
		
		#footerLinks a:hover{
			color:#e41c25;
		}	

		#footerLinks ul{
			float:left;
			color:#e4e4e4;
			padding: 13px 10px 12px 22px;
		}	
		
		#footerLinks ul#productions{
			padding: 24px 10px 22px 42px;
		}	
		
		#footerLinks ul#sections {
			padding: 24px 0px 22px 48px;
		}		
		
		#footerLinks ul#futher {
			padding: 24px 0px 22px 12px;
		}					
						
			#footerLinks ul li{
				margin: 0;
				pading: 0;
				line-height:13px;
			}		
			
			#footerLinks ul li a{
				color:#e4e4e4;
			}					
			
			#footerLinks ul h4{
				margin: 0 0 5px 0;
				pading: 0;
				font-size:15px;
				line-height:12px;
			}						
					
		#footerLinks ul#social{
			float:right;
			padding: 13px 00 0 15px;
		}			
		
			#footerLinks ul#social li{
				float:left;
				margin: 0 3px 0 0;
			}	
						
			
		#feastLink{
			position:absolute;
			right:5px;
			bottom:30px;
		}
							
				

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

/* -- MAIN
================================================================================== */

body {
	background:#121212 url(../images/bg.jpg) repeat-x 50% 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#4b4b4b;
	margin:0;
	padding:0;
	width:100%;
	}

h1,h2,h3,h4,h5,h6 {
	margin: 8px 0 8px 0;
	}
	
p {
	margin: 10px 0 10px 0;
	}	
	
a:link, a:active, a:visited {
	outline:none;	
	color:#e41c25;
	text-decoration:none;
	}

a:hover {
	color:cccccc;
	text-decoration:none;
	}

ul {
	list-style:none;
	margin:0;
	padding:0;		
}

blockquote {
  padding: 0 0 18px 35px;
  background-image: url(../images/blockquote.png);
  background-position: middle left;
  background-repeat: no-repeat;
} 

.hr{
	width:100%;
	height:2px;
	background-color:#e4e4e4;
	margin: 10px 0 10px 0;
}	

/* -- CLASSES
================================================================================== */

.siteWidth{
	width:960px;
}

.left {
	float:left;
	}

.right {
	float:right;
	}

.clear {
	clear:both;}
	
.selected{
	font-weight:bold;
}

img.noborder {
	border: none !important;}

.list{
	background: #F2F2F2;
	border:1px dotted #CCCCCC;
	padding: 5px;
	margin: 5px 0 5px 0;
}

	.list ul li{
		float:left;
		margin: 0 10px 0 0;
	}
	
.hidden{
	display:none;	
}

.topLink{
	display:none;	
}

.center {
	display:table;
	margin:0 auto;
}


	
/* -- STRUCTURE
================================================================================== */

#container {
	margin: 0 auto 0 auto;
	position:relative;
	}

#header {
	height:114px;
	}
	
#header h1{
	text-indent: -9999px;
	height:114px;
	margin:0;
	padding:0;
	}	

#nav {
	height:79px;		
	}
	
	#nav ul#menu {
		display:block;
		padding: 0 0 0 20px;
		float:left;
		clear:both;
		}	
		
	#nav ul#menu li {
		padding: 10px 0 0 0;	
		}				
	
	#nav ul#submenu {
		width:600px;
		padding: 0 0 0 20px;
		position:relative;
		top:-10px;
		float:left;
		clear:both;
		top:10px;
		}	
		
	#nav ul#submenu li{
		float:left;
		}			
			
		#nav ul li{
			float:left;
			margin: 0 0 0 2px;
			}	
		#nav ul li.rss{
			float:left;
			margin: 0 0 0 2px;
			position:relative;
			top:-3px;
			}				
		#nav ul li.rss{
			float:left;
			margin: 0 0 0 2px;
			position:relative;
			top:-3px;
			}					
			
			#nav ul li a{
				float:left;
				margin: 0 0 0 0;
				}	
				
			#nav ul#menu li div.pipe{
					width:3px;
					height:30px;
					float:left;
					background:url(../images/nav_menu_pipe.jpg) repeat-x 0 0;
					position:relative;
					top:-6px;
					margin: 0 3px 0 6px;
				}
				
			#nav ul#submenu li div.pipe{
					width:3px;
					height:30px;
					float:left;
					background:url(../images/nav_submenu_pipe.jpg) repeat-x 0 0;
					position:relative;
					top:-6px;
					margin: 0 3px 0 6px;
				}									
				
		#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {
			color:#fff;
			font-size:18px;
			outline:none;
			}
			
		#nav ul li a:hover {
			text-decoration:none;
			}			

#nav ul li a:hover {}									

#contentArea {
		width:960px;
		margin:0 auto 0 auto;
		position:relative;
		padding: 0 0 10px 0;
	}
	
	#shadow{
		width:960px;
		height:6px;
		position:absolute;
		top:0;
		left:0;
		background:url(../images/content_shadow.png) repeat-x 0 0;
		z-index:100;
		}
	
		#highlights{
			width: 640px;
			height:363px;
			float:left;
		}	

		#highlights .scrollable {
			/* required settings */
			position:relative;
			left:20px;
			overflow:hidden;
			width: 640px;
			height:363px;
			float:left;
		}
		
			#highlights .scrollable h3{
				margin: 0 0 10px 0;
			}
	
			#highlights .scrollable .items {
				/* this cannot be too large */
				height:5000px;
				position:absolute;
			}
			
				#highlights .items div {
					width:640px;
					height:363px;			
					float:left;
					padding:0;
					margin: 0 ;
					position:relative;
				}
				
					#highlights .items div #caption{
						width:600px;
						padding:20px;
						color:#fff;
						height:15px;
						background: url(../images/highlights/caption_bg.png) repeat-x;
						position:absolute;
						left:0;
						bottom:-55px;
					}	

						#highlights .items div #caption #prev{
							display:block;
							width:20px;
							height:17px;
							float:left;
							background: url(../images/highlights/prev.png) repeat-x;
							text-indent:-9999em;
						}	
											
						#highlights .items div #caption #text{
							width:558px;
							font-size:18px;
							text-align:center;
						}									
						
						#highlights .items div #caption #next{
							display:block;
							width:20px;
							height:17px;
							float:right;							
							background: url(../images/highlights/next.png) repeat-x;
							text-indent:-9999em;
						}							
			
			#highlights .items div.summary {
				width:300px;
				background: none;				
				float:left;
				padding:0;
				margin: 0 0 0 4px;
			}	
			
			#highlights .items img {
				float:left; 	
			}	
			
	#leftCol {
		width:660px;
		min-height:100px;	
		padding: 0 0 37px 10px;			
		float:left;
	}
	
	#leftCol #highlights{
		width:640px;
		height:363px;
		border:1px solid #fff;
		margin: 0 10px 10px 10px;
		float:left;	
	}	
		
		#leftCol #content, #leftColNews #content{
			width:620px;
			min-height:505px;
			background-color:#fff;
			margin: 0 10px 0 10px;
			padding: 0 10px 20px 10px;
			position:relative;
		}	
		
			#leftCol #content img{
				border: 2px solid #e4e4e4;
			}			
		
			#leftCol #content #header{
				width:100%;
				height:60px;
				position:relative;
				padding: 10px 0 10px 0;
				position:relative;
			}			
			
				#leftCol #content #header img{
					border:none;
				}				
		
				#leftCol #content #header ul.social{
					width:235px;
					position:absolute;
					top:10px;
					right:0;
				}
					
					#leftCol #content #header ul.social li{
						float:left;
						margin: 0 0 0 10px;
					}
					
					#leftCol #content #like{
						width:300px;
						float:left;
						clear:right;
						margin: 10px 0 0 0;
					}									
				
				#leftCol #content h2{
					margin: 8px 10px 0 0;
					text-transform:uppercase;
					max-width:350px;
				}	
				
				
				#leftCol #content #text{
					width:450px;
					float:left;
				}	
				
				#leftCol #content #text620{
					width:620px;
					float:left;
				}					
				
				#leftCol #content #images{
					width:158px;
					float:right;
					padding: 10px 0 0 0;					
				}	
				
					#leftCol #content #images img{
						margin: 0 0 10px 0;				
					}	
					
		#leftCol_bottom{
			width:660px;
			height:47px;	
			background:url(../images/leftcol_bottom.png) repeat-x 0 0;
			position:relative;
			top:-10px;
			left:0px;
		}	
		
			#leftCol_bottom h3{
				float:right;
				color:#FFF;
				font-size:18px;
				padding:0;
				margin:20px 10px 0 0 ;
			}	
				
				#leftCol_bottom h3 a:link,#leftCol_bottom h3 a:active,#leftCol_bottom h3 a:visited{
					color:#fff;
				}																				
																				
		
#drop{
	width:100px;
	height:100px;
	border:1px solid #fff;
	position:absolute;
	top:0;
	right:0px;
}

/* -- SIDEBAR 
================================================================================== */

	#rightCol {
		width:280px;	
		min-height:280px;				
		float:right;
		position:relative;	
		}	

		#rightCol img.title{
			display:block;
			padding: 4px 0 10px 0;
			}	
			
		#rightCol .side{
			width:280px;
			margin:0 0 10px 0;
			}		
	
			#rightCol .side h3{
				font-size:36px;
				color:#b23e40;
				margin:0;
				padding:0;
				}	
				
			#rightCol .side h4{
				font-size:24px;
				color:#b23e40;
				margin:5px 0 0 0;
				padding:0;
				}					
				
			#rightCol .side a:link, #rightCol .side a:visited, #rightCol .side a:active{
				color:#b23e40;
				}
				
			#rightCol .side a:hover{
				color:#e41c25;
				}									
				
			#rightCol .side#mailer{
				width:260px;
				height:252px;
				background:#eaeaea;
				padding: 10px 10px 0 10px;
				position:relative;	
				background: url(../images/sidebar/mailer_bg.jpg) no-repeat;							
				}	
				
				#rightCol .side#mailer input{
					width:230px;
					background:transparent;
					font-family:Georgia, "Times New Roman", Times, serif;		
					border:none;
					font-style:italic;
					}						
							
					#rightCol .side#mailer p#archive{
						position:absolute;
						font-size:12px;
						font-weight:bold;
						bottom:2px;					
					}	
					
					#rightCol .side#mailer #confirmation{
						height:200px;
						background:#EAEAEA;
						position:relative;
						left:-1px;			
					}						
							
					#rightCol .side#mailer ul {
						padding: 0 0 0 5px ;
						position:relative;
						top:-5px;		
					}	
					
					*+html #rightCol .side#mailer ul {
						padding: 0 0 0 5px ;
						position:relative;
						top:-14px;		
					}															
					
						#rightCol .side#mailer ul li {
							padding: 8px 0 0 5px ;
							margin:0 0 17px 0;				
						}	
															
							#rightCol .side#mailer ul li#submit {
								padding: 10px 0 0 0;
								position:relative;
								top:-19px;
								left:-5px;			
							}									
				
					#rightCol .side#mailer .submit {
						display:block;
						width: 215px;						
						height: 48px;						
						background: url(../images/sidebar/signUp.png) no-repeat;
						border: none;
						cursor:pointer;
						margin: 3px 0 0 0;						
					}
					
						#rightCol .side#mailer .submit:hover {
							background-position:0 -48px;
						}														
								
			#rightCol .side#nowNext{
				width:260px;				
				background:#eaeaea;
				padding: 10px 10px 0 10px;				
				}	
				
				
				#rightCol .side#nowNext img{
					margin: 0 0 10px 0;				
					}	
				
								
			#rightCol .side#advert{
				min-height:200px;
				}					
				
			#rightCol .side#facebook{
				height:255px;
				background:#fff;
				}	
				
/* -- INDEX 
================================================================================== */				
	
		
	.home #leftCol {
		position:relative;	
		padding: 49px 10px 37px 10px;					
		}

		.home  #leftCol_top{
			width:660px;
			height:49px;
			position:absolute;
			top:0;
			left:10px;	
			background:url(../images/leftcol_top.png) repeat-x 0 0;	
		}
		
		.home  #leftCol_top h3{
			color:#FFF;
			font-size:18px;
			padding:0;
			margin:10px 0 0 10px;
		}		
			
	

			
/* -- NEWS
================================================================================== */

ul#news li {
	padding: 1px 0 15px 0;
	clear:right;
}

	ul#news li .header h3{
		margin: 8px 0 0 0;
	}
	
	ul#news li .header small{
		margin: 0 0 5px 0;
	}	
	
	ul#news li img{
		float:left;
		border: 1px solid #b2b2b2;
		margin: 0 10px 10px 0;
	}
	
			
	ul#news li .text{
		float:left;	
		width:335px;
	}
	
	ul#news li .text#wide {
		float:left;	
		width:510px;
	}	
	
		ul#news li .text h3{
			margin: 0 0 10px 0;
			padding:0;
		}	
		
		ul#news li .text .readmore{
			display:block;
			float:right;
			margin: 10px 0 0 0;
		}			
	
	ul#news li ul.social{
		float:right;
	}
	
		ul#news li ul.social li{
			display:block;
			width:66px;
			height:66px;
			position:relative;
			padding:3px 0 3px 0;
		}	

#newsSubNav{
	width:620px;
	height:10px;
	position:absolute;
	bottom:40px;
	padding: 20px 0 0 0;
}

	#newsSubNav .center{
		width:76px;
		height:10px;
		float:left;
		margin: 0 0 0 180px;
	}
	
/* -- PAGEINATION
================================================================================== */	
	
div.pagination {
	padding:  0 3px 0 3px;
	margin: 0 auto 0 auto;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 4px;	
	border: 1px solid #fff;	
	text-decoration: none; /* no underline */
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #d71920;
	color: #000;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 4px;
		border: 1px solid #d71920;
		background-color: #d71920;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 4px;
		border: 1px solid #EEE;
		color: #DDD;
	}
		
/* -- VIDEO
================================================================================== */	

#videoplayer{
	width:640px;
	height:385px;
	background:#E2474B;		
}

/* -- VIDEO
================================================================================== */	

.stButton .stButton_gradient {
	font-size:14px !important;
}


/* -- FORM
================================================================================== */	

dl h2 {
	text-align:right;
	float:right;
}

dl .hr {
	margin: 30px 0 10px 0;
}

dl input{
	padding: 6px;
}

dl select{
	padding: 6px;
}

dl dt {
	margin:0;
}

dl dd {
	margin: 3px 0 5px 0;
}

.required {
	color:#b22222;}