@charset "utf-8";
/* CSS Document */
/*
Project Name: StoneField Entertainment
Site Version: v1.0.37se
Author Name: Ayodele Okeowo
Author Email: aymacro@gmail.com
Author Website: http://www.ayomacro.co.cc
*/
*html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
    cursor:default;  
}
table,th,td,fieldset,p,div,a {
	font: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: inherit;
}

a{  
     cursor: pointer;
}

li.special {
   display:none;
}

.message {background:#eee; color:#000;display:none;width:460px;padding:10px;}

/*JQuery Tooltip*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0;
	background-color: #343434;
	padding: 5px;
	opacity: 0.80;
	color: #666;
}
#tooltip h3, #tooltip div { margin: 0; }

/*JQuery Slider Effect*/
#slider {
    width: 645px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	border: 6px solid #3b3b3b;
}
#sliderContent {
    width: 645px; /* important to be same as image width or wider */
    position: absolute;
	top: -15px;
	margin-left: -40px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 645px;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.6;
    color: #ff0000;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
     color:#FF0000;
	bottom: 0;
    left: 0;
}
.rightl {
	margin: 0 20px 3px;
	top: 0;
	bottom: 0;
}
ul { list-style-type: none;}
  
/*JQuery Tabs Content*/
.tab-content {  
    margin: 0pt auto;  
    background: #2e2e2e;  
    border: 1px solid #3b3b3b;  
    text-align: left;  
    padding: 10px;  
    padding-bottom: 20px;  
    font-size: 12px; 
	color: #9f9f9f;
	z-index: 1;
 }  

.tab-content h3 {font-size:15; margin: 0px 0 6px 0;}
.tab-content a { color: #bfbfbf; }
.tab-content  a:hover { color: #fefefe; }

.tab-content .mission h3{  
	font-family: Helvetica, "Lucida Grande", sans-serif;
	font-size:15; margin: 0px 0 6px 0;
 }  
.mission{  
     display: block;  
 }  
 
.tab-content .about h3{  
    font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
	margin: 0px 0 6px 0;
 }  
.about{  
    display: none;  
 }  

 .tab-content .bio h3{  
    font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
	margin: 0px 0 6px 0;	
 }  
.bio{  
     display: none;  
 } 
 
.tab-content .other h3{  
    font-family: Arial, Helvetica, "Lucida Grande", sans-serif;
	margin: 0px 0 6px 0;	
 }  
.other{  
     display: none;  
 }  
  
  
  /* This is the div to hold your nav (the UL generated at run time) */
		.stripNav { 
			margin: 0 auto;
			margin-top:20px;
			width:600px !important;
		}
		
		*html .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin-left:20px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin:0;
			padding:0;
			width: 600px;
		}
		
		.stripNav ul li {
			background:#2e2e2e none;
			float: left;
			margin: 0 53px 0 0;
			padding:0;
			margin-right: 8px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			color: #fff;
			text-decoration: none;
			display: block;
			height:67px;
			border:1px solid #3b3b3b;
			padding:4px;
			opacity:0.9;
			width: 130px;
			overflow:hidden;
			text-indent:-2000px;	
		}
		
		.tab1 a{
			background: transparent url("images/maybirdthumb.gif") no-repeat center;	
		}
		.tab2 a{
			background: transparent url("images/katebeattythumb.gif") no-repeat center;	
		}
		.tab3 a{
			background: transparent url("images/bigscreenthumb.gif") no-repeat center;	
		}
		.tab4 a{
			background: transparent url("images/bsathumb.gif") no-repeat center;	
		}
		
/*Blog, News and Event*/
#news_header {
	position: relative;
	background: url(../images/news-header.png) no-repeat;
	height: 40px;
	width: 619px;
}

#news_header h1 {
	margin: 0;
	padding-left: 15px;
	padding-top: 5px;
	font-size: 20px;
	font-weight: normal;
	color: #9f9f9f;
}

div.post	{
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px; 
	width: 617px;
	background: #1f1f1f url(../images/post_bg_close.png) no-repeat;
	background-position: bottom;
	border-left: solid 1px #111;
	border-right: solid 1px #111;
}

div.post h3.postTitle {
	margin-top: 1px;
	margin-left: 15px;
	margin-right: 40px;
	margin-bottom: 10px;
	font-size: 16px;
	color:#FF6600;
	font-weight: normal;
}

h2.datePosted {
	margin-bottom: -45px;
	text-align: right;
	width: 200px;
	font-size: 12px;
	color: #777;
	margin-left: 380px;
}

div.post div.post-content {
	width: 600px;
	position: relative;
}

div.post div.post-entry {
	margin-left: 230px;
	margin-right: 40px;
}
div.post div.post-entry p {
	text-align: justify;
	margin-bottom: 2ex;
}

div.post .post-comments p {
	margin-left: 500px;
	margin-top: -20px;
	margin-bottom: 0;
	text-align: left;
	font-size: 11px;
	color: #888;
}

.post-comments .bubble-img {
	margin-left: 480px;
	border: none;
	margin-top: 1px;
	position: absolute;
}
.post-comments a{
	color: #5f5f5f;
}
.post-comments a:hover {
	color: #fbfbfb;
}

