/* 

Theme Name: Beyond

Theme URI: http://beyondthefartheststar.com/

Description: Beyond the Farthest Star production Blog

Version: 0.1

Author: O'Ryan McEntire

Author URI: http://iamlion.com/

*/



body{

	background:url(images/BG1.jpg) center 0 no-repeat;

	background-color:#000000; 

	margin: 0;

	width:100%;

	_overflow-x:hidden;

	font-family: Helvetica, Arial, sans-serif;

	color:#FFFFFF;

	font-size:12px;

}



::-moz-selection{

	background: #ff9a35;

	color: #FFFFFF;

} 

::selection {

	background: #ff9a35;

	color: #FFFFFF;

} 

	a::-moz-selection {

		background: #33CCff;

		color: #FFFFFF;

	} 

	a::selection {

		background: #33CCff;

		color: #FFFFFF;

	}



a {

	text-decoration:none;

	color:#257bae;

}

a:hover {

	text-decoration:none;

	border-bottom:#257bae solid 1px ;

}

a img {

	border: none;

}

.post_sep {

	border-bottom:1px dotted #475575; 

	margin-bottom:10px; 

	padding:0px 0px 10px 0px; 

	clear:both;

}



/*-------------Mast Head styles-----------*/

#MastHeader {

	position:absolute;

	background-color:rgba(0,0,0,0.4);

	_background-color:#03061a; 

	top:0px;

	left:0px;

	width:100%;

	height:69px;

	z-index:800;

}



	#Mast_Contain{

		position:relative;

		margin:0 auto;

		top:0px;

			/*-- fix IE --*/

			_left:-487px;

			_margin-left:50%;

		width:975px;

		height:69px;

	}

		#logo {

			position:absolute;

			left:0px;

			top:0px;

			width:438px;

			height:69px;

		}

		#slogan {

			position:absolute;

			left:428px;

			top:0px;

			width:150px;

			height:69px;

		}

		#header_social {

			position:absolute;

			left:695px;

			top:0px;

			width:280px;

			height:59px;

		}

				.FollowCon{

					margin:18px 0 0 10px;

					width:120px;

					float:right;

					}

						.FollowCon img{

							float:left;

							margin-right:5px;

							vertical-align:middle;

							}

						.FollowCon a{

							text-decoration:none;

							color:#cccccc;

							}

						.FollowCon a:hover{

							text-decoration:none;

							color:#257bae;

							border-bottom:none;

							}

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

/*-------------Container styles-----------*/

#wrapper {

	position:relative;

	margin:0 auto;

		/*-- fix IE --*/

		*left:-487px;

		*margin-left:50%;

	top:69px;

	width:975px;

	height:500px;

}

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

/*--------------Main Nav styles-----------*/



#Nav_container {

	border-bottom:#1e2b3c solid 1px;

	top:0px;

	width:100%;

	height:34px;

	margin:5px 0 15px;

}

	#Blog_Link_con {

		float:right;

		width:201px;

		height:34px;

		text-align:right;

	}

			a.blogLink{

				text-decoration:none;

				font-size:24px;

				color:#cccccc;

				border-bottom:transparent none 3px;

			}

			a.blogLink:hover{

				text-decoration:none;

				color: #EEEEEE;

				border-bottom:#257bae solid 3px;

			}

		

	#nav_links {

		float:left;

		left:0px;

		width:595px;

		height:34px;

	}

			a.nav{

				text-decoration:none;

				font-size:24px;

				color:#9097a9;

				margin-right:20px;

				border-bottom:transparent none 3px;

			}

			a.nav:hover{

				text-decoration:none;

				color: #CCCCCC;

				border-bottom:#257bae solid 3px;

			}

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

/*-------------front page styles----------*/

