/* --------------------------------------------------------------------------------
-																				-
-				Title: 			Act for Kids									-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			July 2, 2009									-
-																				-
---------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
		YUI RESET CSS
---------------------------------------------------------------------------------- */
	
	@import url('reset.css');


/* --------------------------------------------------------------------------------
		MAIN BODY OF WEBSITE
---------------------------------------------------------------------------------- */


	a:active, a:focus {
	   outline: none;
	}


	::-moz-selection{
		background: #a6a6a6;
		color: #FFFFFF;
	} 
	
	::selection {
		background: #a6a6a6;
		color: #FFFFFF;
	} 


/* --------------------------------------------------------------------------------
		MAIN BODY OF WEBSITE
---------------------------------------------------------------------------------- */


	body {
		margin:										0; 
		padding:									0; 
		background: 								#242424 url(../images/inner_bg.jpg) repeat-y top center;
		font-size: 									11px; 
		font-family:								Tahoma, Arial, Helvetica, sans-serif;
		letter-spacing:								0; 
		font-weight: 								normal; 
	}


	body#front {
		margin:										0; 
		padding:									0; 
		background: 								#242424 url(../images/front_bg.jpg) repeat-y top center;
		font-size: 									11px; 
		font-family:								Tahoma, Arial, Helvetica, sans-serif;
		letter-spacing:								0; 
		font-weight: 								normal; 
	}



/* --------------------------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
---------------------------------------------------------------------------------- */

	#wrapper {
		margin-left: 								auto; 
		margin-right: 								auto; 
		padding: 									0;
		width: 										960px; 
		text-align: 								left; 
		background: 								transparent url(../images/header_bg.jpg) no-repeat top left;	
		position:relative;
	}


	

/* --------------------------------------------------------------------------------
		LEFT SIDE GLOBAL CONTAINER
---------------------------------------------------------------------------------- */

	#left-global-container {
		float:										left;	
		clear:										none;
		margin: 									0; 
		padding:									0; 
		width: 										237px;	
	}


	#global-head {
		float:										left;		
		clear:										both;	
		margin: 									0; 
		padding:									0; 
		width: 										237px;
		height: 									142px;		
	}


	#global-nav {
		float:										left;		
		clear:										both;	
		margin: 									0; 
		padding:									0; 
		width: 										237px;
	}

	#global-nav ul {
		font-size: 									12px;
		font-weight: 								normal;
		list-style:									none; 
		margin: 									28px 10px 0 35px; 
		padding:									0; 
		}

	#global-nav li {
		padding: 									0 0 0 17px;
		border-bottom: 								1px solid #28292c;
		text-transform:								capitalize;		
		line-height:								29px;		
		}

	#global-nav li.last {
		border-bottom: 								none;
		}

	#global-nav li a {
		font-weight:								normal;	
		color: 										#a6a6a6; 
		text-decoration: 							none;
		}		
	
	#global-nav li a:hover {
		color:										#FFFFFF; 
		text-decoration: 							none;
		}	


			#global-nav li ul {
				font-size: 									11px;
				font-weight: 								normal;
				list-style:									none; 
				margin: 									0 0 10px 0; 
				padding:									0; 	
				}
		
			#global-nav li ul li {
				padding: 									0 0 0 8px;
				border-bottom: 								none;
				text-transform:								none;		
				line-height:								15px;
				background:transparent url(../images/arrow.gif) no-repeat scroll 0 5px;		
				}

			#global-nav li ul li a {
				font-weight:								normal!important;	
				color: 										#a6a6a6!important; 
				text-decoration: 							underline!important;
				}		
			
			#global-nav li ul li a:hover {
				color:										#FFFFFF!important; 
				text-decoration: 							underline!important;
				}	


	#global-nav  li.nav-on a {
		font-weight:								bold;	
		color: 										#FFFFFF; 
		text-decoration: 							none;
		}		
	
	#global-nav  li.nav-on a:hover {
		color:										#FFFFFF; 
		text-decoration: 							none;
		}	

	html>body #global-nav  li a {
		width: 										auto;
		}






