/*

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; }

f

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



table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: right; 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; direction: rtl; font: 75%/1.5em Tahoma; color: #584c41; }

 	#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: 24px Traditional Arabic; font-weight: bold; color: #35291b; margin: 0 0 14px 0 }

	#main-content h2 a { border: none; color: #35291b; }

	 #main-content h2 a:hover { color: #74500e; }

h3 { font: 16px Arial; font-weight: bold;  color: #b29b80; margin: 0 0 14px 0 }



blockquote {  color: #907A61; margin: 15px 0; padding: 10px 20px 10px 20px; border-right: 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 right; 0.6em 0.6em; padding-right: 21px; margin-bottom: 3px; }
	
	*html ul li {
		height: 1%;
	}

	ol li	{ list-style-type: decimal; list-style-position: inside; }

		ul li ul,  ol li ol { margin: 0; }

			ol li ol li { margin-right: 21px; }







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



.alignleft { float: right; margin: 0 0 10px 10px; }	 

.alignright { float: left; margin: 0 10px 10px 0; }	 

.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;
	left: 8px;
	top: 13px;
}

*html .wrapper-976 h1 {
	float:right;
	width:170px
}
*html ul#top-nav {
width:50%
 
	
}
*+html ul#top-nav {
width:50%
 
	
}
ul#top-nav li {
	float: right;
	padding: 3px 0;
	margin: 0;
	background: none;
}
ul#top-nav li a {
	color: #b39371;
	display: block;
	padding: 0 8px;
	margin: 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 16px 0 0;
	padding: 0;
}
ul#top-nav li a#feed:hover {
	background-position: bottom right;
}



/* 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 right; 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: 546px; margin: 0 181px 0 0; 	float: right; }

		

			.page { margin-bottom: 40px; }







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

			

			.post {
				margin-bottom: 40px;
				position: relative;
				background: url(images/post-divider.gif) no-repeat bottom right;
				padding-bottom: 24px;
			}
			

			

				.post-head { position: relative; }		

					
	       *+html .post {

	       height: 1%;
	       	
	       }
						
	       *html .post {

	       height: 1%;
	       	
	       }
		 *html .post .left-sidebar-arrow {
	left: -14px;
}			
		 *+html .post .left-sidebar-arrow {

}	
				/* POST NAVIGATION ---------------------------- */

				

				#nav-below { width: 100%; height: 52px; }

					.nav-previous { float: right; height: 52px; background: url(images/previous-posts-bg.gif) no-repeat center right; margin: 0 -14px 0 0; }

						.nav-previous a { display: block; padding: 16px 36px 16px 50px; }

					.nav-next { float: left; height: 52px; background: url(images/newer-posts-bg.gif) no-repeat center left; margin: 0 0 0 -14px; }

						.nav-next a { display: block; padding: 16px 50px 16px 36px; }

				

				

				

				/* LEFT SIDEBAR ---------------------------- */	

				
.left-sidebar {
	width: 136px;
	position: absolute;
	top: 14px;
	right: -167px;
	color: #926844;
	background: url(images/right-sidebar-divider.gif) no-repeat bottom right;
}
.left-sidebar-arrow {
	background: url(images/right-sidebar-arrow.gif) no-repeat top right;
	width: 15px;
	height: 20px;
	position: absolute;
	top: 14px;
	left: -19px;
}

*html .left-sidebar-arrow {
	left: -14px;
}
*html .left-sidebar  ul {
  margin:0 15px 0 0
}

*+html .left-sidebar  ul {
  margin:0 15px 0 0
}


.first-left-sidebar .left-sidebar-arrow {
	background: url(images/right-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/right-sidebar-divider.gif) no-repeat top right; }

						.first-left-sidebar ul.post-meta { background: none; }

						

						ul.post-meta li { padding: 0 26px 8px 0; margin: 0; }

						 	ul.post-meta .last-post-meta-li { padding-bottom: 0; }

						 	

							ul.post-meta li a { color: #927456; border: none; }

						 	 ul.post-meta li a:hover { color: #8e7358; }

							ul.post-meta li.post-date { background: url(images/icons/clock.gif) no-repeat right; 0em 0.1em; }

							ul.post-meta li.post-comment { background: url(images/icons/comment.gif) no-repeat right; 0em 0.1em; }

							ul.post-meta li.post-tag { background: url(images/icons/tag.gif) no-repeat right; 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: right; 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: right; margin: 0 0 0 20px; }

				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; left: 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: left; width: 100%; color: #7f6e5e; }

				ol.comment-list li div.comment-content-inner { padding: 0 80px 0 0; }

				ol.comment-list li p {  }

				ol.comment-list li ul {  }

				ol.comment-list li ul.children { padding: 0 20px 0 0; margin: 0 0 0 -10px; }

				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% Tahoma, Arial, sans-serif; border: none; }

				

				#respond .formcontainer .form-textarea { width: 100%; margin-bottom: 15px; background: #FFFFFF;  }

					#respond .formcontainer .form-textarea textarea { width: 97%; color: #7f6e5e; padding: 6px 8px 6px 3px; font: 100% tahoma, Arial, sans-serif; border: none; }

		

			





		/* RIGHT SIDEBAR ---------------------------- */	

		
#right-sidebar-container {
	width: 204px;
	float: left;
	position: relative;
	margin: 6px 0 0 14px;
	color: #574431;
}


.right-sidebar {
	width: 100%;
	position: relative;
	background: url(images/left-sidebar-divider.gif) no-repeat bottom right;
	margin: 14px 0;
}
.right-sidebar-ardrow {
	background: url(images/left-sidebar-arrow.gif) no-repeat top right;
	width: 15px;
	height: 20px;
	position: absolute;
	top: 4px;
	right: -19px;
}
.first-right-sidebar {
	background: url(images/left-sidebar-divider-first.gif) no-repeat bottom right;
}
.right-sidebar h3 {
	margin: 0 0 7px;
}

.twit {
		background: url(images/twitter.png) no-repeat;
		width:200px;
		height:164px;
		text-align:justify;
		padding: 4px 0 4px;




}


			ul.twit  { margin-right: 10px; }

.twit_stu { margin:10px 10px 10px 0 ; } 



*html .right-sidebar ul {

} 


.right-sidebar ul {
	padding: 0 0 14px;
}
.right-sidebar ul li {
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
}
.right-sidebar ul li ul {
	padding: 0 14px 0 0;
}

*html .right-sidebar ul li a {
	height: 1%;
}
.right-sidebar ul li a {
	background: url(images/icons/sidebar-bullet.gif) no-repeat right;
	padding-right: 21px;
	margin-bottom: 3px;
	display: block;
	border: none;
	color: #886a4d;
}
.right-sidebar ul li a:hover {
	color: #8e7358;
}
.ad-box {
	background: none;
	margin: 0 0 10px;
}
.ad-box img {
	background: none;
	border: none;
	padding: 0;
	margin: 0 0 14px;
}



					

				

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

		

		

		

		

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

		

		ul#bottom-nav { position: absolute; left: 0; top: 26px; }

			ul#bottom-nav li { float: right; margin: 0 14px 0 0; padding: 0; background: none; }

				ul#bottom-nav li a { color: #7e6e4c; display: block; margin: 0 20px 0 0; 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; }