/*
THEME NAME: Simplicity
THEME URI: http://themes.dvq.co.nz/
DESCRIPTION: Simplicity WordPress Theme
VERSION: 2.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: #0b3659 url(images/bg-repeat.gif) repeat 0 0; font: 62.5%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5791b8; }
#bg-repeat-top { background: url(images/bg-repeat-top.gif) repeat-x 0 0; width: 100%; }


p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }
a { text-decoration: none; color: #1965a2; }
a:hover { color: #FFF; }


h2 { color: #a9cee5; font-weight: bold; font-size: 2.1em; line-height: 1.3em; text-transform: uppercase; margin-bottom: 20px; }
	h2 a { color: #a9cee5; }
	 h2 a:hover { color: #FFF; }
.archives-title { margin-bottom: 60px; padding: 15px 0 20px 0; background: url(images/post-bg.gif) repeat-x bottom left; text-transform: uppercase; color: #216e9d; padding-left: 192px; }	 
	 
h3 { color: #719bb5; font-weight: bold; font-size: 1.3em; line-height: 1.2em; text-transform: uppercase; margin-bottom: 6px; }
	
blockquote p { border-left: 4px solid #1d4d6e; padding: 5px 20px; margin: 10px 0 20px 21px; color: #366b8e; }

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



/* IMAGE 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; }

img { background: #062b4a; border: 1px solid #0e4163; padding: 4px; }



/* LEFT SHADOW ---------------------------- */

#left-shadow { width: 60px; background: url(images/left-shadow.png) repeat-y 0 0; position: fixed; z-index: 10; top: 0; bottom: 0; left: 0; }




/* CONTAINER ---------------------------- */

#container { width: 870px; margin: 0 0 0 60px; font-size: 1.3em; line-height: 1.6em; text-shadow: 1px 1px 1px #03192b; }
	
	
	
	
	/* HEADER ---------------------------- */
	
	#header { width: 100%; height: 62px; padding: 8px 0 60px 0; position: relative; }
	
	
	
	
		/* LOGO ---------------------------- */

		h1 a { width: 160px; height: 54px; background: url(images/logo.gif) no-repeat 0 0; text-indent: -9999px; display: block; float: left }
		
		
		
		
		/* TOP NAV ---------------------------- */
		
		#top-nav { margin: 17px 0 0 0; float: right; }
		    #top-nav li { float: left; margin: 0 0 0 20px; padding: 0; background: none; text-transform: uppercase; text-shadow: 1px 1px 1px #2a5877; }
		    	#top-nav li a { display: block; color: #badff6; }
		    	 #top-nav li a:hover { color: #FFFFFF; border-bottom: 2px solid #337ab2; }
		    	 
		    	#top-nav li#top-nav-divider { width: 2px; height: 42px; position: absolute; top: 14px; right: 48px; background: url(images/top-nav-divider.gif) no-repeat 0 0; text-indent: -9999px; }
		    	 
		    	#top-nav li#rss-icon { margin: 1px 0 0 42px; }
		    	 #top-nav li#rss-icon a { display: block; background: url(images/rss-icon-top-nav.gif) no-repeat 0 0; padding: 0; width: 28px; height: 26px; text-indent: -9999px; }
				  #top-nav li#rss-icon a:hover { border: none; }




/* CONTENT WRAPPER ---------------------------- */

