/*  
Theme Name: Otion Creative Custom Theme
Theme URI: http://www.magriassociates.com
Description: Custom wordpress there created for Camp Koda.
Version: 1.0
Author: Otion Creative
Author URI: http://www.otioncreative.com
*/

body{
	margin:0;
	padding:0;
	background:url(img/body_repeater.jpg) top left repeat-x #1e4e2d;
	font-family: “Trebuchet MS”, sans-serif;
	color:#3a5b77;
}
.clear{
	clear:both;
	float: none;
	margin:15px;
}
img{
	outline:none;
	border:0;
}
img, div { behavior: url(img/iepngfix.htc) }
#container{
	width:950px;
	margin:0 auto;
}
#container .header{
	background:url(img/body_bg.gif) top left no-repeat;
	height:172px;
	width:100%;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #F5F5F5;
	overflow:hidden;
}
	#container .aaes{
		position:absolute;
		width:950px;
		top:0;
		text-align:right;
		font-size: 13px;
	}
		#container .aaes a{
			color:#46b74f;
			text-decoration:none;
		}
	#container .phone{
		position:absolute;
		width:940px;
		top:0;
		margin:40px 0px 0px 0px;
		text-align:right;
		font-size: 30px;
		color:#1760a7;
	}
	#container .header ul{
		margin:0;
		padding:0;
		text-transform:lowercase;
	}
	#container .header li{
		margin:0;
		padding:0;
		list-style:none;
		display:block;
		float:left;
	}
		#container .header .page_item, #container .header .page_active{
			margin:135px 0px 0px 0px;
			padding:0px 13px 13px 13px;
			
		}
		#container .header .page_active{
			background:url(img/nav_arrow) bottom center no-repeat;
		}
		#container .header .page_item a, #container .header .page_active a{
			color:#F5F5F5;
			text-decoration:none;
		}
	#container .header .logo{
		margin:-100px 0px 0px 0px;
		padding:0px 0px 100px 0px;
		
	}
	#container .header .logo a{
		padding:0px 130px 200px 0px;
	}
#container .content{
	background:url(img/page_rip.png) bottom center no-repeat #F5F5F5;
	width:920px;
	padding:8px 15px 60px 15px;
	overflow:auto;
}
	#container .content .left_col{
		width:659px;
		float:left;
	}
	#container .content .left_col .entry{
		padding-right:10px;
	}
	#container .content .left_col .entry h2{
		color:#0054a6;
		font-size:18px;
		margin:15px 0px 0px 0px; 
		padding:0;
	}
	#container .content .left_col .entry h3{
		color:#0054a6;
		font-size:18px;
		margin:0px 0px 0px 0px; 
		padding:0;
	}
	#container .content .left_col .entry p{
		color:#3a5b77;
		font-size:14px;
		line-height:20px;
		margin:5px 40px 10px 15px;
		padding:0;
		
	}
	#container .content .left_col .entry ul{
		
	}

