/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,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,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

*{
  box-sizing: border-box;
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body{
  font-family: "Roboto", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 18px;
  line-height: 1.5;
   min-height: 800px;
}

img, video, object{ max-width: 100% }

article, header, nav, section {
    display: block;
}

/* Layout
================================ */

.wrap{
  overflow: hidden;
  height: 100%;
}

.primary-sidebar{
	position: fixed;
  font-family: "kepler-std", serif;
  background-color: #f3f3f3;
  padding-left: 30px;
  padding-top: 20px;
  left: 0;
  top: 0;
  width: 230px;
  height: 100%;
  font-size: 16px;
  /*-moz-box-shadow:    inset 0 0 10px rgba(0,0,0,0.05);
  -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.05);
  box-shadow:         inset 0 0 10px rgba(0,0,0,0.05);*/
}

.content{
  /*border-top-color: #454545;
  border-top: 1px solid;*/
  width: 60%;
  padding-top: 10px;
	margin-top: 190px;
  margin-left: 300px;
  margin-bottom: 55px;
  margin-right: 40px;
}


/* Text
================================ */
em{
  font-style: italic;
}
a{
  color: #111;
  text-decoration: none;
}

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

p{
	padding-top: 10px;
	font-size: .8em;
}

i{
	font-style: italic;
}

h1{
	font-size: 1em;
}
h1 p{
  font-size: 1em;
}

h2{
	font-size: .9em;
}

h3{
	font-size: 1em;
	padding-top: 20px;
	padding-bottom: 30px;
}

img{
  display: block;
  margin: 0px 0;
}

/* Header */

.site-title{
	margin-top: 50px;
	font-size: 1.2em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: bold;
}

.page-menu {
  margin: 100px 0 30px;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 13px;
}

.page-menu li{
  margin: 0.5em 3em 0 0;
  padding: 0.5em 0 0 0.2em;
  list-style: none;
  cursor: pointer;
}

.is-current-page{
	font-weight: bold;
	font-weight: 800;
  pointer-events: none;
}

.address{
	position: absolute;
  bottom: 50px;
  font-size: 14px;
}

/* Content */

.content-title{
  font-size: 2.4em;
  line-height: 1.3;
  margin: 0 0 0.5em;
}

.post-preview{
  margin: 0 0 1em 0;
  padding: 0;
}

.post-preview p{ 
  padding-top: 0;
}


.post-preview:last-child{
	border-bottom: none;
}

.subpage-menu{
	text-transform: uppercase;
  margin-top: 15px;
  font-size: 13px;
  font-weight: 600;
  padding-left: 20px;
}

.subpage-menu a{
  display: inline-block;
  margin-right: 15px;
}

.back{
	margin-top: 50px;
}

.back a{
	color: #999;
}

article a{
	color: #111;
	border: none;
}

.post a{
	color: #111;
	border: none;
}


section a{
	color: #111;
	border: none;
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {
	display:block; 
	position:relative; 
	text-align:left; 
	padding:0;
	width: 550px;
	margin-top: 40px;
}

#mc_embed_signup h2 {
	padding:0; 
	margin:15px 0; 
    font-family: "myriad-pro",sans-serif;
    font-size: 10px;
}

#mc_embed_signup input {
	border:1px solid #999;
	-webkit-appearance:none;
}

#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #fff; border: 1px solid #999; border-radius:0px; color: #000; cursor: pointer; display: inline-block; font-family: "myriad-pro",sans-serif; font-size:14px; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#f3f3f3;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px; font-size: 11px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}


/*==========  Mobile media queries  ==========*/

@media screen and (max-width: 900px) {
  .primary-sidebar{
    position: static;
    background-color: #f3f3f3;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    font-size: 16px;
    text-align: center;
  }

  .content{
    border-top: 0px solid;
    width: 100%;
    padding: 30px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 55px;
    margin-right: 40px;
  }

  .site-title{
    margin-top: 0px;
    font-size: 1.2em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-weight: bold;
  }

  .page-menu {
    margin: 10px 0 30px;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  .page-menu li{
    margin: 0.5em 0 0 0;
    padding: 0.5em 0 0 0;
    list-style: none;
    cursor: pointer;
  }

  .is-current-page{
    font-weight: bold;
    font-weight: 800;
    pointer-events: none;
  }

  .address{
    position: static;
  }

  .subpage-menu{
    padding-left: 0px;
  }

  .subpage-menu a{
    margin-right: 0px;
  }

  #mc_embed_signup form {
    width: 100%;
    margin-top: 40px;
  }

  p{
    padding-top: 10px;
    font-size: .7em;
  }

  i{
    font-style: italic;
  }

  h1{
    font-size: 0.8em;
  }
  h1 p{
    font-size: 0.8em;
  }

  h2{
    font-size: .7em;
  }
}