/* --------------------------------------------------------------------------------
		SUBSCRIBE TEXT LEFT SIDE
---------------------------------------------------------------------------------- */

	#subscribe-text {
		float:										left;		
		clear:										both;	
		margin: 									60px 0 0 0; 
		padding:									0; 
		width: 										237px;
	}


	#subscribe-text p {
		color:										#8b8b8b;
		font-size: 									11px;
		line-height:								14px;
		font-weight: 								normal;
		margin: 									0 0 0 48px; 
		padding:									0; 
	}


	#subscribe-text span {
		color:										#ff1958;
		font-size: 									12px;
		font-weight: 								bold;
	}


	#subscribe-text a {
		background:transparent url(../images/arrow.gif) no-repeat scroll 0 5px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:normal;
		padding:0 0 0 8px;
		text-decoration:underline;
			}
				
	#subscribe-text a:hover {
		color:#ff1958;
			}



/* --------------------------------------------------------------------------------
		RIGHT SIDE GLOBAL CONTAINER
---------------------------------------------------------------------------------- */

	#right-global-container {
		float:										left;	
		clear:										none;		
		margin: 									0; 
		padding:									0; 
		width: 										723px;
	}


	#front-donate {
		float:										left;		
		clear:										both;	
		margin: 									0; 
		padding:									0; 
		width: 										723px;
		height:										430px;
	}


	#front-buttons {
		float:										left;		
		clear:										both;
		position:									relative;	
		margin: 									0; 
		padding:									0 0 100px 0; 
		width: 										723px;
	}


	#front-buttons .intro-text {
		position:									absolute;	
		top: 										0; 
		right:										0; 
	}


/* --------------------------------------------------------------------------------
		FRONT OPTIONS - PROMOTIONS/EVENTS
---------------------------------------------------------------------------------- */

	#promo-buttons-container {
		float:										left;	
		clear:										none;
		display:									inline;		
		margin: 									0 0 0 19px; 
		padding:									0; 
		width: 										450px;
	}



	.promo-item {
		float:										left;	
		clear:										none;
		display:									inline;									
		margin: 									0; 
		padding:									0; 
		width: 										225px;
	}


	.promo-item-pic {
		width: 										215px;
		height:										120px;
		overflow:									hidden;
		position:									relative;
	}


	.promo-item-pic img {
		width: 										215px;
		position:									absolute;
		top:										-20px;
		left:										0px;
	}

	.promo-item p {
		color:										#8b8b8b;
		font-size: 									11px;
		line-height:								14px;
		font-weight: 								normal;
		margin: 									10px 10px 0 0; 
		padding:									0; 
	}


	.promo-item a.more {
		background:transparent url(../images/arrow.gif) no-repeat scroll 0 5px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:normal;
		padding:0 0 0 8px;
		text-decoration:underline;
	}
				
	.promo-item a.more:hover {
		color:#ff1958;
	}


/* --------------------------------------------------------------------------------
		SUBSCRIBE TEXT LEFT SIDE
---------------------------------------------------------------------------------- */

	#top-links {
		float:										left;		
		clear:										both;	
		margin: 									0 25px 0 0; 
		padding:									0; 
		width:										698px;
		height: 									39px;
		line-height:								39px;
		text-align:									right;
		background:transparent url(../images/sep_top.gif) no-repeat scroll 602px 0;
	}

	#top-links a {
		color:#8b8b8b;
		font-size:11px;
		font-weight:normal;
		padding:0 13px 0 13px;
		text-decoration:none;
	}
				
	#top-links a:hover {
		color:#ff1958;
	}

	#top-links a.subscribe {
		color:#a6a6a6;
		font-size:11px;
		font-weight:normal;
		padding:0 13px 0 13px;
		text-decoration:none;
	}

	#top-links a.subscribe:hover {
		color:#ff1958;
	}


