/* CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong{font-weight:bold}
em{font-style:normal}
a{text-decoration:none; cursor:pointer
	
	}

body{
	font-family: "Verdana", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	

	background:#000000; 
	font-size:80%;
	
	/*line-height:1.125em;*/
	line-height:1.3em;
	
	
}


#page .panel .social li
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 50%;
float:left;
margin:5px;
padding:0;
list-style-type:none;
list-style:none;

}


.social li a{

display:block;
height:40px;
margin: 5px 5px 5px 5px;
width:40px;

margin:0 auto;
padding:0px 0 0 0;
text-indent: -9999px;

}

.twittericon a {
background:url(images/twittericon.png) no-repeat;
float: left;
display:block;

}

.facebookicon a {
	background:url(images/facebookicon.png) no-repeat;
float: left;
display:block;

}

.youtubeicon a {
	background:url(images/youtubeicon.png) no-repeat;
	float: left;
	display:block;
}

.blogicon a {
	background:url(images/blogicon.png) no-repeat;
	float: left;
	display:block;

}




#promo_header{
	margin:0 auto;
	text-align: center;
	position: relative;
	 
	
	height:40px;
    width:1000px;
	background:#000000;
	border-bottom:solid 1px #222222;
	

}

	
#promo_header .sharethis {
	margin: 10px 20px 10px 10px;
	float: right;
}

#promo_header .clearright {
	clear:right;
}



#promo_header .twitter {
	margin: 5px 20px 5px 10px;
	float: right;
	width: 30px; 
	height: 29px; 

}

#promo_header .facebook {
	margin: 5px 10px 5px 10px;
	float: right;
	height: 30px; 
	width: 29px; 
}

#promo_header .youtube {
	margin: 5px 20px 5px 10px;
	float: right;
	width: 30px; 
	height: 30px; 
}

#promo_header .rss {
	margin: 5px 10px 5px 10px;
	float: right;
	height: 29px; 
	width: 29px; 
}

#promo_header .followtwins {
	margin: 10px 10px 5px 10px;
	float: right;
	height: 29px; 
	color: #eeeeee;
	font-size:80%;
	font-weight:bold;

}

#promo_header .register {
	margin: 10px 10px 5px 10px;
	float: left;
	height: 29px; 
	color: #eeeeee;
	font-size:80%;
	font-weight:bold;
	
}
	
#promo_header .register	a:link {
	color: #eeeeee;
	}
#promo_header .register	a:visited {
	color: #ffffff;
}
#promo_header .register	a:hover {
	color: #ffffff;
	text-decoration: underline;
}


#promo_header .retweet {
		margin: 5px 40px 5px 10px;
		float: right;
		height: 29px; 
		width: 29px; 
		background: transparent;
	}







