/*   
Theme Name: The SWAT Kats Encyclopedia
Theme URI: http://www.swatkats.info
Description: The default theme for the SWAT Kats Encyclopedia
Author: MoDaD
Author URI: http://www.swatkats.info
Template: 
Version: 1.0
.
Not compatabile with IE6 or lower.
.
*/

/*------------------------------------------------------------------

 							RESET CODE 
 
 ------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*------------------------------------------------------------------

 							DEFAULT GLOBALS 
 
 ------------------------------------------------------------------*/


 body {
 
 	text-align: center;
 	background-color: #6a0a00;
 	font-family: arial, sans serif;
 	font-size: 16px;
 	position: relative;
 	z-index: 1;
 }
 
a {

	outline: none;	
	/*color: #851400;*/
	color: #003366;
}

	a:hover {
	
		/*color: #000;*/
		color: #851400;
	}
 
i, em {

	font-style: italic;
	font-weight: inherit;	
}
 
b, strong {

	font-style: inherit;
	font-weight: bold;	
}
 
.center {

	text-align: center;	
}

.red {

	color: #ff0000;
} 
 
 /*------------------------------------------------------------------

 							LAYOUT 
 
 ------------------------------------------------------------------*/
 
 #thesite {
 
 	text-align: center;
 	font-style: italic;
 	padding-top: 5px;	
 	font-weight: bold;
 	/*color: #851400;*/
 	color: #000;
 }
 
 .the_width {
 
 	width: 960px;
 	margin: 0 auto;
 	text-align: left;	
 }
 
 /*------------------------------------------------------------------

 							BANNER AREA
 
 ------------------------------------------------------------------*/
 
 #banner {
 
 	height: 150px;
 	background-image: url(images/banner.png);
 	background-repeat: repeat-x;
 	background-position: 0px 0px;
 	overflow: hidden;
 	position: relative;
 	z-index: 1;	

 }
 
 	 #banner .the_width {
 	 
 	 	position: relative;	
 	 	background-image: url(images/claws.png);
 		background-repeat: no-repeat;
 		background-position: top right;
 	 }
 	 
 	 #banner .banner_01 {
	 
	 	height: 125px;
	 	overflow: hidden;
	 }
	 
	 	#banner .banner_01 #home_link {
	 	
	 		height: 100px;
	 		width: 350px;	
	 		background-image: url(images/new-logo3.png);
	 		/*background-image: url(images/fake-logo.png);*/
 			background-repeat: no-repeat;
 			background-position: 0px 0px;
 			display: block;
 			text-indent: -9999px;
 			overflow: hidden;
 			margin: 25px 0px 0px 0px;
 			float: left;
	 	}
 
	 #banner .banner_02 {
	 
	 	height: 25px;
	 	overflow: hidden;
	 }
	 
		 #banner .banner_02 ul {
		 	
		 	display: block;
		 	float: right;
		 	min-width: 100px;
		 }
		 
			 #banner .banner_02 ul li {
			 	
			 	float: left;
			 	display: block;
			 	width: 100px;
			 	height: 25px;
			 	overflow: hidden;
			 	margin: 0px 0px 0px 10px;
			 }
			 
			 	#banner .banner_02 ul li a {
			 	
			 		display: block;
				 	width: 100px;
				 	height: 20px;
				 	overflow: hidden;
				 	text-align: center;
				 	background-image: url(images/bg_nav2.png);
				 	background-repeat: no-repeat;
				 	background-position: 0px -30px;
				 	color: #fff;
				 	text-decoration: none;
				 	padding: 5px 0px 0px 0px;
				 	font-size: 12px;
			 	}
			 	
			 		#banner .banner_02 ul li a:hover,
			 		#banner .banner_02 ul li.current_page_item a,
			 		#banner .banner_02 ul li.current_page_parent a,
			 		#banner .banner_02 ul li.current_page_ancestor a {
			 		
			 			background-position: 0px 0px;	
			 			color: #000;
			 		}
			 		
			 			#banner .banner_02 ul li.current_page_item a,
			 			#banner .banner_02 ul li.current_page_parent a,
			 			#banner .banner_02 ul li.current_page_ancestor a {
			 			
			 				background-position: 0px 0px;
			 				font-weight: bold;	
			 			}
			 			
			 		/*Fix for categories that use the tabs*/
			 		
			 		#newstab #banner .banner_02 ul li.page-item-4 a,
			 		#exclusivestab #banner .banner_02 ul li.page-item-73 a,
			 		#encyclopediatab #banner .banner_02 ul li.page-item-13 a {
			 			
			 			background-position: 0px 0px;
			 			font-weight: bold;
			 			color: #000;
			 		}
			 				
 /*------------------------------------------------------------------

 							SEARCHBOX
 
 ------------------------------------------------------------------*/
 
 #searchbox {
 
 	position: absolute;
 	right: 0px;
 	top: 60px;
 	width: 170px;
 	padding: 5px;
 	margin: 0px;
 	border: 0px;
 	height: 20px;
 	background-image: url(images/searchbg.png);
 	background-repeat: no-repeat;
 	background-position: 0px 0px;
 }
 
  #searchbox input,
  #searchbox #cse-search-box input {
  
  	border: 0px;
  	background-color: #fff;
  	width: 140px;	
  	height: 20px;
  	padding: 0px;
 	margin: 0px;
 	display: block;
 	float: left;
  }
  
  	#searchbox #cse-search-box #overnow {
  	
  		border-width: 0px 0px 0px 0px;	
  	}
  
  #searchbox #searchsubmit,
  #searchbox #cse-search-box #searchsubmit {
  	
  	width: 20px;
  	background-color: #000;
  	color: #fff;
  }
  
  #searchbox form {
  
  				padding: 0px;
                margin: 0px;    
                border: 0px;
                display: block;
	
  }
  
  #searchbox form fieldset {
  
  				padding: 0px;
                margin: 0px;    
                border: 0px;
                display: block;

  }
 
 /*------------------------------------------------------------------

 							MIDDLE AREA
 
 ------------------------------------------------------------------*/
 
 #middle {
 
 	background-color: #fff;	
 	height: 1%;
 	overflow: auto;
 	position: relative;
	z-index: 1;
 }
 
 	#middle .middle_container {
 	
 		height: 1%;
 		overflow: auto;	
 		padding: 0px 0px 15px 0px;
 		background-image: url(images/middle-bottom.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		margin: 20px 0px 20px 0px;
		position: relative;
		z-index: 1;
 	}
 	
 	
  /*------------------------------------------------------------------

 							CONTEXT AREA
 
 ------------------------------------------------------------------*/
 		#middle .middle_container .context_area_01 {
 		
 			background-color: #000;
 			height: 150px;	
 			background-image: url(images/context-bg.png);
 			background-repeat: no-repeat;
 			background-position: 0px 0px;
 			color: #fff;
 			overflow: hidden;
 		}
 		
 			#middle .middle_container .context_area_01 .context_content {
 				
 				padding: 16px 16px 0px 16px;
 				background-image: url(images/context.png);
 				background-repeat: no-repeat;
 				background-position: 0px 0px;
 				min-height: 134px;
 			}
 	
 		#middle .middle_container .context_area_02 {
 		
 			height: 30px;
 			/*background-image: url(images/sub_nav_bg.png);*/
 			background-image: url(images/new_top.png);
 			background-repeat: no-repeat;
 			background-position: 0px 0px;
 			overflow: hidden;	
 		}
 		
 			#middle .middle_container .context_area_02 ul {
 				
 				display: block;
		 		float: left;
		 		min-width: 100px;
		 		padding: 5px 0px 0px 0px;
		 		margin: 0px 0px 0px 15px;
 			}
 			
 				#middle .middle_container .context_area_02 ul li {
 				
 					float: left;
				 	display: block;
				 	width: 100px;
				 	height: 25px;
				 	overflow: hidden;
				 	margin: 0px 10px 0px 0px;
 				}
 				
 					#middle .middle_container .context_area_02 ul li a {
 					
 						display: block;
					 	width: 100px;
					 	height: 20px;
					 	overflow: hidden;
					 	text-align: center;
					 	background-image: url(images/bg_nav2.png);
					 	background-repeat: no-repeat;
					 	background-position: 0px -30px;
					 	color: #fff;
					 	text-decoration: none;
					 	padding: 5px 0px 0px 0px;
					 	font-size: 12px;
 					}
 					
 						#middle .middle_container .context_area_02 ul li a:hover,
 						#middle .middle_container .context_area_02 ul li.current_page_item a,
 						#middle .middle_container .context_area_02 ul li.current_page_parent a,
 						#middle .middle_container .context_area_02 ul li.current_page_ancestor a {
 						
 							background-position: 0px 0px;	
			 				color: #000;	
 						}
 						
 							#middle .middle_container .context_area_02 ul li.current_page_item a,
 							#middle .middle_container .context_area_02 ul li.current_page_parent a,
 							#middle .middle_container .context_area_02 ul li.current_page_ancestor a {
 							
 								font-weight: bold;	
 							}
 							
 							/*fix for news category*/
 							
 							#newstab #middle .middle_container .context_area_02 ul li.page-item-7 a {
 							
 								background-position: 0px 0px;	
			 					color: #000;
			 					font-weight: bold;	
 							}

 /*------------------------------------------------------------------

 							MIDDLE AREA
 						(lefts and rights)
 
 ------------------------------------------------------------------*/
 