#content-wrapper { width: 100%; background: url(images/content-wrapper-bg.gif) repeat-y 160px 0px; margin-bottom: 60px; }

	#content-wrapper a { border-bottom: 1px solid #14456c; }
	    #content-wrapper a:hover { border-bottom: 1px solid #72a1bf; }
	#content-wrapper h2 a { border-bottom: none; }
	    #content-wrapper h2 a:hover { border-bottom: none; }




	/* POST ---------------------------- */

	
		/* POST CONTENT ---------------------------- */
		
		.post-content { width: 678px; float: right; background: url(images/post-bg.gif) repeat-x bottom left; padding-bottom: 15px; margin-bottom: 30px; }
	
		#content-wrapper .last-post { margin-bottom: 0; }	
	
	
	
		/* ENTRY META ---------------------------- */	
		
		.entry-meta { width: 155px; margin: 3px 0 0 0; padding-bottom: 10px; float: left; background: url(images/entry-meta-bg.gif) no-repeat bottom left; font-size: 0.9em; text-transform: uppercase; color: #1965a2; }
			.entry-meta p { margin-bottom: 0.5em; }
			
			.entry-meta-arrow { width: 6px; height: 10px; background: url(images/entry-meta-arrow.gif) no-repeat 0 0; float: right; margin: 5px 0 0 0; }
	


				 
		/* COMMENTS ---------------------------- */	
		
		#comments { width: 678px; float: right; }
		
		    #comments-list { margin: 20px 0 0 0; }
		    
		    ol.comment-list { margin: 45px 0 0 0; }
		    ol.comment-list li { width: 636px; position: relative; background: #062b4a; border: 1px solid #0e4163; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; list-style: none; list-style-position: outside; padding: 10px; margin: 0 0 50px 20px; position: relative; }
		    ol.comment-list li div.comment-info { margin: -37px -10px 0 0; width: 590px; margin-bottom: 10px; float: right; }
		    ol.comment-list li div.comment-avatar { position: absolute; top: -30px; left: -20px; width: 50px; }
		    ol.comment-list li div.comment-avatar img { background: #062b4a; border: 1px solid #0e4163; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
		    ol.comment-list li div.comment-author { font-weight: bold; color: #719bb5; float: left; position: relative; }
		    ol.comment-list li div.comment-author .says-text { color: #366b8e; font-weight: normal; }
		    ol.comment-list li div.comment-meta { font-size: 0.9em; text-transform: uppercase; color: #366b8e; float: right; position: relative; }
		    ol.comment-list li div.comment-content { float: right; width: 580px; }
		    ol.comment-list li div.comment-content img { padding: 0; background: none; border: none; }
		    
		    #right-column ol.comment-list li div.comment-content a { border-color: #242424; }

	
	
		    /* COMMENTS FORM ---------------------------- */	
		    
		    #respond { margin: 50px 0 0 0; }
		    
		    #respond .formcontainer { margin: 0px 0 0 0; }
		    
		    #comment-notes { color: #366b8e; text-align: right; }
		    
		    #respond .formcontainer .form-label { float: left; width: 100px; margin: 4px 0 0 0; font-weight: bold; }
		    #respond .formcontainer .form-input input { width: 462px; float: right; margin-bottom: 20px; padding: 6px 7px; color: #5791B8; background: #062b4a; border: 1px solid #0e4163; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif; }
		    #respond .formcontainer .form-textarea textarea { width: 464px; float: right; color: #5791B8; background: #062b4a; border: 1px solid #0e4163; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px; font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 15px; }			
		    #respond .formcontainer #submit	{  float: right; display: block; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px 1px #124975; background: #1965a2; border: none; padding: 5px 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; font: 95% "Helvetica Neue", Helvetica, Arial, sans-serif; }
		    	#respond .formcontainer #submit:hover	{ color: #FFF; background: #2882ca; }





		/* POST NAVIGATION ---------------------------- */		
					
		#content-wrapper #nav-below { width: 678px; float: right; margin: 30px 0 0 0; }
		#content-wrapper .navigation { width: 100%; clear: both; float: left; text-transform: uppercase; }
		   #content-wrapper .nav-previous a { float: left; display: block; color: #FFF; text-shadow: 1px 1px 1px #124975; background: #1965a2; padding: 4px 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; border: none; }
		   #content-wrapper .nav-next a { float: right; display: block; color: #FFF; text-shadow: 1px 1px 1px #124975; background: #1965a2; padding: 4px 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; border: none; }
		 	
		   #content-wrapper .navigation a:hover { color: #FFF; background: #2882ca; }



/* FOOTER ---------------------------- */	

#footer-wrapper { width: 100%; background: url(images/footer-bg.gif) repeat-x top left; }	
#footer { width: 870px; height: 62px; float: left; margin: 0 0 0 60px; font-size: 1.3em; line-height: 1.6em; text-shadow: 1px 1px 1px #03192b; color: #376786; text-transform: uppercase; }

    #footer p {  float: left; margin: 23px 0 0 0; }

    #bottom-nav { float: right; }
    	#bottom-nav li { float: left; margin: 23px 0 0 20px; padding: 0; background: none; }
    	 #bottom-nav li a { color: #376786; }
    	  #bottom-nav li a:hover { color: #FFF; }	



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

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