﻿BODY {
	background-color: #ffffff;
	font-family : Arial;
	text-align: left;
	letter-spacing: normal;
	margin-top:0px;
	background-image: url(images//background-tile.jpg);
	
}

#Main{
width:1000px;
background-color: #ffffff;
height:100%;
Margin-top:0px;
margin-left:5%;
margin-right:5%;

}
#Header{
background-image: url(http://bsoul.tv/images/header-tile.gif);
Height:102px;
width:1000px;
clear:both;
margin-bottom:3px;

}
#HeaderLeftCurve{
background-image: url(http://bsoul.tv/images/HeaderLeftCurve.jpg);
background-repeat:No-repeat;
Float:left;
width:16px;
Height:102px;

}
#Logo{
	background-image:url(http://bsoul.tv/images/header-tile.gif);
	width:303px;
	height:102px;
	Float:left;
	margin: 0px 0px 0px 0px;
}
#Banner {
	background-image:url(http://bsoul.tv/images/header-pattile.gif);
	Float:left;
	Height:102px;
	width:667px;

}
.imgBanner {
	margin-left:0px;
	text-align: left;
}

#Tagline{
	background-image:url(http://bsoul.tv/images/tagline-tile.gif);
	width:100%;
	height:35px;
	clear:both;
}

#HeaderRightCurve{
	background-image: url(http://bsoul.tv/images/HeaderRightCurve.jpg);
	background-repeat:No-repeat;
	Position:relative;
	margin-right:0px;
	width:14px;
	Float:left;
	Height:102px;
}
#Content{
	background-image: url(http://bsoul.tv/images/background-tile.jpg);
	background-color:#ECE9E6;
	width:100%;
	
}
#ContentColumn1{
	margin-left:42px;
	background-color: #DCD9D7;
	float: left;
	width:20px;
	height:100%;
}
#ContentColumn2 {
	background-image: url(http://bsoul.tv/images/redSideBorder.gif);
	background-color:red;
	margin-left:0px;
	background-color:#DCD9D7;
	float: left;
	width:100px;
	height:100%;
	
}
#ContentColumn2 img {
display: block;
margin-top: 1375%;
margin-left:10%;

z-index:10000;
}

#ContentColumn3{
	background-image: url(http://bsoul.tv/images/content-tile.gif);	
	background-color:#DCD9D7;
	float: left;
	width:800px;
	padding-top:60px;

}
#Menu{
	margin:0px 0px 0px 65px;
}
#VideoMain{
	margin-left:65px;
}
#Video-segments{
margin:10px 0px 0px 65px;

}
#Video-seg1{
width:32%;
float:left;
}
#Video-seg2{
width:32%;
float:left;
}
#Video-seg3{
width:32%;
float:left;
}

#Spotlight{
	margin-left:65px;
}
#SpotlightHeader{
	
	margin: 20px 0px 10px 5px;
}			
#SpotlightLinks td{
text-align: right;
}
#CultureCornerPanel{
	background-color:white;
	width:100%;
	height:400px;
	margin-top:20px;
	padding-top:30px

}

#CultureCorner{
	background-image:url(http://bsoul.tv/images/CultureCorner.png);
	background-repeat:no-repeat;	
	margin-left:65px;
	margin-top:25px;
	height:242px;
	padding-top:120px;
}

#CultureCornerText{
	position: relative;
	width: 160px;
	Height:115px;	
	font-size:.7em;
	color:white;
	text-align:left;
	margin-left:470px;
}
#footer{
	background-color:black;
	height:25px;
}