#header{
	margin:0 auto;
	padding:0px 0 0 0;
	width:1000px;
	height:348px;
	background:url(images/babyloniantwinstitle.png) center top no-repeat;
	position:relative;

}
	#header h1,
	#header h2{
		display:none;
	}
	
	#header ul{
		height:23px;
		width:522px;
	/*	position: relative;*/
	position: absolute;
		top:312px; 
		/*left:40px;*/
		left:40px;
	}
		#header ul li{
			display:block;
			float:left;
			width:174px;
			height:23px;
		}
			#header ul li a{
				display:block;
				position:relative;
				width:174px;
				height:23px;
				background-image:url(images/btwinsbuttons.png);
				background-repeat:no-repeat;
			}
				#header ul li a strong{
					display:none;
				}
				#header ul li a span.hover{
					display:block;
					position:absolute;
					width:174px;
					height:23px;
					background-image:url(images/btwinsbuttons.png);
					background-repeat:no-repeat;
				}
			
				#header #home a {
					background-position:0 0;
				}
					#header #home a .hover{
						background-position:0 -23px;
					}
		
				#header #about a{
					background-position:-174px 0;
				}
				#header #about a .hover{
					background-position:-174px -23px;
				}
			
			
				#header #background a{
					background-position:-348px 0;
				}
				#header #background a .hover{
					background-position:-348px -23px;
				}

		
		
				iframe {
				background: transparent;
				}


				


	#blog_header{
		margin:0 auto;
		padding:10px 0 0px 0;
		width:1000px;
		height:60px;
		/*background:url(images/babyloniantwinslogo.png) left top no-repeat;*/
		background-color: #000000;
		position:relative;
		border-bottom:solid 1px #222222;

	/*	text-align: left;*/
		/*position: relative;*/
		
		

	}

	#blog_header .logo {
		margin:0 auto;
		
	/*	position: relative;*/
		position: absolute;
		top:0px; 
			/*left:40px;*/
		left:10px; 
		height: 50px;
		text-align: left;
		
	}	



	
	#blog_header #nav-menu ul
	{
	position: absolute;
	top:37px; 
	
	list-style: none;
	padding: 0;
	margin: 0;
	
	}

	#blog_header #nav-menu li
	{
	float: right;
	margin: 0 0.15em;
	}

	#blog_header #nav-menu li a
	{
	background: #000000;
	height: 2em;
	line-height: 2em;
	float: right;
	width: 6em;
	display: block;
	border: none; 
	color: #eeeeee;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	}

	/* Hide from IE5-Mac \*/
	#blog_header #nav-menu li a
	{
	float: none
	}
	/* End hide */

	#blog_header #nav-menu
	{
	width:19em
	}
	

	


	

/*

#page_header p{
	display:none;
	background:#0F0F0F;
}
*/


#page{
    width:1000px;
    margin:0 auto;
	color:  #999999; /*#84704a; */  /*#978346;*/   
/*	background:#000000;*/
	background: #000000;
	padding:0px 0px ;
	

}
		#page .panel{
			margin:0 auto;
			padding:0px 0px 0px 0px;
			width:1000px;
			overflow:hidden;
			background: #000000;
		
		}		
			#page .panel p{
				padding:10px 0;
				/*-family: "Verdana","Lucida Grande", "Lucida Sans Unicode", sans-serif;*/
				
				
				/*font-size:0.875em;*/
				
				
				
				/*font-size:14px;
				line-height:1.5em; */
			}
			
			#page .panel h2{
				font-size:20px;
				padding:0 0 .2em 0;
			/*	letter-spacing:-2px;*/
				color: #eeeeee;  /*#978346;*/ /* #555555;*/
			/*	font-weight:bold;*/
			}
			
			#page .panel h3{
				font-size:18px;
				padding:0 0 .2em 0;
				letter-spacing:-2px;
				color: #eeeeee; /*#978346;*/ /* #555555;*/
				/*font-weight:bold;*/
			}
			#page .panel h4{
				padding:0 0 .2em 0;
				font-size:15px;
				letter-spacing:-0.5px;
				font-weight:bold;
				color:#bbbbbb;
			}
			#page .panel strong{
				color:#eeeeee;
			}
			#page .panel em{
				font-style:italic;
			}
			#page .panel a{
				white-space:nowrap;
				color:#eeeeee;
				font-weight:bold;
			}
				#page .panel a:hover{
					text-decoration:underline;
				}
			#page .panel .gallery img{
				padding:0px;
				border:solid 1px #c0c5d6;
			}
			#page .panel img{
				padding:0px;
				border:solid 1px #111111;
			}
			#page .panel blockquote,
			#page .panel ul,
			#page .panel ol,
			#page .panel pre{
				/*font-size:100%;*/
			/*	margin:1em 2em 2em 2em;
				padding:10px 15px;*/
				/*background:#999999;*/
			}
			#page .panel blockquote p{
				padding:.4em 0 !important;
				text-indent:0 !important;
			}
			#page .panel li{
				list-style-position: inside;
				padding: 0 0 .5em 0;
			}
				#page .panel ul li{
					margin:0 0 0 0em;
					list-style:square;
				}
				
				#page .panel ol li{
					margin:0 0 0 0em;
					list-style:decimal;
				}
				#page .panel pre{
					line-height:1.3em;
					color:#eeeeee;
					font-size:80%;
					overflow:auto;
					background:#0f0f0f;
					border:solid 1px #202020;
				}
			#page .panel code{
				padding:0 3px;
				color:#33333e;
				background:#f8f8f8;
				border:solid 1px #e5e5e5;
				font-size:13px !important;
			}
			
			#page .panel .gallery{
				text-align:center;
			}


/* box */

			#page .panel .box {
			
				margin: 10px 20px 20px 20px;
			/*	font-size:18px;*/
				padding: 15px 15px 15px 15px; 
				
			background:#000000;
				float:left;
				-moz-border-radius:1ex;
			  -webkit-border-radius:1ex;
				/*border: 1px solid #B2B2B2;*/
	
			}

