/*
Site: The Children's Museum of Houston
Design: Brandi Lalanne and Daniel Meza for Schipul
Build: Brandi Lalanne for Schipul
Contributions by: David Stagg
URI: www.cmhouston.org
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
} 

p { margin-bottom: 8px; color:#333; font-size:12px}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	background: #d4eaf6 url(../../images/home09/body-bg.jpg) repeat-x top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em;}
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 18px; font-weight: bold; 	color: #f37a18; }
h2 { font-size: 16px; font-weight: bold; 	color: #f37a18; }
h3 { font-size: 12px; font-weight: bold; 	color: #f37a18; }
h4 { font-size: 12px; font-weight: bold; 	color: #666; }
h5 { font-size: 12px; font-weight: bold; 	color: #666; }
h6 { font-size: 12px; font-weight: bold; 	color: #666; }

a { color: #478FCE; outline:none; text-decoration:none }
a:hover {color:#779B3B}


.clear {clear:both; margin:0; padding:0;}


/** STRUCTURE **/

#cloud-bg {background:url(../../images/home09/cloud-bg.jpg) top no-repeat; width:100%} 

#chopper {
background: url(/images/home09/chopper.png) no-repeat right top; display:block; height:129px; position:absolute;
right:0;  top:0; width:138px; padding: 141px 0 0 0}

	#chopper input {color:#666; font-style:italic; font-size:12px}

#headerbg {width: 988px; background:url(../../images/home09/header-bg-old.jpg) top center no-repeat; margin:0 auto}

#content-bg {width: 988px; background:url(../../images/home09/content-bg.jpg) top center repeat-y; margin:0 auto}

