/*
Theme Name: KMR theme
Description: Custom Wordpress theme developed for Keith Meyer's website
Version: 1.0
Author: Code - Darin Bergen, Design - Chris DeWan
Author URI: http://www.pandemoniummedia.com/

*/

/*
Colors:
blue:          #0093a1
red:           #cb1618
dark brown:    #211c19
body text:     #534b3e
lt brn text:   #aa9a78
background:    #fcfbdd
lt brn border: #e4d7b7
*/

/* Global reset */
* { margin: 0; padding: 0;}

/* Global styles */
body { font-family: Georgia, Times, serif; background: #ebd7aa url(images/temp-background.jpg); color: #534b3e;}

h1, h2, h3, h4 { font-family: Verdana, Arial, sans-serif; }
h1 a, h2 a, h3 a, h4 a { text-decoration: none; }

a img { border: none; }

textarea { width: 100%; }

.clear { clear: both; }

/*.clearfix {	height: 1%; }
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } */
	/* slightly enhanced, universal clearfix hack */
	.clearfix:after {
	     visibility: hidden;
	     display: block;
	     font-size: 0;
	     content: " ";
	     clear: both;
	     height: 0;
	     }
	/*.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	/** html .clearfix { height: 1%; }
	.clearfix { display: block; } */
	/* close commented backslash hack */

#header { background: url(images/background-header.jpg) 0 0 repeat-x; position: relative; z-index: 50;}
.wrapper { width: 820px; margin: 0 auto; padding: 0 75px 0 55px; position: relative;}
	.wrapper #content-wrap { background: url(images/background-shadow-large.png) 0 bottom no-repeat; position: relative; left: -5px; margin: 55px 0 0 0; padding: 0 0 8px 6px; z-index: 1;}

	.wrapper #content-all { background: #FFF url(images/background-content.jpg) top center repeat-y; padding: 90px 30px 30px 30px; position: relative; z-index: 2;}
	
	#footer { font-family: Verdana, Arial, sans-serif; font-size: 80%; color: #aa9a78; padding: 20px 0 0 0; }
		#footer a { color: #aa9a78; text-decoration: none; }
			#footer a:hover { color: #534b3e; }

.nav a { font-family: Verdana, Arial, sans-serif; text-decoration: none; }

#content { position: relative; z-index: 10;}
#content p { margin: 0 0 1em 0; line-height: 1.5em; }

#content a { color: #0093a1; text-decoration: none; border: 1px dashed #aa9a78; border-width: 0 0 1px 0; }
#content a:hover { border: 1px solid #0093a1; border-width: 0 0 1px 0; }

#content-wrap { }
#content-all { }

/* =branding *******************************************************/
#branding { }
	#branding ul { list-style: none;}
	
	#branding a { color: #aa9a78; }
	
	#branding h1 { height: 55px; width: 100%; }
	#branding h1 a { height: 55px; width: 180px; display: block; background: url(images/branding-keith-meyer.png) 0 13px no-repeat; text-indent: -9999px; border: 0; }
	
	#branding #branding-menu { position: absolute; right: 0; top: 0; width: 471px; height: 234px; z-index: 999;}
		#branding #branding-menu span { position: absolute; top: 0; left: -9px; z-index: 1000;}
		
		#branding #branding-menu ul { margin: 0 0 0 10px;}
	
	#branding #branding-menu-sub { margin: 15px 0 0 0; font-size: 80%;}
		#branding #branding-menu-sub li { float: left; }
			#branding #branding-menu-sub li a { display: block; padding: 5px 6px 3px; }
				#branding #branding-menu-sub li a:hover { color: #534b3e;}
			#branding #branding-menu-sub li#search input { border: 1px solid #aa9a78; padding: 3px 2px; margin: 0 0 0 5px; background: #FFF url(images/background-input.jpg) 0 0 repeat-x; }

	/* active states */
	.blog li#blog-link, .archive li#blog-link, .search li#blog-link, #links li#links-link, #payment li#payment-link, #contact li#contact-link { background: #FFF;}
	  .blog li#blog-link a, .archive li#blog-link a, .search li#blog-link a, #links li#links-link a, #payment li#payment-link a, #contact li#contact-link a { color: #0093a1; }
	
			
/* =home page ******************************************************/
.home #content-wrap { width: 544px; float: left; }
.home #content-all { min-height: 500px; text-align: center;}

.home #content-sub { width: 190px; float: right; margin: 150px 40px 0 40px;}
	.home #content-sub #recent-posts { font-size: 85%; }
	
	.home #content-sub #recent-posts h2 { width: 173px; height: 36px; text-indent: -9999px; background: url(images/heading-recent-posts.png) no-repeat; }
	
	.home #content-sub #recent-posts h3 a { font-family: Georgia, Times, serif; font-size: .9em; color: #0093a1; font-weight: normal; margin: 0.5em 0; border: 1px dashed #aa9a78; border-width: 0 0 1px 0; }
	.home #content-sub #recent-posts h3 a:hover { border: 1px solid #0093a1; border-width: 0 0 1px 0; }
	
	.home #content-sub #recent-posts .post { margin: 1.5em 0; }
		.home #content-sub #recent-posts .post .date { font-family: Verdana, Arial, sans-serif; font-size: 85%; margin: 3px 0; color: #aa9a78; }
		
	.home #content-sub h4 { border: 1px solid #e4d7b7; border-width: 1px 0 0 0; padding: 20px 0 0 0; margin: 20px 0 0 0;}
	.home #recent-comments { }
		.home #recent-comments li { list-style: none; margin: 20px 0; }
			.home #recent-comments li a { color: #0093a1; }
				.home #recent-comments li a:hover { border: 1px solid #0093a1; border-width: 0 0 1px 0;}
			
	.home h3.archive { border: 1px solid #e4d7b7; border-width: 1px 0 0 0; padding: 20px 0 0 0; margin: 20px 0 0 0; }
	
/* =all posts ****************************************************/
.blog #content h1 { text-transform: uppercase; font-size: 80%; color: #211c19; border: 0; position: absolute; top: 25px; left: 55px; }

.blog #content .post-navigation { font-family: Verdana, Arial, sans-serif; font-size: 80%;}
	.blog #content .post-navigation a { color: #211c19; text-decoration: none; border: 0;}
	.blog #content .post-navigation div { width: 40%; }
	.blog #content .post-navigation .previous { float: left;}
	.blog #content .post-navigation .next { float: right; text-align: right;}

.blog #content .post { position: relative; padding: 0 0 20px 50px; border: 1px solid #e4d7b7; border-width: 0 0 1px 0; margin: 0 0 20px 0; }
	.blog #content .post h2 { font-family: Georgia, Times, serif; font-size: 2.2em; color: #0093a1; font-weight: normal; margin: 0.5em 0;}
		.blog #content .post h2 a { color: #0093a1; border: 0;}
	
.blog #content .postmetadata { font-family: Verdana, Arial, sans-serif; font-size: 80%; color: #aa9a78;}

.blog #content #post-container { width: 530px; float: left; margin: 0 0 0 -30px; }
	.blog #content #post-container .post .date { width: 71px; height: 66px; position: absolute; left: -38px; top: 10px; font-family: Verdana, Arial, sans-serif; font-size: 80%; text-align: center; background: #0093a1 url(images/background-date-ie.jpg) 0 0 no-repeat; color: #FFF; padding: 8px 0 0 0; text-transform: uppercase;}
		.blog #content #post-container .post .date span { display: block; font-family: Georgia, Times, serif; font-size: 2.5em; margin: -5px 0 0 0;}

.blog #content #content-sub { width: 230px; float: right; font-family: Verdana, Arial, sans-serif; font-size: 80%; color: #aa9a78; margin: 45px -30px 0 0; }	
	.blog #content #content-sub ul { list-style: none; }
	.blog #content #content-sub ul li { margin: 4px 0; }
	.blog #content #content-sub ul li h2 { color: #211C19; font-weight: normal; font-size: 100%; text-transform: uppercase; border: 1px solid #e4d7b7; border-width: 0 0 1px 0; padding: 0 0 9px 0; margin: 0 0 9px 0;}
		.blog #content #content-sub ul li h2.archive { padding: 30px 0 9px 0;}
	.blog #content #content-sub ul li a { border: 0; color: #aa9a78; }

h3#comments { font-size: 0.8em; color: #211c19; border: 0; text-transform: uppercase; }

/* =single post **************************************************/
.blog-post { }
	.blog-post #content #post-container .post { padding: 0 0 20px 30px; }

/* =comments *****************************************************/

	.blog-post #content .comment-wrapper { padding: 0 0 20px 30px; font-family: Verdana, Arial, sans-serif; font-size: 80%;}
		.blog-post #content .comment-wrapper p br { margin: 0 0 1em 0;}
		.blog-post #content .comment-wrapper ol.commentlist { list-style: none; margin: 10px 0 0 0; }
			.blog-post #content .comment-wrapper ol.commentlist li { border: 1px solid #e4d7b7; border-width: 0 0 1px 0; padding: 25px 0 15px 40px; background: url(images/quote.gif) 0 30px no-repeat; }
			.blog-post #content .comment-wrapper ol.commentlist cite { font-weight: bold; font-style: normal; font-family: Verdana, Arial, sans-serif; }
			.blog-post #content .comment-wrapper ol.commentlist .commentmetadata { color: #aa9a78; }

			.comment-wrapper h3#respond { padding: 20px 0 0 0; }
			.comment-wrapper em { display: block;}			

/* =page template ************************************************/
.page h3 { display: inline; line-height: 1.5em; color: #0093a1; background: #f9f9eb; font-weight: normal; font-family: Georgia, Times, serif; font-size: 1.4em; }

.page #content h4 { text-transform: uppercase; font-size: 85%; color: #211c19; border: 0; margin: 0 0 40px 0;}

.page #content h5 { font-family: Verdana, Arial, sans-serif; font-weight: normal; font-size: 80%; color: #aa9a78; line-height: 1.5em; }
	.page #content h5 a { border: 0; }

.page #content h6 { display: inline; line-height: 1.5em; color: #0093a1; bottom-margin: 0; font-weight: normal; font-family: Georgia, Times, serif; font-size: 1.4em; }

.page #content #content-main { width: 500px; float: right; margin: 20px 0 0 0; }
.page #content #content-main h3 + p { margin: 1.5em 0 1em 0; }

.page #content #content-sub { width: 230px; float: left; border: 1px solid #e4d7b7; border-width: 0 0 1px 0; margin: 0 0 0 -30px; }
	.page #content #content-sub a { color: #aa9a78; text-decoration: none; border: 0;}
		.page #content #content-sub a:hover { color: #211c19; }
	.page #content #content-sub ul { list-style: none; margin: 20px 0 30px 30px; }
		.page #content #content-sub ul li { margin: 0 0 5px 0; }
			.page #content #content-sub ul li a { padding: 0 0 0 18px; background: url(images/list-arrow-normal.png) 0 center no-repeat; font-family: Verdana, Arial, sans-serif; font-size: 85%; }
		  .page #content #content-sub ul li a:hover { background: url(images/list-arrow-hover.png) 0 center no-repeat; }
	.page #content #content-sub img { padding: 10px 13px 19px 15px; background: url(images/background-page-image.png) center center no-repeat; position: relative; left: -55px; margin: -60px 0 0 0;}
	.page #content #content-sub .current_page_item a { color: #211c19; background: url(images/list-arrow-hover.png) 0 center no-repeat;}

/* =search page *************************************************/
.search #content #content-main { width: 530px; float: left; margin: 0 0 0 -30px; }
	.search #content h1 { text-transform: uppercase; font-size: 80%; color: #211c19; border: 0; position: absolute; top: 25px; left: 30px; }
	.search #content #post-container { padding: 50px 0 0 30px; }
	.search #content .post h3 a { font-family: Georgia, Times, serif; font-size: 1em; color: #0093a1; font-weight: normal; margin: 0.5em 0; border: 1px dashed #aa9a78; border-width: 0 0 1px 0; }
	.search #content .post h3 a:hover { border: 1px solid #0093a1; border-width: 0 0 1px 0; }

.search #content #content-sub { width: 230px; float: right; font-family: Verdana, Arial, sans-serif; font-size: 80%; color: #aa9a78; margin: 45px -30px 0 0; }	
	.search #content #content-sub ul { list-style: none; }
	.search #content #content-sub ul li { margin: 4px 0; }
	.search #content #content-sub ul li h2 { color: #211C19; font-weight: normal; font-size: 100%; text-transform: uppercase; border: 1px solid #e4d7b7; border-width: 0 0 1px 0; padding: 0 0 9px 0; margin: 0 0 9px 0;}
		.search #content #content-sub ul li h2.archive { padding: 30px 0 9px 0;}
	.search #content #content-sub ul li a { border: 0; color: #aa9a78; }
	
/* =archive page ************************************************/
.archive #content h1 { text-transform: uppercase; font-size: 80%; color: #211c19; border: 0; position: absolute; top: 25px; left: 55px; }

.archive #content #content-main { width: 530px; float: left; margin: 0 0 0 -30px; }
	.archive #content #content-main h3 { margin: 0.5em 0; }
	.archive #content #content-main h3 a { font-family: Georgia, Times, serif; font-size: 2.2em; color: #0093a1; font-weight: normal; border: 0; }
	
	.archive #content #post-container .post { position: relative; padding: 0 0 20px 50px; border: 1px solid #e4d7b7; border-width: 0 0 1px 0; margin: 0 0 20px 0; }
		.archive #content #post-container .post .date { width: 71px; height: 66px; position: absolute; left: -38px; top: 10px; font-family: Verdana, Arial, sans-serif; font-size: 80%; text-align: center; background: #0093a1 url(images/background-date-ie.jpg) 0 0 no-repeat; color: #FFF; padding: 8px 0 0 0;}
			.archive #content #post-container .post .date span { display: block; font-family: Georgia, Times, serif; font-size: 2.5em;}
	
.archive #content .postmetadata { font-family: Verdana, Arial, sans-serif; font-size: 80%; color: #aa9a78;}

	
.archive #content #content-sub { width: 230px; float: right; font-family: Verdana, Arial, sans-serif; font-size: 80%; color: #aa9a78; margin: 45px -30px 0 0; }	
	.archive #content #content-sub ul { list-style: none; }
	.archive #content #content-sub ul li { margin: 4px 0; }
	.archive #content #content-sub ul li h2 { color: #211C19; font-weight: normal; font-size: 100%; text-transform: uppercase; border: 1px solid #e4d7b7; border-width: 0 0 1px 0; padding: 0 0 9px 0; margin: 0 0 9px 0;}
		.archive #content #content-sub ul li h2.archive { padding: 30px 0 9px 0;}
	.archive #content #content-sub ul li a { border: 0; color: #aa9a78; }

/* =404 **********************************************************/
.error #content #content-all #content-main h2 { font-family: Georgia, Times, serif; font-size: 2.2em; color: #0093a1; font-weight: normal; margin: 0.5em 0;}

/* =gallery ******************************************************/
#content .ngg-galleryoverview { }
		
#content .ngg-gallery-thumbnail-box { float: left; padding: 10px; margin: 10px 3px; border: 1px solid #eae1b6; background: #f6f6da url(images/background-photo.jpg) 0 0 repeat-x;}
	#content .ngg-gallery-thumbnail-box a { border: 0;}
		#content .ngg-gallery-thumbnail-box a img { }
		
#content .ngg-navigation { clear: both; font-family: Verdana, Arial, sans-serif; font-size: 80%; font-weight: bold; color: #211c19; float: right;}
	#content .ngg-navigation a { display: block; width: 20px; float: left; color: #aa9a78; font-weight: normal; border: 0; }
	#content .ngg-navigation span { display: block; width: 20px; float: left; }

/* =books-sub ****************************************************/
.books-sub #content #content-wrap #content-all #content-sub img { padding: 10px 13px 19px 15px; background-image: none; position: relative; left: 30px; margin: -60px 0 0 0;}