/* highlight box */
			#page .panel .highlight_box {
			
				margin: 10px 20px 20px 20px;
				/*font-size:18px;*/
				padding: 15px; 
				width:425px;
			/*	height:600px;*/
			/*	background: #0F0F0F;*/
				background:#000000;
				float:left;
				-moz-border-radius:1ex;
			  	-webkit-border-radius:1ex;
				/*border: 1px solid #B2B2B2;*/
	
			}

			#page .panel .highlight_box p{
				padding:0 0 1em 0;
		/*		font-family: "Verdana", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
				font-size:12px;
				line-height:1.5em; */
			}
			
			#page .panel .highlight_box h2{
			/*	font-size:16px;*/
				padding:0 0 .5em 0;
				/*letter-spacing:-2px;*/
				color: #eeeeee; /*#978346;*/ /* #555555;*/
				
			}

			#page .panel .highlight_box blockquote,
			#page .panel .highlight_box ul,
			#page .panel .highlight_box ol,
			#page .panel .highlight_box pre{
	   		/*	font-size:14px;*/ 
				margin: 10px 10px 10px 10px;
				padding:10px 15px;
				
			}
				
			#page .panel .highlight_box li{
				
				padding: 0 0 .5em 0;
			}
				#page .panel .highlight_box ul li{
					margin:0 0 0 1em;
					list-style:square;
				}
				
				#page .panel .highlight_box ol li{
					margin:0 0 0 1.5em;
					list-style:decimal;
				}

				#page .panel .highlight_box img{
					
					padding:0px;
					border:solid 1px #222222;
				}


/*   widget  */

					#page .panel .widget {

						margin: 10px 10px 10px 10px;
						/*font-size:18px;*/
						padding: 0px; 
					/*	width:425px;*/
					/*	height:600px;*/
					/*	background: #0F0F0F;*/
						background:#000000;
					/*	float:left;*/
					
						/*border: 1px solid #B2B2B2;*/
						

					}

					#page .panel .widget p{
						padding:1em 1em 1em 0;
				/*		font-family: "Verdana", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
						font-size:12px;
						line-height:1.5em; */
					}

					#page .panel .widget h2{
					/*	font-size:16px;*/
						padding:0 0 .5em 0;
						/*letter-spacing:-2px;*/
						color: #eeeeee; /*#978346;*/ /* #555555;*/
						border-bottom:1px dotted #444444;

					}

					#page .panel .widget blockquote,
					#page .panel .widget ul,
					#page .panel .widget ol,
					#page .panel .widget pre{
			   		/*	font-size:14px;*/ 
						margin: 10px 10px 10px 10px;
						padding:10px 0px;

					}




					#page .panel .widget li{

						padding: 0 0 .5em 0em;
					}
						#page .panel .highlight_box ul li{
							margin:0 0 0 0em;
							list-style:square;
						}

						#page .panel .widget ol li{
							margin:0 0 0 0em;
							list-style:decimal;
						}

						#page .panel .widget img{

							padding:0px;
							border:solid 1px #222222;
						}




/* iPhone Gallery */

						#iphone {
							margin:0 auto;
							padding:0px 0 0 0;
							padding: 25px 0px 0px 0px;
							width:550px;
							height:330px; 
							background:url(images/iphone-75-3.png) center top no-repeat;
							position:relative;
						}
						.slideshow { height: 240px; width: 360px; margin: auto; position:relative;  }
						.slideshow img {  height: 240px; width: 360px; padding: 0px; border: 0px solid #000; background-color: #000; }




/* alignment */
						.center {
							display: block;
							margin-left: auto;
							margin-right: auto;
						}

						.left {
							float: left;
						}

						.right {
							float: right;
						}


						.clear {
						  clear: both;
						}
						
						
						




	
			.aligncenter {
				display: block;
				margin-left: auto;
				margin-right: auto;
			}

			.alignleft {
				float: left;
			}

			.alignright {
				float: right;
			}
			
			
			
			
			
	

#page_footer{
	width:1000px; 
	margin:0 auto;
	background:#0f0f0f;
	position:relative;
	text-align: center;

}
	#page_footer h5{
		padding:20px 90px;
		font-size:28px;
		letter-spacing:-2px;
		font-weight:bold;
		color:#3c508e;
	}
	#page_footer p{
		padding:0 70px 30px 70px;
		font-size:13px;
		color:#2f4077;
		line-height:1.5em;
	}
		#page_footer p a{
			color:#fff;
		}
			#page_footer p a:hover{
				text-decoration:underline;
			}






			





#footer{
	margin:0 auto;
	height:200px;
	border-top:solid 1px #222222;
	background:#000000;
	font-size:13px;
	font-family: "Verdana", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
