#PreLoadGraphics {
	position:absolute;
	top:-1000px; left:-1000px;
}

#FlowContentBase {
	clear:both;
	position:relative;
	background-color:#222;
	margin:0 18px;
	}
	#FlowContentBase .leftColumn {
		margin-right:195px;
	}
	#FlowContentBase .rightColumn {
		width:190px;
		position:absolute;
		right:0px;
	}
/**/

#FeatureBox {
	position:relative;
	margin-top:-10px;
	}
	#FeatureBox .ftBoxPromoBase {
		overflow:hidden;
	}
	#FeatureBox .ftBoxPromoBase.link {
		cursor:pointer;
	}
	#FeatureBox .ftBoxPromoPos {
		margin:0 16px;
		position:relative;
	}
	#FeatureBox .promoFade {
		position:absolute;
		top:10px;
		
		width:100%;
		height:192px;
		
		background-color:#fff;
		z-index:40;
	}
	#FeatureBox .promoMask {
		position:relative;
		top:0; left:0;
		width:100%;
		z-index:0;
		}
		#FeatureBox .promoMask .pMask-l {
			background:
				url(pix/featureBox.msk-l.png)
				top left
				no-repeat
			;
		}
		#FeatureBox .promoMask .pMask-r {
			background:
				url(pix/featureBox.msk-r.png)
				top right
				no-repeat
			;
		}
		#FeatureBox .promoMask .pMask-cnt {
			margin:0 26px;
			height:216px;
			background:
				url(pix/featureBox.msk.png)
				repeat-x
			;
		}
	/**/
	#FeatureBox .promoSize,
	#FeatureBox .promoBkg {
		height:192px;
		width:100%;
		position:absolute;
		top:10px;
		z-index:10;
		
		/*filter:alpha(opacity=50);*/
	}
	#FeatureBox .promoCnt {
		position:absolute;
		height:192px;
		
		width:100%;
		z-index:10;
	}
/**/

#FtBoxThumbs {
	position:absolute;
	top:220px; right:15px;
	margin-left:12px;
	z-index:80;
	}
	#FtBoxThumbs a {
		display:block;
		float:left;
		
		background-color:#000;
		color:#999;
		
		font-size:85%;
		padding:.5em 1.6ex;
		margin:0 .5ex;
		
		text-decoration:none;
	}
	#FtBoxThumbs a.current {
		color:#fff;
		font-weight:bold;
	}
	a#ftPromoThumb_0000-FirstPromoDummy {
		display:none;
	}
/**/

#FtBoxClear {
	clear:both;
}

#AfterTheFeatureBlock {
	height:45px;
	
	margin:0px 15px 0px 18px;
	
	position:relative;
	top:0px; left:0px;
	z-index:70;
}

#AuthorProfilesBox {
	position:relative;
	top:0px; left:0px;
	}
	#AuthorProfilesBox .bkg {
		position:absolute;
		top:10px; right:0px;
		width:68%; height:80px;
		
		background:
			url(../creative_class/pix/AuthorProfilesBox.bkg.jpg)
			repeat-x
			70px -20px
		;
	}
	#AuthorProfilesBox ul {
		white-space:nowrap;
		list-style-type:none;
		margin:0; padding:0;
	}
	#AuthorProfilesBox ul li {
		display:inline;
		white-space:nowrap;
	}
	#AuthorProfilesBox img {
		margin:4px 0px 0 8px;
	}
/**/