#bilboard_img {

	background:url(images/logo.png) center no-repeat;

	background-color:rgba(0,0,0,0.4);

	_background-color:#03061a; 

	left:0px;

	top:20px;

	width:955px;

	height:355px;

	_width:975px;

	_height:365px;

	padding:10px;

	margin-bottom:15px;

	border:none;

	overflow:hidden;

}

		a.bilboard_img, #slides a:hover{

			border:none;

			}



		.bilboard_cap {

			position:relative;

			top:-80px;

			left:0px;

			width:300px;

			background-color:rgba(0,0,0,0.6);

			_background-color:#000000;

			padding:5px 15px 5px 70px;

			font-size:18px;

			text-transform:uppercase;

			}

					.bilboard_cap a{

						border:none;

						text-decoration:none;

						color:#FFFFFF;

						}

					.bilboard_cap a:hover{

						text-decoration:none;

						color:#FFFFFF;

						}

			

#slides{

	/* This is the slide area */

	height:355px;	

	/* jQuery changes the width later on to the sum of the widths of all the slides. */

	width:975px;

	overflow:hidden;

	z-index:10;

}

.slide{

	float:left;

	width:975px;

}

/*- Slide Nav -*/

#Slidemenu{

	/* This is the container for the thumbnails */



	height:18px;

	text-align:right;

	margin-bottom:20px;

	z-index:100;

}

#menu_displace {

	display:block;

	padding-top:0px;

	margin-right:15px;

	margin-top:-55px;

	}

.menuDots{



	margin:0px;

	padding:0px;

}



.menuItem{

	/* Every thumbnail is a li element */

	display:inline-block;

	list-style:none;





}

a.menuLink{

font-size:0px;

font-family:Arial,Helvetica,sans-serif;

text-decoration:none;

color:#a1a1a1;

	background-color:#282828;

	width:14px;

	height:14px;

	-moz-border-radius:7px;

	-webkit-borderradius:7px;

	border-radius:7px;

	margin-right:5px;

}



li.inact:hover a{

	/* The inactive state, highlighted on mouse over */

	text-decoration:none;

	background-color:#000000;

	width:14px;

	height:14px;

	-moz-border-radius:7px;

	-webkit-borderradius:7px;

	border-radius:7px;

	-moz-box-shadow:0 0 3px #000;

	-webkit-box-shadow:0 0 3px #000;

	box-shadow:0 0 3px #000;

	border:none;

	

}



li.act,li.act:hover{

	/* The active state of the thumb */

	text-decoration:none;

	

}



li.act a{

	cursor:default;

	background-color:#008ee0;

	-moz-box-shadow:0 0 2px #000;

	-webkit-box-shadow:0 0 2px #000;

	box-shadow:0 0 2px #000;



}

.fbar{

	/* The left-most vertical bar, next to the first thumbnail */

	

}



.menuLink{

	display:block;	



}





li a{

	display:block;



}

/*-------------Latest posts----------*/

#LP_A_cont{

	height:263px;

	}

#Latest_posts {

	float:left;

	background-color:rgba(44,62,83,0.5);

	_background-color:#1b2537;

	left:0px;

	top:20px;

	padding:10px;

	width:624px;

	height:325px;

	_width:644px;

	_height:345px;

	margin-bottom:15px;

}

		.readmore{

			float:right;

			right:10px;

			font-size:12px;

		}

		#Latest_posts p{

			font-size: 12px;

			margin: 0px;

			padding: 0px;

		}



		.Latest_posts_img{

			float:left;

			margin:0px 10px 0px 0px;

		}

		#Latest_posts h3{

			margin:0 0 -10px 0;

			color:#fff;

			font-weight:normal;

			font-size:18px;

			top:10px;

		}

/*-------------Action area---------------*/