/* --------------------------------------------------------------------------------
		MAIN HOME FLASH
---------------------------------------------------------------------------------- */

	#frontSplash {
		float: 										left; 
		display:									inline; 
		margin: 									11px 17px 0 18px; 
		padding:									0; 
		width: 										600px; 
		height: 									410px;
	}


/* --------------------------------------------------------------------------------
		GLOBAL CONTAINER STYLES
---------------------------------------------------------------------------------- */

		#globalContainer {
			width:723px; float:left; display: inline;
			margin: 0; padding: 0 0 30px 0;
		}


		#globalContainer img.header-img {
			float:right; clear:both;
		}

		#globalContainer div.column {
			float: left; display:inline; width: 270px; 
			padding: 0; margin:20px 0 0 68px;
		}


		#globalContainer div.column-alt {
			float: left; display:inline; width: 280px; 
			padding: 0; margin:20px 0 0 30px;
		}


		#globalContainer div.column-wide {
			float: left; display:inline; width: 580px; 
			padding: 0; margin:20px 0 0 68px;
		}

		#globalContainer div.column-wider {
			float: left; display:inline; width: 460px; 
			padding: 0; margin:20px 0 0 68px;
		}


		#globalContainer .img-floater {
			float: right; display: inline; padding: 2px; margin:10px 0 10px 10px;
			border: 1px solid #c3c3c3;
		}

		#globalContainer p {
			color: #8e8e8e; line-height: 16px; text-align: left;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; padding: 5px 0 5px 0; margin:0;
		}


		#globalContainer span {
			color: #e0144c; font-weight: normal;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 12px; padding: 0; margin:0;
		}


		#globalContainer strong {
			font-size: 12px; font-weight:bold;
		}

		#globalContainer em {
			font-size: 12px; font-weight:normal; font-style:italic;
		}

		#globalContainer ul {	
			line-height: 16px;	list-style:none;
			margin: 0; padding: 8px 0 8px 0; text-align:left;
		}
	
		#globalContainer li {
			font-weight:normal;	font-size: 12px; color: #8e8e8e; text-decoration: none;
			margin:0; padding: 0 0 0 10px;
			background:transparent url(../images/arrow.gif) no-repeat scroll 0 5px;
		}
			

		#globalContainer a {
			text-decoration: underline; font-size: 12px; font-weight: normal; color: #8e8e8e;
			padding: 0; margin: 0; 
		}
	
		#globalContainer a:hover {
			text-decoration: underline; font-size: 12px; font-weight: normal; color: #e0144c;
			padding: 0; margin: 0;
		}		


		#globalContainer a.readmore {
				background:transparent url(../images/arrow.gif) no-repeat scroll 0 5px;
				color:#4a4a4a;
				font-size:12px;
				font-weight:bold;
				padding:0 0 0 8px;
				text-decoration:underline;
		}
					
		#globalContainer a.readmore:hover {
				background:transparent url(../images/arrow.gif) no-repeat scroll 0 5px;
				color:#e0144c;
				font-size:12px;
				font-weight:bold;
				padding:0 0 0 8px;
				text-decoration:underline;
		}


/* ------------------------------------------------------------
		NEWS & EVENTS NEWSTORY LAYOUT
------------------------------------------------------------ */

		#newstory {
				width: 580px; margin: 0 0 0 68px; padding: 10px 0 10px 20px; 
				float: left; display: inline;
		}


		.news-alt {
				background-color: #fafafa; 
		}
		
		#newsText {
				width: 360px; float: left; clear: none;  display:inline;
				margin: 0; padding: 0; 
		}


		img.newsimg {
				padding: 2px; margin: 0 0 10px 10px; width: 180px; 
				float:left; clear:none; border: 1px solid #c3c3c3;
		}




/* ------------------------------------------------------------
		DOWNLOADS SECTION
------------------------------------------------------------ */

		#myDownloads {
				width: 620px; margin: 0 0 0 68px; padding: 0; 
				float:left; display:inline;	clear:both;
		}


		
		#newsletter-container {
				width: 180px; height: 254px; margin: 40px 20px 0 0; padding: 0; 
				position: relative; float:left; display:inline; border: 1px solid #c3c3c3;	
		}			

		
		#newsletter-container img {
				width: 180px; height: 254px; 
		}
	

		#newsletter-container .download {
				position: absolute; bottom: -22px; left: 0px; width: 190px; height: 40px;
		}
		