#middle .middle_container .left-and-right {

	height: 1%;
	overflow: auto;
	border-width: 0px 1px 0px 1px;
	border-color: #ccc;
	border-style: solid;	
	padding: 15px 15px 0px 15px;
	position: relative;
	z-index: 1;
		
}

	#middle .middle_container .left-and-right .left-and-right-interior {
	
		height: 1%;
		overflow: auto;
		background-image: url(images/middle-interior.png);
		background-repeat: repeat-y;
		background-position: top right;	
		position: relative;
		
	}
	
	#middle .middle_container .left {
	
		float: left;
		display: block;
		width: 620px;	
		overflow: hidden;
	}
	
	#middle .middle_container .right {
	
		float: right;
		display: block;
		width: 280px;	
		overflow: hidden;	
		position: relative;
		z-index: 5;
		background-color: #fff;
	}
 
 /*------------------------------------------------------------------

 							CONTENT AREA
 
 ------------------------------------------------------------------*/

#middle .middle_container .left-and-right {

	line-height: 1.3em;	
}
 
#middle .middle_container .left-and-right h1,
#middle .middle_container .left-and-right h2 {
 	
 	font-size: 30px;
 	font-weight: bold;
 	display: block;
 	margin: 0px 0px 0px 0px;
 	padding: 5px 0px 15px 0px;
 	clear: both;
	line-height: 1em;
 }
 	#middle .middle_container .left-and-right h1.nothumb {
 	
 		padding-bottom: 0px;	
 	}

	#middle .middle_container .left-and-right h2 {
	
		border-width: 1px 0px 0px 0px;
		border-color: #ccc;
		border-style: solid;
		margin: 15px 0px 0px 0px;
		padding: 15px 0px 0px 0px;	
	}

