/*======================================
Theme Name: Phanatics
Theme URI: http://www.kreativethemes.com
Description: An awesome WordPress Premium Theme by <a href="http://www.kreativethemes.com">KreativeThemes</a>.
Version: 1.4
Author: KreativeThemes 
======================================*/

/*---:[ Global ]:---*/
*{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
ul { list-style: none; margin: 0; padding: 0; }
acronym, abbr, fieldset, img {border: 0;}
:focus	{outline: 0; }
.clear	{clear: both;}
.fleft 	{float:left;}
.fright {float:right;}


/*---:[ Base ]:---*/
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;}
a,a:visited {text-decoration:none;color: #00346C;}
a img, a:visited img {border: none;}
blockquote {margin :0 0 10px 20px;padding: 25px 0 0 10px;}
code {background : #cccccc;padding-left:3px;padding-right:3px;text-align:left;} 

.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft { float: left;}
.alignright {float: right;}

.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

/*---:[ Wrapper ]:---*/
#wrapper{margin:0 auto;padding:0;width:980px;clear: both;}


/*---:[ Header ]:---*/
#header{padding:20px 0 24px ;}
.brand{float: left;width: 490px;}
h1#logo {margin: 0 0 5px;}
	h1#logo a{font-family: "Helvetica Neue", Arial, Helvetica, Verdana;font-size: 35px;font-weight: bold;color: #000;text-shadow: 0px 1px #5795C9;}
.desc {display: block;}


/*---:[ Menu ]:---*/
#menu {height: 45px;padding: 6px 0 0 0;z-index:110;position:relative;}
ul#nav {list-style-type:none;list-style-position:outside;position:relative;}
	ul#nav li{float:left;margin: 0 5px 0 0;position:relative;}
		ul#nav li a{display:block;padding:0px 12px 0px 0px;color:#fff;font-family: Arial, Helvetica, Verdana;font-size: 12px;text-transform: uppercase;}
		ul#nav li span{padding: 11px 0px 9px 12px;display: block;}
		ul#nav li a:hover,ul#nav li.current_page_item{background:url(images/nav_right.png) no-repeat right;}		
		ul#nav li a:hover span,ul#nav li.current_page_item span{background: url(images/nav_left.png) no-repeat left;}		
 		ul#nav li.current_page_ancestor li,ul#nav li.current_page_item li{background: url(images/catdd-mid.jpg) repeat-y top left;}		
 		ul#nav li.current_page_ancestor li span,ul#nav li.current_page_item li span{background: none;} 		
	ul#nav ul{position:absolute;display:none;width:214px;background:  url(images/catdd-bot.png) no-repeat bottom left;padding: 1px 0 8px 0 ;}
		ul#nav ul li{margin:0px;}
		ul#nav li ul li  {display:block;background: url(images/catdd-mid.jpg) repeat-y top left;color:#ccc;padding: 0 8px;width: 214px;}
		ul#nav li ul li a{width:186px;float:left;color: #818584;text-transform: none;}
			ul#nav li ul li a:hover{background: url(images/mehovr.jpg) no-repeat left;color: #fff;}
			ul#nav li ul li a:hover span{background:none;}
		ul#nav ul ul{top:auto;}	
		ul#nav li ul ul {left:206px;margin:0px 0 0 10px;}
		ul#nav li:hover ul ul,ul#nav li:hover ul ul ul,ul#nav li:hover ul ul ul ul{display:none;}
			
			
/*---:[ Topbox ]:---*/
#topbox{width: 980px;padding: 0px 0px;margin: 20px 0 0 0; }
	#topbox .topbox_top{height:45px;padding: 10px 20px 0;}
		h2.topbox_t{font-family: "Helvetica Neue", Arial, Helvetica, Verdana;font-size: 22px;color: #fff;margin: 5px 0 0 0;text-shadow: #000 0px 0px 3px;}
	#topbox .topbox_mid{padding: 20px 20px 25px;}
		.topbox_mid .col{width: 455px;}
 		.topbox_mid .tslide{background: url(images/tslidebg.jpg) repeat-y left;width: 460px;}
 			
			
/*---:[ Middlebox ]:---*/
#middlebox{padding: 20px 20px 0 20px;display: inline-block;width: 940px;}
	ul li.col2{width: 220px;float: left;overflow: hidden;height: 320px;position: relative;margin: 0 19px 25px 0;}
 	ul li.push{height: 50px;display: block;clear: both;}
	ul li.lastcol{margin: 0;}
	h1.mid a,h1.mid a:visited{font-family: Helvetica, Verdana, Arial;font-size: 17px;color: #191F1E;line-height: 20px;}
	ul li.col2 p{line-height: 17px;height: 85px;overflow: hidden;}
	li.col2 .midthumb{position: relative;margin: 6px 0;	padding: 10px 0 0;height: 150px;}
   		li.col2 .midthumb a.middle{height: 150px;display: block;background: #000; }
  		li.col2 .midthumb img{border: 1px solid #243A37;width: 218px;}
  		li.col2 .midthumb span{font-size: 12px;background : url(images/spanbg.png) repeat-x bottom;font-family: Helvetica, Arial,Verdana;display: block;
			position: absolute;z-index: 1;padding: 10px 10px;bottom: 0px;}
			li.col2 .midthumb span.date{width: 200px;}
			li.col2 .midthumb span.com{background: url(images/mid_comm.png) no-repeat left;	padding: 10px 10px 10px 20px;right: 0;z-index: 2;}
				li.col2 .midthumb span,
				li.col2 .midthumb span a,
				li.col2 .midthumb span a:visited{color: #9FB6B4;}
	.rm_1,.rm_1a{padding: 10px 0 0;position: absolute;bottom: 0;width: 220px;}
	.rm_1a{	background: #5F938D;}
		.rm_1 a,.rm_1a a{width: 112px;height: 30px;display: block;text-indent: -9999px;margin: 0;}
		
		
/*---:[ Category Drop Down ]:---*/
.catmore {position:relative;z-index:100;float: right;}
	.catmore ul {padding:0; margin:0; list-style: none;}
	.catmore ul li {float:left;position:relative;}
		.catmore ul li a {display:block; text-decoration:none; color:#909392;width:176px;border: none;padding: 3px 10px;line-height:24px; overflow:hidden;}	 
		.catmore ul li.moreb a.hide{height:30px;padding:5px 0 0 15px;width:200px;display: block;}
		.catmore ul li ul,
		.catmore ul li:hover ul li ul  {display: none;}
			.catmore ul li:hover ul {display:block; position:absolute; top:35px; left:1px;background: url(images/catdd-bot.png) no-repeat bottom;padding: 0px 0 8px ;width: 214px; color:#ccc;}
		.catmore ul li:hover ul li{width: 214px;padding: 0px 8px ;	background: url(images/catdd-mid.jpg) repeat-y top left;}
		.catmore ul li:hover ul li a {border-bottom: 1px solid #000;border-top: 1px solid #363B39;padding: 6px 10px;}
			.catmore ul li:hover ul li:first-child a {border-top:0px;}
			.catmore ul li:hover ul li:last-child a {border-bottom:0px;}
			.catmore ul li:hover ul li a:hover {background: url(images/mehovr.jpg) no-repeat left;color:#fff;}


/*---:[ Featured Horizontal Slider ]:---*/
#fcontrol {padding:12px 0 0 20px;height: 39px;}
	#fcontrol .fpagecurrent,.fpage:hover{ color: #000;}
	.slide-thumbnail img {width: 456px;margin: 1px 2px;}
	.slide-details { position: absolute;background: #000;margin: 0 2px 0px;opacity:0.8;filter:alpha(opacity=80);bottom: 0;padding: 10px;width: 436px;}
		.slide-details h1 a,.slide-details h1 a:visited {font-size: 16px;color: #fff;}
		.slide-details .description {color: #fff;line-height: 16px;margin: 5px 0;}
	.fpage,.fprev,.fnext {color:#FFF;cursor:pointer;padding:6px 0px;}
	.fpage{width: 26px;text-align: center;margin: 0 12px 0 0;float: left;}
	.fprev,	.fnext{text-indent: -9999px;width: 20px;float: left;margin: 0 8px 0 0;}
 
/*---:[ Vertical Scroller ]:---*/
#slider{color: #aaa;}
h1.scroll a,h1.scroll a:visited{font-size: 15px;font-family:"Helvetica Neue", Helvetica, Verdana, Arial;color: #fff;}
span.scrolltop,span.scrollbot{ height: 12px;width: 420px;display: block;}
span.scrollbot{height: 16px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width:  420px;height: 284px;border-top: 1px solid #111414;}
.jcarousel-skin-tango .jcarousel-item { width: 378px;height: 49px;margin: 0 1px;padding: 10px 20px  ;border-top: 1px solid #333837;border-bottom: 1px solid #111414;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;}
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,
.jcarousel-item {float: left;list-style: none;width: 378px;height: 49px;}
#mycarousel a.scroll img{width: 50px;}
#mycarousel a.scroll  {width: 50px;display: block;background: #000;margin: 0 10px 0 0;height: 49px;border: 1px solid #000;}
  
  
/*---:[ Content ]:---*/
#boxer{width: 980px;padding:16px 0 30px;}
	h2.bt{font-family: "Helvetica Neue", Helvetica, Verdana, Arial;font-size: 22px;color: #fff;text-shadow: #333 0px 0px 3px;padding:  0px 0 0 20px;}
 	.brss {margin:0px 360px 0 0;text-transform:uppercase;}
		.brss a{color:#FFFFFF;background: url(images/rssicon.png) no-repeat left;padding: 5px 0 5px 35px;font-family:"Helvetica Neue",Helvetica,Verdana,Arial;text-shadow: #333 1px 1px 2px;font-size:12px;display:block;}		
	#content{width: 630px;margin: 12px 0 0 0;float: left;}
		#content ul.blogpost{overflow: hidden;width: 590px;padding: 30px 20px 0;}
		#content ul.blogpost li.entry{ margin: 0 0 30px 0;}
			.entry h1.maintitle {font-size: 25px; margin: 2px 0; padding-bottom:}			
				.entry h1.maintitle a{color: #333;text-shadow: #fff 0 1px;  }
		.entry_post{margin: 15px 0 10px ;color: #3d3d3d;font-size: 12px;line-height: 20px;}
		.entry_post a{color: #FF0000;text-decoration: underline;}
		.entry_post h1{font-size: 21px;margin: 30px 0 5px;}
 		.entry_post h2{font-size: 19px;margin: 20px 0 5px;}
 		.entry_post h3{font-size: 15px;margin: 20px 0 5px;}	  
		.entry_post p{margin: 0 0 15px;}
		.entry_post blockquote{background: url(images/bq.gif) no-repeat scroll 10px 0px;}
		.entry_post ul{list-style:disc;list-style-position: outside;margin: 0 0 10px 25px;}
		.entry_post ol{margin: 0 0 10px 30px;}		 
		.entry_post li{padding: 3px;border-bottom: 1px solid #eee;width: 90%;}
		.entry img.alignleft{float: left;padding: 0px 10px 10px 0;}
		.entry img.alignright{float: right;padding: 0px 0px 10px 10px;}
		.entry .block_b{background: #D5E8DE;border-top: 2px solid #BEDCD1;padding:5px 10px;color: #666; margin-bottom:10px;}
		.entry .block_b p{margin: 0 0 5px;}
 		.entry .block_b p span{font-family: Georgia;font-style: italic;}
		.entry .block_b a{color: #666;text-decoration: underline;}	
	.entry_b{clear: both;}
span.datei, span.commi, span.tagi {	padding: 0 6px 0 6px;color: #758181;line-height: 18px;font-size:11px;}
span.datei{ border-right:1px dotted #d3d3d3; padding-left:0;}
span.commi{}
span.tagi { padding-left:0; padding-bottom:15px;}
span.datei a, span.commi a, span.tagi a{color: #758181;}
span.datei a:hover, span.commi a:hover, span.tagi a:hover{border-bottom:1px solid #b3c6c6;}
.rm2{position: relative;width: 100%;display: block;float: right;margin: 0 0 0 15px;text-indent: -9999px; border-bottom: 1px solid #eee; clear:both;}	


/*---:[ Sidebar ]:---*/
#sidebarwrap{width:300px;float: right;margin: 12px 0 0;padding: 30px 20px 0 0;}
 	#calendar_wrap {margin: 10px 0;text-align: center;}
		#calendar_wrap td{padding: 4px 8px;}
	h2.sideheading{font-size: 18px;text-shadow: #fff 0px 1px;margin: 0 0 7px;color: #000;}
		
/*---:[ Tabbed Interface ]:---*/
.tabbed {margin: 20px 0 30px;}
.tabbed ul.tabs {float: left;display: inline;}
.tabbed ul.tabs li {list-style: none;float: left;margin: 0 5px -2px 0;background: #666;padding: 0;}
.tabbed ul.tabs li a {overflow: hidden;display: block;color: #ccc;margin: 0 1px 0 0;cursor: pointer;padding: 5px 12px 7px;}
.tabbed ul.tabs li a:hover {background: #333;}
.tabbed ul.tabs li a.tab-current {background:#1A1A1A;}
.tabbed div.t2, .tabbed div.t3 {display: none;}
.tabbed .area {float: left;display: block;color: #CDCDCD;background:#1A1A1A;padding: 20px 20px;width: 260px;}
	.area a,.area a:visited{color: #CDCDCD;}	
	.area li{border-bottom: 1px solid #111;}
	.t1 a{border-bottom: 1px solid #222;display: block;padding: 5px 0 ;}
	.t3 a, .t2 a{display: inline;border-bottom: 0px;}
	.t2 li{padding: 5px 0;}


/*---:[ Widgets ]:---*/
.widgets{margin: 0 0 35px;line-height: 17px;}
.widgets li{padding: 5px 0; border-bottom: 1px solid #eee; color:#333;}
.widgets li a {color:#333;}
.widgets li a:hover{text-decoration: underline;}


/*---:[ Single Page ]:---*/
#boxersingle{background: #fff;padding: 0 0 30px 0;}	
#boxerarch {width: 940px;padding: 20px;margin:0;}
 	h2.pagetitle{padding: 10px 30px;background: #cccccc;font-family: "Helvetica Neue",Helvetica, Verdana, Arial;font-size: 18px;color: #000;margin: 10px 0 10px 0;} 		
 	.breadcrumb{padding: 17px 20px 16px;margin: 35px 0 0;color: #ccc;}
 	.breadcrumb a,
 	.breadcrumb a:visited{color: #ccc;text-decoration: underline;}


/*---:[ Comments ]:---*/
#comments{padding:10px 0px 0;margin:0 0px;}
#comments p.block_c {font-family: "Helvetica Neue",Arial,Helvetica,Verdana;font-size: 21px;font-weight: bold;}		 
ol.commentlist{list-style: none;}
	ol.commentlist li{margin: 0 0 20px 0;line-height: 18px;}
	ol.commentlist li li{margin: 15px 0px 0 30px;}
		.comment-author{width: 15%;margin: 0 5px 0 0;float: left;}	 
			.comment-author span{font-size: 10px;display:block;color: #333;}		
		.comment-content{float:right;background: #E6E6E6;width: 76%;padding: 20px 20px 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;color: #6B6B6B;}	
		.comment-content p{margin: 0 0 15px 0;} 
		ol.commentlist li.pings{padding: 6px 0px;background: none;margin: 0;border-bottom: 1px solid #ddd;}
		ol.commentlist li blockquote{background: url(images/bqc.gif) no-repeat scroll 10px 0px;}	 
	.reply a,
	.cancel-comment-reply a{text-transform: uppercase;color: #666;font-size: 10px;}	 
	 .cancel-comment-reply{	background:#323232 none repeat scroll 0 0;margin:13px 0 0;padding:2px 10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	 .navigation{padding: 6px 0;}
	 .navigation a{color: #000;}


/*---:[ Comment Form ]:---*/
#respond{margin: 20px 0 50px;color: #6B6B6B;background: #202020 url(images/respondtop.jpg) repeat-x top;padding: 10px 20px 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
	#respond a{	color:  #ccc;text-decoration: underline;}
	#respond label{display: none;}
	#respond h3{font-size: 17px;margin: 3px 0 30px;color: #fff;}
	#respond p{margin: 0 0 10px 0;}
	.res_1{	width: 34%;}
	.res_2{	width: 60%;}
	#author,#email,#url{width: 95%;height: 14px;padding: 10px;	color: #818181;border: 1px solid #2C2C2C;-moz-border-radius: 7px;	-webkit-border-radius: 7px;background: #131313;}
	textarea#comment{width: 94%;color:#818181;padding: 10px;font-family: Verdana;font-size: 11px;height: 140px;	border: 1px solid #2C2C2C;	-moz-border-radius: 7px;-webkit-border-radius: 7px;background: #131313;}
	#respond #submit{background: url(images/spritebutton.jpg) no-repeat 0px 0px;text-indent: -9999px;margin: 10px 0 0;height: 30px;width: 90px;cursor: pointer;border: none;display: block;line-height: 0;font-size: 0;}
	
	
/*---:[ Pagination ]:---*/
.pagination_bar{padding: 22px 0 ;height: 27px;}
.wp-pagenavi{padding: 0px 0 0 20px;}
	.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi span.current,.wp-pagenavi span.extend {width: 26px;text-align: center;margin-right:8px;color: #A2A3A2;display: block;padding: 6px 0 8px;float: left;}
	.wp-pagenavi a.last,.wp-pagenavi a.first,.gototop a{width: 55px;}
.gototop a:hover,.wp-pagenavi span.current,.wp-pagenavi a:hover{color: #000;}
span.pages{display: none;}
	.gototop a{float: right;color:#A2A3A2;margin:0px 20px 0px 0;padding: 6px 0 8px; text-align: center;text-transform: uppercase;letter-spacing: 1px;font-size: 10px;}
	
	
/*---:[ Footer ]:---*/
#footer{font-size: 11px;color: #D5E8DE;float: left;width: 980px;padding: 20px 0; line-height: 17px;}
	#footer a{color: #D5E8DE;text-decoration: underline;}
	.ftext{	margin: 4px 0 0 5px;}
	.fcred  {width: 275px;}
#kreativethemes{width: 156px;height: 27px;display: block;margin: -5px 0 0 5px;text-indent: -9999px;}