.SmallBlack{ font-size:10px;  }
.SmallBlack a{ font-size:10px; color:Black; }
.SmallBlack td{ font-size:10px;  }
.HeaderNavigation td{ font-size:10px; color:#E48F1B; }
.HeaderNavigation a{ font-size:14px; color:#E48F1B; }


.SmallWhite{ font-size:10px; color:White;  }
.SmallWhite td{ font-size:10px; color:White; font-weight:normal;  }
.SmallWhite a{ font-size:10px; color:White;  }

.MediumWhite { font-size:12px; color:White; font-weight:normal; }
.MediumWhite td{ font-size:12px; color:White; font-weight:normal;  }
.MediumWhite a{ font-size:12px; color:White; font-weight:normal;  }

.LargeWhite a{ font-size:14px; color:White; font-weight:bold; text-decoration:none; }
.LargeWhite { font-size:14px; color:White; font-weight:bold; text-decoration:none; }
.LargeWhite h1{ font-size:22px; color:White; font-weight:bold; text-decoration:none; }


.LargeBlack a{ font-size:14px; color:Black; font-weight:bold; text-decoration:none; }
.LargeBlack { font-size:14px; color:Black; font-weight:bold; text-decoration:none; }
.LargeBlack h1{ font-size:22px; color:Black; font-weight:bold; text-decoration:none; }

.MediumBlack { font-size:12px; color:Black; font-weight:normal; }
.MediumBlack td{ font-size:12px; color:Black; font-weight:normal;  }
.MediumBlack a{ font-size:12px; color:Black; font-weight:normal;  }
.MediumBlack li{ font-size:12px; color:Black; font-weight:normal;  }

.MediumBoldBlack { font-size:12px; color:Black; font-weight:bold;  }
.MediumBoldBlack a{ font-size:12px; color:Black; font-weight:bold;  }
.MediumBoldBlack td{ font-size:12px; color:Black; font-weight:bold;  }
.MediumBoldBlack li{ font-size:12px; color:Black; font-weight:bold;  }

.SmallBlack { font-size:10px; color:Black; font-weight:normal; }
.SmallBlack td{ font-size:10px; color:Black; font-weight:normal;  }
.SmallBlack a{ font-size:10px; color:Black; font-weight:normal;  }
.SmallBlack li{ font-size:10px; color:Black; font-weight:normal;  }

.OrangeLinks a{ color:#d61c00; font-weight:bold; font-size:12px; text-decoration:none; text-transform:capitalize;}
.OrangeLinksNormal a{ color:#d61c00; font-weight:normal; font-size:10px; text-decoration:none; text-transform:capitalize;}


.GreenLinks a{ color:#C1D040; font-weight:bold; font-size:14px; text-decoration:none; text-transform:capitalize;}
.GreenLinks td{ color:#C1D040; font-weight:bold; font-size:14px; text-decoration:none; text-transform:capitalize;}
.GreenLinksNormal a{ color:#C1D040; font-weight:normal; font-size:10px; text-decoration:none; text-transform:capitalize;}


.post-body img {
  max-width:400px;
  width: expression(this.width > 400 ? 400: true);
}

.BlogBody img {
  max-width:430px;
  width: expression(this.width > 430 ? 430: true);
}

.BlackImage {
border:2px solid black;  
}
.BlackImageHover
{
	 background-color: #000000;  filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; color:#FFFFFF;position:relative;top:-105px; z-index:33;display:none;
}



/*******  JAVASCRIPT MENU CSS  ******************/


#sddm
{	margin: 0;
	margin-top:6px;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font:  11px Arial;
	font-weight:600;
	z-index: 30;
	}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 4px 10px;
	width: 50px;
	background: #C1D040;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	z-index: 30;
	}

#sddm li a:hover
{	background: #C1D040;
	z-index: 30;
	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000;
	border: 1px solid #5970B2;
	z-index: 30;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000;
		color: #FFF;
		font: 11px Arial;
		z-index: 30;
		}

	#sddm div a:hover
	{	background: #C1D040;
		color: #FFF;
		z-index: 30;
	}

/*******  END JAVASCRIPT MENU CSS ******************/
.reorderDivStyle li {
	list-style:none;
}

.dragHandle {
	width:55px;
	height:40px;
	cursor:move;
	border:outset thin white;
}


.reorderCue {
	border:dashed thin black;
	width:100%;
	height:40px;
}

/***** VideoTAB ************/
.CustomTabStyle .ajax__tab_header {font-family:Trebuchet MS; font-weight:bolder; text-transform:uppercase; font-size:14px;background:url(images/CustomTabs/tab-line.gif) repeat-x bottom; color:white;}
.CustomTabStyle .ajax__tab_outer {padding-right:0px; margin-right:3px; background:url(images/CustomTabs/tab-right.gif) no-repeat right;height:41px;}
.CustomTabStyle .ajax__tab_inner {padding-left:3px; background:url(images/CustomTabs/tab-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_tab {height:23px;padding:15px;margin:0px; background:url(images/CustomTabs/tab.gif) repeat-x; }

.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {background:url(images/CustomTabs/tab-hover-right.gif) no-repeat right;  color:Black;text-transform:uppercase;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {background:url(images/CustomTabs/tab-hover-left.gif) no-repeat; color:Black;text-transform:uppercase;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {background:url(images/CustomTabs/tab-hover.gif) repeat-x;  color:Black;text-transform:uppercase;}

.CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url(images/CustomTabs/tab-active-right.gif) no-repeat right;  color:Black;text-transform:uppercase;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url(images/CustomTabs/tab-active-left.gif) no-repeat;  color:Black;text-transform:uppercase;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab {background:url(images/CustomTabs/tab-active.gif) repeat-x;  color:Black;text-transform:uppercase;}

.CustomTabStyle .ajax__tab_body {font-family: Trebuchet MS;font-size:10pt;border:0px solid #AF4BBD;border-top:-2px;padding:8px;  background-color:#FFFFFF; }

/* -------------------[ Features ]------------------- */

#my-glider {
	width:674px;
	background:#fff;
	padding:1px;
	border:1px solid #ddd;
	margin: 0 0 10px;
	}

#my-glider .controls {
	border-top:1px solid #fff;
	clear:both;
	width:674px;
	background:#000;
	padding: 0;
	margin:0;
	}

#my-glider .controls ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}

#my-glider .controls li {
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	}

#my-glider .controls li.feat-nums {
	border-right:1px solid #fff;
	float:left;
	padding:0px 10px;
	margin:0;
	color:#fff;
	line-height:25px;
	height:25px;
	}

#my-glider .controls a, .control a:link, .controls a:visited {
	border-right:1px solid #fff;
	float:left;
	display:block;
	padding:0px 10px;
	margin:0;
	color:#DD893D;
	text-decoration:none;
	line-height:25px;
	height:25px;
	background:#353535;
	}

#my-glider .controls a:hover {
	background:#eeeeee;
	}

#my-glider .controls li.feat-about {
	float:right;
	}

#my-glider .controls li.feat-about a {
	border-left:1px solid #fff;
	border-right:0;
	}

#my-glider .scroller {	
	background:#eee;
	height: 220px;
	width:674px;
	overflow: hidden;
	}

#my-glider .scroller .section {
	width:674px;
	height: 220px;
	overflow: hidden;
	padding: 0;		
	}

#my-glider .scroller .content {
	width: 10000px;
	}

#my-glider .feature-entry {
	padding: 10px;
	}

#my-glider .feature-entry h3 {
	font-family: arial,lucinda,verdana,geneva,sans-serif;
	font-size:9pt;
	margin: 0 0 5px 0;
	letter-spacing:0px;
	} 