#middle .middle_container .left-and-right h3,
#middle .middle_container .left-and-right h4,
.news_title_area {

	display: block;
	/*background-color: #8a1000;*/
	background-color: #003366;
	padding: 3px 5px 3px 5px;
	margin: 15px 0px 0px 0px;
	color: #fff;
	font-weight: bold;	
	clear: both;
	/*background-image: url(images/claws2.png);
 	background-repeat: no-repeat;
 	background-position: top right;*/
}

	#middle .middle_container .left-and-right h3.lead {
	
		margin-top: 0px;	
	}
	
	#middle .middle_container .left-and-right h3 a {
	
		color: #fff;
		text-decoration: none;	
	}
	
		#middle .middle_container .left-and-right h3 a:hover {
		
			color: #000;	
		}

	#middle .middle_container .left-and-right h4 {
	
		background-color: #f1f1f1;
		color: #000;
		border: 1px solid #ccc;	
		padding-top: 2px;
		padding-bottom: 2px;
		background-image: none;
	}
	
		#middle .middle_container .left-and-right h4 a {
		
			text-decoration: none;	
		}

#middle .middle_container .left-and-right h5 {

	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;	
	clear: both;
}

	#middle .middle_container .left-and-right h5 a {
	
		text-decoration: none;	
	}

		#middle .middle_container .left-and-right h5 span {
		
			display: block;
			float: right;
			font-size: 12px;
			color: #ccc;	
		}

#middle .middle_container .left-and-right p {
 	
 	margin: 15px 0px 0px 0px;
 }

#middle .middle_container .left-and-right ul {

	list-style-type: square;
	margin: 15px 0px 0px 16px;	
}
 
#middle .middle_container .left-and-right ol {

	list-style-type: decimal;	
	margin: 0px 0px 0px 25px;	
}

	#middle .middle_container .left-and-right ol li {
	
		padding-top: 15px;
	}

#middle .middle_container .left-and-right blockquote {

	margin: 15px 0px 0px 0px;
	padding: 0px 15px 15px 15px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;	
	width: 588px;
	overflow: hidden;
	clear: both;
}

	#middle .middle_container .left-and-right blockquote blockquote {
	
		background-color: #fff;
		width: auto;
	}
	
	#middle .middle_container .left-and-right blockquote h4 {
	
		border-width: 0px 0px 1px 0px;
		background: none;
	}

#middle .middle_container .left-and-right .right {

	margin-top: -15px;	
}

#middle .middle_container .left-and-right .left img {
	
	display: block;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	padding: 15px;
	max-width: 588px;
	height: auto;
}

	#middle .middle_container .left-and-right .left div.episodeappearances {
	
		height: 1%;
		overflow: auto;	
	}

	#middle .middle_container .left-and-right .left div.episodeappearances div.episodepreviewimage {
		
		float: left;
		width: 182px;
	}
	
		#middle .middle_container .left-and-right .left div.episodeappearances div.episodepreviewtext  {
		
			float: right;
			width: 420px;
		}
		
			#middle .middle_container .left-and-right .left div.episodeappearances div.episodepreviewtext p {
			
				margin: 0px;
				padding: 0px 0px 15px 0px;	
			}
			
				#middle .middle_container .left-and-right .left div.episodeappearances div.episodepreviewtext ul {
					
					margin: 0px;
					padding: 0px 0px 15px 15px;
				}

	#middle .middle_container .left-and-right .left blockquote img {
	
		background-color: #fff;	
	}
	
		#middle .middle_container .left-and-right .left blockquote .link_left img {
		
			display: inline;
			background: none;
			border: 1px solid #ccc;
			padding: 0px;
			max-width: 251px;
			height: auto;	
		}
		
			#middle .middle_container .left-and-right .left blockquote .link_left {
			
				display: block;
				float: left;
				width: 253px;
				overflow: hidden;
				padding: 15px 0px 0px 0px;	
			}
			
			#middle .middle_container .left-and-right .left blockquote .link_right {
			
				display: block;
				float: right;
				width: 300px;
				overflow: hidden;
				padding: 0px 0px 0px 0px;	
				font-size: 14px;
			}
			
			#middle .middle_container .left-and-right .left blockquote .link_clear {
			
				clear: both;	
			}

	#middle .middle_container .left-and-right .left img.alignleft {
	
		float: left;	
		margin: 0px 10px 10px 0px;
	}
	
	#middle .middle_container .left-and-right .left img.alignright {
	
		float: right;
		margin: 0px 0px 10px 10px;	
	}
	
	#middle .middle_container .left-and-right .left img.aligncenter {
	
		margin: 0 auto;
	}

#middle .middle_container .left-and-right .left .entry {

	clear: both;
	display: block;	
}

	#middle .middle_container .left-and-right .left .entry .previous {
		
		width: 270px;
		float: left;
		text-align: center;
		display: block;
		margin: 15px 0px 0px 0px;
		padding: 15px 15px 15px 15px;
		border: 1px solid #ccc;
		background-color: #f1f1f1;	
	}
	
	#middle .middle_container .left-and-right .left .entry .next {
		
		width: 270px;
		float: right;
		text-align: center;
		display: block;
		margin: 15px 0px 0px 0px;
		padding: 15px 15px 15px 15px;
		border: 1px solid #ccc;
		background-color: #f1f1f1;	
	}