/*	background:url(images/bg.png) top repeat;*/
	width:100%;
	width:1000px;
	/*background:#0f0f0f;*/
}


	#footer .logos {
		margin:0 auto;
		position: relative; 
		width: 400px;
		height: 100px;
		text-align: left;
		top: 10px;
	}

		#footer .logos .cosmoslogo {
			width: 192px; 
			height: 89px; 
			position: absolute;  
			left: 0px; 
			top: 0px; 
			
		}

		#footer .logos .telefilmlogo {
			width: 192px;  
			height: 89px; 
			position: absolute;  
			right: 0px;
			top: 0px; 
		}

	#footer .copyright {
		margin:0 auto;
		position: relative; 
		width: 700px;
		height: 40px;
		text-align: center;
		top: 10px;
	}


	#footer p{
	/*	width:1000px;
		overflow:hidden;
		margin:0 auto; */
		color: #555555; 
	}
	#footer .copyright img{
	/*
		overflow:hidden;
		margin:0 auto;
		color: #555555;*/
		padding:10px 0 0 0; 
	}

	#footer span{
		display:block;
		height:90px;
		line-height:90px;
	}

	#footer .left{
		float:left;
	}

	#footer .right{
		float:right;
	}

	#footer a{
		color:#777777;
	}
		#footer a:hover{
			text-decoration:underline;
		}
		



		.post { margin:35px 15px 5px 15px; border-bottom:1px dotted #444444;}

		.post h2 { margin:0 0 4px 0; padding:0; line-height:100%; }
		.post h2 a, .post h2 a:visited, #single h2 { color:#ccc; font-size:16px; line-height:120%; font-weight:normal; }
		.post h2 a:hover { text-decoration:none; color:#83bac4; }
		.post-info { margin:0; }
		.post-info li { display:inline; font-size:11px; color:#797f80; margin:0 10px 0 0; }
		.write-comment { background:url(image/arrow1.gif) no-repeat left center; padding:0 0 0 11px; }
		.post-info a, .post-info a:visited { color:#777; }
		.post-info a:hover { color:#83bac4; }

		.post-content { clear:both; padding:15px 0 15px 0; line-height:160%; }
		.post-content p { margin:0 0 1em 0; line-height:160%; }
		.post-content a,.post-content a:visited { text-decoration:underline; }
		.post-content a.more-link, .post-content a.more-link:visited 
		  { display:block; clear:both; margin:15px 0 5px 0; height:23px; padding:6px 0 0 35px; background:url(image/arrow3.gif) no-repeat left top; text-decoration:none; }
		.post-content a.more-link:hover { background:url(image/arrow3.gif) no-repeat left bottom; text-decoration:none; }

		.post img, .post a img { border:1px solid #222; padding:5px; margin:0;  background:#555; }
		.post a:hover img { border:1px solid #849ca0; background:#59847d; }
		.post img.centered,div.centered { display:block; margin:0 auto; }
		.post img.alignright, div.alignright { margin:4px 0 10px 10px; display:inline; }
		.post img.alignleft, div.alignleft { margin:4px 10px 10px 0; display:inline; }
		.post img.wp-smiley { border:0px; padding:0px; margin:0px; background:none; }

		.post table { margin:0 0 1em 0; }
		.post td, .post th { border:1px solid #333; padding:15px; }
		.post th { background-color:#000; font-weight:normal; }
		.post-content ul li { margin:0 0 0 0; line-height:160%; background:url(image/bullet1.gif) no-repeat left 9px; padding:0 0 0 12px; }
		.post-content input { margin:5px 0; }

		.post-meta { background:url(image/meta-top.gif) no-repeat right top; padding:13px 0 0 0; width:585px; }
		.post-meta ul { background:url(image/meta-bottom.gif) no-repeat right bottom; padding:0 10px 10px 30px; line-height:0%; }
		.post-meta li { display:inline; font-size:11px; line-height:140%; }
		.post-category { float:left; width:345px; background:url(image/category-icon.gif) no-repeat 2px 2px; padding:0 0 1px 20px; }
		.post-tag { float:left; width:345px; background:url(image/tag-icon.gif) no-repeat 2px 2px; padding:0 0 1px 29px; }
		.post-comment { float:right; width:80px; background:url(image/write-comment.gif) no-repeat left top; padding:0 10px 2px 22px; }

		#back-top { padding:10px 5px 0 15px; font-size:11px; background:url(image/arrow5.gif) no-repeat left 16px; float:right; color:#777; }
		#back-top:hover { text-decoration:none; color:#83bac4; }