@import url('widgets.css');

/* html elements */
a { 
	color: #369; 
	}
	
a:hover { 
	color: #025; 
	}

a img { border: 0; }

body {
	background: #4d8f3c url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bg.jpg) top left no-repeat;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
.body promos {
	background: #4d8f3c url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgPromos.jpg) top left no-repeat;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
h3 {
	font: 1.3em "Trebuchet MS";
	}
	
p { font: .75em/1.5em Verdana; }
	
	
ul {
	/* background: #edede0; */
	font: 13px/1.8em Verdana;
	margin: 0;
	padding: 5px 0 5px 40px;
	width: 380px;
	}	
	
ul li {	
	/* font: .7em Verdana; */
	list-style-type: disc;
	margin: 0;
	padding: 0;
	}	

ul.none li {	
	list-style-type: none;
	}	
	
ul.bulleted {
	background: none;
	margin: 0;
	padding: 5px 0 5px 40px;
	width: 280px;
	}	
	
ul.bulleted li {	
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/ulBlueBullet.gif) 0 5px no-repeat;
	font: .75em/1.8em Verdana;
	list-style-type: none;
	padding: 0 0 0 14px;
	}
	
/* common classes */
.clear { clear: both; }

.center { margin: 0 auto; }

.hide { display: none; }

.left { float: left; }
.right { float: right; }

.marginL20 { margin: 0 0 0 20px; }

.btn {
	float: right;
	margin: 5px 0 5px 0;
	}	
	
.badge {
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgBadge.gif) top center no-repeat;
	height: 90px;	
	margin: 0 0 3px 0;
	padding: 14px 0 0 0;
	width: 120px;	
	}
	
.contest {
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgContest.gif) top left no-repeat;
	height: 90px;	
	margin: 0 0 3px 0;
	padding: 14px 0 0 0;
	width: 120px;	
	}

.bg155x120 {
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bg155x120.gif) top left no-repeat;
	height: 128px;
	padding: 4px 0 0 4px;
	width: 163px;
	}
	
.bg75x75 {
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bg75x75.gif) top left no-repeat;
	height: 81px;
	padding: 3px;
	width: 81px;
	}
	
.bg45x45 {
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bg45x45.gif) center center no-repeat;
	height: 51px;
	padding: 4px 0 0 4px;
	width: 51px;
	}
	
.wide
{
	/*height: 160px;*/
	margin: 10px 0;
	overflow: auto;
	overflow-y: hidden;
	width: 370px;	
}	
	
.linkBlock {
	font: .8em "Trebuchet MS";
	float: left;
	min-height: 180px;
	height: auto !important;
	height: 180px;
	padding: 0 4px 0 0;
	width: 143px;
	}

.linkBlock h4 {
	font: bold 1.2em "Trebuchet MS";
	margin: 0;
	}	
	

	
.dividedSection .breadcrumb 
{
	margin: 0 0 0 21px;
	}	
	
.tagcloud ul 
{
	margin: 5px 0 0 21px;
	padding: 0;
	text-indent: 0;
	}	
	
.tagcloud li 
{
	display: inline;
	float:left;
	list-style-type: none;
	margin: 0 10px 0 0;
	}	
	
.treeBlock {
	float: left;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	padding: 0 3px 0 0;
	width: 215px;
	}
	
.treeBlock h3 {
	color: #55953e;
	font: 1.1em "Trebuchet MS";
	margin: 0;
	padding: 0;
	}	
	
.usersOnline {
	font: .75em/1.5em Verdana; 
	margin: 0 auto;
	}	
	
.width176 {
	margin: 0 auto;
	width: 176px;
	}	
	
.width250 { 
	margin: 0 30px 0 0;
	width: 230px; 
	}
	
.width300 {
	width: 290px;
	}

.CommonTagCloud
{
	margin: 16px 0px;
	width: 520px;
}

ul.CommonSidebarTagCloud 
{

	margin: 0;
	text-indent: 0;
}

