/* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */
body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

.theader { position: relative; }
#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left;	}

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

@media only screen and (max-width: 768px){
	.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
	.menu > li { display: block; width: 100%; margin: 0; }
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
	#toggle:checked ~ .menu { display: block; opacity: 1;}
}

/*--------------------------------
 Presentation Styles (Editable)
---------------------------------*/
.ihead {margin: 0 auto; max-width: 940px;}

.theader{min-height: 90px;height: 100%;padding: 0 20px;background: #2d2d2d;}

.theader > .ihead h1 {
	float: left;
	padding: 24px 0 0;		
	font-family: 'Voltaire', sans-serif;
	font-size: 36px;
	color: #008cff;
}

.nav{display:block;float:right;}

.nav, .menu, .menu > li, .menu > li > a{height: 100%;}

.menu > li > a{
	margin-top:24px;
	display: block;
	padding: 13px 11px;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	line-height: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	color:#C0C0C0;
}

.menu > li > a:hover, .menu > li > a:focus{
	background: rgba(242,242,242,0.4);
	border-radius:5px;
	color: #fff;
	padding: 13px 11px;
}
.homecol {-webkit-columns:300px auto;-moz-columns:300px auto;columns:300px auto;}
#themp a img {padding:1px;margin:5px;background-color:#42A0FF;border:1px solid #42A0FF;border-radius:6px;}
.toggle{z-index:2;}
.mfooter {margin-top:26px;text-align:center;}
.footer-bottom {padding-left:20px;}
#social-bar {padding-right:20px;}
.footl {margin-top:20px;margin-bottom:24px;font-size:12px;}
.footl li {display: inline;padding-right:20px;}
.footl li:last-child {padding-right:0;}
.homecol1 {float:left;width:300px;position:relative;left:0;padding:0 16px 0 2px;overflow:hidden;}
.homecol2 {float:left;width:300px;position:relative;left:0;padding:0px 1px 0px 2px;overflow:hidden;}
.homecol3 {float:left;width:300px;position:relative;left:0;padding:0 2px 0 17px;overflow:hidden;}
.vid1 {width:600px;height:480px;}
.vid2 {width:600px;height:328px;}
.vid3 {width:600px;height:335px;}
.web {line-height:1.2;color:#999;padding:0;margin-bottom:0px;text-align:center;font-size:14px; width:300px;-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;-o-column-break-inside: avoid;column-break-inside: avoid;display: table;}
.web img {border:0px 2px 0px 0px solid #999;padding-bottom:0px;}
.web img:hover {opacity:0.6;}
.web figcaption {margin: 0px 0px 20px 0px;text-align:center;padding:14px 10px 20px 10px;-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);background-color:rgba(255,255,255,0.7);}
.web .heading {color:#000;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;}
.web .heading:hover {color: #008cff;}
.message {font-size:14px;width:500px;height:200px;background-color:#fff;border:1px solid #999;}
.name {font-size:16px;width:300px;background-color:#fff;border:1px solid #999;}
.email {font-size:16px;width:300px;background-color:#fff;border:1px solid #999;}
.mainleft {float:left; width:48%;}
.mainleft img {width:98%;margin-left:2px;}
.mainright {float:right; width:48%;}
.mainright img {width:98%;margin-left:2px;}

@media only screen and (max-width: 768px){
.wrapper {width:91.5%;padding-left:0px;}
#posts-list article .box .excerpt {width:65%;}
#posts-list article .box .meta {margin-left:38px;}
#posts-list {width:100%;}

.vid1 {width:508px;height:406px;}
.vid2 {width:508px;height:278px;}
.vid3 {width:508px;height:284px;}
h2 {font-size:30px;}
#page-content-sb {width:100%;padding-left:10px;padding-right:10px;}
#sidebar {display:none;}
.menu{background: #2d2d2d;border-top: 1px solid #969696;}
.ihead {width:100%;}
.menu, .menu > li, .menu > li > a{height:auto;z-index:2;}
.menu > li > a{padding: 15px 15px;}
.menu > li > a:hover, .menu > li > a:focus{background:#F2F2F2;border-radius:0px;padding: 15px 15px;color:#000;}
.toggle:after {content:'Main';display:block;width:100px;margin:33px 0;padding:10px 20px;background:#C3C3C3;-webkit-border-radius:2px;border-radius:2px;text-align:center;font-size:12px;color:#000;}
.toggle:hover:after{background: #969696;}
#toggle:checked + .toggle:after{content: 'Close';}
#home-slider{display:none;}
}

@media only screen and (max-width: 479px){
.theader > h1 {text-align: center;}
.theader > h1, .nav, .toggle:after{float: none;}
.toggle:after {text-align: center; width: 100px;}
}