/* @override http://www.yo-yodyne.com/ndxz-studio/site/npe_1/style.css */

/******************************************************************************/
/*
 *  Master CSS style sheet for Yo-Yodyne.com
 * 
 *  version 1.0
 *  author  Neilson Eney (www.yo-yodyne.com)
 * 
 *  [Table of contents] 
 *
 *  1. site defaults
 *  2. generic styles 
 *  3. shell 
 *  4. layout
 *  5. modulars 
 *  6. page/section specific 
 *  7. subsections
 *
 *  [Color codes] 
 * 
 *  Background: #ffffff (white)
 *  Content:    #516064 (dark gray) 
 *  Header h1:  # 
 *  Header h2:  # 
 *  Footer:     # 
 * 
 *  a (standard):	#0040b6 (dark blue) 
 *  a (visited):	#5999de (light blue) 
 *  a (active): 	#cc0000 (pink)
 *
 *  [Typography] 
 *
 *  Body copy:       
 *  Headers: 
 *  Input, textarea:     
 *  Sidebar heading:    
 *  Notes:  decreasing heading by 0.4em with every subsequent heading level 
 */
/******************************************************************************/
/*
 *  1. site defaults 
 */
 
* {
	margin: 0;
	padding: 0;
    outline: 0;
}

body { 
    background: #fff; 
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
    	"Helvetica Neue", Helvetica, arial, sans-serif;
    font-weight: 300; 
    color: #516064;
}

p { 
    font-size: 14px; 
    line-height: 18px; 
    margin-bottom: 0px; 
}

a:link {
	color:#B62F2F;
	text-decoration: none;
}
	
a:visited {
	color:#B62F2F;
	text-decoration: none;
}
	
a:hover {
	color:#B62F2F;
	text-decoration: none;
}

a:active {
	color:#B62F2F;
	text-decoration: none;
}

a img {
	border: none;
}

h1 { 
	font-size: 48px;
	font-weight: 500;
	color: #405156; 
	padding-bottom: 18px; 
}
	
h2 { 
	font-size: 36px;
	font-weight: 500;
	color: #405156;
	padding-bottom: 18px; 
}
	
h3 { 
	font-size: 24px;
	font-weight: 500;
	color: #405156;
	padding-bottom: 18px;
}
	
h4 { 
	font-size: 21px;
	font-weight: 500; 
	color: #405156;
	padding-bottom: 18px;
}

/******************************************************************************/
/*
 *  2. generic styles 
 */
 
/******************************************************************************/
/*
 *  3. shell 
 */
.container {
	margin-bottom: 25px;
}
 
/******************************************************************************/
/*
 *  4. layout
 */
 
#menu {
/* 
 *  Sets the width of your left hand bar - if you change this also change the 
 *  LEFT margin in #content to match 
 */
	width: 225px; 
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
/* 
 *  Position forces menu to stay in place while the content section scrolls
 */
	position: fixed; 
	height: 100%;
	background-color: #ffffff;
/* 
 *  Change to match the padding-top in #content if you want them to align 
 *  padding-left & right can be changed in #menu ul
 */
	padding-top: 1px; 
	padding-bottom: 18px;
	font-size: 16px;
}
	
/* 
 *  Menu sections are unordered lists
 */ 
	#menu ul {
		list-style: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 18px; /* sets the space between each section */
/* 
 *		Sets the spacing around the menu - this is normally set to match 
 *		padding options in #content but can be changed seperately 
 */
		margin-left: 0px;
		padding-right: 25px;
		padding-left: 25px;
	}

	#menu ul li {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
/* 
 * 		Sets the style for the section heading 
 */
		#menu ul li.section-title {
		    font-size: 20px;
			line-height: 20px;
		    letter-spacing: -1px;  
		    margin-top: 70px; 
		    font-weight: 300; 
		    margin-bottom: 1px; 
		    text-shadow: 0 0 0 #fff;
		    color: #405156; 
		    margin-bottom: 2px; margin-top: 0px;
			padding-top: 6px;
			padding-right: 0px;
			padding-bottom: 6px;
			padding-left: 0px;