#BaseCatTabThumbs {
	position:absolute;
	bottom:0px; left:0px;
	}
	#BaseCatTabThumbs ul {
		list-style-type:none;
		margin:0; padding:0;
	}
	#BaseCatTabThumbs li {
		position:relative;
		top:0px; left:0px;
		float:left;
		padding-right:6px;
	}
	#BaseCatTabThumbs li.current {
		}
		#BaseCatTabThumbs li.current a.baseCatMenuOpen,
		#BaseCatTabThumbs li.current a.mainLabel {
			/*background-color:#787878;*/
			background-color:#002036;
			color:#fff;
		}
		#BaseCatTabThumbs li.current a.baseCatMenuOpen.closed {
			background-image:url('pix/baseCatOpen-a-c.png');
			background-repeat:no-repeat;
		}
		#BaseCatTabThumbs li.current a.baseCatMenuOpen.open {
			background-image:url('pix/baseCatOpen-a-o.png');
			background-repeat:no-repeat;
		}
		#BaseCatTabThumbs li.current a.live {
			background-position:-40px 0px;
		}
		#BaseCatTabThumbs li.current a.work {
			background-position:-80px 0px;
		}
		#BaseCatTabThumbs li.current a.play {
			background-position:-120px 0px;
		}
	/**/
	#BaseCatTabThumbs a.mainLabel {
		display:block;
		cursor:pointer;
		padding:.4em 2ex .6em;
		letter-spacing:.15ex;
		color:#f90;
		background:
			#000
		;
		font-size:90%;
		outline:none;
		}
		#BaseCatTabThumbs a.mainLabel:active,
		#BaseCatTabThumbs a.mainLabel:hover {
			text-decoration:none;
			color:#fff;
		}
	/**/
	#BaseCatTabThumbs .baseCatMenuBase {
		position:relative;
		top:0px; left:0px;
	}
	#BaseCatTabThumbs a.baseCatMenuOpen {
		display:block;
		font-size:90%;
		background-color:#000;
		padding:.4em 0 .6em;
		width:3ex;
		overflow:hidden;
		
		background-repeat:no-repeat;
		background-position:center center;
		}
		#BaseCatTabThumbs a.baseCatMenuOpen:hover {
			text-decoration:none;
		}
		#BaseCatTabThumbs a.baseCatMenuOpen.closed {
			background-image:url('pix/baseCatOpen-n-c.png');
		}
		#BaseCatTabThumbs a.baseCatMenuOpen.open {
			background-image:url('pix/baseCatOpen-n-o.png');
			background-color:#444;
		}
	/**/
	#BaseCatTabThumbs .baseCatMenu {
		display:none;
		
		position:absolute;
		top:2.4em; left:0px;
		
		background-color:#444;
		width:25ex;
		
		color:#bbb;
		font-size:85%;
		}
		#BaseCatTabThumbs .baseCatMenu ul {
			list-style-type:none;
			margin:0;
			
			padding:1em 2ex;
		}
		#BaseCatTabThumbs .baseCatMenu ul li {
			float:none;
			margin-bottom:.5em;
		}
		#BaseCatTabThumbs .baseCatMenu ul li a {
			color:#bbb;
		}
		#BaseCatTabThumbs .baseCatMenu ul li a:hover {
			text-decoration:none;
			color:#fff;
		}
		#BaseCatTabThumbs .baseCatMenu a.closeBtn {
			display:block;
			
			background:
				url(pix/baseCatMenu-close.png)
				no-repeat
				center center
			;
			
			position:absolute;
			top:0px; right:0px;
			width:3ex;
			height:3ex;
			}
			#BaseCatTabThumbs .baseCatMenu a.closeBtn:hover {
				text-decoration:none;
			}
		/**/
	/**/
	#BaseCatTabThumbs li.menu {
	}
	#BaseCatTabThumbs li.menu a.mainLabel {
		background-color:transparent;
	}
/**/

