/*
THEME NAME: FreeStyle
THEME URI: http://www.dvq.co.nz/freebies/free-style
DESCRIPTION: FreeStyle Free WordPress Theme
TAGS: tags
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: url(images/bg.gif) repeat 0 0; font: 75%/1.5em Verdana, Arial, sans-serif; color: #584c41;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;}
 	#bg-wrapper { background: url(images/bg-wrapper.gif) repeat-x 0 0; width: 100%; }
 	 #bg-wrapper-2 { background: url(images/bg-wrapper-2.gif) no-repeat top center; width: 100%; }

p { margin-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #a87415; text-decoration: none; }
 a:hover { color: #74500e; }

h2 { font: 135%/1.3em Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; color: #35291b; margin: 10px 0 8px 0;}

	#main-content h2 a { border: none;}
	 #main-content h2 a:hover {}

h3 { font: 120%/1.3em Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; color: #a27615; margin: 0 0 14px 0;}

h4 {
	font-size: 14px;
	color: #a27615;
	margin-bottom: 15px;
	padding-top: 25px;
	border-bottom: 1px dotted #a27615;}

pre{
	font: 100%  Verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
	line-height: 1.7em;
	padding: 5px;
	color: #372c1e;  
white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
margin-bottom: 1em;
	background-color: #f4f1e5;
	 border: 1px solid #d5c8a0;}

blockquote {  color: #907A61; margin: 15px 0; padding: 10px 20px 10px 20px; border-left: 3px solid #907a61; }
	.last-blockquote-p { margin: 0; }

img { background: #f4f1e5; border: 1px solid #d5c8a0; padding: 5px; }

ul, ol { margin-bottom: 10px; }	
	ul li { background: url(images/icons/main-bullet.gif) no-repeat 0.6em 0.6em; 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; }



/* WRAPPERS ---------------------------- */

.wrapper-976 { width: 976px; margin: 0 auto; position: relative; }



	/* HEADER ---------------------------- */
	
	#header { width: 100%; height: 50px; }
	
	
	
		/* LOGO ---------------------------- */

		h1 a { width: 167px; height: 50px; display: block; text-indent: -9999px; background: url(images/logo.gif) no-repeat 0 0; border: none; }
		
		
		
		/* TOP NAVIGATION ---------------------------- */
		
		ul#top-nav { position: absolute; right: 8px; top: 13px; }
			ul#top-nav li { float: left; padding: 3px 0; margin: 0; background: none; }
				ul#top-nav li a { color: #b39371; display: block; padding: 0 8px 0 8px; margin: 0 8px 0 8px; text-decoration: none; text-shadow: 1px 1px 2px #291f14; }
				 ul#top-nav li a:hover { color: #eaddcf; }
				ul#top-nav li a#feed { width: 15px; height: 17px; text-indent: -9999px; background: url(images/icons/rss.gif) no-repeat 0 0; margin: 0 0 0 16px; padding: 0; }	
					ul#top-nav li a#feed:hover { background-position: bottom left; }



/* CONTENT WRAPPERS ---------------------------- */			
	
	#content-wrapper-bg { background: url(images/content-wrapper-bg.gif) repeat-y 0 0; width: 976px; margin: 53px auto 0 auto; }
	 #content-wrapper-bottom { background: url(images/content-wrapper-bottom.gif) no-repeat bottom left; width: 100%; padding-bottom: 46px; }
	   #content-wrapper-top { background: url(images/content-wrapper-top.gif) no-repeat 0 0; width: 100%; padding: 14px 0 0px 0; }			



		/* MAIN CONTENT ---------------------------- */		
		
		#main-content { width: 536px; margin: 0 0 0 181px; float: left; }
		
			.page { margin-bottom: 40px; }

.archivelist li {}



			/* POSTS ---------------------------- */	

.entry-title,.entry-content {margin-left: 5px;}
.page-title {margin: 0 0 20px 3px;}	
.entry-title,.entry-content p {letter-spacing: 0.05em;}