/*------------------------------------------------------------------

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

#middle .middle_container .left-and-right .right ul li span {
	
	display: block;
	font-size: 10px;
	color: #999;
}

	#middle .middle_container .left-and-right .right ul li span a {
	
		color: #000;
		text-decoration: none;	
		font-style: italic;
	}
	
		#middle .middle_container .left-and-right .right ul li span a:hover {
	
			text-decoration: underline;	
		}
	
#middle .middle_container .left-and-right .right ul.smallish {

	margin-top: 5px;
	padding-top: 0px;	
	margin-bottom: 0px;
	padding-bottom: 0px;
	display: block;
	float: none;	
}
	
#middle .middle_container .left-and-right .right ul.smallish li {

	margin-top: 0px;
	padding-top: 0px;	
	margin-bottom: 0px;
	padding-bottom: 0px;
}

	#middle .middle_container .left-and-right .right ul.smallish li a {
	
	margin-top: 0px;
	padding-top: 0px;	
	margin-bottom: 0px;
	padding-bottom: 0px;	
	}

/*------------------------------------------------------------------

 							NEW HOMEPAGE
 
 ------------------------------------------------------------------*/

.new_homepage {

	width: 928px;
	overflow: hidden;	
	background-color: #fff;
	position: relative;
	z-index: 2;	
}

	.nh_box1 {
	
		border-width: 1px 1px 1px 1px; 
		border-style: solid; 
		border-color: #ccc; 
		background-color: #f1f1f1; 
		padding: 0px 10px 10px 10px; 
		margin-top: 10px;	
		height: 1%;
		overflow: auto;
	}
	
		.nh_box1.fixed {
		
			height: 205px;
			overflow: hidden;	
		}
		
		.nh_box1.divided {
		
			background-image: url('images/grey_square.png');
			background-repeat: repeat-y;
			background-position: top center;	
		}
		
			.nh_box1.divided .deuce.dright .ngg-widget.entry-content {
			
				margin: 0px;
				padding: 0px;
				display: block;
				border: 1px solid #ccc;
				height: 1%;
				overflow: auto;
				padding: 1px 0px 8px 8px;
				background-color: #fff;
			}
			
				.nh_box1.divided .deuce.dright .ngg-widget.entry-content a {
					
					margin: 0px;
					padding: 0px;
					display: block;
					float: left;
					margin: 7px 7px 0px 0px;
				}
				
					.nh_box1.divided .deuce.dright .ngg-widget.entry-content a img {
						
						margin: 0px;
						padding: 0px;
						display: block;
					}
					
			.nh_thumbnail {
			
				text-align: center;
				border: 1px solid #ccc;	
				background-color: #fff;
				padding: 19px 0px 19px 19px;
			}
			
				.nh_thumbnail a {
				
					display: block;
					margin: 0px;
					padding: 0px;	
					width: 400px;	
					outline: none;
				}
				
					.nh_thumbnail a img {
					
						display: block;
						margin: 0px;
						padding: 0px;	
						width: 400px;	
					}
		
		.deuce.dleft {
		
			width: 440px;
			float: left;	
		}
		
			.deuce.dleft .continue {
			
				display: block;
				text-align: center;
				padding: 2px;
				border: 1px solid #ccc;
				margin-top: 10px;
				background-color: #fff;
				font-weight: bold;
				text-decoration: none;	
			}
			
				.deuce.dleft .continue:hover {
				
					background-color: #003366;
					color: #fff;
					border-color: #003366;
				}
		
		.deuce.dright {
		
			width: 440px;
			float: right;	
		}
		
			.deuce.dright .nh_appearances_master {
			
				border: 1px solid #ccc;
				height: 1%;
				overflow: auto;
				padding: 1px 0px 11px 11px;
				background-color: #fff;
			}
		
			.deuce.dright .nh_appearances {
			
				float: left;
				width: 188px;
				/*border: 1px solid #ccc;*/
				height: 50px;
				overflow: hidden;
				background-color: #f1f1f1;
				margin: 10px 10px 0px 0px;
				padding: 5px;
				border: 1px solid #ccc;
			}
			
				.deuce.dright .nh_appearances span {
				
					width: 120px;
					display: block;
					float: right;
					padding-right: 5px;
					font-size: 12px;
				}
				
				.deuce.dright .nh_appearances .thumbnail {
				
					float: left;
					display: block;
					width: 50px;
					height: 50px;	
				}
	
.nh_smaller {

	width: 300px; 
	float: left; 
	margin-right: 14px;
}

	.nh_smaller.last {
	
		margin-right: 0px;	
	}
	
.new_homepage {
	
}

.randomimages {
	
	line-height: 0px;
	font-size: 0px;
	height: 1%;
	overflow: auto;
}

.randomimages .ngg-widget.entry-content {

	display: block;
	margin: 0px;
	padding: 0px;	
	padding: 20px 0px 10px 11px;
	height: 1%;
	overflow: auto;
}

	.randomimages .ngg-widget.entry-content a {
		
		display: block;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
		margin-right: 11px;
	}
	
		.randomimages .ngg-widget.entry-content a img {
		
			display: block;
			margin: 0px;
			padding: 0px;	
		}
	