.CommonSidebarTagCloud  li
{
	list-style-type: none;
	margin: 0;
	text-indent: 0;
}

.CommonTag1, .CommonTag2, .CommonTag3, .CommonTag3, .CommonTag4, .CommonTag5, .CommonTag6
{
	font: 1em/2em Verdana;
	margin: 0px 5px;
	padding: 0px;
	display: inline;
}
	
.CommonSearchResultList li
{
	list-style-type: none;
	}
	
.allTagsTitle a {
	color: #1c431e;
	}
	
/* structure */	

#wrapper {
	width: 1023px;
	}

#treehouseShell {
	background: #f7f7ea; /* I changed this from white */
	display: inline;
	float: left;
	margin: -19px 0 0 52px;
	width: 600px;	
	}
	
#leaderboard {
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgLeaderboard.gif) top left no-repeat;
	margin: 0 0 0 45px;
	padding: 0 0 0 12px;
	width: 728px;	 
	}
	


	
	
/*nav*/	
	
#treehouseNav {
	/* background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgNav.gif) 0 27px no-repeat; */
	margin: 10px 0 0 40px;
	position: relative;
	width: 694px;
	z-index: 90;
	}
	
#treehouseLogo {
	float: left;
	}
	
#treehouseNav a {
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgNavItems.gif) bottom left repeat-x;
	display: inline;
	float: left;
	height: 24px;
	margin: 25px 0 0 0;
	padding: 0 10px 0 10px;
	}
	
/* body content structure */	
	
#treehouseContent {
	background: #f7f7ea;
	display: inline;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	width: 600px;
	}
	

	
#sectionTitle {
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgTitle.gif) bottom left no-repeat;
	height: 68px;
	}	
	

	
	
	
#sectionTitle #title, #sectionTitle .Title {
	background: none;
	position: relative;
	top: 20px;
	left: 20px;
	}	
	
#sectionTitle #title img {
	background: none;
	position: relative;
	}		
	
#title h1, .Title h1 {
	display: inline;
	font: normal 1.8em "Trebuchet MS";
	margin: 0 0 0 3px;
	padding: 0;
	position: relative;
	top: -2px;
	}
	
.Title h1 {
	color: white; 
	position: relative;
	top: 2px;
	}

#leftSidebar {
	float: left;
	width: 131px;
	position: relative;
	}	
	
#rightContent {
	float: left;
	width: 467px;
	}		
	
	
/*side menu */	
	
#sideMenu { 
	margin: 13px 0 36px 0; /* double check top margin to fix gap in CS */
	position: relative;
	padding: 5px 0 5px 0;
	width: 131px; 
	}

#sideMenu a { 
	color: white;
	display: block;
	font: bold .8em Verdana;
	padding: 2px 0 5px 20px;
	text-decoration: none;
	}	
	
#sideMenu a:hover { 
	display: block;
	}	
	
#sideMenuTop { 
	position: absolute; 
	top: -36px; /* changing this to 33 fixed the watch subnav but broke the read subnav */
	}
	
#sideMenuBtm { 
	bottom: -36px; 
	position: absolute; 
	}
	
#sideMenuDeco { position: absolute; }	
	
#otherLinks {
	padding: 0 0 0 10px;
	}	
		
#otherLinks a {
	font: .7em Verdana;
	text-transform: capitalize;
	}		
	

	
	
/* article */		

#article {
	margin: 0 0 0 10px;
	width: 445px;
	}	
	
#showsList h2, #article h2 { font: 1.3em "Trebuchet MS"; }	
	
	
#article img {
	float: left;
	}		
	
#article p {
	font: .75em/1.5em Verdana;
	padding: 0 0 0 10px;
	word-wrap:break-word;
	
	}
	
#article #articleOptions {
	margin: 0 0 0 10px;
	}	
	
#article #blurb, #article .blurb {
	margin: 0 0 20px 0;
	}
	
#article .blurb {
	clear: left;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin: 0 0 5px 0;
	}
	
#article #blurb img {
	float: left; 
	margin: 0 10px;
	}