.page-title {
	font-size: 14px;
	padding-left: 3px;
	border-bottom: 1px dotted #35291b;}

.entry-title a {color: #fff;}
.entry-title a:hover {color: #a27615;}
.entry-title {
	color: #fff;
	font-size: 14px;
	padding: 5px 5px 4px 8px;
	background-color: #34281a;}

.entry-content {padding: 2px 0;}

.entry-content p em {
	display: block;
	font-style: normal;
	background: #f4f1e5 url(images/icons/icon_download.gif) 8px center no-repeat; 
	border: 1px solid #d5c8a0; 
	padding: 5px 5px 5px 24px;}

.entry-content p {
	color: #594531;
	margin-bottom: 1em;}

.more-link {display: block;margin-top: 0.5em;}
			
			.post { margin-bottom: 20px; position: relative; background: url(images/post-divider.gif) no-repeat bottom left; padding-bottom: 10px; }
			
				.post-head { position: relative; }		
					
					
					
				/* POST NAVIGATION ---------------------------- */
				
				#nav-below { width: 100%; height: 52px; }
					.nav-previous { float: left; height: 52px; background: url(images/previous-posts-bg.gif) no-repeat center left; margin: 0 0 0 -14px; }
						.nav-previous a { display: block; padding: 16px 50px 16px 36px; }
					.nav-next { float: right; height: 52px; background: url(images/newer-posts-bg.gif) no-repeat center right; margin: 0 -14px 0 0; }
						.nav-next a { display: block; padding: 16px 36px 16px 50px; }
				
				
				
				/* LEFT SIDEBAR ---------------------------- */	
				
				.left-sidebar { width: 136px; position: absolute; top: 14px; left: -167px; color: #574431; background: url(images/left-sidebar-divider.gif) no-repeat bottom left; }
					.left-sidebar-arrow { background: url(images/left-sidebar-arrow.gif) no-repeat top right; width: 15px; height: 20px; position: absolute; top: 14px; right: -19px; }
						.first-left-sidebar .left-sidebar-arrow { background: url(images/left-sidebar-arrow-first.gif) no-repeat top right; }
						
						
						
					/* POST META ---------------------------- */		
				
					ul.post-meta { margin: 0 0 16px 0; padding: 16px 0 0 0; background: url(images/left-sidebar-divider.gif) no-repeat top left; color: #907a61; }
						.first-left-sidebar ul.post-meta { background: none; }
						
						ul.post-meta li { padding: 0 0 8px 26px; margin: 0; }
						 	ul.post-meta .last-post-meta-li { padding-bottom: 0; }
						 	
							ul.post-meta li a { color: #907a61; border: none; }
						 	 ul.post-meta li a:hover { color: #bfaf9b; }
							ul.post-meta li.post-date { background: url(images/icons/clock.gif) no-repeat 0em 0.1em; }
							ul.post-meta li.post-comment { background: url(images/icons/comment.gif) no-repeat 0em 0.1em; }
							ul.post-meta li.post-tag { background: url(images/icons/tag.gif) no-repeat 0em 0.1em; }



				/* COMMENTS ---------------------------- */
				
				ol.comment-list { border-top: 1px dotted #d5c8a0; }
				ol.comment-list li { border-bottom: 1px dotted #d5c8a0; list-style: none; list-style-position: outside; padding: 10px; }
				ol.comment-list li.alt {  }
				ol.comment-list li.bypostauthor {  }
				ol.comment-list li.byuser {  }
				ol.comment-list li.comment-author-admin {  }
				ol.comment-list li.comment {  }
				ol.comment-list li div.vcard { width: 100%; float: left; margin: 0 0 1em 0; position: relative; }
				ol.comment-list li div.vcard cite.fn {  }
				ol.comment-list li div.vcard cite.fn a.url {  }
				ol.comment-list li div.vcard img.avatar { float: left; margin: 0 20px 0 0; }
				ol.comment-list li div.vcard img.avatar-32 {  }
				ol.comment-list li div.vcard img.photo {  }
				ol.comment-list li div.vcard span.says {  }
				ol.comment-list li div.commentmetadata { font-size: 90%; }
				ol.comment-list li div.comment-meta {  }
				ol.comment-list li div.comment-meta a {  }
				ol.comment-list li div.comment-author { margin: 8px 0 6px 0; color: #584c41; }
				ol.comment-list li div.reply { position: absolute; top: 8px; right: 0;) }
				ol.comment-list li div.reply a { background: #F4F1E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 4px; font-size: 90%; }
				ol.comment-list li div.comment-content { float: right; width: 100%; color: #7f6e5e; }
				ol.comment-list li div.comment-content-inner { padding: 0 0 0 80px; }
				ol.comment-list li p {  }
				ol.comment-list li ul {  }
				ol.comment-list li ul.children { padding: 0 0 0 20px; margin: 0 -10px 0 0; }
				ol.comment-list li ul.children li { background: none; margin: 10px 0 0 0; padding: 10px; border: 1px dotted #d5c8a0; }
				ol.comment-list li ul.children li.alt {  }
				ol.comment-list li ul.children li.bypostauthor {  }
				ol.comment-list li ul.children li.byuser {  }
				ol.comment-list li ul.children li.comment {  }
				ol.comment-list li ul.children li.comment-author-admin {  }
				ol.comment-list li ul.children li.depth-2 {  }
				ol.comment-list li ul.children li.depth-3 {  }
				ol.comment-list li ul.children li.depth-4 {  }
				ol.comment-list li ul.children li.depth-5 {  }
				ol.comment-list li ul.children li.odd {  }
				ol.comment-list li.even {  }
				ol.comment-list li.odd {  }
				ol.comment-list li.parent {  }
				ol.comment-list li.pingback {  }
				ol.comment-list li.thread-alt {  }
				ol.comment-list li.thread-even {  }
				ol.comment-list li.thread-odd {  } 
	
	
	
				/* 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 {  }			
	
	
	
				/* COMMENTS FORM ---------------------------- */	
				
				#respond { margin-top: 40px; }
				
				#respond .formcontainer #comment-notes { color: #a18e7c; }
				
				#respond .formcontainer .form-label { width: 100%; margin-bottom: 5px; font-weight: bold; }
				#respond .formcontainer .form-input input { width: 250px; margin-bottom: 20px; padding: 6px 7px; color: #7f6e5e; font: 100% Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; border: none; }
				
				#respond .formcontainer .form-textarea { width: 100%; margin-bottom: 15px; background-color: #f7f4ea;  }
					#respond .formcontainer .form-textarea textarea { width: 97%; color: #7f6e5e; padding: 6px 3px 6px 8px; font: 100% Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; border: none; background-color: #f7f4ea; }
		
			


		/* RIGHT SIDEBAR ---------------------------- */	
		
		#right-sidebar-container { width: 204px; float: right; position: relative; margin: 6px 14px 30px 0; color: #574431; }		
			.right-sidebar { width: 100%; position: relative; background: url(images/right-sidebar-divider.gif) no-repeat bottom left; margin: 14px 0; }	
				.right-sidebar-ardrow { background: url(images/right-sidebar-arrow.gif) no-repeat top left; width: 15px; height: 20px; position: absolute; top: 4px; left: -19px; }
					.first-right-sidebar { background: url(images/right-sidebar-divider-first.gif) no-repeat bottom left; }
				
			.right-sidebar h3 { margin: 0 0 7px; }	
			
			.right-sidebar ul { padding: 0 0 14px 0; }
				.right-sidebar ul li { display: block; padding: 0; background: none;  color: #907a61; margin-bottom: 3px;}
					.right-sidebar ul li ul { margin: 0 0 0 14px; }
				.right-sidebar ul li a { background: url(images/icons/sidebar-bullet.gif) no-repeat 0.6em 0.6em; padding-left: 21px;  border: none; color: #907a61; }
				 .right-sidebar ul li a:hover { color: #bfaf9b; }
				
			.ad-box	 { background: none; margin: 0 0 10px 0; }
				.ad-box img { background: none; border: none; padding: 0; margin: 0 0 14px 0; }

#tagcloud {
	padding: 0 10px 10px 0;}

#tagcloud a { border: none; color: #907a61;}
#tagcloud a:hover {color: #bfaf9b;}

.tagbox {padding-left: 10px;}

.twitter-message {
	display: block;
	font-size: 10px;
	color: #907a61;
	margin: 0 5px 5px 2px;
	padding: 3px 5px;
	background-color: #372c1e;}

.twitter-message a,.followme a { color: #907a61;}
.twitter-message a:hover,.followme a:hover { color: #bfaf9b;}

.tweet {
	padding-bottom: 8px;}

.followme {
	display: block;
	text-align: right;
	font-size: 10px;
	padding-bottom: 10px;
	margin: 5px 7px 0 0;}

#another {
	padding-bottom: 10px;}
					
				
			/* SEARCH FORM ---------------------------- */	
				
			#searchform { margin: 0px 0 0 0; }
				#searchform input#s { color: #78654f; vertical-align: middle; background: url(images/search-form-bg.gif) no-repeat 0 0; width: 184px; padding: 8px 10px 8px 10px; margin-bottom: 16px; border: none; }			
							



	/* FOOTER ---------------------------- */				
	
	#footer { width: 100%; height: 69px; padding: 27px 0 0 0; background: url(images/footer-bg.gif) repeat-x 0 0; text-shadow: 1px 1px 2px #291f14; }		
		#footer p { padding-top: 26px; color: #7e6e4c; }
		
		
.copy a { border: none; color: #907a61;}
.copy a:hover {color: #bfaf9b;}
		
		/* FOOTER NAVIGATION ---------------------------- */
		
		ul#bottom-nav { position: absolute; right: 0; top: 26px; }
			ul#bottom-nav li { float: left; margin: 0 0 0 14px; padding: 0; background: none; }
				ul#bottom-nav li a { color: #7e6e4c; display: block; margin: 0 0 0 20px; text-decoration: none; }
				 ul#bottom-nav li a:hover { color: #ddc4a9; }		




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

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