/* --------------------------------------------------------------------------------
		CASE STUDIES THUMBNAILS
---------------------------------------------------------------------------------- */

	#caseProfile{
		padding:									20px 0 20px 68px!important; 
		list-style-type:							none;
	}
	
	
	#caseProfile h3 {
		border-bottom:								none;
		margin: 									0 0 0 20px;
		float: 										left;
		display:									inline;
		width:										150px;
	}
	
	
	#caseProfile li{
		border-top:									1px solid #e6e6e6;
		padding: 									10px 0;
		width: 										600px;
		background:									none;
		clear:										both;
	}
	
		
	#caseProfile li div.img {
		float: 										left; 
		width: 										260px;	
	}
	
	#caseProfile li img{
		float: 										left; 								
		border: 									none;	
		width:										90px;	
	}

	#caseProfile #case-img-container {
		float: 										left; 								
		height: 									70px;	
		width:										90px;	
		overflow:									hidden;
		position:									relative;
		padding:									0 0 15px 0;
	}

	#caseProfile #case-img-container img {
		position:									absolute;
	}

	
	#caseProfile li div.text{
		margin: 									0;
		width:										310px;
		float: 										left; 
		padding:									0 0 3px 0;			
	}
	
	#caseProfile li p {
		margin: 									0 20px 5px 0; 
		padding:									0;
	}



	#caseProfile #sponsor-img-container {
		float: 										left; 	
		width:										260px;
		padding:									0 0 15px 0;
	}

	#caseProfile #sponsor-img-container img {
		width:										230px;	
	}



/* --------------------------------------------------------------------------------
		GENERAL NON-FIELDSET INPUTS
---------------------------------------------------------------------------------- */


	#globalContainer input.standard {		
		background-color:#f5f5f5;
		border-top:none;
		border-left: none;
		border-right:1px solid #d3d3d3;
		border-bottom:1px solid #d3d3d3;		
		color:#555555;
		font-size:12px;
		letter-spacing:	0;
		font-family:Tahoma, Arial, Helvetica, sans-serif;	
		padding: 3px;
	}


/* --------------------------------------------------------------------------------
		FOOTER & COPYRIGHT
---------------------------------------------------------------------------------- */



	#footer-container {
		height: 40px;
		min-height: 40px;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		display:block;
	}


	#footer {
		margin-left: 								auto; 
		margin-right: 								auto; 
		width: 										940px; 
		height: 									40px;
		color: 										#363636;	
		font-size: 									11px; 
		line-height: 								40px; 
		font-weight: 								normal;
		text-align:									left;
		clear:										both;
		display:									block;
	}


	#footer #copy-text { float: left; margin: 0;}	

	#footer #wb-btn a {
		display: block;
		height: 18px;
		text-indent: -9999px;
	}
	
	#footer #wb-btn li { list-style: none; float: left; margin: 10px 8px 0 25px;}
	
	#footer #wb-btn li.wb a { background: url(../images/wb.gif) no-repeat 0 0; width: 27px; }
	#footer #wb-btn li.wb a:hover { background: url(../images/wb.gif) no-repeat 0 -18px; text-decoration:none; }

	#footer a {
			font-weight:normal;	font-size: 11px; color: #363636; text-decoration: none;
			}
				
	#footer a:hover {
			font-weight:normal;	margin:0px; color:#363636; text-decoration: underline;
			}
			
			
.wbLink {
	width:246px;
	height:30px;
	position:absolute;
	bottom:-60px;
	left:10px;
	/*background:red;
	float:left;
	margin:100px 0 0 0;*/
}

	.wbLink p {
		text-align:center;
		color:#242424;
	}

		.wbLink p a {
			color:#242424;
			text-decoration:underline;
		}	

			.wbLink p a:hover {
				text-decoration:none;
			}