/*
 *			Add a line above each section
 */
			border-top-color: #D1D9DC;
			border-top-style: solid;
			border-top-width: 1px;		
		}
	
/* 
 *		Style the "Built with Indexhibit" link on the menu 
 */	
		#menu ul.built {
			margin-bottom: 0;
		}
			
		#menu ul.built li {
			padding-top: 5px;
			border-top-color: #D1D9DC;
			border-top-style: solid;
			border-top-width: 1px;
			color: #D1D9DC;
		}
		
/* 
 *		Change the link colors for the "Built with Indexhibit" link 
 */
		#menu ul.built a {
			color: #D1D9DC;
		}
		
		#menu ul.built a:hover {
		 	text-decoration: underline;
			color: #D1D9DC;
		}
/*
 *		Post-Nav aka copyright style
 */	
		#menu ul.bottom-section {
			color: #D1D9DC;

		}
		
#content {
		width: 440px;
		height: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
/* 
 *  	Set so content starts right when the menu ends - when changing this 
 *  	also change the width of #menu to match 
 */
		margin-left: 225px; 	    
		top: 0;    
/* 		Sets the spacing around the content area - this is normally set to 
 *		match padding options in #menu but can be changed seperately 
 */
		padding-top: 30px;  
		padding-right: 5px;
		padding-bottom: 25px;
		padding-left: 40px;
}

	#content p { 
		font-size: 14px;
		line-height: 18px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 18px; /* sets the space between paragraphs */
		margin-left: 0px; 	
	    color: #6A797D;
	} 
	
	#content ul {
		list-style-type: circle;
		font-size: 14px;
		line-height: 18px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 18px; 
		margin-left: 0px;
		padding-right: 25px;
		padding-left: 25px;
	}

	#content ul li {
		margin-top: 0px;
		margin-bottom: 0px;
	}

#forum_content {
		width: 800px;
		height: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
/* 
 *  	Set so content starts right when the menu ends - when changing this 
 *  	also change the width of #menu to match 
 */
		margin-left: 225px; 	    
		top: 0;    
/* 		Sets the spacing around the content area - this is normally set to 
 *		match padding options in #menu but can be changed seperately 
 */
		padding-top: 30px;  
		padding-right: 5px;
		padding-bottom: 25px;
		padding-left: 40px;
}

/******************************************************************************/
/*
 *  5. modulars
 */
 
 #img-container	{ 
	margin: 0 0 20px 0; 
	padding: 0; 
}
	
	#img-container p	{ 
		width: 400px; 
		margin: 0; 
		padding: 0 0 12px 0;
	}
	
	.nothumb img {
		margin-top: 0px;  
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	
	#once { 
		clear: left; 
	}
	
	#logo {
		padding-bottom: 0px;
	}

/*
 * Slideshow navigation
 */	
p.nav a {
		background-color: #eeeeee;
		padding-top: 3px;
		padding-right: 9px;
		padding-bottom: 3px;
		padding-left: 9px;
		font-size: 11px;
		-moz-border-radius-bottomleft:3px;
		-moz-border-radius-bottomright:3px;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
}
	
	p.nav a:hover {
		background-color: #cccccc;
	}
	
	p.nav span#num {
		letter-spacing: 2px;
		font-style: italic;
		padding-left: 20px;
	}
 
/******************************************************************************/
/*
 *  6. section/page specific
 */
 /* Pre-Nav Text - Can be accessed in the Exhibit Settings */

.top-section {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 25px; /* matches padding left in #menu ul */
	font-size: 8px;
	line-height: 20px;
	letter-spacing: 0.1em;
	padding-top: 15px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", 
        "Helvetica Neue", Helvetica, arial, sans-serif;
    font-weight: 300; 
    color: #516064;
}
 
/******************************************************************************/
/*
 *  7. subsections
 */