#Action_home {

	float:right;

	background-color:rgba(40,70,119,0.5);

	_background-color:#1b2537;

	padding:10px;

	left:660px;

	top:20px;

	width:295px;

	height:325px;

	_width:315px;

	_height:345px;

	margin-bottom:15px;



}

		#Action_home h3 {

			margin:0 0 -10px 0;

			font-weight:normal;

			font-size:18px;

		}

		#Action_home .orange {

			color:#ff9a35;

			

		}

		a.demandB {

			background:url('images/demand.jpg') no-repeat top left;

			display:block;

			height:88px;

			width:295px;

		}

				a.demandB span {

					display:none;

				}

				a.demandB:hover {

					background-position:left -88px;

					border: none;

				}

		a.demandB2 {

			background:url('images/demand.png') no-repeat top left;

			display:block;

			height:38px;

			width:295px;

			margin-bottom:6px;

		}

				a.demandB2 span {

					display:none;

				}

				a.demandB2:hover {

					background-position:left -38px;

					border: none;

				}

		

		a.registerB {

			background:url('images/register.jpg') no-repeat top left;

			display:block;

			height:35px;

			width:295px;

		}

				a.registerB span {

					display:none;

				}

				a.registerB:hover {

					background-position:left -35px;

					border: none;

				}



input, select{

border:#61b0ff 1px solid;

padding:4px;

-moz-border-radius:4px;

border-radius:4px;

}

input.required:focus, select.required:focus{

border-left:#ff0000 2px solid;

}

#submit {

background:#FF6600;

border: #CC3300 1px solid;

width: 213px;

}

#submit:hover {

background:#FF9900;

border: #CC3300 1px solid;

}

.red{

color:#FF0000;

}

.subtext{

color:#CCcccc;

font-size:11px;

text-align: center;

}	

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



#Footer {

	position:relative;

	width:100%;

	height:36px;

	clear:both; 

	margin-bottom:0;

}

	#footer_contain {

		padding-top:15px;

		border-top:1px dotted #475575;

		width:975px;

		margin: 0px auto;

		}

			#Social_home {

				float:left;

				left:0px;

				top:15px;

				width:208px;

				height:36px;

			}

			#copyright {

				float:right;

				left:443px;

				top:15px;

				width:732px;

				height:36px;

				color:#333333;

				font-weight:bold;

			}

					#copyright a{

						color:#333333;

						text-decoration:none;

						

					}

					.rightFloat {

					float:right;

					}

					a.siteby {

						background:url('images/SiteByWC.png') no-repeat top left;

						display:block;

						height:14px;

						width:73px;

						margin-left:5px;

					}

							a.siteby span {

								display:none;

							}

							a.siteby:hover {

								background-position:left -14px;

								border: none;

							}

					.space {

						margin-left:25px;

						}

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

/*----------- Post specific --------------*/

#Pslides{

	background:url(http://beyondthefartheststar.com/_FBML/G/loader.gif) center center no-repeat;

	background-color:#34476a;

	width:450px;

	height:225px;

}

.loader{

	background:url(http://beyondthefartheststar.com/_FBML/G/loader.gif) center center no-repeat;

	background-color:#34476a;

}



.edit_link{

float:right;

}

#content{

   position: relative;

   width: 100%;

   right: 314px;

   margin-bottom:15px;

}

.padding {

	padding:10px;

	margin:auto;

	}

	

#sidebar{

   position: relative;

   overflow: hidden;

   float: left;

   width: 315px;

   left: 974px;

	background-color:rgba(40,70,119, 0.7);

	_background-color:#1b2537;

	margin-bottom:15px;

}

.alignright {

	float: right;

	margin-left:10px;

	}



.alignleft {

	float: left;

	margin-right:10px;

	}

	

#postContent{

   position: relative;

   overflow: hidden;

   float: left;

   width: 644px;

   left: 0px;

   background-color:rgba(44,62,83,0.7);

	_background-color:#1b2537;

	margin-bottom:15px;

}