div.post #post_author p {
	margin-left: 460px;
	margin-top: 2px;
	margin-bottom: 0;
	text-align: left;
	font-size: 11px;
	color: #888;
}

/*Blog, News and Event Comment*/
/* Comments */

h3#comments  {
	margin: 0px;
	padding: 20px 10px 10px 20px;
	font-size: 16px;
}

.bubble-img {
	margin-left: 120px;
	border: none;
	margin-top: -28px;
	position: absolute;
}

ol.comment-text {
	margin-left: 156px;
	padding: 0px;
	list-style: none;
}


ol.comment-text li, ol.comment-text li.alt {
	position: relative;
	width: 400px;
	margin: 1px 0;
	padding: 15px 20px 20px 20px;
	/*margin-bottom: 30px;*/
	font-size: 12px;
	border: none;
	background: none;
	background: #1f1f1f url(../images/line.png) repeat-x top left;
}

ol.comment-text li p {
	width: 380px;
	margin-top: 0px;
	margin-bottom: 10px;
}

ol.comment-text div.comment_metadata {
	position: absolute;
	width: 120px;
	top: 22px;
	left: -130px;
}

ol.comment-text small.comment_author {
	display: block;
	font-size: 12px;
	color: #222;
	line-height: 15px;
	text-align: right;
	max-height: 3.8em;
	overflow: hidden;
}

ol.comment-text small.comment_author a {
	text-decoration: none;
}
ol.comment-text small.comment_author a:hover {
	color: #fbfbfb;
	text-decoration: none;
}

ol.comment-text small.comment_date_posted {
	display: block;
	font-size: 11px;
	color: #888;
	line-height: 15px;
	text-align: right;
	margin-top: 5px;
}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

div#socNetworks {
	position: relative;
	clear: both;
	height: 32px;
	background: #1f1f1f;
}

h2.socNetworks {
position: absolute;
top: 15px;
left: 25px;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
color: #C4CDD7;
}
ul.socNetworks {
position: absolute;
top: -12px;
left: 0px;
}
ul.socNetworks li {
float: left;
margin: 0 5px;
}
ul.socNetworks li a {
float: left;
height: 35px;
width: 50px;
text-indent: -9999999px;
background: url(../images/socNetworks.png) 0 0 no-repeat;
overflow: hidden;
}
ul.socNetworks li a.facebook {background-position: 0 0; width: 32px;}
ul.socNetworks li a.facebook:hover {background-position: 0 -39px;}

ul.socNetworks li a.hi5 {background-position: -42px 0; width: 32px;}
ul.socNetworks li a.hi5:hover {background-position: -42px -39px;}

ul.socNetworks li a.myspace {background-position: -85px 0; width: 32px;}
ul.socNetworks li a.myspace:hover {background-position: -85px -39px;}

/* Gallery */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 10px;
	padding: 0;
	float: left;
	position: relative;
	width: 190px;
	height: 175px;
}

.gallery a {
	text-decoration: none;
	color: #999;
}
.gallery a:hover {
	color: #fbfbfb;
	text-decoration: underline;
}
.gallery img {
	border: none;
	padding: 14px 12px 12px 13px;
}
.gallery em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(../images/brush-border.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 140px;
}

/* ---- another thumbnail gallery on the side bar --- */
#thumbImg { list-style: none; width: 200px; }
#thumbImg li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#thumbImg li img { position: absolute; top: 20px; left: 220px; display: none; }
#thumbImg li.active img { display: block; }
#thumbImg li.active, #thumbImg li:hover { outline-color: #bbb; opacity: .99; /* safari bug */ cursor: default; }

.click{font:Verdana, Arial, Helvetica, sans-serif;
       color:#00CC33;
	   background-color:#CC0000;
	   font-style:oblique;
	   }
/* ---- Video --- */
div.content span{
	display: block;
	font-weight: 700;
	color: #898989;
	margin-top: 10px;
}
div.content{
	padding: 0 10px 20px 30px;
	margin-bottom: 20px;
}
div.content a{
	margin: 0 4px 0 4px;
	color: #9a9a9a;
}
div.content a:hover{
	color: #5f95ef;
	text-decoration: underline;
}
div.content div.status{
	font-size: 10px;
	border-bottom: 1px solid #a5a5a5;
	margin-bottom: 4px;
	color: #5f95ef;
}
#player2{  
	margin-bottom: 10px;  
}
#play2 {
	cursor: default;
}
#pause2 {
	cursor: default;
}
#mute2 {
	cursor: default;
}

.fvid {
   margin-bottom: 5px;
}

#loading{  
     text-align: center;  
     visibility: hidden;  
 }

#vpages{
	padding:0;
	margin:0;
	top: 70px;
	position: absolute;
	width:100px;
	right: 275px;
}

#vpages li{
	float:right;
	padding:0;
	margin:0;
	margin-bottom:1px;
	text-align:left;
}

#vpages li a{
	margin:0;
	float:right;
	width:120px;
	padding:7px;
	background:url(../images/stblack.png);
	color:#FFFFFF;
}

#vpages li a:hover{
	text-decoration:none;
	background:#000000;
	color:#aedff8;
}
.disclaim{color:ffffff;
font-style:italic;
}