@charset "utf-8";
body,ul,ol,li,p,img,h1,h2,h3,h4,h5,h6,form,fieldset,label,legend,input,table,tr,td,th,iframe,a,dl,dt,dd,header,footer,main,div,section, article { margin:0; padding:0; font-size: 100%; line-height: 116%; outline: none; box-sizing: border-box; }
ul,ol,li { list-style: none; margin: 0; padding: 0; }
button::-moz-focus-inner { border:0; padding:0; }
h1,h2,h3,h4,h5 { font-weight: normal; margin: 0; padding: 0; }
img { border: none; display: block; }
body { font-family: 'Lato', sans-serif; font-size: 17px; background: #f9f9f9; padding:0; margin: 0; color: #3d3c40; color: rgba(0,0,0,0.8); }
input,button { font-family: 'Lato', sans-serif; outline: none; font-size: 17px; }

.cf:before,.cf:after { content: " "; display: table; }
.cf:after { clear: both;}

img { max-width: 100%; height: auto; }

a { color: #0066cc; text-decoration: none; }

div.bar div:first-child { width: 30%; padding: .5rem; float: left; background: #f55701; }
div.bar div:last-child { background: #51545c; padding: .5rem; width: 70%; float: left; }

.content { max-width: 1200px; margin: auto; clear: both; padding: .75em; }
header { padding: .5rem 0; position: relative; }
header img { float: left; max-width: 140px; opacity: 0.8; }
header div { font-size:2.2rem; float: right; }
header div a { color: #999; color: rgba(0,0,0,0.4); display: inline-block; padding: 1rem .5rem; }
header div a.back { font-size: .85rem; color: #999; color: rgba(0,0,0,0.4); padding-right: 2rem; }
header nav { clear: both; margin-bottom: 1rem; }
header nav div { float: none; padding-top: .65em; }
header nav li { display: inline-block; }
header nav a { font-size: 1rem; padding: .5em .85em !important; background: #eee; border-radius: .25em; }
header nav a:hover,header nav .current-menu-item a { background: #f55701; color: #fff; }

main { float: left; width: 64%; }
aside { float: left; width: 30%; margin-left: 6%; }
aside section { margin-bottom: 2rem;  }
main article { margin-bottom: 4rem; }
main article img { margin-bottom: 1em; }
main h1 { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; line-height: 2.6rem; }
main h2,aside h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; line-height: 2rem; }
main h3 { font-size: 1.2em; font-weight: 700; margin-bottom: 1em; line-height: 2em; }
main h1 a,main h2 a,main a p  { color: #3d3c40; color: rgba(0,0,0,0.8); text-decoration: none; }
main p { line-height: 1.75rem; font-size: 1.2rem; margin-bottom: 1.8rem; }
main ul { margin-bottom: 1.15em; }
main li { display: list-item; margin: 0 0 .65em 2em; list-style-type: square; }
main .meta { color: #999; }


blockquote { letter-spacing: normal; border-bottom: 1px solid #e1e1e1; margin: 0; padding: 1rem 3rem 3rem; margin-bottom: 4rem; text-align: center; font-family: 'Lora', serif; quotes: "\201C" "\201D" "\2018" "\2019"; }
blockquote q { margin: 0; padding: 0; font-size: 1.4rem; line-height: 2rem; color: rgba(0,0,0,0.65)  }

p.add { display: block; clear: both; letter-spacing: normal; padding: 0 1rem; }

h4 { font-size: .85rem; color: #999; padding: 1rem 0; border-bottom: 1px solid #e1e1e1; letter-spacing: normal; margin-bottom: 2rem; }

main section { letter-spacing: -5px; margin: 0 -1rem; }
main section article { display: inline-block; width: 50%; padding: 0 1rem; letter-spacing: normal; margin-bottom: 4rem; vertical-align: top; }
main section article img { margin-bottom: 1em; }
section img { max-width: 100%; height: auto; border-radius: 3px; }
section a.dl { background: #0f9d58; display: block; border-radius: 3px; padding: .75rem; color: #fff; text-align: center; margin: .75rem 0; }
section p.note { font-size: .75em; color: #999; }

div.video { width: 100%; height: 180px; background: #999; }
p.caption { border-bottom: 1px solid #e1e1e1; font-size: .85em; color: #666; padding: .75rem 0; line-height: 1; margin: 0 0 1rem; }

aside .meta { color: #999; }
aside .meta a,aside .meta span { padding: 0 .65rem 0 0; }
aside section { margin-bottom: 4rem; }
aside p { margin: 1rem 0; }
aside li { margin: 1rem 0 1rem 1.15rem; display:  list-item; list-style-type: square; }
aside li p { line-height: 1.6rem; margin-bottom: .25rem; }
aside li span.source { color:#51545c; font-weight: 700; }
aside li a { text-decoration: none; }
aside li .meta { font-size: .75em; }
aside .meta a { font-size: .85em; display: inline-block; background: #eee; color: rgba(0,0,0,0.4); padding: .5em; vertical-align: middle; margin-left: .25em; border-radius: .25em; }
aside .file { display: block; }
aside .file span.size { color: #999; float: right; }
aside article { margin-bottom: 3em; }
aside article img { margin-bottom: 1em; }
aside article h5 { margin-bottom: 1em; }
aside article h5 a { color: rgba(0,0,0,0.8); }

section .gallery img { float: left; width: 32.3333%; margin: .5%;  }
section .gallery .hide { display: none; }
section .gallery .more { display: block; padding: 1rem; background: #eee;  border-radius: 3px; text-decoration: none; color: #333; clear: both; text-align: center; margin: .5%; }
section .gallery .more:hover { background: #e1e1e1; }

.nav-previous, .nav-next { letter-spacing: normal; padding: 0 1rem; margin-bottom: 1em; }


.wp-caption { max-width: 100% !important; width: 100% !important; margin: 0 0 2em 0; background: #333; }
.wp-caption img { margin-bottom: 0; }
.wp-caption figcaption { padding: .5em; color: #999; font-size: .85em; }

.tags-links,.cat-links { display: inline; }
.tags-links a,.cat-links a { font-size: .85em; display: inline-block; margin: 0 .25em .25em 0; padding: .25em .5em; background: #999; color: #fff;  }
.cat-links a { background: #f55701; }

.edit-link { padding: 2em 0 0 0; display: block; }

div.embed-square { position: relative; padding-bottom: 100%; padding-top: 35px; height: 0; overflow: hidden; margin-bottom: 1.8em; }
div.embed-wide { position: relative; padding-bottom: 56%; padding-top: 35px; height: 0; overflow: hidden; margin-bottom: 1.8em; }
div.embed-standard { position: relative; padding-bottom: 75%; padding-top: 35px; height: 0; overflow: hidden; margin-bottom: 1.8em; }
div.embed-square iframe,div.embed-wide iframe,div.embed-standard iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; }

i { display: inline-block;vertical-align: middle; }

@media (max-width: 900px) {
	header { padding: 0; }
	header img { max-width: 100px; float: none; margin:0 auto 1rem; display: block;   } 
	header div { float: none; display: block; text-align: right; }
	header div a { padding: .5rem 0 .5rem .5rem; }
	header div a:first-child { float: left; padding: 1.75rem 0; }
	.content { padding: 1.25rem; }
	main,aside { width: 100%; float: none; margin: 0; }
	main h1 { font-size: 1.4rem; line-height: 2rem; }
	main section article { display: block; width: 100%; }
	main p { font-size: 1.1rem; line-height: 1.65rem; }
	blockquote { padding-left: 1rem; padding-right: 1rem; }
  header nav div { text-align: left; }
  header nav a { font-size: .85rem !important; padding: .65em !important; }
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?vvir1e');
  src:  url('fonts/icomoon.eot?vvir1e#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?vvir1e') format('truetype'),
    url('fonts/icomoon.woff?vvir1e') format('woff'),
    url('fonts/icomoon.svg?vvir1e#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\e900";
}
.icon-reddit:before {
  content: "\e901";
}
.icon-twitter:before {
  content: "\e902";
}
.icon-assignment:before {
  content: "\e85d";
}
.icon-code:before {
  content: "\e86f";
}
.icon-photo:before {
  content: "\e410";
}
.icon-link:before {
  content: "\e157";
}
.icon-keyboard_backspace:before {
  content: "\e317";
}