h3 span.newsdate {
	
	display: block;
	float: right;
	width: 150px;
	text-align: right;
	font-size: 12px;
}

.nh_news {

	display: block;
	float: right;
	width: 765px;	
}

	#middle .middle_container .left-and-right .nh_news blockquote {
		
		background-color: #fff;
		width: auto;
	}

.nh_news_img {

	display: block;
	float: left;
	width: 120px;
	height: 120px;
	margin-top: 10px;	
}

.news_title_area {
	
	height: 1%;
	overflow: auto;
}

	.news_title {
	
		width: 650px;
		float: left;
		display: block;	
	}
	
	.news_date {
	
		display: block;
		width: 120px;
		text-align: right;	
		font-size: 12px;
		float: right;
	}
	
.teaser_box {
	
	background-image: url('images/group4.png');
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 200px;	
}
	
/*------------------------------------------------------------------

 							HOMEPAGE
 
 ------------------------------------------------------------------*/

.homepage {

	width: 928px;
	overflow: hidden;	
	background-color: #fff;
	position: relative;
	z-index: 2;
}

	.homepage .homebreak {
	
		clear: both;
		display: block;
		width: 928px;
		overflow: auto;	
	}

	.homepage .box0 {
	
		float: left;
		width: 928px;
		height: 170px;
		overflow: hidden;
			
	}

	.homepage .box1 {
	
		float: left;
		width: 455px;
		height: 170px;
		margin-top: 15px;	
		background-color: #f1f1f1;
		border: 1px solid #ccc;
		overflow: hidden;
	}
	
	.homepage .box2 {
	
		float: right;
		width: 455px;
		height: 170px;
		margin-top: 15px;
		background-color: #f1f1f1;
		border: 1px solid #ccc;
		overflow: hidden;
	}
	
	.homepage .box3 {
	
		float: left;
		width: 455px;
		height: 170px;
		margin-top: 15px;
		background-color: #f1f1f1;
		border: 1px solid #ccc;
		overflow: hidden;
	}
	
	.homepage .box4 {
	
		float: right;
		width: 455px;
		height: 170px;
		margin-top: 15px;
		background-color: #f1f1f1;
		border: 1px solid #ccc;
		overflow: hidden;
	}
	
	.homepage .box_spacing {
	
		padding: 0px 15px 0px 15px;	
	}
	
		.homepage .box_spacing .thumbnail {
	
			display: block;
			background-color: #fff;
			border: 1px solid #ccc;
			padding: 5px;
			max-width: 588px;
			float: left;	
			margin: 15px 10px 0px 0px;	
			height: 50px;
			width: 50px;
			
		}
		
			.homepage .box_spacing .thumbnail img {
			
				display: block;
				padding: 0px;
				margin: 0px;
				height: 50px;
				width: 50px;
				border: 0px;	
			}

/*------------------------------------------------------------------

 							ABSOLUTE FADE (HOME)
 
 ------------------------------------------------------------------*/
 
 #absolutefade_container {
 
	width: 960px;
 	top: 150px;
 	left: 50%;
 	margin-left: -480px;
 	height: 272px;	
 	display: block;
 	z-index: 10;
 	position: absolute;
 	background-image: url(images/fades/bg2.png);
 	background-repeat: no-repeat;
 	background-position: 16px 65px;
 	overflow: hidden;
 }
 
 	 #absolutefade_container .absolutefade .fade {
 	 
 		background: none;
 		height: 272px;
 		overflow: hidden;
 	
 	}
 	
 	#absolutefade_container .absolutefade .fade img {
 	
 		background: none;
 		display: block;
 		height: 272px;
 		width: 960px;		
 	}
 	
 	#absolutefade_container .absolutefade .fade img a {
 		
 		background: none;
 		border: 0px;
 	}

/*------------------------------------------------------------------

 							ARCHIVE
 
 ------------------------------------------------------------------*/

#middle .middle_container .left-and-right .left .entry.archive {

	clear: both;
	display: block;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin-top: 5px;	
	overflow: auto;
	width: 620px;
}

		#middle .middle_container .left-and-right .left .entry.archive.details {
		
			border-top: 1px dotted #ccc;
			font-size: 11px;	
		}

	#middle .middle_container .left-and-right .left .entry.archive p {
	
		margin-top: 5px;	
	}

	#middle .middle_container .left-and-right .left .entry.archive .thumbnail {
	
		display: block;
		background-color: #f1f1f1;
		border: 1px solid #ccc;
		padding: 5px;
		float: left;
		margin: 0px 15px 0px 0px;
	}
	
		#middle .middle_container .left-and-right .left .entry.archive .thumbnail img {
		
			padding: 0px;
			margin: 0px;
			border: 0px;	
			display: block;
		}

#middle .middle_container .left-and-right .left .entry.archive .continue {

	display: block;
	float: right;
	width: 200px;
	text-align: right;	
	margin-top: 7px;
}

/*------------------------------------------------------------------

 							ENCYCLOPEDIA BY TYPE/EP/NAME
 
 ------------------------------------------------------------------*/

#middle .middle_container .left-and-right .left .entry.byname blockquote {

	width: 580px;
	margin: 0px 0px 3px 0px;	
}

#middle .middle_container .left-and-right .left .entry.byname h3,
#middle .middle_container .left-and-right .left .entry.byname h4 {

	width: 602px;
	margin-bottom: 3px;	
}

