/*

Theme Name: JC Blue Project V1.0
Theme URI: jcblueproject.com
Description: Custom wordpress theme for Jared Cambell's Blue Project
Version: 1.0
Author: Myke Cave
Author URI: mykalcave.com

Table of Contents:

*/

/* Global Values
----------------------------------------------- */

* { margin: 0; padding: 0; } /* Global Whitespace Reset */ 

body { 
	background: #15202a url(images/body_bg.gif) repeat top left; 
	margin: 0 auto;
	font-family: tahoma, arial, verana, sans-serif;
	text-align: center;
	overflow: auto;
	}

p {font-size: 11px; color: #3F3F3F; line-height: 18px; margin-bottom: 15px;}	
a {color: #21669B; text-decoration: none;}
a:hover {color: #53A3DF; text-decoration: none;}
img, a img{ border: 0; margin: 0;}

input	{
	background:#fff;
	border: 1px solid #21669B;
	width: 235px;
	padding: 3px;
	margin: 0 0 15px;
	}
	
textarea{
	background:#fff;
	border: 1px solid #21669B;
	width: 350px;
	height: 125px;
	padding: 3px;
	margin: 0 0 15px;
	font-family: tahoma, arial, verana, sans-serif;
	font-size: 12px;
	}
	
	
/* General
----------------------------------------------- */

#global_wrapper {
	background: url() repeat-y top center;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 0 0;
	overflow: hidden;
	text-align: left;
	}
	
/* Header
----------------------------------------------- */
	
#header {
	background: url() no-repeat top center;
	width: 960px;
	margin: 0 auto;
	height:auto;
	overflow:hidden;
	}
	
#title_box {
	height: 96px;
	margin-bottom: 15px;
	overflow: hidden;
	}
	
/* Navigation
----------------------------------------------- */

#nav {
	background: #fff;
	height:39px;
	margin-bottom: 15px;
	border-bottom: 3px solid #21669b;
	overflow: hidden;
	}
	
ul#nav { background:url(images/nav_sprite.gif) }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:39px; display:block; position:realtive; top:0; text-indent:-9999px; outline:none }

li#navHome a, li#navNews a, li#navAbout a, li#navSongs a, li#navSchools a, li#navTestimonials a, li#navContact a, li#navLinks a{ background:url(images/nav_sprite.gif) }

li#navHome a 				{ background-position:0 0; width:67px; left:0 }
li#navHome a:hover		{ background-position:0 -39px }
body#pageHome li#navHome a 	{ background-position:0 -39px }

li#navNews a 				{ background-position:-67px 0; width:62px; left:67px }
li#navNews a:hover		{ background-position:-67px -39px }
body#pageNews li#navNews a 	{ background-position:-67px -39px }

li#navAbout a 				{ background-position:-129px 0; width:71px; left:129px }
li#navAbout a:hover		{ background-position:-129px -39px }
body#pageAbout li#navAbout a 	{ background-position:-129px -39px }

li#navSongs a 				{ background-position:-200px 0; width:143px; left:200px }
li#navSongs a:hover		{ background-position:-200px -39px }
body#pageSongs li#navSongs a 	{ background-position:-200px -39px }

li#navSchools a 				{ background-position:-343px 0; width:87px; left:343px }
li#navSchools a:hover		{ background-position:-343px -39px }
body#pageSchools li#navSchools a 	{ background-position:-343px -39px }

li#navTestimonials a 				{ background-position:-430px 0; width:122px; left:430px }
li#navTestimonials a:hover		{ background-position:-430px -39px }
body#pageTestimonials li#navTestimonials a 	{ background-position:-430px -39px }

li#navLinks a 				{ background-position:-552px 0; width:62px; left:552px }
li#navLinks a:hover		{ background-position:-552px -39px }
body#pageLinks li#navLinks a 	{ background-position:-552px -39px }

li#navContact a 				{ background-position:-860px 0; width:100px; margin-left:246px }
li#navContact a:hover		{ background-position:-860px -39px }
body#pageContact li#navContact a 	{ background-position:-860px -39px }

	
/* FrontPage
----------------------------------------------- */
	
#frontpage_container {
	background:url(images/frontpage_container_bg.jpg) no-repeat top left;
	height:  355px;
	margin-bottom: 15px;
	overflow: hidden;
	}

#frontpage_container .content  {
	float: left;
	width: 335px;
	padding: 130px 0 0 20px;
	overflow: hidden;
	}
	
#frontpage_container .video  {
	float: right;
	width: 574px;
	height:305px;
	overflow: hidden;
	}
	
.video {
	background:#fff;
	width: 930px;
	height: 523px;
	margin-bottom: 15px;
	padding:15px;
	overflow: hidden;
	}
	
/* News
----------------------------------------------- */

#news_container {
	background: #fff url(images/news_bg.gif) no-repeat top left;
	min-height: 200px;
	padding: 160px 25px 25px 25px;
	margin-bottom: 15px;
	overflow: hidden;
	}
	
	#news_container .meta {color: #555555; margin-bottom: 7px;}