#BlogFront {
	padding:0 0px;
	background:
		#fff
		url(pix/v3.1-leftcol-bkg.gif)
		repeat-y
		-140px 0px
	;
	min-height:2500px;
	}
	#BlogFront .postLeft {
		position:absolute;
		top:0px; left:0px;
		width:275px;
	}
	#BlogFront .postRight {
		margin-left:255px;
	}
	#BlogFront ul {
		list-style-type:none;
		margin:0px; padding:0px 3ex;
	}
	#BlogFront ul ul {
		list-style-type:disc;
		margin:0px; padding:0px 3ex;
	}
	#BlogFront ul li.postListItem {
		position:relative;
		color:#444;	
		line-height:140%;
		cursor:pointer;
	}
	#BlogFront h3.postTitle {
		font-family:arial, helvetica, sans-serif;
		margin:0;
		padding-top:25px;
		font-weight:normal;
		font-size:200%;
		line-height:120%;
		letter-spacing:-0.08ex;
		width:200px;
		}
		#BlogFront h3 a {
			color:#ECF7FD;
		}
		#BlogFront h3 a:hover {
			color:#fff;
			text-decoration:none;
		}
	/**/
	
	#BlogFront .postThumbnail {
		position:relative;
		top:25px; left:72px;
		}
		#BlogFront .postThumbnail img {
			border:2px solid #000;
			left:0;
			position:relative;
			z-index:20;
		}
		#BlogFront .postThumbnail .shadow {
			position:absolute;
			top:20px; left:-96px;
			z-index:10;
			
			width:250px; height:270px;
			overflow:hidden;
			
			opacity:0.25;
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
			}
			#BlogFront .postThumbnail .shadow img {
				position:absolute;
				top:-15px; left:0px;
				width:300px; height:300px;
				border:0;
			}
		/**/
	/**/
	#BlogFront .pbMediaInsert {
		position:relative;
		width:480px; height:292px;
		border:2px solid #000;
		}
		#BlogFront .pbMediaInsert.aligncenter {
		}
	/**/
	#BlogFront .metaData {
		color:#999;
	}
	#BlogFront .postImage {
		padding:20px 0;
		}
		#BlogFront .postImage img {
			border:2px solid #000;
		}
		#BlogFront .postImage img.aligncenter {
			display:block;
			margin:0 auto;
		}
	/**/
	#BlogFront .blogFrontTabContent {
			display:none;
		}
		#BlogFront .blogFrontTabContent.current {
			display:block;
		}
	/**/
	#BlogFront .comment {
		position:relative;
		float:right;
		}
		#BlogFront .comment a.label {
			position:relative;
			top:2px;
		}
		#BlogFront .comment .count {
			float:left;
			padding:3px 10px 11px 11px;
			width:15px;
			text-align:center;
			background:
				url(pix/post_comment_balloon.gif)
				no-repeat
				left center
			;
			color:#fff;
			font-weight:bold;
		}
	/**/
	#BlogFront .readMore {
		position:relative;
		top:-0.5em;
		border-bottom:1px dashed #0274A1;
		text-align:right;
		font-family:arial, helvetica, sans-serif;
		margin:25px 0;
		}
		#BlogFront .readMore a {
			display:block;
			background-color:#fff;
			padding:0 15px 0 5px;
			float:right;
			position:relative;
			top:-0.7em;
		}
	/**/
	#BlogFront li.lightTextPost {
		}
		#BlogFront li.lightTextPost .bottomSep {
			min-height:250px;
		}
		#BlogFront li.lightTextPost .postThumbnail .shadow {
			height:150px;
		}
		#BlogFront li.lightTextPost p.lightTextPost {
			padding-top:40px;
		}
	/**/
	#BlogFront .bottomSep {
		padding:30px 0 30px;
		min-height:380px;
		background:
			url(pix/post_separator.gif)
			no-repeat
			-160px bottom
		;
		}
		#BlogFront .bottomSep.last {
			background-image:none;
		}
	/**/
	#BlogFront .filed {
	}
/**/


#GoogleAds {
	margin-top:6px;
	width:191px;
	height:600px;
	overflow:hidden;
	background-color:#828282;
}

#BlogAuthorsTab {
}
#BlogAuthorsTab.inactive #BlogAuthors {
}
#BlogAuthorsTab.active #BlogAuthors {
	display:block;
}
#BlogAuthors {
	display:none;
	position:absolute;
	top:29px; left:0px;
	
	background-color:#ccc;
	width:191px;
	}
	#BlogAuthors .close {
		position:absolute;
		right:0px; top:0px;
		display:block;
		padding:5px;
		cursor:pointer;
	}
	#BlogAuthors .base {
		padding:.5em 0ex 1em;
	}
	#BlogAuthors h2 {
		margin:0;
		padding-top:.5em;
		padding-bottom:1em;
		padding-left:1ex;
		font-size:100%;
		font-weight:normal;
	}
	#BlogAuthors ul {
		list-style-type:none;
		margin:0; padding:0;
		color:#000;
		font-size:75%;
		
		width:100%;
	}
	#BlogAuthors li {
	}
	#BlogAuthors li a {
		display:block;
		padding:.3em 1ex;
		
		position:relative;
		top:0px; left:0px;
		
		min-height:35px;
	}
	#BlogAuthors li a span {
		display:block;
	}
	#BlogAuthors li a:hover {
		background-color:#fff;
		text-decoration:none;
	}
	#BlogAuthors img {
		position:absolute;
		left:10px; top:3px;
		border:1px solid #000;
	}
	#BlogAuthors .first_name {
		margin-left:43px;
	}
	#BlogAuthors .nickname {
		margin-left:43px;
		color:#666;
	}
