/*
Theme Name: Mustache NEW
Theme URI: http://mustache.hu/
Description: © 2013
Version: 2.0
Author: -
Author URI: -
*/
@import "styles/substyles.css";

*{padding:0; margin:0; outline:none; font-family:'Segoe UI', Arial, Helvetica, serif;}
article, aside, figure, figcaption, footer, header, hgroup, nav, section{display:block;}
img, input, select{border:0; vertical-align:baseline;}
ul, ol{list-style-type:none;}
h1, h2, h3, h4, h5, h6{font-family:'Segoe UI Semibold', Helvetica, serif; font-weight:normal; line-height:100%; margin:0 0 15px; /*text-transform:uppercase;*/}
h1 a, h2 a, h3 a{font-family:'Segoe UI Semibold', Helvetica, serif;}
h1 a:hover, h2 a:hover, h3 a:hover{color:#5e3e34;}
h1{font-size:24px;}
h2, h3, h4, h5{font-size:18px;}
h6{font-size:24px;}
input{height:30px; line-height:30px; padding:0 10px; font-size:11px;	width:160px; background:#e3e1bc; margin:0 0 3px;}
select{padding:5px; background:#e3e1bc; margin:0 0 10px;}
table{border-collapse:collapse; border-spacing:0;}
hr{background:#eceac7; height:1px; border:0; margin:15px 0;}
a, a:hover{-webkit-transition:color .3s ease; -moz-transition:color .3s ease; -o-transition:color .3s ease; -ms-transition:color .3s ease; -transition:color .3s ease; color:#111; text-decoration:none;}
a:active{/*background:red;*/}
a:focus{/*background:red;*/}
.fl{float:left;} .fr{float:right;}
.clr{clear:both; overflow:hidden;}
div.cl{clear:both; height:0; font:0/0 a; visibility:hidden;}
.ir{text-indent:-999em;}
.hide{display:none;}

/**/

html{overflow-x:hidden;}

html,
body{
  font:normal 12px/100% 'Segoe UI', Arial, Helvetica, serif;
  color:#111;
	background:#fff url(i/body-bg.png) center top repeat-y fixed;
  height:100%;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(186,159,130,.7);
}

/**/

.container{
	width:1220px;
	margin:0 auto;
}

/**/

.fixed{
	position:fixed;
	top:0;
	background:#160c0a;
	width:200px;
	height:100%;
	z-index:10000;
}
.left-bar{
  width:200px;
  /*background:#130a07 url(i/pattern.jpg) repeat;*/
  color:#bd9488;text-align:right;
}
.left-bar nav.hide{display:block;}
.left-bar .ir{text-indent:999em;}
.left-bar a{color:#bd9488;}
.left-bar a:hover{color:#fff;}

.left-bar .logo{
	display:block;
  width:150px;
  height:155px;
  background:url(i/mustache-logo.png) no-repeat;
  margin:35px auto;
}
.left-bar .logo:hover{background-position:0 -165px;}

.left-bar input{
	color:#5e3e34;
	background:transparent url(i/search-brown.png) right center no-repeat;
	font-size:13px;
	margin:0 30px 30px 0;
	padding:0 20px 0 10px;
	width:110px;
	font-style:italic;
	border-bottom:1px solid transparent;
}
.left-bar input:hover{border-color:#442a22;}
.left-bar input:focus{
	color:#fff;
	border-color:#5e3e34;
}

.left-bar li{
  font-size:14px;
}
.left-bar li a{
  padding:7px 30px 7px 0;
	display:block;
}
.left-bar ul ul{
  display:none;
 background:#ba9f82;
  position:absolute;
  top:0;
  left:200px;
  width:140px;
  height:100%;
  padding:225px 20px 0;
  text-align:left;
  box-shadow:inset 3px 0 5px #826c55;
}
.left-bar li:hover ul{display:block;}

.left-bar ul ul li{font-size:12px;}

.left-bar footer{
position:absolute;
right:30px;
bottom:30px;
  font-size:11px;
}
.left-bar .fb,
.left-bar .tw,
.left-bar .gp,
.left-bar .ins,
.left-bar .pin,
.left-bar .rss{
  background:url(i/social.png) 0 0 no-repeat;
  width:20px;
  height:20px;
  margin:0 0 10px 15px;
}
.left-bar .tw{background-position:-20px 0;}
.left-bar .gp{background-position:-40px 0;}
.left-bar .rss{background-position:-60px 0;}
.left-bar .pin{background-position:-80px 0;}
.left-bar .ins{background-position:-100px 0; width:61px;}

.left-bar .fb:hover{background-position:0 -20px;}
.left-bar .tw:hover{background-position:-20px -20px;}
.left-bar .gp:hover{background-position:-40px -20px;}
.left-bar .rss:hover{background-position:-60px -20px;}
.left-bar .pin:hover{background-position:-80px -20px;}
.left-bar .ins:hover{background-position:-100px -20px;}

/**/

.fixed-bar-top{
	position:fixed;
	top:0;
	left:50%;
	width:1015px;
	padding:0 0 0 200px;
	margin:0 0 0 -610px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #eceac7;
	background:#fff;
	color:#ba9f82;
	z-index:1000;
}
	.fixed-bar-top input{
		background:url(i/search.png) 135px 8px no-repeat;
		border-right:1px solid #eceac7;
		width:120px;
		margin:0;
		padding-right:25px;
	}
	.fixed-bar-top input:hover{background-color:#f7f6e2;}
	.fixed-bar-top input:focus{background-color:#f2f1d6;}

	.fixed-bar-top a{
		color:#ba9f82;
		border-right:1px solid #eceac7;
		padding:0 10px;
		display:block;
		float:left;
	}
		.fixed-bar-top a.open-layer{
			background:#ba9f82;
			color:#fff;
		}

	.fixed-bar-top a:hover{background:#f7f6e2;}
	.fixed-bar-top a.open-layer:hover{background:#ba9f82;}

	.fixed-bar-top div.dd{
		width:30px;
		height:30px;
	border-right:1px solid #eceac7;
		background:url(i/settings.png) no-repeat;
		position:relative;
	}
	.fixed-bar-top div.dd:hover{background-position:0 -30px;}
	.fixed-bar-top div.dd:hover ul{display:block;}

	.fixed-bar-top div.dd ul{
		display:none;
		position:absolute;
		top:30px;
		right:-1px;
		width:110px;
		padding:10px;
		text-align:right;
		background:#fff;
		border:1px solid #edebc9;
	}
		.fixed-bar-top div.dd ul a:hover{background:none;}
		.fixed-bar-top div.dd ul a{
			color:#111;
			line-height:150%;
			border:0;
			padding:0;
			float:none;
		}


	.breadcrumb a.site-home{
		display:block;
		width:30px;
		height:30px;
		padding:0;
		background:#fff url(i/home.png) no-repeat;
	}
	.breadcrumb a.site-home:hover{background-position:0 -30px;}

/**/

.wrap{
  width:1015px;
  margin:0 0 0 200px;
  padding:31px 0 0;
}

/**/

.main{
  width:700px;
}

/**/

.big-picture .author{margin:10px 20px;}

.single .main .author{
	margin:0;
	padding:0 30px 30px 30px;
}
.single .main .author span{display:block;margin:0 0 5px;}

.author{
	display:block;
	margin:0 10px 0 0;
	color:#ad9188;
}
.author span{
	display:block;
	min-width:150px;
}
.author img{	
	float:left;
	border:3px solid transparent;
	margin:-5px 10px 0 0;
	border-radius:25px;
	text-indent:-999em;
}
/*.author:hover img{border-color:#ad9188;}*/

/**/

.headline .video{
	display:block;
	width:38px;
	height:38px;
	position:absolute;
	top:0;
	right:0;
	background:#111 url(i/video-icon.png) center center no-repeat;
}
.headline .comment{
	display:block;
	width:36px;
	height:36px;
	line-height:30px;
	font-size:10px;
	font-weight:bold;
	background:#111 url(i/comment.png) center center no-repeat;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
}
.tags .comment{
	display:block;
	width:24px;
	height:23px;
	padding:5px 0 0;
	color:#fff;
	font-size:10px;
	text-align:center;
	background:url(i/comment-black.png) 0 0 no-repeat;
}
.tags .comment:hover{
	background-color:transparent;
	background-position:0 -28px;
}

/**/

.lead{
  position:relative;
  margin:0 0 15px;
}
.lead .headline{
  position:absolute;
  left:20px;
  bottom:0;
  z-index:100;
}
.lead img{max-height:640px;}
.lead h1,
.lead h3{
  margin:0;
  max-width:630px;
  padding:7px 45px 7px 15px;
  background:#fff;
  font-size:24px;
  position:relative;
}
.big-picture .info{margin:0 35px 10px;}

.big-picture p{
  font-size:14px;
  line-height:120%;
  margin:0 20px 20px;
}

article.video{position:relative;}

.lead .play,
.video .play{
  display:none;
  position:absolute;
  top:0;
  left:0;
  background:rgba(0,0,0,.7) url(i/play.png) center center no-repeat;
  width:100%;
  height:100%;
  z-index:10;
}
.sidebar .video .play{background:rgba(0,0,0,.7) url(i/play-small.png) center center no-repeat;}

.lead:hover .play,
.sidebar .video:hover .play{display:block;}

/**/

.sidebar .fb-like-holder{margin:0 0 15px;}
.fb-like-holder{
	border-radius:2px;
	height:75px;
	background:#3b5998 url(i/fb-like.png) left top no-repeat;
	position:relative;
	overflow:hidden;
}
.fb-like-holder .fb-like{
	position:absolute;
	top:30px;
	right:20px;
}

/**/

.list{}

.list article{
	border-bottom:1px solid #eceac7;
	padding:0 0 15px 15px;
	margin:0 0 15px;
}
.list h3,
.list h2{margin:5px 0 10px;}

.list p{line-height:120%;}
.list em{
	color: #AD9188;
	display: block;
	font-size: 11px;
	margin:10px 0 0;
}
.list img{
	margin:0 15px 0 0;
	width:200px;
}
.list div.fl{width:460px;}

/**/

.sidebar article.clr{
	border-bottom:1px solid #eceac7;
	padding:0 0 10px;
	margin:0 0 10px;
}
.sidebar article h3{
	font-size:13px;
	line-height:120%;
	margin:0;
}
.sidebar article em{
	color: #AD9188;
	display: block;
	font-size: 11px;
	margin:5px 0 0;
}
.sidebar article.clr img{
	margin:0 15px 0 0;
	width:90px;
}
.sidebar article div.fl{width:195px;}

.sidebar .wp_bannerize{margin:0 0 15px;}
.wp_bannerize.superbanner{height:100px;}
.wp_bannerize a{display:block;}

/**/

.sidebar .sml_subscribe p.sml_email{float:left;}
.sidebar .sml_subscribe p.sml_submit{float:right;}
.sidebar input{
	width:170px;
	height:40px;
	line-height:40px;
	margin:0 0 15px;
}
.sidebar input[type=submit]{width:100px;}

/**/

.category h1{
	text-transform:uppercase;
	font-size:18px;
}

/**/

.tab{
	border:1px solid #eceac7;
	border-bottom:0;
	margin:15px 0 0;
}
.tab a{
	float:left;
	padding:15px 0;
	text-align:center;
	width:50%;
	background:#eceac7;
}
.tab a.active{background:#fff;}

.tabcontent{
	border:1px solid #eceac7;
	border-top:0;
	padding:0 15px 10px 15px;
	margin:0 0 15px;
}
.sidebar .tabcontent li{
	border:0;
	padding:10px 15px 0 15px;
}

/**/

.bookmark{
  display:block;
  width:30px;
  height:51px;
  background:url(i/add-bookmark.png) bottom center no-repeat;
  position:absolute;
  top:0;
  right:10px;
  cursor: pointer;
}
.bookmark:hover{height:55px;}

.bookmark-offline{
  display:block;
  width:30px;
  height:51px;
  background:url(i/add-bookmark-offline.png) bottom center no-repeat;
  position:absolute;
  top:0;
  right:10px;
  cursor: pointer;
}
.bookmark-offline:hover{height:55px;}

.del-bookmark, .nuke-bookmark{
  display:block;
  width:30px;
  height:51px;
  background:url(i/del-bookmark.png) bottom center no-repeat;
  position:absolute;
  top:0;
  right:10px;
  cursor: pointer;
}
.del-bookmark:hover, .nuke-bookmark:hover{height:55px;}

.bookmark-notice{
  position: absolute;
  bottom:2px;
  right:26px;
  padding:5px;
  background: #a50814;
  color:#fff !important;
  text-shadow: #000;
  white-space: nowrap;
}

/**/

.sticky{width:300px;}
.sidebar{width:300px; margin:0 0 0 15px;}
.sidebar h3{font-size:25px;}

.page .sidebar section,
.archive .sidebar section,
.single .sidebar section{
  margin:0 0 15px;
}
.page .sidebar section:last-child,
.archive .sidebar section:last-child,
.single .sidebar section:last-child{
  padding:0;
  border:0;
}
.sidebar li{
  background:url(i/dot-li.png) 0 15px no-repeat;
  font-size:14px;
  line-height:120%;
  padding:10px 15px;
  border-bottom:1px solid #eceac7;
}
.sidebar li em{
	color:#ad9188;
	display:block;
	font-size:11px;
}

/**/

.single .main article h2,
.single .main article h3{
  font-family:'Segoe UI', Helvetica, serif;
  font-size:18px;
}

.single .main article a{
  border-bottom:1px solid #cac8a2;
  padding:0 2px;
}
.single .main article a:hover{background:#eceac7;}

.search h1{margin:15px;}
.page h1{margin:20px 35px;}

.page .main article p,
.single .main article p{
  font-size:14px;
  line-height:140%;
  margin:0 35px 20px 35px;
}
.single .main article iframe,
.single .main article embed,
.single .main article img{max-width:630px;}

.single .main article hr{margin:15px 0 15px 20px;}

.single .main article .aligncenter{
  display:block;
  margin:10px auto;
}
.single .main article .alignleft{
  float:left;
  margin:10px 10px 10px 0;
}
.single .main article .alignright{
  float:right;
  margin:10px 0 10px 10px;
}

.single .social{
	background:#fff url(i/share.png) 50% 7px no-repeat;
	/*border:1px solid #eceac7;
	border-left:0;*/
	padding:30px 0 0;
	width:30px;
}
.single .social .fb,
.single .social .tw,
.single .social .gp,
.single .social .pin{
	background:url(i/single-social.png) no-repeat;
	height:30px;
	position:relative;
	z-index:100;
}
.single .social .fb{background-position:50% -2px; background-color:#3b5998;}
.single .social .tw{background-position:50% -42px; background-color:#00acee;}
.single .social .gp{background-position:50% -82px; background-color:#d14432;}
.single .social .pin{background-position:50% -122px; background-color:#cc2127;}


.single .social .fb .open{display:block;visibility:hidden;}
.single .social .fb:hover .open{display:block;visibility:visible;}

.single .social .open{
	display:none;
	background:#fff;
	/*border:1px solid #eceac7;*/
	position:absolute;
	top:0;
	left:30px;
	height:24px;
	padding:6px 10px 0;
	overflow:hidden;
}
.single .social .gp:hover .open,
.single .social .tw:hover .open,
.single .social .pin:hover .open,
.single .social .fb:hover .open{display:block;}

.single .social .gp:hover .open{background:#d14432;}
.single .social .tw:hover .open{background:#00acee;}
.single .social .pin:hover .open{background:#cc2127;}
.single .social .fb:hover .open{background:#3b5998;}

/**/

.related{background:#fff;}
.related .tags{margin:0 0 10px;}
.related article{
  width:162px;
  height:320px;
  position:relative;
  overflow:hidden;
  padding:20px;
  border-right:1px solid #eceac7;
}
.related article:last-child{border-color:#fff;}
.related article .author{
	position:absolute;
	bottom:0;
	left:15px;
	background:#fff;
}
.related article:hover figure{height:50px;}
.related article figure{
	position:absolute;
	top:0;
	left:0;
	height:0;
	overflow:hidden;
}
.related p{
  font-size:14px;
  line-height:120%;
}

/**/

.lead-posts{
	border-bottom:1px solid #eceac7;
	margin:0 0 15px;
}
.lead-posts article{
	width:320px;
	padding:15px;
}
.lead-posts figure{
	width:320px;
	height:220px;
	overflow:hidden;
}
.lead-posts h2{margin:10px 0;}
.lead-posts em{color:#ad9188;}
.lead-posts p{
  font-size:14px;
  line-height:120%;
  margin:0 0 10px;
}
.lead-posts .tags{margin:0 0 10px;}

/**/

.rating{
  font-size:11px;
  padding:20px 30px;
  border-top:1px solid #eceac7;
  border-bottom:1px solid #eceac7;
}
.rating .fl{width:500px;}
.rating .score{
  width:68px;
  height:93px;
  text-align:center;
  font:40px/93px 'Segoe UI Semibold', Helvetica, serif;
  background:url(i/score-bg.png) no-repeat;
  margin:0 20px 0 0;
}
.rating h3{margin:10px 0;}

/**/

.more{
  height:21px;
  line-height:21px;
  display:inline-block;
  *display:inline; /* ie7 */
  zoom:1; /* ie7 */
  background:url(i/arrow-black.png) right 0 no-repeat;
  padding:0 30px 0 0;
  margin:10px 0 0;
}
	.more:hover{
		background-position:right -29px;
		color:#160c0a;
	}

/**/

.info{
  display:block;
  font-size:10px;
  text-transform:uppercase;
  margin:0 0 15px;
}

/**/

.tags span.date,
.tags a{
  background:#111;
  color:#fff;
  font-size:10px;
  text-transform:uppercase;
  padding:5px 10px;
  margin:0 1px 0 0;
  float:left;
}
.tags a:hover{background-color:#ba9f82;}

.sidebar .tags a{
	padding:7px 10px;
	margin-bottom:1px;
}

/**/

.article-pager{
	background:#111 url(i/article-pager.png) 50% 0 repeat-y;
	font-size:14px;
}
.article-pager .next-post,
.article-pager .prev-post{width:50%;position:relative;z-index:1000;}

.article-pager span{
	position:absolute;
	top:0;
	display:block;
	height:72px;
	width:15px;
	overflow:hidden;
}
.article-pager .prev-post:hover span{left:0;}
.article-pager .next-post:hover span{right:0;}
.article-pager .prev-post span{left:-10px;}
.article-pager .next-post span{right:-10px;}

/*.article-pager .prev-post{border-right:1px solid #444;}*/
.article-pager .next-post a,
.article-pager .prev-post a{
	color:#fff;
	display:block;
	padding:30px;
}

.article-pager .next-post a{background:url(i/arrow-white.png) 459px center no-repeat;text-align:right;padding-right:70px;}
.article-pager .prev-post a{background:url(i/arrow-white-left.png) 25px center no-repeat;padding-left:70px;}

.article-pager .next-post a:hover,
.article-pager .prev-post a:hover{background-color:#1d1d1d;}


/**/

.pager{margin:20px 0;}

input[type=submit],
button,
.button,
.pager a{
  cursor:pointer;
  display:block;
  width:170px;
  height:40px;
  line-height:40px;
  background:#5e3e34 url(i/arrow-white.png) 140px 9px no-repeat;
  color:#fff;
  text-align:center;
  border:0;
  border-radius:2px;
  font-size:12px;
}
input[type=submit]:hover,
button:hover,
.button:hover,
.pager a:hover{background-color:#3f261f;}

.pager a{margin:0 0 0 10px;}
.pager .prev a{background:#5e3e34 url(i/arrow-white-left.png) 10px 9px no-repeat;}
.pager .next a{background:#5e3e34 url(i/arrow-white.png) 140px 9px no-repeat;}

/**/

.wp-pagenavi{
	margin:5px 15px 0;
	height:40px;
}

.wp-pagenavi span,
.wp-pagenavi a{
	text-align:center;
	border:0;
	border-radius:2px;
	font-size:12px;
	display:block;
	float:left;
	width:70px;
	height:40px;
	line-height:40px;
	margin:0 3px 0 0;
	background:#5e3e34;
	color:#fff;
}
.wp-pagenavi span.pages{float:right;}
.wp-pagenavi span{background:#ba9f82;}
.wp-pagenavi a:hover{background-color:#3f261f;}

/**/

.category-lead{
	background:#eceac7;
	padding:30px;
	margin:0 0 15px;
	box-shadow:inset 2px 0 2px rgba(0,0,0,.3);
}
.category-lead h1{margin:0;}
.category-lead p{margin:15px 0 0;}

/**/

.highlight{background:yellow;}

/**/

.to-top{
	font-style:italic;
	text-align:center;
	color:#fff;
	font-size:11px;
	background:#fff url(i/to-top.png) center 14px no-repeat;
	margin:10px 0 0;
	padding:25px 0 0;
	display:block;
	border-bottom:7px solid #111;
}
.to-top:hover{
	color:#fff;
	background-position:center 12px;
}

/**/

.flexslider .slides > li{display:none; text-align:center; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.slides:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

.single .main article .slides li a,
.single .main article .slides li a:hover{border:0;padding:0;background:none;}


.flexslider2{position:relative;}
.flexslider{
	position:relative;
	width:630px;
	height:600px;
	margin:10px 35px 30px;
	background:#111;
	color:#fff;
}


.flex-prev,
.flex-next,
.single .main article a.flex-prev,
.single .main article a.flex-next{
	position:absolute;
	top:0;
	width:50px;
	height:100%;
	text-indent:-999em;
	padding:0;
	border:0;
}
.flex-prev{left:0;background:url(i/arrow-left.png) center center no-repeat;}
.flex-next{right:0;background:url(i/arrow-right.png) center center no-repeat;}

.flex-prev{left:0;background:url(i/arrow-left.png) center center no-repeat;}
.flex-next{right:0;background:url(i/arrow-right.png) center center no-repeat;}

.single .main article a.flex-prev:hover{background:#000 url(i/arrow-left.png) center center no-repeat;}
.single .main article a.flex-next:hover{background:#000 url(i/arrow-right.png) center center no-repeat;}

.gallery-caption{
	padding:10px 0 0;
	font-style:italic;
}

.fb-comments{margin:0 0 20px 30px;}
.copyright{display:none;}

/**/

.banner{margin:0 auto;}

.banner span{
  color:#ddd;
  display:block;
  text-align:right;
  font-size:10px;
}

/**/

@media all and (max-width: 800px){
	.sidebar,
	.left-bar ul ul,
	.list figure,
	.left-bar footer,
	.related,
	.fixed-bar-top{
		display:none !important;
	}

	html, body{background:#fff;}
	.container{width:100%;}
	.main{float:none;width:100%;}
	.fixed{position:static;width:100%;height:auto;}
	.left-bar{float:none;width:100%;}
	.wrap{float:none;width:100%;margin:auto;}
	.list div.fl{width:100%;float:none;}
	.lead-posts article{width:40%;}

	.lead img,
	.single .main article iframe,
	.single .main article embed,
	.single .main article img{width:100%;height:auto;}

	.left-bar .logo{
		width:160px;
		height:50px;
		background:url(i/mustache-logo-mobile.png) no-repeat;
		margin:0 0 0 20px;
		float:left;
	}
	.left-bar .logo:hover{background-position:0 0;}

	.left-bar span{
		background:url(i/nav.png) no-repeat;
		display:block;
		width:50px;
		height:50px;
	}
	.left-bar nav.hide{display:none;}
	.left-bar nav{padding:20px;}

	.left-bar li{
		float:left;
		width:50%;
	}
	.article-pager{margin:0 0 20px;}
	.article-pager .next-post a,
	.article-pager .prev-post a{background-image:none;padding:30px;}

	.fb-comments{width:100%;margin:0 auto;}

	.copyright{display:block;text-align:center;color:#ad9188;}
}

/**/

::-webkit-selection{background:#5e3e34; color:#bfa097;}
::-moz-selection{background:#5e3e34; color:#bfa097;}
::selection{background:#5e3e34; color:#bfa097;}