/*
Theme Name: KC Chalk and Walk
Description: Theme for KC Chalk and Walk
Author: Propaganda3
Version: 1

*/

/******************************************************************************************************************/
/******** RESET STYLESHEET IS A MODIFIED VERSION OF ERIC MEYER'S 'RESET RELOADED STYLESHEET ***********************/
/******************************************************************************************************************/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0; outline:0;font-weight: normal;font-style:inherit;text-align:left;color:#00131d;}

:focus {outline: 0;}

input, textarea {font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;}

ul, ol {list-style:none;}
caption {text-align:left;font-weight:normal;}
em {font-style:italic;}
strong {font-weight:bold;}
sup {font-size:0.7em;vertical-align:top;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes:"" "";}

/* remove borders from linked images */
a img {border:none;}

/* tables still need cellspacing to match in the markup */
table {border-collapse:separate;border-spacing:1px;}
th, td {text-align:left;font-weight:normal;vertical-align:top;}


/******************************************************************************************************************/
/**************************************** * GLOBAL PREDICTABLE ELEMENTS * *****************************************/
/******************************************************************************************************************/

body {font-family:Lucida Sans, Tahoma, Arial, Helvetica, sans-serif;font-size:13px;line-height:17px;} 

/* default header styles */
h1, h2, h3, h4 {color: #000;}
h1 {height:40px;margin-top:25px;}
	h1 span {display:none;}
h2, a.h2 {margin-top:15px;font-size: 1.4em;line-height:1em;}
h2.red {font-weight:bold;color:#c7020f;text-transform:uppercase;}
h3 {}
h4 {}	

/* default link styles */
a, a:visited, a:focus {color:#095366;text-decoration:none;}
a:hover {color:#c00;text-decoration:underline;}

a.readMore {display:inline-block;width:93px;height:25px;background: url(images/btn_readMoreArrow.png) right top no-repeat;border:0 !important;}
a.readMore:hover {background: url(images/btn_readMoreArrow.png) right -41px no-repeat;}

a.externalLink {padding-right:15px;background: url(images/icon_externalLink.png) right 3px no-repeat;border:0 !important;}
a.pdf {display:inline-block;margin-bottom:20px;padding:4px 0 4px 27px;background: url(images/icon_pdf.gif) 0 0 no-repeat;border:0 !important;}

/* default text styles */
p {margin:0 0 8px 0;}
p.indent {margin-left:40px;}
.topMargin {float:left;display:inline;width:100%;margin-top:20px;text-align:right;}
.note {font-size: .9em;color:#666;}
p.quote, p.sig {color:#005643;}
p.sig {font-style:oblique;}

/* bulleted lists */
ul.bullets {/*float:left;display:inline;*/margin:10px 0 10px 0;}
	ul.bullets li {margin-left:20px;padding-left:20px;background: url(images/bg_bullet.gif) 0 5px no-repeat;}
	
.leftBullets, .rightBullets {float:left;width:240px;}
	.leftBullets {width:250px;margin-right:20px;}

	
/* default image styles */
img.leftThumb, img.rightThumb {float:left;display:inline;margin:10px 10px 20px 0;}
img.icon {vertical-align:middle;}



/******************************************************************************************************************/
/****************************************GLOBAL LAYOUT ELEMENTS ***************************************************/
/******************************************************************************************************************/

/* header graphic, link*/
#headerWrapper {float:left;width:100%;background: url(images/bg_headerWrapper.jpg) left top repeat-x;}	 
		
	.header {width:980px;height:202px;margin:0 auto;position:relative;z-index:1000;}
		 .logo {display:block;width:273px;height:168px;position:absolute;top:0;left:0;background: url(images/logo.png) left 10px no-repeat;}
		 .logo:hover {background: url(images/logo.png) left -230px no-repeat;}
		 
		 .artsForKids {display:block;width:161px;height:170px;position:absolute;left:auto;right:0;top:100px;background: url(images/topNavBtn_artsEducation.png) left 0 no-repeat;z-index:1000;}
		 .artsForKids:hover {background: url(images/topNavBtn_artsEducation.png) left -165px no-repeat;}
	
	/* main navigation row */
	#menu {float:left;width:645px;height:88px;position:absolute;top:10px;left:300px;z-index:300;}	
		
		/* the main navigation */ 
		#menu li {float:left;display:block;position:relative;top:0;}		
			#menu li a {display:block;border:0;}
			
			#menu li.aboutTheFestival a {width:130px;height:88px;background: url(images/topNavBtn_aboutTheFestival.png) left 0 no-repeat;}
			#menu li.aboutTheFestival a:hover, #menu li.aboutTheFestival a.current {background: url(images/topNavBtn_aboutTheFestival.png) left -88px no-repeat;}
			
			#menu li.callForArtists a {width:118px;height:88px;background: url(images/topNavBtn_callForArtists.png) left 0 no-repeat;}
			#menu li.callForArtists a:hover, #menu li.callForArtists a.current {background: url(images/topNavBtn_callForArtists.png) left -88px no-repeat;}
			
			#menu li.becomeAVolunteer a {width:161px;height:88px;background: url(images/topNavBtn_becomeAVolunteer.png) left 0 no-repeat;}
			#menu li.becomeAVolunteer a:hover, #menu li.becomeAVolunteer a.current {background: url(images/topNavBtn_becomeAVolunteer.png) left -88px no-repeat;}
			
			#menu li.becomeASponsor a {width:135px;height:88px;background: url(images/topNavBtn_becomeASponsor.png) left 0 no-repeat;}
			#menu li.becomeASponsor a:hover, #menu li.becomeASponsor a.current {background: url(images/topNavBtn_becomeASponsor.png) left -88px no-repeat;}
			
			#menu li.newsAndMedia a {width:101px;height:88px;background: url(images/topNavBtn_newsAndMedia.png) left 0 no-repeat;}
			#menu li.newsAndMedia a:hover, #menu li.newsAndMedia a.current {background: url(images/topNavBtn_newsAndMedia.png) left -88px no-repeat;}			
		
		.tagline {float:left;width:980px;height:15px;margin: 0 auto;position:absolute;top:180px;background: url(images/tagline.png) 70px 0 no-repeat;}		

/* content area and footer divs */	
#changingContentWrapper {float:left;width:100%;background: url(images/bg_hands.jpg) left top repeat-x;position:relative;top:0;z-index:0;}
/* home page adds class 'home' for different background image */
.home {background: url(images/bg_homeHands.jpg) left top repeat-x !important;}	
	.changingContent {margin:0 auto;width:980px;position:relative;top:30px;clear:left;z-index:0;overflow: auto;
    padding-bottom: 40px;}		
	
						
			.leftCol {float:left;width:515px;margin-right:30px;}
				.videoWrapper {float:left;background:#000;margin:10px 0 30px;padding:20px; position:relative; z-index:1000001;}
					.videoWrapper .video {float:left;width:485;height:292px;border:1px solid #fff;}
			.rightCol {float:left;width:431px;position:relative;}
				/* image */
				.rightColImage {float:left;width:431px;position:relative;}
					.rightColImageTop {float:left;width:431px;height:212px;position:absolute;top:0;left:0;background: url(images/bg_rightColImageTop.png) left top no-repeat;}
					.rightColImageMiddle {float:left;width:431px;padding:40px 0;background: url(images/bg_rightColImageMiddle.png) left top repeat-y;}
						.rightColImageMiddle img, .rightColImageMiddle div {position:relative;top:0px;left:32px;z-index:100;border:1px solid #fff;}			
					.rightColImagebottom {float:left;width:431px;height:13px;background: url(images/bg_rightColImageBottom.png) left top no-repeat;}	
				/* copy */
				.rightColCopy {float:left;width:350px;margin:20px 0 10px 20px;padding-left:20px;}				
		

/* footer */
#footerWrapper {float:left;width:100%;padding:60px 0;overflow:hidden !important;background: url(images/bg_footer.png) center top repeat-x;z-index:1000;}	
	.footer {width:980px;margin:0 auto;}
		
		/* left box o' nav in footer */
		.footerNav {float:left;display:inline;width:232px;margin-right:20px;}
			.footerNavTop {float:left;display:inline;width:232px;height:3px;background: url(images/bg_footerNavTop.png) left top no-repeat;}
			.footerNavMiddle {float:left;display:inline;width:212px;padding: 10px 20px;background: url(images/bg_footerNavMiddle.png) left top repeat-y;}
				.footerNavMiddle li {margin-bottom:2px;}
					.footerNavMiddle li a {font-size:.8em;text-decoration:none;text-transform:uppercase;}
					.footerNavMiddle li a:hover {text-decoration:underline;}
			.footerNavBottom {float:left;display:inline;width:232px;height:20px;background: url(images/bg_footerNavBottom.png) left top no-repeat;}
	
		/* facebook, youtube, etc. */
		.footerExternalLinks {float:left;display:inline;width:110px;}
			.footerExternalLinks a {display:block;width:110px;height:50px;margin-bottom:10px;}
			.footerExternalLinks a.facebook {background: url(images/logo_facebook.png) left top no-repeat;}
			.footerExternalLinks a.youtube {background: url(images/logo_youTube.png) left top no-repeat;}	
			
		/* rotating quote in footer */	
		.dynamicQuote {float:left;display:inline;width:580px;padding-left: 25px;}	
			.dynamicQuote p.quote {font-size:1.1em;color:#666;} 
			.dynamicQuote p.sig {color:#666;}

/******************************************************************************************************************/
/*************************** CHANGING CONTENT SECTIONS / PER PAGE SECTIONS ****************************************/
/******************************************************************************************************************/

/* home ****************************************************************************************************************************/

/* row separator */
.row {float:left;width:100%;clear:left;}			
	 
	 /* left column */
	 .leftColHome {float:left;width:325px;}	
		 .leftColHome ul.splitCol {height:160px;background: url() right bottom no-repeat;}
			  ul.splitCol li {float:left;diplay:inline;position:relative;width:170px;margin-bottom:10px;}
			  ul.splitCol li:first-child {width:150px;margin-right:5px;}
	  
	  /* right column */		
	 .rightColHome {float:left;width:625px;margin-left:30px;} 	 

	/**  CAROUSEL **/	
	/** carousel structure **/	
	.coda-slider-wrapper {float:left;width:618px;height:450px;position:relative;overflow:hidden;background: url(images/bg_homeSlider.png) left top no-repeat;}
	
		/** keep the carousel content contained in a box even when js is disabled **/
		.coda-slider-no-js .coda-slider {height:400px;overflow: auto !important;}
		
		/** generic necessary values */
		.coda-slider {position:absolute;top:50px;left:4px;overflow:hidden;}
			.coda-slider .panel {float:left;display: block;}
			.coda-slider .panel-container {position: relative;}
		
		/** width of the carousel (without dynamic arrows) **/
		.coda-slider, .coda-slider .panel {width:605px;height:260px!important;overflow:hidden!important;} 	
		
		/** margin and width of the slider (with dynamic arrows) **/
		.arrows .coda-slider, .arrows .coda-slider .panel {width:605px;}
		
			/** arrow styling **/
			.coda-nav-left a, .coda-nav-right a {display:block;position:absolute;width:45px;height:45px;top:120px;z-index:200;}
			.coda-nav-left a {left:20px;background: url(images/btn_sliderArrows.png) top left no-repeat;}	
			.coda-nav-left a:hover {background: url(images/btn_sliderArrows.png) bottom left no-repeat;}			
			.coda-nav-right a {left:550px;background: url(images/btn_sliderArrows.png) top right no-repeat;}	
			.coda-nav-right a:hover {background: url(images/btn_sliderArrows.png) bottom right no-repeat;}		
			
		/**  nav  **/
		.coda-slider-wrapper .coda-nav ul {display: block;width:216px !important;height:26px;position:absolute;left:29%;top:373px;background:#ecece8;border:1px solid #fff;padding:4px 8px;}
			.coda-slider-wrapper .coda-nav ul li {float:left;display: inline;width:24px;margin-right:3px;}
				.coda-slider-wrapper .coda-nav ul li a {display: block;width:22px;height:20px;background: #fff;text-align:center;color:#666;font-size:10px;font-weight:bold;text-decoration:none;border:2px solid #fff;border-top-color:#ccc;border-left-color:#ccc;padding-top:2px;}
				.coda-slider-wrapper .coda-nav ul li a:hover, .coda-nav ul li a.current {background:#005643;color:#fff;font-size:13px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
		
	/** carousel content **/		
	.coda-slider .panel img {border:1px solid #fff;margin: 0 0 0 121px;}
	
	/** preloader **/
	.coda-slider p.loading {text-align:center;padding-top:60px;color:#fff;}	
	
/* call for artists ****************************************************************************************************************************/
	.testimonial, .newsPost, #content .post, .rightColCopy .post{float:left;display:inline;margin:5px 0;padding:20px 10px 10px;background: #fff url(images/bg_paper.png) repeat;border:2px solid #fff;border-right:2px solid #d8d7d2;border-bottom:2px solid #d8d7d2;}
		#content .post{width:95%; padding-top:0px; float:left;}
div.blog{min-height:600px;}
h2{position:relative; z-index:1000000;}
#commentform label{float:left; width:60px; text-align:right; padding:0 5px 0 0;}
.required{color:#C00}
#respond{margin:30px 0 45px 0; float:left; }
#respond #submit{margin-left:65px;}
.nav-next{width:50%; float:right; text-align:right;}
.nav-previous{width:50%; float:left;}
#comments{clear:left; float:left; width:100%;}