#container {width: 988px; margin:0 auto; }

	a#cmh-logo {height: 93px; width: 190px; border:0; float:left; margin:0; padding:0}
	
	
	.video-kids {height: 321px; border:0; margin: 94px 0 0 0 }
	
		#kidleft {float:left; width: 91px}
		#kidright {float:right; width: 92px}
		
	#video-area {width: 805px; float:left; background:url(/images/home09/video-bg.jpg) top center repeat-y; 
	text-align:center; padding: 5px 0 0 0; margin: 18px 0 0 0; position:relative; z-index: 10 }
	
		#video-object {position:relative; z-index: 2}
	
		#video-footer {width: 800px; height: 47px; background:url(../../images/home09/video-footer.jpg) top center no-repeat; text-align: left; padding: 2px 0 0 5px}
	
	#left-column {width: 298px; float:left;}
	
		.yellow-column {width: 298px; background:url(../../images/home09/yellow-bg.jpg) top right repeat-y;}
		
		.yellow-text {width: 171px; padding: 0 44px 0 0; float:right}
		
		.yellow-btm {width: 253px; height: 29px; float:right; background:url(../../images/home09/yellow-btm.jpg) top right no-repeat;}
	
	#right-column {width: 615px; float:right; padding-right:65px }
	
		#happening-title {width: 614px; height:94px; background:url(../../images/home09/happening-title.jpg) top left no-repeat;}
			
			#happening-title p {color:#FFF; margin: 0 54px 0 353px; padding: 30px 0 0 0  }
			#happening-title a {color:#FFF; text-decoration:underline;}
			#happening-title a:hover {color:#000;}
		
		.red-box {width: 614px; background: url(../../images/home09/red-bg.jpg) top right repeat-y;}
		
			#red-kid {width: 91px; height: 187px; float:left; background:url(/images/home09/red-kid.jpg) top left no-repeat}
			
			#red-content {width: 523px; float:left; color:#FFF; position: relative;}
			
			
		
	/*Stories Module
	.stories {display: block; width: 483px; height: 245px; overflow: hidden; position: relative; }
		
		.story-item { overflow: hidden !important; }
		.story-item img { margin: 0; padding: 0;}
		div.story-content {margin: 0; width: 155px; z-index: 1500; 
		position:relative; float:left  }
		
		.story-item h1 {color: #FFF; margin: 0 0 8px 0; padding: 0; line-height:30px; font-size:22px; 
		border-bottom: solid 1px #7b1e1f; display:block; font-weight:normal}	
		.story-content p {color: #FFF; margin:0; padding:0; line-height:16px }
		.story-content a {color: #FFF; text-decoration:none; clear:both; display:block; width: 80px; line-height: 16px; background: #2986C9; height: 16px; padding: 5px 0 5px 5px; margin-top: 15px; font-weight:bold}
		.story-content a:hover {color:#FFF; text-decoration:none; background: #F49020}
		
		.story-item {display: block; width: 483px; height: 245px; overflow: hidden !important; z-index: 10;}
		.image-header {display:block; width: 285px; height: 196px; overflow:hidden !important; z-index: 11; float:right;border: 5px solid #FFF;  }
		.story-item img {z-index: 999; }
		
		
		#nav-stories {display: block;  padding: 5px 10px 0 0; text-align:right; position:relative; z-index: 800 }
			#nav-stories a { display: block; width: 18px; height:18px; float: left; margin: 5px 5px 0 0;
			text-align: center; text-decoration: none; color:#FFF; font-weight:bold; font-size:14px;  
			background: #bb6d17;}
			#nav-stories a.activeSlide { background: #F49020; width: 18px; height:18px; 
			color: #FFF; }
			
		*/
		
			/*Stories Module*/
	.stories {display: block; width: 483px; height: 245px; overflow: hidden; position: relative; }
		
		.story-item { overflow: hidden !important; }
		.story-item img { margin: 0; padding: 0; }
		div.story-content {margin: -70px 0 0 0; width: 483px; height: 282px; padding: 5px 25px 35px 25px; z-index: 1500; 
		position:relative;background: url(/images/home09/story-bg.png);}
		
		.story-content h1 {color: #F49020; margin: 8px 0 5px 0; padding: 0 0 0 0; line-height:14px; font-size:18px; 
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }	
		.story-content p {color: #FFF; margin:0; padding:0x; line-height:13px; width: 450px; }
		.story-content a {color: #FFF; text-decoration:underline}
		.story-content a:hover {color:#FFF; text-decoration:none}
		
		.story-item .image-header {display: block; width: 483px; height: 245px; overflow: hidden !important; z-index: 10;}
		
		
		
	#nav-stories {display: block;  padding: 5px 10px 0 0; text-align:right; position:relative; z-index: 800 }
			#nav-stories a { display: block; width: 18px; height:18px; float: left; margin: 5px 5px 0 0;
			text-align: center; text-decoration: none; color:#FFF; font-weight:bold; font-size:14px;  
			background: #bb6d17;}
			#nav-stories a.activeSlide { background: #F49020; width: 18px; height:18px; 
			color: #FFF; }
			
			#red-btm {width: 614px; height: 19px; background:url(../../images/home09/red-btm.jpg) top left no-repeat; float:left;}
		
		#photos {width: 316px; float:left; background:url(/images/home09/title-photos.jpg) top left no-repeat;padding: 74px 0 0 26px;}
		
		#photos img, #photos img a {border: 2px solid #ECD24B}
		#photos img {width: 70px !important; height: 70px !important}
		
		#connected {width: 260px; float:left; padding: 88px 0 0 0; margin-left: 12px; display:inline;
		background: url(/images/home09/title-connect.jpg) top left no-repeat;}
		
			#connected-txt {width: 236px;background:url(/images/home09/connect-bg.jpg) top left repeat-y; padding: 8px 12px;
			color:#FFF;}
			
			#tweets ul {margin:0; padding:0; list-style:none;}
			
			#tweets ul li a, #tweets a {color:#FFF;}
			
			.small-text a{font-size:11px; color: #FFF; line-height: 21px; display:block; text-decoration:underline}
			.small-text a:hover {color:#000;}
			
			.twitterTime a {clear:both; text-decoration:none; font-style:italic; font-size:11px}
			
			#connected-btm {height: 13px; width: 260px; background:url(../../images/home09/connect-btm.jpg) top left no-repeat;}
		
		#blog {width: 613px; clear:both;}
		
			#blog-girls {width: 173px; height:197px; background:url(/images/home09/blog-bg.jpg) top left no-repeat; float:left}
			
			#blog-title {width: 320px; height: 80px; float:left; background:url(/images/home09/title-blog.jpg) top left no-repeat;}
			
			#blog-content {width: 440px; float:left; border-bottom: 2px dotted #91B752; padding-bottom:5px}
			
			.rssitem h2, .rssitem h2 a {margin:0; color: #0c5594; font-weight:bold; font-size: 16px;}
			.rssitem h2 {border-top: 2px dotted #91B752; padding-top:5px }
			
			.rssitem h2 a:hover {color:#779B3B}
			

	
	#footer {clear:both; min-height: 135px; width: 881px; background:url(/images/home09/footer.jpg) top left no-repeat #2C8BCE;
	padding: 75px 0 0 29px; margin:0 auto; color:#FFF}
	
		#foot-left {width: 236px; float:left; padding:0 0 0 0}
		
		#foot-left h3, #foot-left p, #foot-left a {color:#FFF}
		
		#foot-left h3 {margin:0;}
		
		#foot-mid {width: 253px; float:left; margin: 0 0 0 44px; display:inline}
		
			#foot-mid ul {margin: 0; padding:0; list-style:none}
			#foot-mid ul li {margin:0; padding:0; list-style:none}
			#foot-mid ul li a{line-height: 22px; display:block; text-decoration:none; color:#FFF; border-bottom: 1px solid #154668}
			#foot-mid ul li a:hover {background: #154668}
		
		#foot-right {float:right; width: 190px; display:inline; margin-right:114px;}
		
		#foot-right p, #foot-right a {text-decoration:none; color:#FFF}
		#foot-right a:hover, #foot-left a:hover {color: #154668}
	
		#footer-btm {width: 910px; height: 70px; background:url(/images/home09/footer-btm.jpg) top left no-repeat #D4EAF6; 
		clear:both; margin:0 auto; padding: 25px 0 0 0; color: #75B5DB; font-size:11px}
		
			#footer-btm p {color: #75B5DB}
			
#social-media-left {width: 238px; float:left ; padding: 20px 0 0 70px;}
#social-media-left img {float:left; margin-left: 15px; }