/* COLORS

	ORANGE : #c44a14

*/


/* GENERAL ******************************************************************************************** */

	body { background: #000; margin: 0; padding: 0; font-family: Arial; font-size: 12px; overflow-x: hidden;}

	#shell { width: 100%;}

	.container { width: 945px; margin: 0 auto; position: relative; }
	
	a {}
	a:hover { outline: none;}
	a.callout { background: #000;  padding: 4px 4px 8px 60px; text-align: right; color: #4952fd; }
	#contentShell a.callout:hover { background: #c44a14; color: #fff; }
	
	.contentLeft { float: left; margin: 0 23px 15px 0;}
	.contentRight { float: right; margin: 0 0 15px 15px;}

	/* WHITE AREA ******************************************************************************************** */

		#whiteContainer { border-top: 5px solid #000; background-color: #fff; padding: 0 0 50px 0; min-height: 482px; min-width: 945px; overflow: hidden;}
		#home #whiteContainer { background: #fff top center no-repeat /*url(http://charlesjosephonline.com/wp-content/uploads/2012/08/home1.jpg) top center no-repeat*/; overflow: visible; padding-bottom: 120px;  }
		#about #whiteContainer { background: #fff url(http://charlesjosephonline.com/wp-content/uploads/2012/10/hAbout.jpg) top center no-repeat;}
		#book #whiteContainer { background: #fff url(http://charlesjosephonline.com/wp-content/uploads/2012/10/hBook.jpg) top center no-repeat;}
		#speaking #whiteContainer { background: #fff url(http://charlesjosephonline.com/wp-content/uploads/2012/10/hSpeaking.jpg) top center no-repeat;}
		#contact #whiteContainer { background: #fff url(http://charlesjosephonline.com/wp-content/uploads/2012/08/hContact.jpg) top center no-repeat;}
		#media #whiteContainer { background: #fff url(http://charlesjosephonline.com/wp-content/uploads/2012/08/hMedia.jpg) top center no-repeat;}
		
			#titlebar { background: #000; height: 41px; border-bottom: 5px solid #c44a14;  width: 2000px; left: 300px;  position: absolute;}
			#titlebarShell { width: 618px; padding-right: 50px;}
			
				#socialShell {  }
					
					#newsletterSignUp { height: 19px; padding: 11px; float:left; background: #c44a14;}
					#newsletterSignUp input { padding: 4px 6px; width: 149px; border: none; margin: 0 4px 0 0; color: #878787; font-size: 11px;}
					#newsletterSignUp input.btn { width: 50px; border: none; background: #ac4010; text-align: center; color: #fff; margin: 0; }
					#newsletterSignUp input.btn:hover { background: #000; cursor: pointer; }
					
					#socialLinks { padding: 10px 14px; float: left; min-width: 250px;}
					
						#socialLinks span.title { color: #fff; text-transform: uppercase; font-size: 15px; float: left; margin: 4px 15px 0 0;}
						span.facebook, span.twitter, span.google { margin: 0 8px 0 0; display: block; height: 20px; width: 20px; float: left;}
						span.facebook a, span.twitter a, span.google a { display: block;  background: #c44a14; height: 20px; width: 20px; }
							span.facebook a { background: #c44a14 url(http://charlesjosephonline.com/wp-content/uploads/2012/08/iconFacebook.png) center no-repeat;}
							
							span.google a { background: #c44a14 url(http://charlesjosephonline.com/wp-content/uploads/2012/08/iconGoogle.png) center no-repeat;}
						span.facebook a:hover, span.twitter a:hover, span.google a:hover { background-color: #343434; }
						
						span.google { margin-right: 15px;}
						span.fbLike { float: left;}
						
						span a {}
						span a:hover {}
		
		/* RIBBON ******************************************************************************************** */
		
			#ribbonShell { padding: 26px 0 0 0; width: 127px; height: 480px; background: url(images/bgRibbon.png); float: left;  }
			
				#logo { margin: 0 auto; width: 96px; height: 114px;}
				#logo a {  width: 96px; height: 114px; display: block; background: url(images/logo.png) top;}
				#logo a:hover { background-position: bottom;}
				
				#nav {}
				#nav ul { margin: 40px 0 0 10px; width: 101px; padding: 1px 0 0 0; background: url(http://charlesjosephonline.com/wp-content/uploads/2012/08/divNav.png) top no-repeat;}
				#nav ul li { height: 33px; list-style: none;  text-align: center; background: url(http://charlesjosephonline.com/wp-content/uploads/2012/08/divNav.png) bottom no-repeat;}
				#nav ul li a { height: 23px; padding: 9px 0 0 0; display: block; color: #fff; text-decoration: none; font-size: 14px;}
				#nav ul li a:hover,
				#about #nav ul li.about a,
				#book #nav ul li.book a,
				#contact #nav ul li.contact a,
				#media #nav ul li.media a,
				#projects #nav ul li.projects a,
				#speaking #nav ul li.speaking a
				 { background: #c44a14; outline: none;}
				 
		/* FORMS ******************************************************************************************** */
			
			form.wufoo { background: #fff; font-family: Arial; }	 
			form.wufoo #header { display: none; }
			.wufoo input.text, .wufoo textarea.textarea, .wufoo input.file, .wufoo select.select { border: 1px solid #ccc !important;}
			form.wufoo .fn, form.wufoo .ln { width: 150px;}
			form.wufoo h3 { font-size: 20px !important;  color: #000 !important; text-transform: uppercase;}
			#saveForm { border: none !important; background: #000 !important; color: #c44a14 !important; padding: 4px 8px 4px 60px; font-size: 12px; font-weight: bold;}
			#saveForm:hover { background: #c44a14 !important; color: #fff !important; cursor: pointer;}
				
		/* CONTENT AREA ************************************************************************************** */
	
			#quote { background: url(http://charlesjosephonline.com/wp-content/uploads/2012/08/bgQuote.png); width: 210px; height: 56px; position: absolute; margin: 184px 0 0 510px; padding: 35px 25px;}
			#quote blockquote { color: #; font-size: 16px; margin: 0; padding: 0;}
			#quote blockquote cufon { margin: 0 0 3px 0;}
			#quote span { color: #fff; float: right; margin: 3px 0 0 0;}
			#quote a { float: right; clear: right;}
	
			#contentShell { color: #5f5f5f; float: left; margin: 235px 0 0 41px; width: 505px;}
			
				.col1 { width: 45%; margin: 10px 45px 0 0; float: left;}
				.col2 { width: 45%; float: left; clear: right;}
			
				#contentShell h1 { font-size: 39px; color: #c44a14; margin:0; padding: 0;}
				#contentShell h2 { font-size: 39px; color: #000; margin: 0 0 15px 0; padding: 0;}
				#contentShell h3 { font-size: 26px;  color: #c44a14;}
				#contentShell p { line-height: 160%; margin-bottom: 20px; }
				#home #contentShell p.intro { border: none; width: 354px; padding: 0; margin: 0 0 10px 0; font-size: 13px; }
				#contentShell p.intro { line-height: 20px; margin: 0 0 25px 0; font-size: 15px; border-bottom: 1px solid #ccc; padding: 0 0 25px 0;}
				#contentShell p.intro cufon { margin: 0 0 5px 0;}
				#book #contentShell p.intro { padding-right: 43px; width: 351px;}
				#contentShell a { color: #c44a14; text-decoration: none; }
				#contentShell a:hover { color: #000;}	
				#contentShell ul { background:#eee; padding: 30px; margin: 0 0 30px 0; }
				#contentShell ul li:first-child {  border-top: 1px dotted #999999; }
				#contentShell ul li { font-size: 14px; list-style: none; border-bottom: 1px dotted #999999; padding: 15px 0;}
				#contentShell ul li a {}
				#contentShell ul li a:hover {}
					
					/* SIDE AREA **************************************************************************** */
					
						#side { background: #000; width: 170px; padding: 12px 12px 30px 12px; display: block; float: right;  margin: 35px 0 0 536px; position: absolute;}	
						#side blockquote { color: #c44a14; font-size: 18px; margin:0; padding: 15px; width: 150px; margin: 20px 0; }
						#side blockquote cufon { margin: 0 0 5px 0;}
						#side blockquote span { display: block; font-size: 12px; color: #fff; float: right;}
					
							#book #side { background: none; margin-top: 0;}
					
					/* TABS - CONTENT AREA ****************************************************************** */
					
						#contentShell ul.htabs { background: none; margin: 0 0 50px 0; padding: 0; overflow: hidden;} /* Tabs Buttons */
						#contentShell ul.htabs li { float: left; margin: 0 10px 0 0; border: none; padding: 0;}
						#contentShell ul.htabs li a { display: block; width: 151px; height: 33px; padding: 20px 0 0 0; background: #d6d6d6; color: #000; text-align: center;}
						#contentShell ul.htabs li a:hover { background: #c44a14; outline: none; color: #fff;}
						#contentShell ul.htabs li.active a { background: url(images/tabActive.gif) no-repeat; outline: none; color: #fff; height: 40px;}
						
						#contentShell .tabs { margin: 40px 0 0 0; clear: left;} /* Tabs Content Container */
						#contentShell .tab {} /* Individual Tab */
						#contentShell #tab1, #contentShell #tab2, #contentShell #tab3  { min-height: 383px}

					/* HOME PAGE **************************************************************************** */
						
						#logos { border-top: 1px solid #ccc; width: 415px; margin: 32px 0 0; padding: 29px 0 0 0;}
						#logos img { padding: 15px 0 0 0;}
							#logos span { margin: 0 55px 0 0;}
							#logos span.Amazon { margin: 0;}
							
							.pics {  
								padding: 0;  margin:  0;  } 
							 
							.pics img { padding: 15px 0 0 0; 
								/*padding: 15px;  
								border:  1px solid #ccc;  
								background-color: #eee;  
								top:  0; 
								left: 0 */
							} 
			
					/* BOOK PAGE ***************************************************************************** */
					
						.bookLarge img { margin: 0 0 28px 0;}
						.bookTitle { margin: 0 0 28px 0; height: 90px; display: block;}
					
						#contentShell #storeLinks { width: 100%; text-align: center; border-top: 1px solid #ccc;}
						#contentShell #storeLinks span { width: 170px; margin: 0 auto 10px auto; padding: 20px 0 0 0;}
						#contentShell #storeLinks span a { width: 170px; display: block; border: none; margin: 0; }
						#contentShell #storeLinks span a img {  padding: 20px 25px ; border: none; border-bottom: 1px solid #ccc;}
						#contentShell #storeLinks span a img:hover { outline: none; border-left: 2px solid #c44a14; border-right: 2px solid #c44a14;}
						
						.quote { background: #eee; padding: 30px 30px 80px 30px; font-size: 15px; margin: 0 0 15px 0;}
						#media .quote { padding-bottom: 30px;}
						.quote span { display: block; clear: both; float: right; font-size: 12px; color: #000;}
						#media .quote span { float: none; font-size: 17px;}
						#media .quote a { font-size: 12px; float: right; display: block;}
						.quote cufon { margin: 0 0 10px 0;}
						
						#contentShell #tab3 #storeLinks { width: 100%; text-align: center; border: none;}
						#contentShell #tab3 #storeLinks span { width: 167px; margin: 0; padding: 20px 0 0 0; float: left; }
						#contentShell #tab3 #storeLinks span:hover { width: 167px; }
						#contentShell #tab3 #storeLinks span a { width: 160px; display: block; border: none; margin: 0; }
						#contentShell #tab3 #storeLinks span a img {  padding: 20px 25px ; border: 1px solid #ccc;}
						#contentShell #tab3 #storeLinks span a img:hover { outline: none; border-bottom: 1px solid #0296e3; }
						
						#bookLogos { position: absolute; margin: 53px 0 0 436px;}
						
					/* ABOUT PAGE *************************************************************************** */
					
						#about #contentShell p.intro { margin: 0 0 37px 0; }
						#about #contentShell p { }
					
						#ctaBook, #ctaVisalus { width: 132px; height: 163px; float: right; margin: -10px 0 10px 17px;}
						#ctaBook a, #ctaVisalus a { display: block; width: 132px; height: 163px; background-position: top;}
						#ctaBook a:hover, #ctaVisalus a:hover { background-position: bottom;}
						
						#ctaBook {}
						#ctaBook a { background-image: url(http://charlesjosephonline.com/wp-content/uploads/2012/08/ctaBook.png);}
						#ctaBook a:hover {}
					
						#ctaVisalus { margin-left: 31px;}
						#ctaVisalus a { background-image: url(http://charlesjosephonline.com/wp-content/uploads/2012/08/ctaVisalus.png);}
						#ctaVisalus a:hover {}
						
					/* CONTACT PAGE ************************************************************************* */
						
						#side #socialLinks { min-width: inherit; padding: 0; margin: 0; text-align:center}
						#side span.facebook, #side span.twitter, #side span.google { height: 40px; width: 40px;}
						#side span.facebook, #side span.twitter, #side span.google { height: 40px; width: 40px;}
						#side #socialLinks span { margin: 0 10px 0 0;}
							#side #socialLinks span a { padding: 10px;}
						
						#side h3 { margin: 20px 0 -10px 0; }	
						#side p { color: #fff;}	
						
		/* ORANGE BAR **************************************************************************************** */
	
			#orangeContainer { background: #c44a14; padding: 35px 0; overflow: auto; }
			#orangeContainer .title { color: #000; font-size: 17px; text-transform: uppercase; }
			#orangeContainer .title cufon { margin: 0 0 20px 0; }
			
				#blogContainer, #bookContainer, #twitterContainer { float: left; width: 277px; margin: 0 56px 0 0; }
				
				#blogContainer { }
					
					#blogContainer ul { margin: 0; padding: 0; border-top: 1px dotted #913309;}
					#blogContainer ul li { list-style: none; border-bottom: 1px dotted #913309;}
					#blogContainer ul li a { display: block; font-size: 10px; color: #fff; padding: 8px 0; text-decoration: none; background: url(http://charlesjosephonline.com/wp-content/uploads/2012/08/iconArrow.png) right center no-repeat;}
					#blogContainer ul li a:hover { outline: none; padding-left: 10px;  background: #000 url(http://charlesjosephonline.com/wp-content/uploads/2012/08/iconArrow2.png) 280px 9px no-repeat;}
					
					.fbsubscribelink,
					#creditfooter { display: none;} /* Items generated by Feedburner that are being hidden */
					
				
				#bookContainer { text-align: center; border: 1px dotted #913309; border-top: none; border-bottom: none;}
					
					#bookContainer #book { margin: 0 0 0 76px; width: 100px; height: 130px;}
					#bookContainer #book a { background: url(http://charlesjosephonline.com/wp-content/uploads/2012/08/book.png) top; width: 100px; height: 130px; display: block;}

					#bookContainer #book a:hover { background-position: bottom;}
				
				#twitterContainer { margin: 0; text-align: center;}
				
					#ctaVideo { width: 270px; height: 113px;}
					#ctaVideo a { background: url(http://charlesjosephonline.com/wp-content/uploads/2012/08/ctaVideos.png) top; display: block; width: 270px; height: 113px;}
					#ctaVideo a:hover { background-position: bottom;}

/* FOOTER ******************************************************************************************** */

	#footerContainer { color: #373737; padding: 15px 0 50px 0; font-size: 11px;}
	
		#copyright { float: left;}
		
		#credits { float: right;}
		
			#credits span {}
			#credits span a { color: #e0e0de;}
			#credits span a:hover { color: #c44a14; text-decoration: none; }
			#credits span.bmedia { border-right: 1px dotted #2b2b2b; margin: 0 10px 0 0; padding: 0 14px 0 0;}
			#credits span.higherlevelgroup {}