/*-------------------------------*/
/*	     CONTACT PAGE            */
/*-------------------------------*/
	#contact_info1{
		margin:0;
		padding:0;
		width: 325px;
		display: block;
		float: left;
		color:#3a5b77;
	}
	#contact_info2{
		margin:0;
		padding:0;
		width: 325px;
		display: block;
		float: left;
		color:#3a5b77;
	}
	#contact_info1 .contact_address{
		display: block;		
		list-style: none;
		width: auto;
		margin: 0px 0px 15px 0px;
		padding:0px;
		}
	#contact_info2 .contact_2{
		list-style: none;
	}
	#contact_info2 .contact_phone{
		background:url(img/phone.gif) center left no-repeat;
		display: block;
		padding-left: 32px;
		line-height: 32px;
		margin: 0px 0px 15px 0px;
	}
	#contact_info2 .contact_email{
		display: block;
		background:url(img/email.gif) center left no-repeat;
		padding-left: 32px;
		line-height: 32px;
		margin: 0px 0px 15px 0px;
	}
	#contact_info2 a{
		color:#3a5b77;
		text-decoration: none;
	}
	#contact_form {
		margin:0;
		padding:15px;
		color:#3a5b77;
		clear: both;
		width: 600px;
		border-top: 1px solid #cecece;
	}
	#contact_form li{
		list-style: none;
		}
	#contact_form label{
		width: 60px;
		display: block;
		float: left;
		
	}
	#contact_form input{
		margin-bottom:15px;
		color:#3a5b77;
	}
	#contact_form textarea{
		margin-top:5px;
		resize:none;
		width:550px;
		height: 200px;
	}
	#contact_form .submit{
		margin-left: 500px;
	}
	
	
	
	
	#home_more{
		float:right;
		text-align: right
		margin-right:40px;
	}
	.alignnone{
		display: block;
		clear: both;
		padding: 2px;
		border: 1px solid #cecece;
		margin: 15px;
	}
	.alignright{
		float: right;
		margin: 0px 0px 15px 15px;
		padding: 2px;
		border: 1px solid #cecece;
	}
	.alignleft{
		float: left;
		display:block;
		margin: 0px 15px 15px 0px;
		padding: 2px;
		border: 1px solid #cecece;
	}
	.aligncenter{
		display: block;
		margin: 15px auto 15px auto;
		padding: 2px;
		border: 1px solid #cecece;
	}
	#container .content .right_col{
		width:261px;
		float:right;
	}
		#container .content .right_col h4{
			color:#0054a6;
			font-size:18px;
			margin:0;
			padding:10px;
		}
		#container h5.quotes{
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 42px;
			font-weight: bold;
			color:#0054a6;
			position: absolute;
			margin: 5px 0px 0px 10px;
		}
		#container .content .right_col ul{
			margin:0px 0px 0px 25px;
			padding:0;
		}
		#container .content .right_col li{
			list-style-image:url(img/arrow.gif);
			margin:5px 0px 5px 0px;
			line-height:28px;
			font-size:14px;
			font-weight:bold;
			color:#3a5b77;
		}
		#container .content .right_col p{
			margin:15px 10px 5px 10px;
			line-height:20px;
			font-size:14px;
			color:#3a5b77;
		}
		#container .content .right_col img{
			clear:right;
			float:right;
			padding:15px;
		}
		#container .block1{
			background:url(img/right_col_bg.gif) bottom left repeat-x #eff2f6;
			height: 240px;
			margin-bottom:15px;
			text-transform:capitalize;
		}
			#container .block1 a{
				color:#3a5b77;
				text-decoration:none;
			}
		#container .block2{
			background:url(img/right_col_bg.gif) bottom left repeat-x #eff2f6;
			padding-bottom:15px;
			overflow:auto;
		}
			#container .block2 p{
				padding: 3px 0px 0px 20px;
			}
			#container .block2 h2{
				color:#0054a6;
				font-size:13px;
				margin:10px 10px 0px 10px; 
				padding:0;
			}
	#container .content .intro_box{
		width:669px;
		background:url(img/kids_banner.jpg) top left no-repeat;
		overflow:hidden;
		height:237px;
		margin:0px 0px 0px 0px;
	}
	#container .content .intro_box h3{
		color:#ffff00;
		font-size:24px;
		margin:40px 0px 0px 330px;
	}
	#container .content .intro_box p{
		color:yellow;
		font-size:24px;
		letter-spacing: -1px;
		line-height: 30px;
		margin:40px 40px 0px 330px;
		font-weight:bold;
	}
	#container .content .intro_box img{
			margin:10px 40px 0px 520px;
	}
	#container .test_more{
		margin:0px 15px 0px 0px;
		text-align:right;
		font-weight:bold;
		font-size:14px;
	}
	#container .test_more a{
		color:#0054a6;
		text-decoration:none;
	}
		#pdflist{
			line-height:36px;
			font-size: 20px
		}
		#pdflist li{
			list-style:none;
			height: 36px;line-height:36px;
		}
		#pdflist a{
			background: url(img/pdf_icon.jpg) center left no-repeat;
			padding-left: 26px;
			text-decoration: none;
			color:#0054a6;line-height:36px;
		}
#container .footer{
	width:950px;
	color:#F5F5F5;
	font-size:10px;
	margin:-10px 0px 50px 10px;
	text-transform:lowercase;
}
	#container .footer ul{
		margin:0;
		padding:0;
	}
	#container .footer li{
		list-style: none;
		display:block;
		float:left;
	}
	#container .footer .copyright{
		width:265px;
	}
	#container .footer .bottom_nav{
		width:400px;
		text-align:center;
	}
	#container .footer .otion{
		width:265px;
		text-align:right;
	}
	#container .footer a{
		color:#f5f5f5;
		text-decoration:none;
	}