#postContentWide{

   position: relative;

   overflow: hidden;

   width: 100%;

   left: 314px;

   background-color:rgba(44,62,83,0.7);

	_background-color:#1b2537;

	margin-bottom:15px;

}

	 h1.inline{

		display:inline;

		margin:0;

		}

	#postContent h1, #postContent h2, #postContent h3, #postContent h4{

		margin:0;

		}

	.breadCrumb{

		float: left;

		width:100%;

		font-size: 11px;

		color:#475575;

		margin: 0px 0px 20px 0px;

		padding: 0px 0px 3px 0px;

		border-bottom:1px dotted #475575;

		}

	#comments {

		width: 624px;

		margin: 0px 0px 0px 0px;

		}

		

#loading{

	background:url(http://beyondthefartheststar.com/_FBML/Sp/loading.gif) center center no-repeat;

	background-color:#000000;

}

/* ---------------------------------- facebook */		

iframe#facebook-like {

		border:none; 

		overflow:hidden;

		width:70px; 

		margin: 0 0 -132px 0; 

		padding: 0 0 0 10px; 

		}



/* ------------------------------------- cast */		

.cast_thmb, .cast_thmb:hover {

	border: none;

	}

	.cast_thmb img {

		margin:3px;

		border: none;

		}

/* ------------------------------------- share */	

.ShareForm input {

	border: 1px solid #475575;

	padding: 4px;

	color: #777;

	background:#CCCCCC;

}

.ShareForm input:focus {

	border: 1px solid #475575;

	padding: 4px;

	color: #777;

	background:#FFFFFF;

}

.ThanksShare{

					margin:18px 0 0 10px;

					width:100%;

					

					}

						.ThanksShare img{

							float:left;

							margin-right:5px;

							vertical-align:middle;

							}

						.ThanksShare a{

							text-decoration:none;

							color:#cccccc;

							}

						.ThanksShare a:hover{

							text-decoration:none;

							color:#257bae;

							border-bottom:none;

							}

/* ----------------------------------- search */



#searchForm {

	margin: 0;

}



#searchWrap span {

	background: #1b2537;

	display: block;

	padding: 2px;

}



#searchWrap input {

	border: 1px solid #475575;

	padding: 4px;

	color: #777;

	width: 291px;

	_width: 299px;

	background:#CCCCCC;

}

#searchWrap input:focus {

	border: 1px solid #475575;

	padding: 4px;

	color: #777;

	width: 291px;

	_width: 299px;

	background:#FFFFFF;

}

/*--------------Comments--------------------*/

	

.commentlist li ul li {

	font-size: 12px;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar { 

	background: #1b2537;

	float: right;

	border: 1px solid #475575;

	padding: 2px;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 12px;

	}



.commentlist p {

	font-weight: normal;

	text-transform: none;

	}



.commentmetadata {

	font-weight: normal;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0px;

	}



#commentform {

	margin: 5px 10px 0px 0px;

	}

	

#commentform textarea {

	width: 100%;

	padding: 2px;

	}

	

#respond:after {

	content: "."; 

	display: block; 

	height: 0px; 

	clear: both; 

	visibility: hidden;

	}

	

#commentform p {

	margin: 5px 0px 5px 0px;

	}

	

#commentform #submit {

	margin: 0px;

	float: left;

	}

	

.alt {

	margin: 0px;

	padding: 10px;

	}



.commentlist {

	margin: 0px;

	padding: 0px;

	}

	

.commentlist ol {

	margin: 0px;

	padding: 10px;

	}



.commentlist li {

	margin: 15px 0px 10px;

	padding: 10px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

	}



.commentlist p {

	margin: 10px 5px 10px 0px;

	padding: 0px;

	}

	

.children { 

	margin: 0px;

	padding: 0px;

	}



.nocomments {

	text-align: center;

	margin: 0px;

	padding: 0px;

	}



.commentmetadata {

	font-size: 10px;

	margin: 0px;

	display: block;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 40px;

	}

	

.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

	

.thread-alt {

	background: #1b2537;

	margin: 0px;

	padding: 0px;

	}

	

.thread-even {

	background: #253550;

	margin: 0px;

	padding: 0px;

	}

	

.depth-1 {

	border: 1px dotted #475575;

	margin: 0px;

	padding: 0px;

	}



