/* VANGUARD+ CSS CLAASSES */

/* _____________________________________BACKGROUND___________________________________ */

/* BACKGROUND IMAGE AND COLOR */
body, #customGroup {
	background-color: #3d3a32;
	background-image: url('http://i2.crtcdn1.net/images/ed/2010/05/13/711443.png'); 
	background-position: center 0px;
	background-repeat: repeat-x;
}


/* _____________________________________FOLLOW GROUP LINK HIDE___________________________________ */
/* FOLLOW GROUP LINK */
.custom4 .top .controls {
	float: right; 
	height: 30px; 
	line-height: 30px; 
	padding-right: 20px;
	display:none;
}

/*_________________________________VID PLAYER________________________*/

.vidPlayer {
	width: 623px; 
	height:351px;
	margin-bottom:23px;
}

/*_________________________________CONTENT AREA________________________*/

/* CONTENT BACKGROUND IMAGE*/
#customGroup #custom4Content {
	background-image:url('http://i2.crtcdn1.net/images/ed/2010/05/13/787167.jpg');
	background-repeat:no-repeat;
	background-color:#1f1c17;
	float: left; 
	clear: both; 
	width: 943px; 
	padding: 20px; 
}
	


/* _____________________________________RIGHT RAIL HEADERS___________________________________ */

/* RIGHT RAIL HEADER */
.rrHeader{
	width: 300px;
	height: 24px;
	background-color: #000; 
	padding: 0px;
	margin: 0px;
}

/* CORRESPONDENT HEADER */
#bio {
	background-image: url('http://i2.crtcdn1.net/images/ed/2010/05/18/212033.jpg');
}

#corr {
	background-image: url('http://i2.crtcdn1.net/images/ed/2010/05/13/773066.jpg');
}

/* EPISODE HEADER */
#episode {
	background-image: url('http://i2.crtcdn1.net/images/ed/2010/05/13/789408.jpg');
}

/* TWITTER HEADER */
#twitter {
	background-image: url('http://i2.crtcdn1.net/images/ed/2010/05/13/790029.jpg');
}

/* STAY CONNECTED HEADER */
#connect {
	background-image: url('http://i2.crtcdn1.net/images/ed/2010/05/13/790075.jpg');
}