#middle .middle_container .left-and-right .left .entry.byname .listing_container {

	/*padding: 5px;
	width: 194px;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	overflow: auto;	
	float: left;*/
	font-size: 12px;
}

#middle .middle_container .left-and-right .left .entry.byname ul {
	
	display: block;
	width: 620px;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

	#middle .middle_container .left-and-right .left .entry.byname ul li {
	
		display: block;
		width: 190px;
		float: left;
		overflow: hidden;
		float: left;
		padding: 5px;
		border: 1px solid #ccc;
		background-color: #f1f1f1;
		margin: 0px 3px 3px 0px;
		height: 62px;
		
	}

		#middle .middle_container .left-and-right .left .entry.byname .thumbnail img {
	
			display: block;
			background-color: #fff;
			border: 1px solid #ccc;
			padding: 5px;
			max-width: 588px;
			float: left;	
			margin: 0px 0px 0px 0px;	
			height: 50px;
			width: 50px;
		}

	#middle .middle_container .left-and-right .left .entry.byname ul li span {
	
		padding: 0px 5px 0px 0px;
		text-align: left;
		width: 115px;
		display: block;
		float: right;	
	}

/*------------------------------------------------------------------

 							THUMBNAIL GALLERY
 
 ------------------------------------------------------------------*/

#middle .middle_container .left-and-right .left .ngg-galleryoverview {

	display: block;
	overflow: auto;
	width: 620px;
	padding-top: 15px;	
}

	#middle .middle_container .left-and-right .left .ngg-gallery-thumbnail img {
	
		display: block;
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 5px;
		max-width: 588px;
		float: left;	
		margin: 0px 5px 5px 0px;
	}



/*------------------------------------------------------------------

 							FOOTER
 
 ------------------------------------------------------------------*/
 
 #footer {
 
 	height: 1%;
 	overflow: auto;
 	background-image: url(images/bottom.png);
 	background-repeat: repeat-x;
 	background-position: bottom left;
 	font-size: 14px;
 	color: #fff;	

 }
 
 	 #footer .the_width {
 	 	
 	 	background-image: url(images/arrow.png);
 		background-repeat: no-repeat;
 		background-position: 0px 0px;	
 		height: 1%;
 		overflow: auto;
 		padding: 0px 0px 0px 0px;
 	 }
 
  #footer .left {
  
  	float: left;
  	display: block;
  	width: 636px;
  	padding: 5px 0px 0px 0px;
  	font-size: 11px;
  }
  
  	#footer .left p {
  	
  		padding: 0px 0px 20px 0px;	
  		clear: both;
  		width: 636px;
  		overflow: hidden;
  	}
  	
  		
  	
  		#footer .left p img {
  		
  			display: block;
  			float: left;
  			margin-right: 9px;	
  		}
  
  #footer .right {
  
  	float: right;
  	display: block;
  	width: 296px;
  	padding: 20px 0px 20px 0px;
  	font-size: 11px;
  }
  
  	#footer .right ul {
  	
  		list-style-type: none;	
  		margin: 0px;
  		border-top: 1px dotted #000;
  	}
  	
  		#footer .right ul li {
  			
  			border-bottom: 1px dotted #000;
  		}
  		
  			#footer .right ul li a {
  			
  				display: block;
  				padding: 3px 0px 3px 0px;
  				color: #fff;
  				text-decoration: none;	
  			}
  			
  			#footer .right ul li a:hover {
  			
  				background-color: #000;	
  				padding-left: 10px;
  			}
  			
  			#footer .right p strong {
  		
	  			font-size: 12px;
	  			padding-bottom: 3px;	
	  			display: block;
	  		}
 
#footer p.indented {

	text-indent: 40px;	
}
 
#footer a {

	color: #fff;	
}

	#footer a:hover {
	
		color: #000;	
	}
 
 	#footer .left a.dotted {
 	
 		text-decoration: none;
 		border-bottom: 1px dotted #fff;	
 	}
 	
 	#footer .left a.dotted:hover {
 	
 		border-bottom: 1px solid #fff;
 		color: #fff;		
 	}
 
/*------------------------------------------------------------------

 							FORMS
 
 ------------------------------------------------------------------*/ 
 
.wpcf7-form p span {

		display: block;
}
 
.wpcf7-form input,
.wpcf7-form textarea {

	width: 550px;
	background-color: #851400;
	border: 0px;
	color: #fff;
	font-size: 14px;
	font-family: arial, sans-serif;
	padding: 3px;
	margin: 0px;
}

.wpcf7-form textarea {

	overflow: auto;	
}
 
.wpcf7-form p.submit input {

	background-color: #000;
	width: 556px;	
	padding-bottom: 0px;
	margin-bottom: 0px;
}
 
.wpcf7-not-valid-tip-no-ajax,
.wpcf7-response-output {

	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	color: #ff0000;
}

.wpcf7-form p.submit img.ajax-loader {

	display: none;
	visibility: hidden;
}

.wpcf7-form p.submit {

	height: 23px;
	overflow: hidden;	
}

.wpcf7-form p.radio input {

	display: inline;
	width: 25px;	
	padding: 0px;
	margin: 0px;
}

.wpcf7-form p.radio span {

	display: inline;	
}

/*------------------------------------------------------------------

 							MISC.
 
 ------------------------------------------------------------------*/ 

