/* @override http://afterschoolscience.org/phase01/css/home.css */

/*
HOME
*/

/* BEGIN: Body */
div#body div.box_full div.wrapper {
	z-index: 1;
	padding-top: 278px; /* slideshow height */
}

	/* BEGIN: Slideshow */
	ul#gallery {
		overflow: hidden;
		position: absolute;
		z-index: 100;
		width: 982px;
		height: 280px;
		padding: 0;
		margin: 0;
		border-bottom: 1px #EAEAEA solid;
		list-style: none;
	}
	
		/* BEGIN: Slide Container */
		ul#gallery li {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		ul#gallery li.first { display: block; }
		/* END: Slide Container */
		
		/* BEGIN: Image Layer */
		ul#gallery li div.image {
			width: 986px;
			height: 280px;
			color: white;
			background: transparent no-repeat 4px top;
		}
		/* END: Image Layer */
	
		/* BEGIN: Rounded Top Layer */
		ul#gallery li div.rounding {
			padding-top: 40px;
			overflow: hidden;
			background: transparent url(../images/body/box_full_top.gif) no-repeat left top;
		}
		/* END: Rounded Top Layer */

		/* BEGIN: Caption Box Layer */
		ul#gallery li div.box {
			z-index: 101;
			position: absolute;
			right: 0;
			width: 360px;
			height: 208px;
			padding: 0 30px;
			background: transparent url(../images/home/slideshow/slideshow_box.png) no-repeat left top;
		}
	
		ul#gallery li div.box h4.styled {
			margin: 20px 0 0 0;
			line-height: 1em;
			letter-spacing: -0.08em;
			font-size: 28px;
			font-family: Archer, "Myriad Pro", sans-serif;
			font-weight: bold;
			color: white;
		}
		
		ul#gallery li div.box p {
			margin: 15px 0;
			font-size: 14px;
			line-height: 1.4em;
		}
		
		ul#gallery li div.box a {
			float: left;
			display: block;
			padding: 2px 10px;
			color: white;
			background-color: #137ba7;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 10px;
			font-family: "Gotham HTF", Arial, sans-serif;
			font-weight: bold;
			line-height: 26px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
		ul#gallery li div.box a:hover { background-color: #106D94; }
		/* END: Caption Box Layer */
	
		/* BEGIN: Controller */
		ul#gallery_controller {
			position: absolute;
			z-index: 101;
			top: 240px;
			left: 30px;
			padding: 0;
			margin: 0;
			list-style: none;
		}
		
		ul#gallery_controller li {
			float: left;
			margin-left: 10px;
			width: 12px;
			height: 12px;
		}
		
		ul#gallery_controller li a {
			display: block;
			overflow: hidden;
			float: left;
			width: 12px;
			height: 12px;
			text-indent: -999em;
			color: white;
			background: transparent url(../images/home/slideshow/indicator.png) no-repeat left top;
		}
		ul#gallery_controller li.active a { background-position: left -12px; }
		/* END: Controller */
		
		/* BEGIN: Social Networks Modal Window */
		body#modal_window {
			background-color: transparent;
			background-image: none !important;
		}
		div.social_window {
			width: 480px !important; 
			height: 360px !important;
			background-color: white !important;
			border: 0;
			padding: 0 25px 25px 25px;
		}
		
		div.social_window h2 {
			font-size: 240%;
			margin: 15px 0 0 0 !important;
			padding: 0;
		}

		ul#social_network_list {
			margin: 0 0 0 -6px;
			padding: 0;
			list-style: none;
		}
		ul#social_network_list li {
			float: left;
			margin: 12px 6px 0 6px;
		}
		ul#social_network_list li a {
			display: block;
			width: 150px;
			height: 117px;
			background-position: left top;
			text-indent: -999em;
			overflow: hidden;
		}
		ul#social_network_list li a:hover {
			background-position: left bottom;
		}
		li#social_facebook a {
			background-image: url('../images/home/social_networks/social_facebook.gif');
		}
		li#social_linkedin a {
			background-image: url('../images/home/social_networks/social_linkedin.gif');
		}
		li#social_twitter a {
			background-image: url('../images/home/social_networks/social_twitter.gif');
		}
		li#social_blogger a {
			background-image: url('../images/home/social_networks/social_blogger.gif');
		}
		li#social_flickr a {
			background-image: url('../images/home/social_networks/social_flickr.gif');
		}
		/* END: Social Networks Modal Window */
	
	/* END: Slideshow */

body#page_home div.box_full div.left {
	width: 500px;
	padding: 0 30px 50px 30px;
	background: transparent url(../images/body/vertical_line.gif) repeat-y right top;
}

body#page_home div.box_full div.right {
	width: 357px;
	padding: 0 30px 10px 30px;
}

div#body div.right h2 {
	margin: 39px 0 10px 0;
	font-size: 20px;
	color: #373737;
}

div#body div.right h3 {
	font-size: 18px;
	color: #919191;
}

/* BEGIN: blue box */
div#body div#bb_login {
	position: relative;
	height: 20px;
	width: 300px;
	padding: 12px 18px 12px 32px;
	margin-left: 0;
	margin-bottom: 10px;
}

div#body div#bb_login img {
	position: absolute;
	width: 12px;
	height: 14px;
	margin: 0;
	top: 14px;
	left: 14px;
}

div#body div#bb_login p {
	position: absolute;
	right: 16px;
	top: 10px;
	margin: 0;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	color: #4f8196;
}

div#body div#bb_login p a {
	color: #68bc1d;
}
/* END: blue box */

h2 { letter-spacing: -0.08em; }

body#page_home div.directory {
	height: 138px;
	background: transparent url(../images/home/directory_preview.gif) no-repeat right top;
}

body#page_home a.button#button_search-the-directory {
	width: 185px;
	height: 37px;
	background-image: url(../images/home/button_search-the-directory.gif);
}
body#page_home a.button#button_join-the-directory {
	width: 185px;
	height: 37px;
	background-image: url(../images/home/button_join-the-directory.gif);
}

	/* BEGIN: CTAs */
	ul#cta {
		padding-left: 0;
		margin-left: 0;
		list-style: none;
	}
	
	ul#cta li {
		float: left;
		width: 244px;
		height: 162px;
	}
	
	ul#cta li a {
		width: 244px;
		height: 162px;
	}
	
	ul#cta li#cta_find-after-school-programs a.button { background-image: url(../images/home/cta/find-after-school-programs.jpg); }
	ul#cta li#cta_find-assets-for-program-development a.button { background-image: url(../images/home/cta/find-resources-for-program-development.jpg); }
	ul#cta li#cta_increase-opportunities-in-your-neighborhood a.button { background-image: url(../images/home/cta/increase-opportunities-in-your-neighborhood.jpg); }
	ul#cta li#cta_find-programs-to-fund a.button { background-image: url(../images/home/cta/find-programs-to-fund.jpg); }
	/* END: CTAs */

/* END: Body */