/* CSS by Nathan Swartz | design@clicknathan.com | Released under the MIT License | http://opensource.org/licenses/MIT */

/* press Reset */

*,*:before,*:after {box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0;}
img,fieldset {border:none;}
a {outline:none;}
img {max-width:100%; height:auto;}

/* the Basics */

body {text-align:center;
	  font: 16px/160% "Open Sans",sans-serif;
	  color:#262b26;
	 }

#h, #content, #f, #prime, #sidebar {padding:20px; _background:#ffc;} /* this is your basic page colour remove or edit */

#header, #footer { box-shadow:inset 0px 0px 10px 2px rgba(0,0,0,0.2);}
#header {height:60px; }
#header h1.logo {text-indent:-999em; top:28px; left:145px;}
#header h1.logo a {display: block; width:190px; height:40px; z-index:9;}

#header nav {width:100%;}
#nav ul {position:absolute;}
#nav ul li, blockquote {position:relative;}
#h:after, #nav:after, form:after, #content:after, .gallery:after, #h nav {content:""; display:table; clear:both;}
#nav ul, #nav li, #nav, #h form, input, button, #prime, #sidebar {float:left;}
#nav ul li a {display:block;}
#h ul {list-style:none;}
#prime, #sidebar {overflow:hidden;}

/* Layout */

.container {margin:0 auto; text-align:left; width:970px;}

#h nav {width:100%;}
#nav {width:75%;}
#nav ul {left:-999em;}
#nav li {float:left;}
#nav ul li {float:none;}
#nav ul li a {display:block;}
#nav li:hover > ul {left:auto; width:250px; background:white; z-index:420;}
#nav li:hover > ul > li:hover > ul {left:250px; top:0;}
#h nav form {width:25%;}

#prime {width:75%;}

#sidebar {width:25%;}

img.aligncenter, div.aligncenter {display:block; margin:30px auto;}
img.alignright, div.alignright {float:right; margin:10px 0 30px 30px;}
p img.alignright {margin-top:0;}
img.alignleft, div.alignleft {float:left; margin:0 30px 30px 0;}
p img.alignleft {margin-top:0;}

.gallery {display:inline-block; clear:both; margin:30px auto;}
.gallery-item {float:left; margin:5px;}
.gallery-item img {height:auto;}
.gallery br {display:none;}

	@media all and (min-width:1200px) {
	  .container {width:1200px;}
	}

	@media all and (max-width:1000px) {
	  .container {width:95%;}
	}
	
	@media all and (max-width:800px) {
	  #sidebar, #prime {float:none; width:100%;}
	  #h {text-align:center;}
	  #nav {width:100%; float:none;}
	  #h nav form {width:80%; margin:0 auto; display:block; float:none;}
	  img.alignright, div.alignright, img.alignleft, div.alignleft {margin:30px auto; display:block; float:none;}
	  .gallery-item {max-width:45%;}
	  
	}


/* Typography */

h1 {font-size:50px;}
h2 {font-size:40px;}
h3 {font-size:35px;}
h4 {font-size:30px;}
h5 {font-size:25px;}
h6 {font-size:20px;}
#content p {font-size:16px;} /* Default Size */
small, #content p.wp-caption-text {font-size:12px;}

#content p, #content ul, #content ol, #content li {padding:5px 0;}
#content h1 {padding:50px 0 10px 0;}
#content h2 {padding:40px 0 10px 0;}
#content h3 {padding:30px 0 10px 0;}
#content h4 {padding:20px 0 10px 0;}
#content h5 {padding:10px 0 10px 0;}
#content h6 {padding:10px 0 10px 0;}
#content h1:first-of-type {padding-top:0;}

#content ul, #content ol {padding-left:35px;}
#content ul {list-style:disc;}

blockquote {margin:20px 0; padding:0 50px; font-size:150%;}
blockquote:before, blockquote:after {position:absolute; font-size:100px;}
blockquote:before {content:open-quote; left:0; top:30px;}
blockquote:after {content:close-quote; right:0; bottom:0;}

h1,h2,h3,h4,h5,h6,blockquote {line-height:100%;}

.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}



/* Animations,Transitions */




/* Gradients,Shadows */




/* Forms */

label {display:block;}
input {width:70%;}
button {width:30%;}