#floater {

	width: 268px;
	margin: 0 auto;
	float: left;
	background-color: #000;
	color: #fff;
	position: absolute;	
	z-index: 1;
	display: block;
	right: 0px;
	top: 0px;
	background-color: #f1f1f1;
	color: #000;
	border: 1px solid #ccc;	
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	text-align: center;
}

	#floater a {
	
		text-decoration: none;	
	}
	
.edit_this {

	text-align: center;
	padding-bottom: 10px;	
}

/*------------------------------------------------------------------

 							LETTER COUNTDOWN
 
 ------------------------------------------------------------------*/

#campaign-text {
		
			display: block;
			float: left;
			width: 220px;	
			color: #fff;
			font-family: arial;
			font-size: 14px;
		}
		
			#campaign-text a {
			
				color: #fff;
				text-decoration: underline;	
				font-weight: bold;
			}
			
				#campaign-text a:hover {
				
					color: #042a50;	
				}
		
		#letter-countdown {
		
			position: absolute;
			top: 50px;
			left: 200px;
			width: 400px;

		}
		
		#defaultCountdown { width: 170px; height: 36px; padding-top: 2px; float: left; }
		
		/* jQuery Countdown styles 1.5.11. */
		.hasCountdown {
			border: 1px solid #ccc;
			background-color: #eee;
		}
		.countdown_rtl {
			direction: rtl;
		}
		.countdown_holding span {
			background-color: #ccc;
		}
		.countdown_row {
			clear: both;
			width: 100%;
			padding: 0px 0px;
			text-align: center;
		}
		.countdown_show1 .countdown_section {
			width: 98%;
		}
		.countdown_show2 .countdown_section {
			width: 48%;
		}
		.countdown_show3 .countdown_section {
			width: 32.5%;
		}
		.countdown_show4 .countdown_section {
			width: 24.5%;
		}
		.countdown_show5 .countdown_section {
			width: 19.5%;
		}
		.countdown_show6 .countdown_section {
			width: 16.25%;
		}
		.countdown_show7 .countdown_section {
			width: 14%;
		}
		.countdown_section {
			display: block;
			float: left;
			font-size: 60%;
			text-align: center;
		}
		.countdown_amount {
			font-size: 200%;
		}
		.countdown_descr {
			display: block;
			width: 100%;
		}
		
/*------------------------------------------------------------------

 							WP POLLS
 
 ------------------------------------------------------------------*/		
		

.wp-polls {

	background-color: #fff;
	border: 1px solid #ccc;
	margin-top: 10px;
	padding: 0px 10px 10px 10px;
}

#top #middle .middle_container .wp-polls ul {

	list-style-type: none;
	margin-left: 0px;
}



/*------------------------------------------------------------------

 							HOMEPAGE 3
 
 ------------------------------------------------------------------*/

#middle .middle_container .left-and-right #home3 {

	background-color: #fff;	
	height: 1%;
	overflow: auto;
	background-image: url('images/middle-interior.png');
	background-repeat: repeat-y;
	background-position: 463px 0px;	
}

	
	#middle .middle_container .left-and-right #home3 .h3left,
	#middle .middle_container .left-and-right #home3 .h3right {
	
		width: 450px;
		float: left;	
		display: block;
		margin: 0px;
		padding: 0px;
	}
	
		#middle .middle_container .left-and-right #home3 .h3right {
		
			float: right;	
		}
		
		#middle .middle_container .left-and-right #home3 .h3left h3,
		#middle .middle_container .left-and-right #home3 .h3right h3 {
		
			margin-top: 0px;	
		}

	/*#middle .middle_container .left-and-right #home3 .h3divider {
	
		clear: both;	
		display: block;
		height: 50px;
	}*/
	
	
	#middle .middle_container .left-and-right #home3 .h3right .wp-polls {
	
		height: 240px;	
		overflow: hidden;
		margin-bottom: 10px;
	}
	
	#middle .middle_container .left-and-right #home3 .newdivider {
	
		clear: both;
		display: block;
		height: 16px;
		overflow: hidden;
		background-color: #fff;
		background-image: url('images/ccc.png');
		background-repeat: repeat-x;
		background-position: bottom left;	
	}
	
	#middle .middle_container .left-and-right #home3 div.morewhite {
	
		background-color: #fff;	
		height: 1%;
		overflow: auto;
	}
	
	#middle .middle_container .left-and-right #home3 .textabout {
	
		border: 1px solid #ccc;
		padding: 0px 15px 15px 15px;
		margin-top: 10px;	
	}

/*------------------------------------------------------------------

 							JQUERY SLIDES
 
 ------------------------------------------------------------------*/	


