@import url('reset.css');
@import url('social.css');
@font-face {font-family: "Voltaire"; src: url("Voltaire-Regular.ttf");}

#themp {-webkit-columns:150px auto;-moz-columns:150px auto;columns:150px auto;}
#themp a img {padding:1px;margin:5px;background-color:#42A0FF;border:1px solid #42A0FF;border-radius:6px;}
.cf:after,.cf:before {content: "";display: table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.wrapper {margin:0 auto;max-width:940px;position:relative;}
body {font-family:Helvetica, Arial,sans-serif;font-size:13px;}
body a {text-decoration: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
body p {margin-bottom:21px;}
#main h1,#main h2,#main h3,#main h4,#main h5,#main h6 {text-shadow:4px 4px 0 rgba(0, 0, 0, 0.1);}
#main,footer {line-height:1.5em;}
h1,h2,h3,h4,h5,h6 {font-family: 'Voltaire', sans-serif  !important;}
h1 {font-size:42px;}
h2 {font-size:36px;}
h3 {font-size:24px;}
h4 {font-size:21px;}
h5 {font-size:18px;}
h6 {font-size:14px;}
#logo {margin-top:20px;margin-bottom:20px;float:left;}
#logo a {color:#008cff;}
#logo:hover {opacity: 0.8;}
.entry-content figure figcaption {line-height:1.2;color:#000;border:1px solid #999;border-radius:5px;padding:4px;text-align:center;font-size:11px;background-color:rgba(255,255,255,0.4);}
.entry-content h2 {margin-bottom:16px;}
.entry-content2 figure {display:table; width:100%;}

.entry-content2 figure figcaption {display: table-caption; caption-side: bottom;line-height:1.2;color:#000;border:1px solid #999;border-radius:5px;padding:4px;text-align:center;font-size:11px;background-color:rgba(255,255,255,0.4);margin-bottom:16px;}
.entry-content2 h4 {margin-bottom:16px;}
#nav {float:right;text-decoration:none;}
#nav > li { margin:0 10px;}
#nav > li:first-child {margin-left:0px;}
#nav > li:last-child {border-right:none;padding-right:0px;}
#nav > li > a {font-family: Arial, sans-serif;font-size:12px;display:block;overflow:hidden;line-height:80px;border-top:3px solid transparent;}
.widget-cols {margin-top:60px;margin-bottom:30px;font-size: 11px;}
.widget-cols h4 { margin-bottom: 30px;font-weight: normal;text-align: center;}
.widget-cols > li {width: 220px;float: left;margin-right: 20px;}
.widget-cols > li.fourth-col {margin-right: 0px;}
header .wrapper {}
header .wrapper #home-slider {margin-bottom: -73px;-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);  -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);}
#main {min-height: 500px;padding-top: 40px;}
body.home #main {padding-top: 40px;}
.imgleft {float:left;margin:0 10px 10px 0;}
.imgright {float:right;margin:0 0 10px 10px;}
.cl {clear:both;}
.it {font-style:italic;}
.masthead {margin-bottom: 35px;font-family: 'Voltaire', sans-serif;font-size: 48px;line-height: 1.1em;text-align: center;text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);border-bottom: 1px solid #ccc;padding-bottom: 22px;}
.ml2 {margin-top:60px;}
.isotope-item {z-index: 2;}
.du {break-inside:avoid;}
.tp {border:2px solid #42A0FF;border-radius:6px;}
.tp:hover {border:2px solid #000;border-radius:6px;}
.atb {-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);  -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
#filter-container {width: 965px;margin-bottom: 60px;padding-left: 5px;padding-top: 5px;margin-left: -5px;}
#filter-container figure {display: table;width: 300px;float: left;margin-right: 20px;margin-bottom: 30px;-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);}
#filter-container figure .thumb {display: block;width: 100%;line-height: 0em;border-bottom: 2px solid #ccc;}
#filter-container figure .thumb img {max-width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#filter-container figure .thumb:hover img {opacity: 0.2;}
#filter-container figure figcaption {display:inline-block; margin: 18px 10px 20px 10px;text-align: center;}
#filter-container figure figcaption .heading {display:inline-block; margin-bottom: 13px;font-size: 32px;line-height: 1.2em;text-transform: uppercase;display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#page-content-sb {width: 640px;float: left;margin-right: 60px;}
.related-projects figure .thumb:hover img { opacity: 0.15;}
#posts-list {position: relative;width: 640px;float: left;margin-top: 20px;margin-right: 60px;}
#posts-list article {position: relative;margin-bottom: 55px;-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);  -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);}
#posts-list article .feature-image { width: 100%;line-height: 0em;}
#posts-list article .feature-image img {max-width: 100%;border-bottom: 2px solid #ccc;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#posts-list article .box {position: relative;padding-left: 40px;padding-top: 12px;padding-bottom: 18px;}
#posts-list article .box .entry-date {position: absolute;width: 50px;height: 37px;top: 15px;left: -23px;display: block;padding-top: 13px;font-family: 'Voltaire', Arial, sans-serif;line-height: 1em;-moz-border-radius: 60px 60px 60px 60px;-webkit-border-radius: 60px 60px 60px 60px;border-radius: 60px 60px 60px 60px;box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.2);}
#posts-list article .box .entry-date .number {font-size: 18px;text-align: center;margin-bottom: 3px;margin-top:6px;}
#posts-list article .box .excerpt {float: left;width: 421px;}
#posts-list article .box .excerpt .post-heading {display: block;font-family: 'Voltaire', Arial, sans-serif;font-size: 32px;line-height: 1.1em;text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);margin-top: 14px;margin-bottom: 21px;}
#posts-list article .box .meta {float: left;margin-left: 20px;font-size: 11px;padding-top: 15px;}
#posts-list article .box .meta span {display: block;margin-bottom: 10px;padding-left: 25px;}
#posts-list article .box .meta .user {background: url(../img/icon-user.png) no-repeat 0px 0px;}
#posts-list article.format-audio .format {background: url(../img/icon-format-audio.png) no-repeat 0px 0px;}
#posts-list article.format-video .format {background: url(../img/icon-format-video.png) no-repeat 0px 0px;}
#posts-list article.format-standard .format {background: url(../img/icon-format-post.png) no-repeat 0px 0px;}
#sidebar {position: relative;width: 240px;float: left;margin-top: 0px;font-size: 12px;line-height:1.3;}
#sidebar .block {margin-bottom: 40px;padding-bottom: 5px;}
#sidebar h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.1);  margin-bottom: 25px;padding-bottom: 15px;}
#sidebar h5 {border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom: 15px;margin-top:0px;margin-bottom: 25px;font-size: 21px;}
#sidebar a:hover {color:#000;}
.sbimg {padding-bottom:30px;}
.sbbord {border:1px solid #000;}
#sidebar li {margin-bottom: 7px;}
#sidebar figure figcaption {line-height:1.2;color:#000;	border:1px solid #999;	padding:4px;border-radius:5px;text-align:center;font-size:11px;background-color:rgba(255,255,255,0.4);}
.sbar li+li {margin-top:40px;}
#social-bar { display: block;float: right;}
#social-bar li {display: block;float: left; margin-left: 6px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#social-bar li:hover {-webkit-transform: translate(0px, -5px);-moz-transform: translate(0px, -5px);-o-transform: translate(0px, -5px);transform: translate(0px, -5px);}
footer {font-size: 11px;}
footer h4 {text-shadow: 4px 4px 0 rgba(255, 255, 255, 0.1);}
.footer-bottom {padding-top: 20px; padding-bottom: 20px;overflow: hidden;border-top: 1px dashed rgba(255, 255, 255, 0.1);}
.footer-bottom .left {width: 50%;padding-top: 10px;float: left;}