/*  
Theme Name: Eric Kilgore Theme
Theme URI: http://www.stricklycreative.com/
Description: Eric Kilgore Theme by Strickly Creative
Version: 1.0.0
Author: Matt Strickland
Author URI: http://www.stricklycreative.com/
*/


/************************************************************************
  CSS Reset
*************************************************************************/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,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-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}



/************************************************************************
  General Styles
*************************************************************************/

body { background: #01090a url(images/bg.jpg) top center no-repeat; font-size: 15px; color: #f0f0f0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;   font-weight: 300; }

.clear-both { clear: both; }

/************************************************************************
  Text Styles
*************************************************************************/

h1 { font-size: 2.0em; margin-bottom: 15px; }

h2 { font-size: 1.8em; margin-bottom: 15px; }

h3 { font-size: 1.6em; margin-bottom: 15px; }

h4 { font-size: 1.4em; margin-bottom: 15px; }

h5 { font-size: 1.2em; margin-bottom: 15px; }

h6 { font-size: 1.0em; margin-bottom: 15px; }

p { margin-bottom: 15px; line-height: 1.3em; }




/************************************************************************
  Header Section
*************************************************************************/

#header { width: 960px; height: 136px; margin: 0 auto; }

	#logo { float: left; margin: 40px 0 0 20px; }
	
	#nav { float: right; margin-right: 30px; }
	
		#nav ul {  }
		
			#nav ul li { display: inline-block; list-style: none; margin-left: 15px; }
			
				#nav ul li a { display: inline-block; background: #0F2123; padding: 10px 13px; color: #345a5e; text-decoration: none; }
				
				#nav ul li a:hover { background: #112628; }
	


/************************************************************************
  About Eric Section
*************************************************************************/

#about { width: 960px; height: 264px; margin: 0 auto; background: url(images/bg-about.jpg) no-repeat }

	#about-text { float: right; width: 470px; }
	
	#about-text-inner { padding: 18px; }
	
		#about-text-inner h4 { display: block; background: #061416; margin-top: 0px; padding: 10px 10px; }
		
		#about-text-inner p { text-align: justify; line-height: 1.4em; font-size: 12px; }
		
			#about-text-inner p a { font-weight: bold; text-decoration: underline; color: #fff; }
		
			#about-text-inner p a:hover { text-decoration: none; }
		
		

/************************************************************************
  Main Content Section
*************************************************************************/

#content-wrapper { width: 960px; margin: 30px auto 50px auto; }



/************************************************************************
  News Section
*************************************************************************/

#news-wrapper { float: left; width: 450px; }

	#news-wrapper h3 { width: 80px; background: #0f2123; padding: 10px 15px; margin-bottom: 40px;  }
	
		.news-item { margin-bottom: 40px; }
		
		.news-item h5 { font-size: 1.2em; margin-bottom: 5px; } /* News Title */
	
		.news-item h6 { font-size: 0.8em; font-weight: normal; color: #2c4b4e; } /* News Sub-Title */
	
		.news-item p { font-size: 1.0em; font-weight: normal; color: f0f0f0; }
	
			.news-item p a { text-decoration: underline; color: #2c4b4e; }
		
			.news-item p a:hover { text-decoration: none; }




/************************************************************************
  Shows Section
*************************************************************************/

#shows-wrapper { float: right; width: 450px; }

	#shows-wrapper h3 { width: 80px; background: #0f2123; padding: 10px 15px; margin-bottom: 40px; }

.show-item { margin-bottom: 20px; }
	
	.show-item h5 { font-size: 1.1em; margin-bottom: 8px; line-height: 1.2em; } /* Show Title */
	
	.show-item h6 { font-size: 0.8em; font-weight: normal; color: #2c4b4e; } /* Show Sub-Title */
	
	.show-item a { text-decoration: underline; color: #2c4b4e; }
		
	.show-item a:hover { text-decoration: none; }
	
	
	
	
/************************************************************************
  Store -  Escape
*************************************************************************/

#escape { width: 960px; height: 264px; margin: 0 auto 50px auto; background: url(images/bg-escape.jpg) no-repeat }

	#escape-text { float: right; width: 470px; }
	
	#escape-text-inner { padding: 18px; }
	
		#escape-text-inner h4 { display: block; background: #061416;  margin-top: 0px; padding: 10px 10px; }
		
		#escape-text-inner p { text-align: justify; line-height: 1.4em; font-size: 16px; }
		
			#escape-text-inner p a { font-weight: bold; text-decoration: underline; color: #fff; }
		
			#escape-text-inner p a:hover { text-decoration: none; }
			
			

/************************************************************************
  Store -  In Plenty and In Want
*************************************************************************/

#plenty { width: 960px; height: 264px; margin: 0 auto 50px auto; background: url(images/bg-in_plenty.jpg) no-repeat }

	#plenty-text { float: right; width: 470px; }
	
	#plenty-text-inner { padding: 18px; }
	
		#plenty-text-inner h4 { display: block; background: #061416;  margin-top: 0px; padding: 10px 10px; }
		
		#plenty-text-inner p { text-align: justify; line-height: 1.4em; font-size: 16px; }
		
			#plenty-text-inner p a { font-weight: bold; text-decoration: underline; color: #fff; }
		
			#plenty-text-inner p a:hover { text-decoration: none; }




/************************************************************************
  Footer Section
*************************************************************************/

#footer-wrapper { clear: both; width: 960px; height: 74px; margin: 40px auto; background: url(images/bg-footer.jpg) top no-repeat; }

	#copyright { float: left; color: #14363a; margin-top: 30px; margin-left: 20px; }
		
		#copyright a { color: #14363a; text-decoration: none; }
		
		#copyright a:hover {  }
	
	#social-links { float: right; margin-right: 40px; }
	
		#social-links ul {  }
		
		#social-links ul li { display: inline; }