#article #blurb p, #article .blurb p {
	color: #000;
	}	
	
#article #blurb h1 a, #article .blurb h1 a {
	font: normal 1.3em "Trebuchet MS";
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

#article #blurb h1 a, #article h1 a	{
	font: .8em "Trebuchet MS";
	font: .6em "Trebuchet MS";
	margin: 0;
	padding: 0;
	}
	
#article #moreAbout {
	float: left;
	font: .7em Verdana;
	margin: 0 0 0 5px;
	width: 330px;
	}
	
#article #moreAbout a {
	color: #369;
	}
	

/* article peek */	
	
#articlePeek {
	display: block;
	float: left;
	margin: 10px 5px 0 23px;
	padding: 0;
	width: 350px;
	}
	
#articlePeek h2 {
	margin: 0;
	padding: 0;
	}	
	
#articlePeek a {	
	color: #1c431e;
	}	
	
#articlePeek .breadcrumb a {	
	color: #369;
	}
	
#articlePeek h2 a {
	color: #1c431e;
	display: inline;
	float: left;
	font: 20px "Trebuchet MS";
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	line-height: 1em;
	}	
	
#articlePeek .squished h2 a {
	line-height: 1em;
	margin: 5px 0;
	padding: 0;
	width: 180px;
	}	
	
#articlePeek h2 a:hover {
	color: #5f875f;
	}	
	
#articlePeek .bg155x120 {
	float: left;
	display:inline;
	}
	
#articlePeek p {
	display: inline;
	text-indent: 0;
	}	
	
#articlePeek .comments {
	color: #369;
	float: left;
	font: .75em Verdana;
	margin: 2px 0 0 10px;
	}	

#articlePeek .tag {
	color: #999;
	float: right;
	font: .75em Verdana;
	margin: 6px 0 0 0px;
	text-decoration: none;
	}

/* same as above?  */
#articlePeek .tag a {
	color: #999;
	/* 	float: right;
font: .75em Arial; */
	margin: 1em 0 0 0;
	text-decoration: none;
	}

	
#articlePeek .bg155x120 {
	margin: 5px 0 0 0;
	}		
	

	
/* misc */	

#adultFeature {
	float: left;
	margin: 0 0 0 -25px;
	position: relative;
	z-index: 10;
	
	}

#widgetBar {
	float: left;
	width: 209px;
	}
	
#socialButtons {
	display: block;
	height: 17px;
	margin: 0 0 10px 0;
	width: 100%;
	}
	
#socialButtons img {
	margin: 0 3px 0 3px;
	vertical-align: middle;
	}
	
	
/* footer */	
	
#treehouseFooter {
	background: #72a942;/* url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgFooter.gif) top right no-repeat;*/
	min-height: 229px;
	height: auto !important;
	height: 229px;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	width: 600px;
	}
	
	
#treehouseContentButterflies {
	float: right;
	position: relative;
	margin: -63px -24px -30px 0;
	z-index: 5;
	}	
	
#treehouseFooter #legal {
	background: url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/dividerDottedGR.gif) top center no-repeat;
	color: #4c8e3c;
	font: .75em Verdana;
	margin: 20px 10px 0 10px;
	padding: 20px 0 0 0;
	}
	
#treehouseFooter #legal a {
	color: #1a5d2d;
	font: 1em Verdana;
	margin: 0 5px 20px 5px;
	}
	
/* corus footer */	
	
#corusFooter 
{
	background: #4d8f3c;
	color: #1c431e;
	font: .7em/1.2em Verdana;
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
	width: 600px;
}
	
#UF-relatedSites
{
	text-align: left;
}

#corusFooter #UF-featuredSites {
	clear: both;
	margin: 20px 0 0 0;
	*padding: 15px 0 0 0;
	_*padding: 0 0 0 0;
	}
	
#corusFooter a {
	color: #1c431e;
	margin: 0 5px 0 0;
	}
	
#corusFooter .links {
	display: block;
	margin: 0 0 0 85px;
	width: 500px;
	}
	