/**/

#BlogLinks {
	margin:3px 211px 0 18px;
	padding:1em 0 230px;
	background-color:#777;
	font-size:80%;
	line-height:1.5em;
	}
	#BlogLinks h2 {
		margin:0;
		font-size:100%;
		font-weight:bold;
		padding:.5em 0;
		margin-left:21.5%;
	}
	
	#BlogLinks table {
		width:100%;
	}
	#BlogLinks table td.a {
		text-align:right;
		width:20%;
		padding:.2em 1ex .2em 2ex;
	}
	#BlogLinks table td.b {
	}
		
	#BlogLinks ul {
		list-style-type:none;
		margin:0; padding:0;
		padding:1em 2ex;
	}
	#BlogLinks ul li {
		display:inline;
		padding-right:1ex;
		margin-right:0.75ex;
	}
	#BlogLinks a {
		color:#ccc;
	}
	#BlogLinks a:hover {
		text-decoration:none;
		color:#fff;
	}
/**/

#InTheNewsBox {
	width:191px;
	overflow:hidden;
	
	font-size:89%;
	background:
		url(_site_common/pix/home_third_section_shadow.gif) 
		repeat-x top #333
	;
	
	margin-top:6px;
	
	position:relative;
	top:0px; left:0px;
	}
	#InTheNewsBox .base {
		padding:.5em 1ex;
	}
	#InTheNewsBox h2 {
		color:#ccc;
		font-weight:normal;
		margin:0;
		font-size:100%;
		padding:.5em 0;
	}
	#InTheNewsBox .date {
		display:block;
		font-size:80%;
		color:#666;
	}
	#InTheNewsBox ul.format {
		list-style-type:none;
		margin:0 1.5ex;
		padding:0;
	}
	#InTheNewsBox ul.format li {
		clear:both;
		margin:.5em 0;
	}
	 
	#InTheNewsBox a {
		color:#ccc;
		}
		#InTheNewsBox a:hover {
			text-decoration:none;
			color:#fff;
		}
	/**/
	#InTheNewsBox .time {
		white-space:nowrap;
	}
	#InTheNewsBox .source {
		display:block;
		color:#999;
	}
	#InTheNewsBox .newsArchive {
		margin-top:1em;
		margin-bottom:0;
	}
	#InTheNewsBox .separator {
		width:90%;
		margin:0 auto 1.3em;
		border-bottom:1px solid #f60;
		}
		#InTheNewsBox .separator a {
		}
	/**/
	
	#InTheNewsBox #FeaturedNews {
		margin-top:.5em;
		height:10em;
		position:relative;
		top:0px; left:0px;
		}
		#InTheNewsBox #FeaturedNews a {
		}
		#InTheNewsBox #FeaturedNews .thumbnail {
		}
		#InTheNewsBox #FeaturedNews .text {
			padding:.5em 0;
		}
		#InTheNewsBox #FeaturedNews #FNSwitcher {
			position:absolute;
			top:68px; left:78px;
			}
			#InTheNewsBox #FeaturedNews #FNSwitcher ul {
				list-style-type:none;
				padding:0; margin:0;
			}
			#InTheNewsBox #FNSwitcher ul li {
				margin:0 3px;
				float:left;
			}
			#InTheNewsBox #FNSwitcher a {
				height:7px;
				font-size:1px;
				width:7px;
				display:block;
				background-color:#f60;
			}
			#InTheNewsBox #FNSwitcher li.current a {
				background-color:#00ADEF;
			}
		/**/
	/**/
/**/

#RFTwitter {
	color:#444;
	overflow:hidden;
	margin-bottom:7px;
	background:
		url(pix/rf_twitter-bkg.gif)
		repeat-x
		top left
		#fff
	;
	}
	#RFTwitter ul {
		font-size:90%;
		list-style-type:none;
		margin:0px; padding:0px;
		padding:1em;
	}
	#RFTwitter ul li {
		margin-bottom:1em;
	}
	#RFTwitter .howLongAgo {
		font-style:oblique;
		text-align:right;
		color:#999;
	}
	#RFTwitter .header {
		text-align:right;
	}
/**/