/* Fun site CSS Document */
#funsite #main{
	width:978px;
	background:#fff;
	border:1px solid #333;
	padding:17px 0 16px 0;
}
.funcolumns {
	width:944px;
	background:url(../images/funsite/funbg2.jpg) repeat-x 0 0;
	padding:48px 0 0 0;
	margin:0 0 0 17px;
}
.fun-inner{
	background:url(../images/funsite/fun-divider.gif) repeat-y 472px 0;
}
/* left column*/
.good-karma{
	width:401px;
	margin:0 0 0 61px;
	display:inline;
	float:left;
	padding:0 0 20px 0;
}
.player2{
	border:1px solid #333;
	width:370px;
	padding:7px 8px;	
	margin:0 0 20px 0;
}
#funsite h1,
.behind-carma h2,
.behind-carma h3{
	color:#666;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	margin:-28px 0 19px 0;
	padding:0 2px 0 0;
}
.behind-carma h2{	margin:-28px 0 7px 0;}
.behind-carma h3{
	margin:-16px 0 12px 51px;
	position:relative;
	z-index:999;
}

/* scrolling box on left hand side */
.fscroll-left{
	width:401px;
	height:536px;
	overflow:auto;
}
.post{
	padding:6px 0 10px 0;
	min-height:0;
	background:url(../images/funsite/fundash.gif) repeat-x 0 100%;
	color:#69c;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	line-height:1.1em;
	margin:0 10px 0 0;
}
.post p{font-size:12px;margin:5px 0 0 0}
.post p.date{
	color:#666;
	font-size:10px;
	text-transform:uppercase;
}
.post h2{
	color:#69c;
	font-size:18px;
	font-weight:normal;
	margin:11px 0 5px 0;
	line-height:1.1em;
}
.post ul{
	margin:13px 0 0 0;
	font-size:93%;
}

/* right column*/
.behind-carma{
	width:442px;
	margin:0 0 0 28px;
	display:inline;
	float:left;
	padding:0 0 20px 0;
}
/* three big transparent images */
/* extra nestings needed to avoid IE6 link bug */
/* you must change the IE file whenever you use transparent pngs as IE6 can't handle transparency natively.*/
.three-pics{
	height:526px;
	position:relative;
}
.pic1,.pic2,.pic3{position:absolute;z-index:2}
.pic1{
	left:0;
	top:0;
	width:239px;
	height:290px;
}

.pic2{
	left:210px;
	top:-5px;
	width:249px;
	height:297px;
	z-index:3;
}

.pic3{
	left:205px;
	top:235px;
	width:254px;
	height:302px;
	z-index:2;
}

.three-pics a{
	position:relative;
	display:block;
	width:100%;
	height:100%;	
}
.three-pics a em{position:absolute;top:-999em}
li.button127 {clear:left;	margin:0 0 9px 0}
.button127 a{
	width:127px;
	color:#fff;
}
.button127 a:visited{color:#f2f2f2}
.button127 a:hover{text-decorration:underline;color:#fff;}
.three-pics .generic-button{
	position:absolute;
	top:368px;
	left:35px;
}
.three-pics .generic-button a{font-size:13px}

/* scrolling box on right hand side */
/* scrolling box on left hand side */
.fscroll-right{
	width:360px;
	margin:0 0 0 50px;
	border:1px solid #d4d4d4;
	padding:1px 0 2px 0;
	overflow:auto;
	height:350px;	
}
.utube-row{
	padding:4px 0 3px;
	min-height:0;
	background:url(../funsite/fundash.gif) repeat-x 0 0;
	color:#03c;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	margin:0 7px;
}
.utube-row h4,
.utube-row h4 a{
	color:#03c;
	font-weight:bold;
	margin:0;
}
.utube-row h4{
	font-size:93%;
	line-height:1.1em;
	margin:0 0 1px 0;
}
.utube-row p{
	font-size:85%;
	margin:0;
	color:#000;
	line-height:1.2em;
}
.utube-row span{
	font-size:108%;
	color:#04c;
}
.utube-row p.video{
	float:left;
	width:90px;
	margin:0 6px 0 0;
	border:1px solid #a8a8a8;
	padding:1px;
}
.utube-row div{
	float:left;
	width:220px;
	line-height:1.2em;
}
div#funcolumns {
border: 1px solid black;
}