/* sidebar */	
	
#sidebarBB {
	background: #8ab545;
	float: left;
	height: auto;
	margin: 40px 0 0 0 ;
	position: relative;
	width: 328px;
	z-index: 6;
	}
	
#sidebarSS {
	float: left;
	height: 614px;
	margin: 40px 0 0 0 ;
	position: relative;
	width: 318px;
	z-index: 6;
	}
	
#sidebarT {
	position: absolute;
	top: -8px;
	}
	
#sidebarB {
	position: absolute;
	bottom: -8px;
	}	
	
#skyScraper {
	background: #8ab545 url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgBadge.gif) 10px 0 no-repeat;
	display: inline;
	float: left;
	height: 614px;	
	margin: 3px 0 0 0;
	padding: 14px 16px 0 10px;
	position: relative;
	width: 160px;	
	}	
	
#sidebarSkyscraperB {
	position: absolute;
	bottom: -15px;
	left: 0;
	}
#bigBox, #bigBox2 {
    height: 250px;	
	margin: 0 auto;
	position: relative;
	width: 300px;	}
#bigBox {
	background: #59973e url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgBigBox.gif) 0 0 no-repeat;
	padding: 14px 0 0 0;
	}	

#bigBox2
{   display:block;
}		
#tysToyBox {
	background: #8ab545 url(http://content.treehousetv.com/Themes/treehouse-v8/Images/Common/bgBadge.gif) 10px 0 no-repeat;
	float: left;
	height: 314px;	
	margin: 10px 0 0 0;
	padding: 14px 16px 0 10px;
	position: relative;
	width: 160px;	
	left:-10px;
	}	
	
		
#badgesBB .left {
	margin: 0 10px 0 10px;
	}		
	
#badgesBB a {
	color: #fff;
	font-size: .8em;
	}	
	
#badges {
	background: #8ab545;
	display: inline;
	float: right;
	margin: 3px 0 0 0;
	padding: 0 9px 0 3px;
	position: relative;
	}	
	
#badges a {
	color: #fff;
	font-size: .8em;
	}
	
#sidebarBadgeB {
	position: absolute;
	bottom: -37px;
	right: 0px;
	}

/* Modal Styles */

.CommonModalMask
{
	opacity: .4;
	/*filter: alpha(opacity=40);
	background-color: #333;*/
}

.CommonModal
{
	padding: 0 7px;
}

.CommonModal1, .CommonModal2, .CommonModal3, .CommonModal4, .CommonModal5 
{ 
	background-color: #ccc;
	background-image: url(/themes/treehouse-v8/images/common/navigation-gradient.png);
	background-repeat: repeat-x;
	background-position: left -20px;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
}

.CommonModal1 {	margin: 0 -2px;	padding: 0; border-top: solid 1px #666; border-bottom: solid 1px #666; border-left-width: 0px; border-right-width: 0px; }
.CommonModal2 { margin: 0 -2px; padding: 1px 0; border-left-width: 2px; border-right-width: 2px; }
.CommonModal3 { margin: 0 -3px; padding: 1px 0; }
.CommonModal4 { margin: 0 -2px; padding: 2px 0; }
.CommonModal5 { margin: 0 -2px; padding: 1px 0; }

.CommonModalTitle
{
	border-bottom: solid 1px #666;
	padding: 3px 6px 6px 6px;
	font-size: 130%;
	font-weight: bold;
	color: #000;
	cursor: move;
	min-height: 16px;
}

.CommonModalContent
{
	background-color: #fff;
}

.CommonModalFooter
{
	border-top: solid 1px #666;
	width: 100%;
	height: 20px;
}

.CommonModalClose
{
	width: 33px;
	height: 12px;
	background-image: url(/themes/treehouse-v8/images/common/close.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 6px;
}

.CommonModalResize
{
	width: 14px;
	height: 14px;
	background-image: url(/themes/treehouse-v8/images/common/resize.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	right: 6px;
	margin-top: 4px;
	cursor: se-resize;
}