#news_container .content {
	margin: 15px 0 15px 0px;
	padding: 15px 0 0 0;
	border-top: 1px dashed #AFAFAF;
	border-bottom: 2px solid #21669B;
	overflow: hidden;
	}
	
	#news_container .content p{font-size: 12px;}
	
/* About
----------------------------------------------- */

#about_container {
	background: #fff url(images/about_bg.gif) no-repeat top left;
	min-height: 200px;
	padding: 160px 25px 25px 25px;
	margin-bottom: 15px;
	overflow: hidden;
	}
	
	#about_container p{font-size: 12px; text-align: justify; overflow: hidden;}
	
#about_content {
	border-top: 1px dashed #AFAFAF;
	padding-top: 20px;
	overflow: hidden;
	}
	
/* Songs
----------------------------------------------- */

#download_songs {
	float: right;
	width: 400px;
	height: 110px;
	margin: 0 0 25px;
	}

#songs_container {
	background: #fff url(images/songs_bg.gif) no-repeat top left;
	min-height: 200px;
	padding: 25px 25px 25px 25px;
	margin-bottom: 15px;
	overflow: hidden;
	clear:both;
	}
	
	#songs_container .meta {font-size: 11px !important; color: #555555; margin-bottom: 15px;}

#songs_container .content {
	margin: 15px 0 15px 0px;
	padding: 15px 0 0 0;
	border-top: 1px dashed #AFAFAF;
	border-bottom: 2px solid #21669B;
	overflow: hidden;
	clear: both;
	}
	
	#songs_container .content p{font-size: 12px;}

/* Schools
----------------------------------------------- */

#schools_container {
	float: left;
	background: #fff url(images/schools_bg.gif) no-repeat top left;
	width: 960px;
	min-height: 200px;
	padding: 160px 25px 25px 25px;
	margin-bottom: 15px;
	overflow: hidden;
	}
	
	#schools_container p{font-size: 12px; text-align: justify;}
	
#schools_content {
	border-top: 1px dashed #AFAFAF;
	padding-top: 20px;
	overflow: hidden;
	}
	
.schools_left {
	float: left;
	width:500px;
	overflow: hidden;
	}

.schools_right {
	float: right;
	width:390px;
	overflow: hidden;
	padding-top: 0px;
	}
	
/* Testimonials
----------------------------------------------- */

#test_container {
	background: #fff url(images/testimonials_bg.gif) no-repeat top left;
	min-height: 200px;
	padding: 140px 25px 25px 25px;
	margin-bottom: 15px;
	overflow: hidden;
	}
	
	#test_container .meta {font-size: 11px !important; color: #555555; margin-bottom: 15px;}

#test_container .content {
	margin: 15px 0 15px 0px;
	padding: 15px 0 0 0;
	border-top: 1px dashed #AFAFAF;
	border-bottom: 2px solid #21669B;
	overflow: hidden;
	}
	
	#test_container .content p{font-size: 12px;}
	
/* Contact
----------------------------------------------- */

#contact_container {
	background: #fff url(images/contact_bg.gif) no-repeat top left;
	min-height: 200px;
	padding: 150px 25px 25px 25px;
	margin-bottom: 15px;
	overflow: hidden;
	}
	
	#contact_container .meta {font-size: 11px !important; color: #555555; margin-bottom: 15px;}

#contact_container .content {
	margin: 15px 0 15px 0px;
	padding: 15px 0 0 0;
	border-top: 1px dashed #AFAFAF;
	overflow: hidden;
	}
	
	#contact_container .content p{font-size: 12px; margin-bottom: 3px;}
	
#contact_form p{
	margin:0 0 3px;
	}
	
.contact_left {
	float: left;
	width:500px;
	overflow: hidden;
	}

.contact_right {
	float: right;
	width:390px;
	overflow: hidden;
	padding-top: 0px;
	}
	
/* Links
----------------------------------------------- */

#links_container {
	background: #fff url(images/links_bg.gif) no-repeat top left;
	min-height: 200px;
	padding: 140px 25px 25px 25px;
	margin-bottom: 15px;
	overflow: hidden;
	}
	
	#links_container .meta {font-size: 11px !important; color: #555555; margin-bottom: 15px;}

#links_container .content {
	margin: 15px 0 15px 0px;
	padding: 15px 0 0 0;
	border-top: 1px dashed #AFAFAF;
	border-bottom: 2px solid #21669B;
	overflow: hidden;
	}
	
	#links_container .content p{font-size: 12px;}

/* Footer
----------------------------------------------- */

#footer_links {
	height: 118px;
	margin-bottom: 15px;
	overflow: hidden;
	}

#footer {
	background: #fff;
	height:39px;
	padding: 15px 20px 17px;
	margin-bottom: 15px;
	border-bottom: 3px solid #21669b;
	overflow: hidden;
	}
	
	#footer p{color:#555555;}

/* headings
----------------------------------------------- */

h1{font-family: tahoma; font-size: 19px; text-transform: uppercase; margin-bottom: 7px;}

h2{font-family: tahoma; font-size: 14px; text-transform: uppercase; margin-bottom: 7px;}

h3{}