/*
THEME NAME: Meredith Brocklebank
THEME URI: http://meredithbrocklebank.com/
DESCRIPTION: Meredith Brocklebank WordPress Theme
VERSION: 1.0
AUTHOR: Digital Visions Queenstown
AUTHOR URI: http://www.dvq.co.nz
*/

/* GLOBAL RESET ---------------------------- */

body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }

address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }

acronym, abbr, fieldset, img { border: 0;}

img { vertical-align: bottom; }

:focus { outline: 0; }




/* BASE STYLE ---------------------------- */

body { background: #FFFFFF; font: 85%/1.5em Arial, sans-serif; color: #666666; }

p { margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }

a { color: #a00d03; }
a:hover { color: #d22e34; text-decoration: none; }

h2 { font: 210%/1.5em Helvetica, Arial, sans-serif; margin-bottom: 10px; }
	h2 a { color: #666666; text-decoration: none; }
		h2 a:hover { text-decoration: underline; }
		
	h2.archives-title { border-bottom: 2px solid #dfdfdf; margin-bottom: 40px }	
		
h3 { font: 150% Helvetica, Arial, sans-serif; color: #777; margin: 10px 0 5px 0; }
	h3 a { color: #666666; text-decoration: none; }
		h3 a:hover { text-decoration: underline; }
		
blockquote p { border-left: 4px solid #dfdfdf; padding: 5px 20px; margin: 10px 0 20px 21px; color: #888888; }

img { border: 4px solid #dfdfdf; }

ul, ol { margin-bottom: 10px; }	
	ul li { background: url(images/icons/main-bullet.gif) no-repeat 0.2em 0.2em; padding-left: 21px; margin-bottom: 3px; }
	ol li	{ list-style-type: decimal; list-style-position: inside; }
		ul li ul,  ol li ol { margin: 0; }
			ol li ol li { margin-left: 21px; }



/* COMMON STYLES ---------------------------- */

.alignleft { float: left; margin: 0 10px 10px 0; }	 
.alignright { float: right; margin: 0 0 10px 10px; }	 
.aligncenter { margin: 0 auto 10px auto; display: block; }



	/* HEADER ---------------------------- */

	body.home #header { width: 840px; height: 480px; margin: 55px auto 0 auto; }
	#header { margin: 0 auto; width: 840px; height: 280px; }
	
	
	
		/* LOGO ---------------------------- */
		
		body.home h1 a { width: 840px; height: 70px; display: block; text-indent: -9999px; background: url(images/logo.gif) no-repeat 0; margin: 55px 0; float: left; }
		h1 a { width: 840px; height: 70px; display: block; text-indent: -9999px; background: url(images/logo.gif) no-repeat 0; margin: 25px 0 15px 0; float: left; }
	


		/* TABS ---------------------------- */
		
		#tabs-wrapper { width: 330px; margin: 200px auto; }
		ul.tabs { float: left; list-style: none; width: 100%; }
			ul.tabs li { float: left; line-height: 1.5em; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; margin: 0 50px 0 0; padding: 0; background: none; }
			 ul.tabs li.last { margin: 0; }
				ul.tabs li img { border: 4px solid #dfdfdf; }
				ul.tabs li a { text-decoration: none; color: #666666; display: block; outline: none; }
				 ul.tabs li a:hover { color: #b81115; }
			html ul.tabs li.active, html ul.tabs li.active a:hover { background: #fff; }



	/* CONTENT ---------------------------- */
	
	#content-container { margin: 55px auto; width: 850px; background: #fff; }
	
	
	
		/* BLOG ---------------------------- */	
		
		#main-content { width: 580px; float: left; }
		
		
		
			/* POST ---------------------------- */

			.post { padding: 0 0 40px 0; }
				.entry-date { color: #999; margin: 6px 0 10px 0; }
				.entry-meta { border-top: 2px solid #dfdfdf; padding: 6px 0; color: #999; }
		




			/* POST NAVIGATION ---------------------------- */	
			
		    #nav-below { margin: 20px 0 0 0; }
		    .navigation { width: 100%; clear: both; float: left; }
		        .nav-previous a { display: block; float: left; background: #dfdfdf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px 10px; text-decoration: none; border: none; }
		        .nav-next a { display: block; float: right; background: #dfdfdf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px 10px; text-decoration: none; border: none; }
	


			/* COMMENTS ---------------------------- */	
			
			#comments {  }
			
				#comments-list { margin: 20px 0 0 0; }
				
				ol.comment-list { margin: 10px 0 0 0;  }
				ol.comment-list li { background: #FFF; border: 1px solid #dfdfdf;  list-style: none; list-style-position: outside; padding: 10px; margin: 0 0 20px 0; position: relative; }
				ol.comment-list li div.comment-info { width: 100%; margin-bottom: 10px; }
				ol.comment-list li div.comment-avatar { float: left; width: 50px; }
				ol.comment-list li div.comment-author { font-weight: bold; color: #333; float: left; }
				ol.comment-list li div.comment-meta { font-size: 90%; color: #999; float: right; }
				ol.comment-list li div.comment-content { float: right; width: 490px; }
				
				#right-column ol.comment-list li div.comment-content a { border-color: #242424; }



			/* COMMENTS FORM ---------------------------- */	
			
			#respond { margin: 60px 0 0 0; }
			#respond .formcontainer { margin: 20px 0 0 0; }
			#respond .formcontainer .form-label { float: left; width: 100px; margin: 5px 0 0 0; }
			#respond .formcontainer .comment-form-label { margin: 0 0 5px 0; }
			#respond .formcontainer .form-input input { width: 464px; float: right; margin-bottom: 20px; padding: 6px 7px; color: #666666; background: #FFFFFF; border: 1px solid #dfdfdf; font: 100% Arial, sans-serif; }
			#respond .formcontainer .form-textarea textarea { width: 466px; color: #666666; background: #FFF; border: 1px solid #dfdfdf; padding: 6px; font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 15px; }			
			#respond .formcontainer #submit	{ width:auto; float: right; padding: 6px 7px; color: #333; border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background: #dfdfdf; cursor: pointer; font: 100%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; }
			



			/* PINGBACKS ---------------------------- */				
			
			ol.commentlist li.pingback {  }
			ol.commentlist li.pingback div.comment-author {  }
			ol.commentlist li.pingback div.vcard {  }
			ol.commentlist li.pingback div.vcard cite.fn {  }
			ol.commentlist li.pingback div.vcard cite.fn a.url {  }
			ol.commentlist li.pingback div.vcard span.says {  }
			ol.commentlist li.pingback div.commentmetadata {  }
			ol.commentlist li.pingback div.comment-meta {  }
			ol.commentlist li.pingback div.comment-meta a {  }
			ol.commentlist li.pingback * {  } - /*p, em, strong, blockquote, ul, ol, etc.*/
			ol.commentlist li.pingback div.reply {  }
			ol.commentlist li.pingback div.reply a {  }
			ol.commentlist li.pingback ul.children {  }
			ol.commentlist li.pingback ul.children li {  }
			ol.commentlist li.pingback ul.children li.alt {  }
			ol.commentlist li.pingback ul.children li.bypostauthor {  }
			ol.commentlist li.pingback ul.children li.byuser {  }
			ol.commentlist li.pingback ul.children li.comment {  }
			ol.commentlist li.pingback ul.children li.comment-author-admin {  }
			ol.commentlist li.pingback ul.children li.depth-2 {  }
			ol.commentlist li.pingback ul.children li.depth-3 {  }
			ol.commentlist li.pingback ul.children li.depth-4 {  }
			ol.commentlist li.pingback ul.children li.depth-5 {  }
			ol.commentlist li.pingback ul.children li.odd {  }			
		
		
		
			/* PAGE BUTTONS ---------------------------- */
			
			#page-button-wrapper { width: 436px; height: 65px; margin: 20px auto; }
				
				#secrets-button { width: 208px; height: 65px; background: url(images/secrets-button.jpg) no-repeat 0 0; display: block; text-indent: -9999px; float: left; }
				#q-and-a-button { width: 208px; height: 65px; background: url(images/q-and-a-button.jpg) no-repeat 0 0; display: block; text-indent: -9999px; float: right; }
				
				#secrets-button:hover, #q-and-a-button:hover { background-position: bottom left; }
			
			
			
			
	/* SIDEBAR ---------------------------- */	
	
	#sidebar { width: 220px; float: right; }
	
		#sidebar ul { margin-bottom: 30px; }
			#sidebar ul li ul { margin: 0; }
			
		#social-links { margin-bottom: 40px; margin-left: 40px; }
			#social-links img { border: 0; margin-right: 20px; }
			
		#buy-the-book { width: 206px; height: 218px; background: url(images/buy-the-book.jpg) no-repeat 0 0; margin: 40px auto; display: block; text-indent: -9999px; }
/*
		#newsletter-box { padding: 10px; margin: 20px 0; color: #FFF; background: #575757; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 2px 2px 5px #cecece; -webkit-box-shadow: 0 0 5px #cecece; text-shadow: 1px 1px 0px #4d4d4d; }
			#newsletter-box h3 { font-size: 110%;  margin: 5px 0 10px 0; color: #FFF; }
			#newsletter-box a { color: #adadad; font-size: 90%; }
			#newsletter-input { margin-bottom: 8px; border: 0; width: 180px; padding: 5px 10px; background: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; }			
			#newsletter-submit { float: left; }
			#newsletter-preview { float: right; }
*/
		
		#newsletter-box { padding: 10px; margin: 20px 0; color: #FFF; background: #720c08; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 2px 2px 5px #cecece; -webkit-box-shadow: 0 0 5px #cecece;  text-shadow: 1px 1px 0px #7d0f0b; }
			#newsletter-box h3 { font-size: 110%;  margin: 5px 0 10px 0; color: #FFF; }
			#newsletter-box a { color: #ba4d49; font-size: 90%; }
			#newsletter-input { margin-bottom: 8px; border: 0; width: 180px; padding: 5px 10px; background: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px; }			
			#newsletter-submit { float: left; }
			#newsletter-preview { float: right; }	 



/* P.I.E. FLOAT CLEARING ---------------------------- */

.clearfix:after { content: " "; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; }
.clearfix { display: block; }