.even, .alt {

	border-top: 1px dotted #475575;

	border-bottom: 1px dotted #475575;

	border-left: 1px dotted #475575;

	margin: 0px;

	padding: 0px;

	}

/*---------------------------------------Tally styles---------------*/



#TopTen {

list-style: none;

list-style-position:inside;

padding: 0px;

margin-bottom:20px;



}

.li{

width:100%;

padding-top:10px;

height:40px;

_height:50px;

vertical-align:middle;

margin:0 0 5px 0;

font-size:24px;

font-weight: bold;



}

.li span{



}

.load{

margin: 0px 10px 0 10px;

filter:alpha(opacity=60);

-moz-opacity:0.6;

-khtml-opacity: 0.6;

opacity: 0.6;

}

.pos{

margin: 0px 10px 0 10px;

filter:alpha(opacity=20);

-moz-opacity:0.2;

-khtml-opacity: 0.2;

opacity: 0.2;

}

.city {

filter:alpha(opacity=60);

-moz-opacity:0.6;

-khtml-opacity: 0.6;

opacity: 0.6;

overflow:hidden;



}

.number{

margin: 0 10px 0 10px;

float:right;

filter:alpha(opacity=60);

-moz-opacity:0.6;

-khtml-opacity: 0.6;

opacity: 0.6;

vertical-align:middle;

}

.FBL{

margin: 0 10px 0 10px;

float:right;

vertical-align:middle;

}

#item0 {

background-color:#36854c;

}

#item1 {

background-color:#35846e;

}

#item2 {

background-color:#358586;

}

#item3 {

background-color:#356b85;

}

#item4 {

background-color:#344e7f;

}

#item5 {

background-color:#2c3a5f;

}

#item6 {

background-color:#263650;

}

#item7 {

background-color:#263650;

}

#item8 {

background-color:#263650;

}

#item9 {

background-color:#263650;

}

#itemI {

background-color:#315787;

}

/*-------------------------------------------------home tally styles--------------------------*/

.li4{

width:100%;

padding-top:2px;

height:22px;

_height:20px;

vertical-align:middle;

margin:0 0 2px 0;

font-size:16px;

font-weight: bold;

background-color:#263650;

}

#Top4 {

padding: 0px;

margin-bottom:10px;

margin-top: 20px;

}

.city2 {

filter:alpha(opacity=90);

-moz-opacity:0.9;

-khtml-opacity: 0.9;

opacity: 0.9;

overflow:hidden;



}

.SM_head {

font-weight:bold;

text-transform:capitalize;

letter-spacing: 1px;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

.lefttab {
	height: 330px;
	width: 70px;
	top:150px;
	left:0px;
	position:absolute;
	z-index:5000;
	float:left;
	

}

.lefttab a:hover{
		border-bottom:none;
}
.lefttab #btnnovel a:link,.lefttab #btnnovel a:visited{
	width:50px;
	height:162px;
	background-image: url(images/lefttab_novel.png);
	background-repeat: no-repeat;
	background-position: -2px top;
	display:block;
	margin-bottom:3px;

}
.lefttab #btnnovel a:hover{
	background-position: -72px top;
}
.lefttab #btnshirt a:link, .lefttab #btnshirt a:visited{
	width:50px;
	height:162px;
	background-image: url(images/lefttab_tshirt.png);
	background-repeat: no-repeat;
	background-position: -2px top;
	display:block;

}
.lefttab #btnshirt a:hover{
	background-position: -72px 0px;
}
.shirt_price {
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 50px;
	padding:10px;
	text-align:center;
	width:150px;
	display:block;
}
.shirt_desc {
	border:1px solid #FFF;
	margin:15px 5px 5px 5px;
	padding:10px;
	width:422px;
	
}
.tshirt_img {
margin-left:-12px;
}
.intp {
	font-size:12px;
	margin:10px;
	padding:5px;
	display:block;
	text-align:center;
	
}