/*
Theme Name: WiderGrid
Theme URI: http://www.madeinebor.com
Version: 1.0.0
Description: WiderGrid - A Creative Portfolio & Blog WordPress Theme
Author: Tom Rhodes
Author URI: http://www.madeinebor.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, custom-background, threaded-comments, translation-ready, custom-menu
*/


/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/
/*-------------------------------------------------------------------------------------------

/* =Reset
--------------------------------------------------------------------------------------------------------*/
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}
/* =End Reset
--------------------------------------------------------------------------------------------------------*/


/* =Contact
--------------------------------------------------------------------------------------------------------*/
input, textarea { width:112px; height:16px; padding:9px 10px 11px 10px; font: 13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#959595; border:1px solid #fff; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:inline-block; float:left; margin:5px 0; border-radius:3px; -webkit-appearance: none; background:none }
input.submit { display:inline-block; width:auto; float:right; border:0px; padding:0px; color:#959595; font-size:12px; margin-right:20px; background:none; cursor:pointer}
.margin-right {margin-right:10px; }
.loader { display:none; }
#comments {height: 85px; }
select { width: auto; max-width: 100%; }
/* =End Contact
--------------------------------------------------------------------------------------------------------*/


/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.aligninline {display:inline-block }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#000; z-index:99999; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/ajax-loader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font: 13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#000; background:#000; font-weight: 300; }
.hentry {
	font-weight: 400;
	color: #959595;
}
.hentry.colored {
	color: #000;
}
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
i {font-style:normal !important }
p { padding:6px 5px 5px 10px; color:#959595; }
#about p {color:#000; padding-right:0; padding-left:0 }
.colored p {padding:6px 30px 5px 25px; color:#000; }
.teaser p {color:#000; }
p.big {font-size:16px; line-height:21px; padding-top:7px; }
p.small {font-size:11px; line-height:11px; color:#808080; text-transform:uppercase; letter-spacing:1px; font-weight:400 }
.vertical-align p.small {display:block; margin-top:-2px; padding-left:0; padding-right:0; color:#000; padding-bottom: 2px; }
.white-text .button { top:-2px; position:relative; padding:0 }
p.button a {font-size:16px; font-weight:600; color:#fff; border:2px solid #fff; border-radius:3px; padding:11px 15px 12px 15px }
a { color:#959595; text-decoration:none; }
.colored a { color: #444; color: rgba(0,0,0,0.6); }
a:hover { text-decoration:none; color:#fff; }
.colored a:hover {color:#000 }
span.arrow {font:13px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
span.user {background:url(images/bg-user.png) no-repeat 0px 3px; background-size:12px 12px; padding-left:21px; margin-right:20px; }
span.calendar {background:url(images/bg-calendar.png) no-repeat 0px 2px; background-size:11px 12px; padding-left:20px; margin-right:20px; }
span.comments {background:url(images/bg-comments.png) no-repeat 0px 3px; background-size:12px 11px; padding-left:21px; margin-right:20px; }
span.zoom {background:url(images/bg-zoom.png) no-repeat 0px 2px; background-size:13px 13px; padding-left:20px; margin-right:12px; }
span.file {background:url(images/bg-file.png) no-repeat 0px 2px; background-size:9px 12px; padding-left:19px; margin-right:12px; }
span.link {background:url(images/bg-link.png) no-repeat 0px 1px; background-size:12px 14px; padding-left:19px; margin-right:12px; }
.no-margin {margin:0 !important }
.no-icon {margin-right:12px; }
small {
	font-size: 11px;
	line-height: 11px;
	color: #808080;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
}
blockquote, em {
	font-style: italic;
}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
#logo { position:relative; float:left; margin-top:27px; margin-left:10px; width:168px; height:52px; z-index:1 }
#logo a { display:block; width:168px; height:52px; }
h2, h3, h4, h5 {  color:#fff; line-height:1; font-weight:600; letter-spacing:-1px; }
h2, h1 { font-size:46px; padding:15px 0px 3px 10px; line-height:1.1 }
.colored h2, .colored h1 {padding:20px 25px 3px 25px; font-weight:700; color:#000 }
#about h2 {color:#000; font-weight:700; padding-left:0 }
h3 { font-size:26px; padding:10px 20px 4px 10px; line-height:1.2; }
.teaser h3, .colored h3 { font-weight:700; color:#000 }
h4 {font-size:26px; padding:17px 31px 10px 0px; }
h5, h6, dl {padding:17px 31px 10px 0px; }
.logo h4 { padding:26px 0px 10px 0px; }
.colored h3, .colored h4, .colored h5, .colored h6, .colored dl { padding-left:25px; }
.colored h4 {font-size:20px; color:#000; font-weight:700 }
h5, .load-more li a {font-size:18px; color:#000; font-weight:700; padding:0 }
.colored table {
	margin: 15px 25px;
}
dt {
	font-size: 18px; font-weight: 700;
}
dd {
	margin: 5px 0 15px;
}
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#wrapper { width:100%; position:relative; z-index:29; margin:0 auto; }
#header-wrap {height:auto; background:#ffd63c; position:relative; margin-bottom:30px; padding:10px 0; }
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
.col1-1 { width:940px; height:auto; float:left; margin:10px; }
.col1-3 { width:300px; height:200px; float:left; margin:10px;}
.col2-3 { width:620px; height:420px; float:left; margin:10px; }
.col1-3.double { width:300px; height:420px; }
.col2-3.half { width:620px; height:200px; }
.auto-height {height:auto !important; }
.white-text {padding:32px 20px 44px 20px; }
.white-text.element {width:918px; }
#about {width:290px; margin:7px 0px 20px 30px; border-left:2px solid rgba(0,0,0,0.12); padding:0 0 16px 30px; }

.logo { width: 16.2%; text-align:center; float:left; }

.break { height:30px; position:relative; }
.small-break { height:12px; position:relative; }
.borderline {height:1px; background:#333; display:block; margin:0px 10px; position:relative }
.images { display:block; position:relative; }
.overflow {overflow:hidden; }
.element {border-radius:3px; float:left; overflow:hidden; margin: 10px; }
img {border-radius:3px; max-width: 100%; height: auto; }
.colored { background:#ffd63c; }
.hidden {display:none; height:0; }
.buttons a {border:1px solid #fff; border-radius:3px; font-size:12px; color:#959595; padding:8px 0px 9px 11px; margin:0 0px 10px 10px; display:inline-block; width:auto; }
.buttons {float:left; }
pre {padding-left:25px }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
nav { width:auto; height:100px; z-index:300;}
ul#nav { margin: 0; list-style: none; display:inline-block; padding-top:37px; float:right; margin-right:10px; padding-bottom:22px; }
ul#nav li { float:left; }
ul#nav li a { color:#000; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; display:inline-block; margin:0px 0px 15px 12px; z-index:15; text-align:center; letter-spacing:1px; padding:8px 13px 9px 13px; border:2px solid rgba(0,0,0,0.12); border-radius:3px }
ul#nav li.active a { color:#000; border:2px solid #000; border-radius:3px }
ul#nav li a:hover, ul#nav li a.active, ul#nav li a.stays-active {  border:2px solid #000; border-radius:3px }
ul#nav li a.cursor {cursor:default; }

ul#nav ul { position:absolute; height:auto; width:auto; background:#ffd63c; -webkit-box-shadow:0 0px 0px 1px rgba(0, 0, 0, 1); -moz-box-shadow:0 0px 0px 1px rgba(0, 0, 0, 1); box-shadow:0 0px 0px 1px rgba(0, 0, 0, 1); padding:8px 15px 9px 15px; top:86px; margin-left:13px; z-index:200; list-style:none; border-radius:3px}
ul#nav ul li { display:block; z-index:191 !important; float:none; padding:0px; margin:0px; position:relative; }
ul#nav ul li a, ul#nav ul li.active a { position:relative; display:block; font-size:12px; width:auto; float:none; padding:4px 0px; margin:0px; color:#000; z-index:191 !important; text-decoration:none; text-transform:none; font-weight:normal; border:0 !important; text-align:left; letter-spacing:0;}
ul#nav ul li a:hover { color:#000; text-decoration:none; border:0; }
ul#nav li ul { display:none; }
ul#nav li.current-menu-item > a, ul#nav li.current-menu-parent > a {
	border: 2px solid #000;
}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {width:620px; height:420px; margin:0; border:0; border-radius:3px}
#map:before, #map:after {background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }
#map:after {bottom: 0; top: auto; }
#map img {
	max-width: none;
}
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img { display: block; max-width: 100% !important; z-index:9; height: auto; }
.images .hover-bg { width:100%; height:100%; background:url(images/bg-overlay.png) repeat rgba(0, 0, 0, 0.7); position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity:0); z-index:10; display:block}
.images .info-text { position:absolute; top:0; left:0; z-index:11; width:100%; height:100%; cursor:pointer; pointer-events: none; }
.vertical-align-wrapper { margin-top:-30px; top:50%; position:relative; }
.vertical-align { text-align:center; padding-top:50px; opacity:0; filter:alpha(opacity:0); }
.vertical-align-bg {background:#ffd63c; width:auto; display:inline-block; border-radius:3px; padding:13px 16px 13px 15px; }
.vertical-align-bg:before {content:''; height:0; width:0; border-width:8px 8px 8px 8px; border-style:solid; border-color:rgba(255, 214, 60,1) rgba(255, 214, 60,0) rgba(255, 214, 60,0) rgba(255, 214, 60,0); position:absolute; bottom:-16px; left:50%; margin-left:-8px;}
.images a { display:inline-block; width:100%; height:100%; position:absolute; z-index:12; margin-left: 0; margin-top: 0; }

.close {background:url(images/bg-close.png) center no-repeat; position:relative; border:2px solid #fff; border-radius:3px; padding:15px; width:18px; height:18px; background-size:18px 18px; display:inline-block; margin:0px; margin-top:34px; }
.next {background:url(images/bg-next.png) 18px 13px no-repeat; position:relative; border:2px solid #fff; border-radius:3px; width:48px; height:48px; background-size:15px 22px; margin-top:34px; margin-left:7px; display:inline-block }
.prev {background:url(images/bg-prev.png) 15px 13px no-repeat; position:relative; border:2px solid #fff; border-radius:3px; width:48px; height:48px; background-size:15px 22px; margin-top:34px; margin-right:7px; display:inline-block }
aside .prev, aside .next, aside .close {
	margin-top: 0;
	position: relative;
	left: 10px;
}
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
.col1-3.blog {height:auto; cursor:pointer }
.teaser:before {content:''; height:0; width:0; border-width:8px 8px 8px 8px; border-style:solid; border-color:rgba(255, 214, 60,0) rgba(255, 214, 60,0) rgba(255, 214, 60,1) rgba(255, 214, 60,0); position:absolute; top:-16px; margin-left:10px; }
.teaser {background:#ffd63c; position:relative; border-radius:0px 0px 3px 3px; margin-top:-3px; padding:10px; height:165px; }
.when {border-top:1px solid rgba(0,0,0,0.12); color:#000 !important; padding:10px; font-size:12px; margin-top:11px; position:absolute; bottom:2px; display:block; width:260px; }
.col2-3 .when { padding:12px 15px 13px 15px; width:570px; margin:0 10px; }
.blog-post:before {content:''; height:0; width:0; border-width:8px 8px 8px 8px; border-style:solid; border-color:rgba(255, 214, 60,0) rgba(255, 214, 60,0) rgba(255, 214, 60,1) rgba(255, 214, 60,0); position:absolute; top:-16px; margin-left:25px; }
.blog-post {padding-bottom:60px; position:relative; border-radius:0px 0px 3px 3px; margin-top:-3px; }
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list, ol { position:relative; padding:6px 25px 5px 26px; }
ul.list li, ol li { line-height:17px; width:auto; padding-left:21px; background:url(images/bg-bullet.png) no-repeat 1px 6px; background-size:6px 6px; color:#959595; }
.colored ul.list li, .colored ol li {color:#000}
ul.check li { background:url(images/bg-check.png) no-repeat 1px 3px; background-size:13px 11px; }
ul.list li.address {background:url(images/bg-address.png) no-repeat 2px 3px; background-size:9px 12px; padding-bottom:5px }
ul.list li.envelope {background:url(images/bg-envelope.png) no-repeat 0px 4px; background-size:12px 10px; padding-bottom:5px }
ul.list li.phone {background:url(images/bg-phone.png) no-repeat 0px 3px; background-size:12px 12px; }
.hentry ul.list {
	list-style: none;
}
.hentry ul.list li {
	margin: 8px 0 0;
}
.hentry li {
	background: none; 
	padding-left: 0;
	margin: 0 0 8px 24px;
}
.hentry ol, .hentry ul {
	margin: 18px 25px 20px; 
	padding: 0;
}
.hentry ul {
	list-style: disc;
}
.hentry ol {
	list-style: decimal;
}
ol.comment li {
	background: none;
	padding-top: 6px;
}
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:100px; padding:0px 0 0 0px; margin-top:20px; position:relative;  }
footer p {font-size:12px; color:#959595; padding:0; padding-top:21px; margin:0 10px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { padding-top:18px; margin-bottom:6px; letter-spacing:0; margin-left:10px; }
.social li { display:inline-block; margin:0px; margin-right:2px; }
.col1-3.team .social li { margin-right: -1px; }
.social li a { display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
.team .social {position:relative; z-index:111; width:auto; margin-right:1px; margin-left:0px; }
.team .social li {opacity:1 !important; }
.col1-3.team { cursor: pointer; }

.email {background:url(images/bg-email.png) no-repeat; background-size:24px 24px; }
.xing {background:url(images/bg-xing.png) no-repeat; background-size:24px 24px; }
.google {background:url(images/bg-google_plus.png) no-repeat; background-size:24px 24px; }
.twitter {background:url(images/bg-twitter.png) center no-repeat; background-size:24px 24px; } 
.facebook {background:url(images/bg-facebook.png) no-repeat; background-size:24px 24px; }
.pinterest {background:url(images/bg-pinterest.png) no-repeat; background-size:24px 24px; }
.instagram {background:url(images/bg-instagram.png) no-repeat; background-size:24px 24px; }
.vimeo {background:url(images/bg-vimeo.png) no-repeat; background-size:24px 24px; }
.skype {background:url(images/bg-skype.png) no-repeat; background-size:24px 24px; }
.dribbble {background:url(images/bg-dribbble.png) no-repeat; background-size:24px 24px; }
.behance {background:url(images/bg-behance.png) no-repeat; background-size:24px 24px; }
.linkedin {background:url(images/bg-linked_in.png) no-repeat; background-size:24px 24px; }
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#filters li a:hover, #filters li a.selected { color:#fff;}
#filters li  {display:inline-block; color:#959595; float:left; padding-right:3px;}
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(images/bg-up.png) center 46% no-repeat #ffd63c; background-size:22px 15px; display:block; width:50px; height:50px; float:right; right:10px; text-indent:-9000px; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1); border-radius:3px;}
#backtotop ul li a:hover { -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0); box-shadow:0 0 30px rgba(0, 0, 0, 0); }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/

/* =Update 1.1
--------------------------------------------------------------------------------------------------------*/
.alignleft2-3 {width:640px; float:left}
.video { width:620px; height:420px; frameborder:0; }
#stayOnTop { width:300px; }
#stayOnTop.fixed {position: fixed;top: 0px;}
.ie6, .ie7, .ie8, .ie9 .vertical-align-bg:before {opacity:0; filter:alpha(opacity:0);}
.ie7 .social li { display:inline; }
/* End Update 1.1
--------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/
div.wpcf7 {
	margin-top: 15px;
}
div.wpcf7 .wpcf7-not-valid { 
	border-color: #f9bbb8;
	border-width: 1px;
	background: #ffe5e3;
}
span.wpcf7-not-valid-tip { display: none !important }
div.wpcf7-validation-errors {
	margin: 0;
	padding: 5px 10px;
	color: #c4690e;
	background: #fffdf3;
	border: 1px solid #e6bf4a;

}
div.wpcf7-mail-sent-ok {
	margin: 0;
	padding: 10px;
	background: #cef0cb;
	color: #698733;
	border: 1px solid #91cc8c;
}
div.wpcf7 * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.wpcf7 input, div.wpcf7 textarea, .sidebar input, .sidebar textarea {
	width: 100%;
	padding: 15px 8px;
}
div.wpcf7 input[type="submit"], div.wpcf7 input[type="button"], div.wpcf7 input[type="radio"] {
	width: auto;
}
textarea {
	height: auto;
	height: 90px;
}
/*-----------------------------------------------------------------------------------*/
/*	END CONTACT FORM 7
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	WORDPRESS STYLES
/*-----------------------------------------------------------------------------------*/
.sidebar * {
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sidebar {
	padding-left: 10px;
}
.load-more li {
	display: none;
}
.load-more li a {
	width: 940px;
	height: 30px;
	background:#ffd63c;
	display: block;
	margin: 10px;
	text-align: center;
	padding: 12px 0 7px;
}
.load-more.element {
	margin: 0;
}
.video-container {
	position: relative;
	padding-bottom: 52.6%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 25px;
}
.single-post .video-container {
	margin-bottom: 0;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.soundcloud-container {
	position: relative;
	padding-bottom: 22%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.soundcloud-container iframe,  
.soundcloud-container object,  
.soundcloud-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.col1-3.image-format {
	margin: 0 20px 20px 0;
}
.col1-3.image-format.last {
	margin-right: 0;
}
table {
	border: 1px solid #333;
}
table th {
	border: 1px solid #333;
	padding: 6px 10px;
}
table td {
	border: 1px solid #333;
	padding: 6px 10px;
}
table#wp-calendar {
	border: 1px solid #ffffff
}
table#wp-calendar caption {
	text-align: center;
	border: 2px solid #ffffff;
	padding: 7px 0;
	border-bottom: none;
	font-size: 18px;
}
table#wp-calendar>tbody>tr>td>a {
	text-decoration: underline
}
table#wp-calendar thead>tr>th { 
	width: 35px;
	height: 20px;
	padding: 7px 0;
	text-align: center;
	border: 1px solid #ffffff;
}
table#wp-calendar tbody>tr>td {
	width: 35px;
	height: 20px;
	padding: 7px 0;
	text-align: center;
	border: 1px solid #ffffff;
}
table#wp-calendar tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active {
	text-decoration: underline;
	height: 23px;
	nowhitespace: afterproperty;
	margin-left: 10px;
	padding-bottom: 3px;
}
table#wp-calendar tfoot>tr>td#prev {
	width: 58px;
	height: 20px;
	text-align: left;
}
table#wp-calendar tfoot>tr>td#next {
	width: 58px;
	height: 20px;
	text-align: right;
}
table#wp-calendar td {
	border: 1px solid #ffffff;
	padding: 7px 0 5px;
}
table#wp-calendar tfoot>tr>td>a {
	margin: 0; display: block; text-align: center; padding: 0;
}
.sidebox {
	color: #959595;
}
.sticky {
	
}
.bypostauthor {
	
}
.alignleft,
.aligncenter,.alignright,
.alignnone {
	margin-bottom: 15px;
	margin-top: 15px;
}
.alignnone {
	display: block;
}
.alignleft { 
	float: left; 
	margin-right: 30px; 
}
.alignright { 
	float: right; 
	margin-left: 30px; 
}
.aligncenter { 
	display: block; 
	margin-right: auto; 
	margin-left: auto; 
	text-align: center; 
	width: 100% !important;
}
.wp-caption { max-width: 100%; text-align: center; color: #999; padding: 0; }
.gallery-caption { margin: 40px 0; max-width: 100%; text-align: center; color: #999; padding: 0 40px; position: absolute; top: 0; left: 0; z-index: 999; }
.wp-caption-text, .gallery-caption-text { margin: 6px 0; font-style: italic; font-size: 95%; line-height: 120%; }
.aligncenter { text-align: center }
.widget_rss ul li:before {
	display: none;
}
.sidebox.widget_rss ul {
	list-style: none; margin-left: 0;
}
.sidebox.widget_rss li {
	margin-bottom: 20px; padding-bottom: 20px; list-style: none; margin-left: 0;
}
.widget_rss li .rsswidget, .widget_rss li cite {
	font-weight: bold; display: block;
}
.widget_rss li .rss-date {
	display: block; margin-bottom: 10px;
}
.widget_rss li cite {
	margin-top: 10px;
}
.widget {
	margin-bottom: 20px;
}
.widget h3.widget-title {
	margin-bottom: 15px;
}
.sidebar p {
	margin-bottom: 15px;
}
footer .alignleft, footer .alignright {
	margin: 0;
}
footer .alignleft {
	margin-left: 10px;
}
footer .alignright {
	margin-right: 10px;
}
.pagination.element {
	margin-bottom: 0;
}
.pagination li {
	display: inline-block; margin: 0 10px 0 0;
}
.pagination a {
	display: block; padding: 10px 14px; color: #000; font-weight: bold; border-radius: 3px;
}
.pagination a:hover, .pagination li.active a {
	color: #fff;
}
.tags {
	margin: 25px 25px 0;
}
.tagcloud a {
	border: 1px solid #fff;
	border-radius: 3px;
	font-size: 12px;
	color: #959595;
	padding: 8px 11px 9px 11px;
	display: inline-block;
	margin: 0 6px 8px 0;
}
.widget_categories ul li.cat-item, .widget_categories ul, .sidebox ul, .sidebox li {
	list-style: disc;
	margin-left: 20px;
}
.widget_categories ul li.cat-item, .sidebox li {
	margin-left: 10px;
}
#respond {
	padding-top: 15px;
}
#comment-count {
	margin-bottom: 15px;
	border-top: 1px solid #333;
	padding-top: 20px;
}
input[type="submit"] {
	width: auto;
	border: none;
	padding: 0 !important;
	float: right;
}
.single-post .sidebar .widget:first-child {
	border-top: 1px solid #333;
	padding-top: 20px;
}
.page aside.lp10 {
	display: none;
}
/*-----------------------------------------------------------------------------------*/
/*	END WORDPRESS STYLES
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	h1#logo a { background:url(images/bg-logo@2x.png) no-repeat; background-size:168px 52px; }
	span.user {background:url(images/bg-user@2x.png) no-repeat 0px 3px; background-size:12px 12px; }
	span.calendar {background:url(images/bg-calendar@2x.png) no-repeat 0px 2px; background-size:11px 12px; }
	span.comments {background:url(images/bg-comments@2x.png) no-repeat 0px 3px; background-size:12px 11px;}
	span.zoom {background:url(images/bg-zoom@2x.png) no-repeat 0px 2px; background-size:13px 13px; }
	span.file {background:url(images/bg-file@2x.png) no-repeat 0px 2px; background-size:9px 12px; }
	span.link {background:url(images/bg-link@2x.png) no-repeat 0px 1px; background-size:12px 14px; }
	.close, .col1-1 .close {background:url(images/bg-close@2x.png) center no-repeat; background-size:18px 18px; }
	.col1-1 .next {background:url(images/bg-next@2x.png) 18px 13px no-repeat; background-size:15px 22px; }
	.col1-1 .prev {background:url(images/bg-prev@2x.png) 15px 13px no-repeat; background-size:15px 22px; }
	.email {background:url(images/bg-email@2x.png) no-repeat; background-size:24px 24px; }
	.xing {background:url(images/bg-xing@2x.png) no-repeat; background-size:24px 24px; }
	.google {background:url(images/bg-google_plus@2x.png) no-repeat; background-size:24px 24px; }
	.twitter {background:url(images/bg-twitter@2x.png) center no-repeat; background-size:24px 24px; } 
	.facebook {background:url(images/bg-facebook@2x.png) no-repeat; background-size:24px 24px; }
	.pinterest {background:url(images/bg-pinterest@2x.png) no-repeat; background-size:24px 24px; }
	.instagram {background:url(images/bg-instagram@2x.png) no-repeat; background-size:24px 24px; }
	.vimeo {background:url(images/bg-vimeo@2x.png) no-repeat; background-size:24px 24px; }
	.skype {background:url(images/bg-skype@2x.png) no-repeat; background-size:24px 24px; }
	.dribbble {background:url(images/bg-dribbble@2x.png) no-repeat; background-size:24px 24px; }
	.behance {background:url(images/bg-behance@2x.png) no-repeat; background-size:24px 24px; }
	.linkedin {background:url(images/bg-linked_in@2x.png) no-repeat; background-size:24px 24px; }
	ul.list li { background:url(images/bg-bullet@2x.png) no-repeat 1px 6px; background-size:6px 6px; }
	ul.check li { background:url(images/bg-check@2x.png) no-repeat 1px 3px; background-size:13px 11px; }
	ul.list li.address {background:url(images/bg-address@2x.png) no-repeat 2px 3px; background-size:9px 12px; }
	ul.list li.envelope {background:url(images/bg-envelope@2x.png) no-repeat 0px 4px; background-size:12px 10px; }
	ul.list li.phone {background:url(images/bg-phone@2x.png) no-repeat 0px 3px; background-size:12px 12px; }
	#backtotop ul li a { background:url(images/bg-up@2x.png) center 48% no-repeat #ffd63c; background-size:22px 15px; }
	.flex-direction-nav .flex-next {background:url(images/bg-next@2x.png) center no-repeat; background-size:15px 22px; }
	.flex-direction-nav .flex-prev {background:url(images/bg-prev@2x.png) center no-repeat; background-size:15px 22px; }
	.fancybox-close {background: url(images/bg-close@2x.png) center no-repeat; background-size:18px 18px;}
	.fancybox-prev span {background: url(images/bg-prev@2x.png) center no-repeat; background-size:15px 22px;}
	.fancybox-next span {background: url(images/bg-next@2x.png) center no-repeat; background-size:15px 22px;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { padding:0px; width:640px; position:relative; }
	.col1-1 { width:638px; }
	nav {width:150px; float:right; height:auto; float:right; }
	ul#nav { padding-bottom:0; padding-top:7px }
	ul#nav li {float:right }
	#about {width:230px; }
	#stayOnTop.fixed {position:relative }
	.load-more li a {
		width: 620px;
	}
	.logo {
		width: 33.1%;
	}
	aside.col1-3, .col1-3.contact-page {
		width: 638px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
	.when {
		position: static;
	}
	.when span {
		display: block;
	}
	.blog-post {
		padding-bottom: 0;
	}
	.container { padding:0px; width:320px; position:relative; }
	#about {display:none }
	.col2-3, .col1-1, #map { width:300px; }
	.col2-3, #map { height:200px; border:3px; }
	.col2-3.auto-height {height:auto !important; }
	.col2-3.half { width:300px; height:auto; }
	.white-text h4 {padding:17px 0 10px }
	p.button a {display:block; }
	.when i, footer p.alignleft {display:none }
	.when span { font-size: 12px !important; }
	#header-wrap {padding:0 0 10px 0 }
	#nav-button {display:block; float:right; padding:44px 20px 35px 20px; width:26px; margin:0 auto; cursor:pointer; }
	.nav-bar {background-color:#000; border-radius:1px; display:block; width:25px; height:3px; margin:3px auto; }
	nav { display:none; }
	ul#nav { margin:0 10px; padding-top:0; padding-bottom:20px;}
	ul#nav li { float:none; }
	ul#nav li a { width:276px; margin-top:7px; padding:19px 10px 20px 10px; }
	ul#nav ul { position:relative; display:block; top:0; text-align:center !important }
	ul#nav li ul { display:block !important; }
	.flexslider {height:200px; width:300px; }
	.fancybox-close {right:35px; top:35px;}
	.video { width:300px; height:200px; }
	.alignleft2-3 {width:320px; float:left}
	#stayOnTop.fixed {position:relative }
	.load-more li a {
		width: 300px;
	}
	.logo {
		width: 50%;
	}
}