.rrEpisode .connectBlocks {clear: both; float: left; width: 282px; padding: 10px 10px 0; background: #3D3A32;}
.rrEpisode .connectBlocks div {border-bottom: 1px solid #999; padding-bottom: 10px;}
.rrEpisode .connectBlocks div a {margin-right: 5px;}
.rrEpisode .connectForm {clear: both; float: left; width: 282px; padding: 10px; background: #3D3A32; text-align: right;}

/* _____________________________________RIGHT RAIL CORRESPONDENT___________________________________ */

/* RIGHT RAIL CORRESPONDENT BOX */
.rrCorrespondent { 
	width: 300px; 
	background-color: #3d3a32; 
	padding: 0px; 
	margin-bottom: 23px;
}

/* RIGHT RAIL CORRESPONDENT IMAGE BOX */
.rrCorrespondent .image {
	height: 90px; 
	margin-bottom: 1px;
}

/* _____________________________________RIGHT RAIL EPISODE___________________________________ */

/* RIGHT RAIL CONTENT BOX */
.rrEpisode {
	width:300px;
	margin-bottom:23px;
}

/* RIGHT RAIL EPISODE BOXES */
.rrEpisodeBoxes {
	width: 292px; 
	height: 25px; 
	background-color: #3d3a32; 
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0px 0px 8px;
	margin-bottom: 1px;
	
}
.custom4 .rrEpisodeBoxes a {color: #fff; background: #e91515; padding: 5px; margin-left: -5px;}

.custom4 .redLink {color: #fff; background: #e91515; padding: 0 3px;}

/* _____________________________________RIGHT RAIL TWITTER___________________________________ */
.rrTwitter {
	width: 282px;
	background-color: #3d3a32;
	color: #fff;
	font-size: 12px;
	padding: 9px;
	margin-bottom:15px;
}

#twitter_search_result li {
	border-bottom: 1px dashed #fff;
	clear: both;
	font-size: 11px;
	margin: 0 0 10px;
	min-height: 65px;
	padding: 0;
}

#twitter_search_result {color: #999;}

/* _____________________________________SANDBOX TEXT AND LINK COLOR___________________________________ */

/* TEXT COLOR */
.custom4 {color: #fff;}

/* LINK COLOR */
.custom4 a {color:#fff;}



/* _____________________________________CONTENT/ITEM AREA___________________________________ */
/* CUSTOM ITEM LISTING CLASSES */
.custom4 .upcoming {background: #3d3a32;}
.upcoming ul.itemList li.blogListing h2 {width: 620px;}
.upcoming ul.itemList li.blogListing h2,
.upcoming ul.itemList li.blogListing h2 a {color: #eee;}
.upcoming ul.itemList li.blogListing .itemlistingUserInfo {color: #eee;}
.upcoming ul.itemList li.itemListing .itemListingContent, 
.upcoming ul.itemList li.itemListing .blogListingContent  {color: #eee;}

.upcoming ul.itemList li.blogListing .itemlistingUserInfo a,
#twitter_search_result a.poster {color: #fff; background: #e91515; padding: 0 3px;}

#frame.custom4Frame {padding-top: 0;}

/* watch */
.sandbox4 {background: url('http://i2.crtcdn1.net/images/ed/2010/05/18/207505.gif') top left no-repeat; padding-top: 23px;}

/* blog */
.custom4 #custom4Content .left>ul {background: url('http://i2.crtcdn1.net/images/ed/2010/05/18/207483.gif') top left no-repeat; margin-top: 0; padding-top: 23px; float: left; width: 623px; overflow: hidden;}

.upcoming ul.itemList li.blogListing {border-top-width: 0; border-bottom: 1px solid #838079; width: 600px; margin: 0 10px 20px; padding: 0 0 20px;}
.upcoming ul.itemList li.blogListing .itemlistingUserInfo {border-width: 0;}
.upcoming ul.itemList li.itemListing .itemListingContent, .upcoming ul.itemList li.itemListing .blogListingContent,
.upcoming ul.itemList li.blogListing .blogItemContent {width: 600px; overflow: hidden;}
.upcoming ul.itemList li.itemListing .itemlistingResponseInfo {padding: 0;}
.upcoming ul.itemList li.blogListing .itemlistingResponseInfo .comments a {color: #fff; background: #e91515; padding: 0 3px; font-style: normal;}

.pager a.pagerButtons, .pager div.pagerButtons {background: #24221d;}
.pager .dots, .pager a {background: #24221d; color: #fff;}
.pager a.active {background: #e91515; color: #fff;}
.pager div.pagingRangeDisplay {background: #24221d; color: #fff;}

/* ____________________NAV________________________*/

/* FIXES THE ALIGNMENT ISSUE */
#topNav, #bottomNav {overflow:hidden;}

#topNav, #aboutGroupInfo {display: none;}

	.custom4 .top {width: 983px; height: 315px; background: #24221d; border-top: 1px solid #24221d; border-bottom: 1px solid #24221d; float: left;}
	.custom4 .bottom {width: 983px; height: 45px; background: #24221d; border-top: 1px solid #24221d; border-bottom: 1px solid #24221d;}
	
	.custom4 .bottom .bottomNav {width: 751px; height: 45px; background: #24221d;}
	
	.custom4 .top .topNav ul li,
	.custom4 .bottom .bottomNav ul li {float: left; height: 30px; line-height: 30px; padding: 7px 15px 8px 0; font-size: 1.2em;}
	.custom4 .top .topNav a,
	.custom4 .bottom .bottomNav a {font-weight: bold; font-size: 14px; padding-left: 16px; border-left: 1px solid #fff; text-transform: uppercase;}
	.custom4 .top .topNav .first a,
	.custom4 .bottom .bottomNav .first a {border-left-width: 0;}
	.custom4 .top .topNav ul li.active,
	.custom4 .bottom .bottomNav ul li.active {background: #24221d;}
	.custom4 .top .topNav a.active,
	.custom4 .bottom .bottomNav a.active {font-weight: bold; color: #fff;}
	
	.custom4 .top .topNav, .custom4 .bottom .bottomNav {float: left;}
	
	/* CAROUSEL */
	.custom4 .mecha {width: 983px; height: 320px; position: relative; overflow: hidden; display:none;}
	.custom4 .mecha .ugo {width: 983px; height: 320px; position: absolute; top: 0; left: 0; background: #000;}
	.custom4 .mecha .ugo .ugoAsset {position: absolute; top: 0; left: 0;}
	.custom4 .mecha .ugo .ugoTitle {position: absolute; width: 280px; height: 280px; top: 0; right: 0; padding: 20px; background: #000;}
	.custom4 .mecha .ugo .ugoTitle .ugoTitleBox {float: left; margin: auto 0; font-size: 2.0em; color: #fff;}
	.custom4 .mecha .ugo .ugoTitle a {color: #fff;}
	.custom4 .mecha .ugo .ugoDescBox {clear: both; float: left; font-size: 1.4em; color: #ccc;}
	.custom4 .mecha .ugo .ugoDescBox span {clear: both; float: left; margin-bottom: 0.75em;}
	.custom4 .mecha .ugoControls {position: absolute; width: 24px; height: 24px; bottom: 20px; text-align: center; opacity: .70; filter: alpha(opacity=70);}
	.custom4 .mecha .ugoControls a {float: left; clear: none; font-size: 16px; line-height: 16px; width: 16px; padding: 3px; background: #000; border: 1px solid #ccc;}
	.custom4 .mecha .ugoControls a.active {background: #35e9de; border: 1px solid #fff; color: #666;}
	
	#customGroup #content {float: left; clear: both; width: 983px; padding: 0; background: #333;}

.custom4 #custom4Content .left {float: left; width: 623px;}

.custom4 #custom4Content .left .contentHeader {clear: both; float: left; width: 623px; height: 22px; background: #25221c; border-bottom: 1px solid #e91515;}
.custom4 #custom4Content .left .contentHeader h3.redWedge {background: url('http://i2.crtcdn1.net/images/ed/2010/05/18/205159.gif') #e91515 top right no-repeat; padding: 0 45px 0 7px; text-transform: uppercase;}

.custom4 #custom4Content .right {float: right; width: 300px;}

	/* Sandboxes */
	.custom4 .sandbox1, .custom4 .sandbox2, .custom4 .sandbox3, .custom4 .sandbox4 {float: left; font-size: 1.2em;}
	.custom4 .sandbox1 {width: 983px; height: 315px;}
	.custom4 .sandbox2 {background: #23221e;}
	
	.custom4 .sandbox4 {margin-bottom: 2.0em;}
	
	.custom4 .sandbox3 {width: 300px; margin: 2.0em 0;}
	.custom4 .sandbox3 p {padding: 0.75em 0;}
	.custom4 .sandbox3 h2 {margin: 0 0 0.75em;}
	.custom4 .sandbox3 h3 {margin: 1.0em 0 0.25em;}
	.custom4 .sandbox3 ul {/* list-style-type: circle; list-style-position: inside; */}
	
	.custom4 #aboutGroupInfo h3 {display: ; font-size: 1.2em; margin-bottom: 0.5em;}
	.custom4 #aboutGroupInfo h3 span {display: none;}