/*
Theme Name: MD3
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: MD3
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
* { margin:0; padding:0; }
img { border:0px;}

/* general css */
body { background: #111 url("images/bg.jpg") repeat; font-family: 'Open Sans', sans-serif; font-size:100%; color: #bbb; height: 100%; font-weight:400; }

h1	{ color:#f6f6f6; font-weight:500;}
h1 a { color:#fff; }
h1 a:hover { text-decoration:none;}
h2 { font-size:24px;}
h3 { font-size:16px;}
h4,h5,h6 { font-size:15px;}

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

p { margin-bottom:20px; position:relative; line-height:30px; }

li { margin-bottom:20px; }

/* generic classes */
.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }

.tc { text-align: center}


/* layout */
#content {  margin:40px 30px 0 50px; max-width:1140px;}
#wrapper { padding-left:225px; position:relative; overflow:hidden;}

/* aside */
aside {  left:0; width:240px; background:#dc372e url("images/bg-aside.jpg"); position:fixed; height:100%; overflow:hidden; top:0; color:#fff; text-shadow:0 1px 0px rgba(0,0,0,0.2); line-height:1em; font-size:15px; line-height:1.5em; z-index:3; box-shadow:2px 0 3px rgba(0,0,0,0.5);}
aside:after { height:100%; border-right:1px solid rgba(255,255,255,0.1); border-top:1px solid rgba(255,255,255,0.1); content:""; width:100%; top:1px; right:0; position:absolute; }
aside h1 img { position: relative; z-index:3;}
aside .block { z-index:5;}
aside .block:first-child:before { position:absolute; top:0px; left:0; content:""; width:240px; display:block; height:400px; background: url("images/gradient-sidebar.png") no-repeat top; z-index:0; pointer-event:none;}

aside a { color:#fff; font-weight:bold;}
aside p { margin:0 0 28px 0; font-size:14px; line-height:25px;}
aside .bio a { text-decoration:underline; }
aside .bio a:hover { text-decoration:none; }

#logo { display:block; padding:30px 0; margin:0 auto; }
.block { margin:0 0 25px; padding:0 16px; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative;}
.block:after { content:""; position: absolute; bottom:0; width:100%; height:20px; display:block; border-bottom:1px solid rgba(0,0,0,0.1); }

.social ul { margin:0; padding:13px 0 0; list-style-type:none; font-weight}
.social li { margin:0 0 37px 0;}
.social li a { padding:10px 0 11px 54px; position:relative; font-weight:normal; background:url("images/icons-social.png") no-repeat; z-index:3;}
.social li a:after { display:block; content:""; border:3px solid #FFF; width:36px; height:36px; position:absolute; top:0; border-radius:20px; box-shadow:0 1px 0px rgba(0,0,0,0.4)}

.social li.vimeo a { background-position:13px 15px;}
.social li.rss a { background-position:14px -75px;}
.social li.twitter a { background-position:13px -46px;}
.social li.facebook a { background-position:13px -15px;}
.social li._500px a { background-position:13px -98px;}
.social.no-border { border:none;}
.social.no-border:after { border:none;}


.search { position:absolute; bottom:20px; width:100%; border-top: 1px solid rgba(0,0,0,0.1); padding-top:20px; }
.search:before { border-top: 1px solid rgba(255,255,255,0.1); content:""; position:absolute; top:0; width:100%; left:0; }
.search:after { position:absolute; bottom:-126px; left:0; content:""; width:240px; display:block; height:400px; background: url("images/gradient-sidebar-bottom.png") no-repeat top; z-index:0; pointer-event:none; }
.search input[type="text"] { border-radius:30px; border:3px solid #FFF; background:none; padding:9px 9px 9px 35px; width:88%; position:relative; right:-11px; z-index:1; color:#fff; width:160px;}
.search input[type="text"]:focus { outline:none; box-shadow:0 0 10px #f3f5c7;} 
.search input[type="submit"] { background: transparent url("images/icon-search.png") no-repeat; border:0px; text-indent:-9999999px; height:17px; width:17px; position:absolute; z-index:3; left:22px; top:29px;}

/* POSTS */
/* text */
.post-meta { margin:0; padding:18px 0 7px 0; top:0; position: relative; top:-19px;  float:right; width:20%; border-top:1px solid rgba(255,255,255,0.1); font-size:13px; border-bottom:1px solid rgba(255,255,255,0.1); color:#fff;}
.post-meta li { margin:0 0 17px 0; padding:0; list-style-type:none; list-style-type:none; font-weight:300; }
.post-meta>li>span { color:#fff; font-size:14px; padding:0 0 0 34px; background: url("images/icons-meta.png") no-repeat; display: block; }
.post-meta a { color:#fff; text-decoration:underline;}
.post-meta a:hover { color:#fff; text-decoration:none;}
.post-meta .date span { background-position:0 -43px; }
.post-meta .like a { background-position:0 -86px;}
.post-meta .tags a { margin-bottom:10px; }
.tags ol { margin:0; padding: 0px;}
.tags ol li { font-size:13px; margin:0 0 5px 0; padding: 0 0 0 34px; display:block; }


.article { clear:both; margin:30px 263px 0 0; padding:30px 0 0 30px; max-width:80%; position: relative;}

.post-content { position: relative; width:75%; float:left; margin:0 4% 60px 0;}


.post-header { width:115%; }


article { margin:0 0 60px 0; ;}
article  h1 {  font-size:2.2em;  border-bottom:1px solid rgba(255,255,255,0.1); position: relative; padding:0px 0 15px 0px; margin:0px 0 18px 0px; width:65%; float:left;  }
article.text h1:after { content:""; position: absolute; bottom:0; border-bottom:1px solid #000; width:100%; left:0; } }
article p { line-height:32px ;}
article img { max-width:104%; height:auto; box-shadow: 0px 0px 1px #000; margin: 0 0 15px -36px;}
article ul { margin-left:35px; }
article a { position:relative;}
article  h2 { font-size:23px; color:#fff; font-weight:bold; margin-bottom:12px;}
article  h3 { font-size:19px; color:#fff; font-weight:lighter; margin-bottom:10px; }
article .alt-text { color:#999; width:26%; position:absolute; right: -30px; font-size:13px; right:-32%; bottom:20px; border-bottom:1px solid rgba(255,255,255,0.1); border-top:1px solid rgba(255,255,255,0.1); padding: 10px 0;  line-height:1.95em; }
article .alt-text strong { color:#fff; display:block;}
article .alt-text .exif { font-size:12px; color:#666; display:block; }

.category-title { font-weight:lighter; color:#fff; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:10px; margin-bottom:11px; margin-top:-11px; font-size:15px; }

/* photo */
.photo {position: relative; }

.photo h1 { font-size:22px; margin: 0 0 20px 0; width:60%; float:left; }
.photo .post-header { position:relative; padding: 25px 0 0 0; margin:0 0 25px 0; border-bottom:1px solid rgba(255,255,255,0.1); }

.photo .post-header:before { border-bottom:1px solid #000; content:""; position: absolute; bottom:0; left:0; width:100%; }

.the-photo { box-shadow:inset 0 0 2px rgba(255,255,255,0.2); clear:both; line-height:0px; margin-bottom:8px;}
.the-photo img { position: relative; z-index: -1}

.photo-meta { margin:0; padding:18px 0 7px 0; top:0; position: relative; }
.photo-meta li { float:left; margin:0 35px 22px 0; padding:0; list-style-type:none; list-style-type:none; font-weight:300; }
.photo-meta>li>a { color:#fff; font-size:14px; padding:0 0 0 25px; background: url("images/icons-meta.png") no-repeat; display: block; }
.photo-meta .date a { background-position:0 -43px; }
.photo-meta .like a { background-position:0 -86px; }
.photo-meta .tags a { background-position:0 2px; }

/* center text vertically */



/* responsive */
@media screen and (max-width: 940px) {
	.alt-text { display:none;}
}
@media screen and (max-width: 735px) {
	#wrapper { padding:0; }
	#content { margin:20px 15px 0 15px; }

	h1 a { font-size:25px;}
	/* post */
	.alt-text { display:none;}
	.date { position:absolute; top:0; left:0;}

	.post-meta { border:none; display:none;}
	.post-content, .post-header, article h1 { width:100%;}
	article img { max-width:100%; margin:0 0 15px 0;}
	article .post-content { margin-bottom:15px;}


	aside { position: relative; width:100%; height:100px; overflow: hidden; display:table;}
	aside .block:first-child:before { background:none;}
	.block { margin:0; display:table-cell; border:none;}
	.block:after, .block:before { border:none;}
	.block.logo {  position:absolute; left:0;}
	.block.bio { width:100%; padding:0 260px 0 104px; position:relative;}
	.bio-wrapper { position: relative; left: 0; top: 0; height: 84px; display: table;  }
	.bio-wrapper p { display: table-cell; vertical-align: middle; padding-top:14px;  }
	.block.social  { width:221px; right:0; margin-top:14px; position:absolute; right:0;}
	.social li { float:left; width:43px; height:43px; margin:0 12px 0 0;}
	.social li a { display:block; text-indent: 99999px; padding:0 0 7px 0; }
	.social li a:after { display:block; text-indent: 99999px:left:0; }

	#logo { padding:0; width:68px; float:left; margin:17px 20px 0 0;}



}
@media screen and (max-width:583px) {
	.social { display:none;}
	.block.bio { padding-right:20px;}
} 
@media screen and (max-width: 400px) {
	.social { display:none;}

	aside { position: relative; width:100%; height:100px; overflow: hidden}
	aside .block:first-child:before { background:none;}
	.block { margin:0;}
	.block p { margin-top:12px; line-height:23px;}
	#logo { padding:0; width:68px; float:left; margin:17px 20px 0 0;}
}
@media screen and (max-width:380px) {
	.joke { display:none;}

} 


footer h4 { font-weight:300; color:#fff; margin-bottom:5px;}
footer li { list-style-type: none; margin-bottom:5px; font-size:13px;}
footer .row { margin-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:40px;}
.photo-portfolio img { width:100%;}

.table-view { display:table;}
.table-view div { display:table-cell; vertical-align: middle}

.real-estate-flyer-logo, .silk-artificial-logo { max-width:122px;}
.company-logos .table-view p { padding-left:8%;}
.table-view p { margin-bottom:0; padding-left:4%;}


.mark-photo { display:block; width:100%; border-radius:50%;}
.goals h4   { font-size:40px; }
.goals .title { font-weight: 300; color:#999;}
.goals .stat { display: block; color:#fff; bold; }




.alignright { position:absolute; right:0px;}
.alignleft { position:absolute; left:0px;}

.pagination { text-align:center; clear:both;  margin-bottom:90px;border-top:1px solid rgba(255,255,255,0.1); position:relative;padding-top:20px;
}
.pagination:after {  border-top:1px solid #000; content:""; position: absolute; top:0; left:0; width:100%; }

.pagination span, .pagination a {
	margin-right:5px; }
 
.pagination a:hover{}
 
.pagination .current{ color:#919191; }

/* grid */






.container {
padding-left: 20px;
padding-right: 20px;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 555px;
margin: 0 auto;
overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0px;
}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	footer ul { margin-bottom:35px;}
	.table-view div { display:block; }
	.silk-artificial-logo, .real-estate-flyer-logo { margin:0 auto 20px; display: block}
	.real-estate-flyer-logo { margin-top:30px;}

	.mark-photo { margin-bottom:35px;}



	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}