/*
			Load CSS before JavaScript
		*/
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		#middle .middle_container .left-and-right #home3 #slides {
		
			position: relative;
			margin-top: 10px;

		}
		
		#middle .middle_container .left-and-right #home3 .slides_container {
			width:448px;
			display:none;
			border: 1px solid #ccc;
			margin-bottom: 10px;
		}

		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		#middle .middle_container .left-and-right #home3 .slides_container div {
			width:448px;
			height:250px;
			display:block;
			overflow: hidden;
			position: relative;
		}
		
			#middle .middle_container .left-and-right #home3 .slides_container div div.ab1 {
			
				position: absolute;
				overflow: hidden;	
			}
			
			#middle .middle_container .left-and-right #home3 .slides_container div div.ab2 {
			
				position: absolute;
				overflow: hidden;
				height: auto;
				bottom: 0px;
				overflow: hidden;
				color: #fff;	
				font-size: 14px;
				padding: 5px;
				background-image: url('images/1px_75.png');
				width: 438px;
			}
			
			#middle .middle_container .left-and-right #home3 .slides_container div h5.aboveall {
			
				position: absolute;
				height: auto;
				padding: 5px;
				font-weight: bold;
				font-size: 14px;
				color: #fff;
				top: 0px;
				left: 0px;
				width: 448px;
				text-align: center;	
				background-image: url('images/1px_feather.png');
				background-repeat: repeat-y;
				background-position: top center;
			}
			
				#middle .middle_container .left-and-right #home3 .slides_container div h5.aboveall a {
					
					color: #fff;
					text-decoration: none;	
				}

					#middle .middle_container .left-and-right #home3 .slides_container div h5.aboveall a:hover {
					
						color: #851400;		
					}
			
				#middle .middle_container .left-and-right #home3 .slides_container div div.ab2 p {
				
					padding: 0px;
					margin: 0px;
					line-height: 1.3em;	
				}
				
					#middle .middle_container .left-and-right #home3 .slides_container div div.ab2 a {
					
						color: #fff;	
					}
					
						#middle .middle_container .left-and-right #home3 .slides_container div div.ab2 a:hover {
						
							color: #851400;	
						}
				
			#middle .middle_container .left-and-right #home3 .slides_container div div.ab3 {
			
				background-color: #000;
				color: #fff;
				padding: 40px 10px 0px 10px;	
				height: 210px;
				width: 428px;
			}
			
				#middle .middle_container .left-and-right #home3 .slides_container div div.ab3 a {
				
					color: #fff;	
				}
				
					#middle .middle_container .left-and-right #home3 .slides_container div div.ab3 a:hover {
					
						color: #851400;	
					}

			#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews {
			
				/*background-image: url('images/teasers/news-teaser.jpg');
				background-repeat: no-repeat;
				background-position: 0px 0px;*/
			}
			
			#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews img.newsbg {
				
				display: block;
				position: absolute;
				width: 448px;
				height: 250px;	
			}
			
			#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews div.textcontainer {
			
				width: auto;
				height: auto;
				display:block;
				position: absolute;	
			}
			
				#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews div.ab4 {
				
					padding: 10px 10px 0px 10px;
					width: 240px;	
					height: auto;
					background-image: url('images/1px_75.png');
					color: #fff;
					font-size: 14px;
					margin-left: 25px;
				}
				
					#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews div.ab4 a {
					
						color: #fff;	
					}
					
						#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews div.ab4 a:hover {
						
							color: #851400;	
						}
				
					#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews h5 {
						
						padding: 0px;
						margin: 10px 35px 20px 35px;
					}
					
						#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews h5 a {
						
							color: #fff;	
						}
						
							#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews h5 a:hover {
								
								color: #851400;
							}

							#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews h5 span {
							
								position: relative;
								display: block;
								color: #fff;
								text-align: left;
								width: auto;
								height: auto;
								float: none;	
							}
							
							#middle .middle_container .left-and-right #home3 .slides_container div div.slidenews p {
							
								padding: 0px 0px 10px 0px;
								margin: 0px;	
							}

		/*
			Optional:
			Reset list default style
		*/
		#middle .middle_container .left-and-right #home3 .pagination,
		#middle .middle_container .left-and-right #home3 .quotebox ul {
			list-style:none;
			margin:0;
			padding:0;
			overflow: hidden;
			background-color: #f1f1f1;
			text-align: center;
			border: 1px solid #ccc;
			padding: 5px;
		}
		
		#middle .middle_container .left-and-right #home3 .pagination li,
		#middle .middle_container .left-and-right #home3 .quotebox ul li {
		
			display: inline-block;
			margin: 0px 5px 0px 5px;	
		}
		
		#middle .middle_container .left-and-right #home3 .pagination a,
		#middle .middle_container .left-and-right #home3 .quotebox ul li a {
		
			display: block;
			text-decoration: none;
			background-color: #f1f1f1;
			padding: 2px 4px 2px 4px;;
			border: 1px solid #ccc;
			color: #ccc;
			width: 20px;
		}
		
			#middle .middle_container .left-and-right #home3 .quotebox ul li a {
			
				width: auto;	
				background-color: #fff;
				color: #000;
				padding-left: 10px;
				padding-right: 10px;
			}

		/*
			Optional:
			Show the current slide in the pagination
		*/
		#middle .middle_container .left-and-right #home3 .pagination .current a {
			color: #000;
			background-color: #fff;
		}
		
		
		#middle .middle_container .left-and-right #home3 #slides .next {
		
			position: absolute;
			top: 0px;
			right: 0px;	
			z-index: 100;
			height: 30px;
			width: 30px;
			overflow: hidden;
			background-image: url('images/slide-right.png');
			background-position: 0px 0px;
			background-repeat: no-repeat;
			text-indent: -9999px;
		}
		
			#middle .middle_container .left-and-right #home3 #slides .prev {
			
				position: absolute;
				top: 0px;
				left: 0px;	
				z-index: 100;
				height: 30px;
				width: 30px;
				overflow: hidden;
				background-image: url('images/slide-left.png');
				background-position: 0px 0px;
				background-repeat: no-repeat;
				text-indent: -9999px;
			}