/*
Theme Name: Imbalance 2
Theme URI: http://www.wpshower.com/
Description: Imbalance 2 turns you Wordpress-based website to an attractive blog, portfolio or even online magazine. This free template designed in strict modern style with a minimalistic touch. Imbalance 2 can easily fresh up your web-magazine or blog. Due to modern flexible features and layout Imbalance 2 fits to almost any project and your visitors won't remain indifferent.
Author: WPSHOWER
Author URI: http://www.wpshower.com
Version: 1.0.3
License: GNU General Public License
License URI: license.txt
Tags: fluid, grid, blog, magazine, imbalance
*/
html, body, form, ul, li { margin: 0; padding: 0; }
table, td { margin: 0; padding: 0 auto; }
body { position: relative; color: #1d1d1d; }
body, input, textarea, h1, h2, h3  {
	font-family: NeuzeitSLTStd-BookHeavy;
	font-weight: normal;
	font-style: normal;
	font-size: 23px;
	line-height: 150%;
	letter-spacing: 10px;
	 text-align: center; letter-spacing: 0.2em; font-weight:normal; }
a { text-decoration: none; color:#1d1d1d; }
a:hover, a:active { }
a img { border: 0; }
/*img {display:none !important; }*/
.wp-post-image { display:none; }
td { vertical-align: top; }
ul { list-style-position: inside; }
blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; color: #636363; }
.clear { clear: both; }
.main_separator { color: #1d1d1d; }
.wrapper { padding-top: 51px; }
#frame {height: 100%; width: 100%; border: 0px solid #fff; position: fixed; top:0; left:0; border-collapse:collapse; pointer-events: none; z-index:10000;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#frame #footer-right { pointer-events:auto; }
#frame.invers { border: 10px solid #fff; background-color:#f00; z-index:-10000; pointer-events:none;}
#frame.invers a{ color:#fff; }
/*#frame.invers a:hover { color:#fbcccc; }*/
#frame.invers #site-top a { color:#fff; }
.page {pointer-events:none;}
#site-title { width: 100%; overflow: hidden; line-height: 27px; font-size: 16px; letter-spacing: 0.2em; margin-top: 26px; pointer-events:auto; }

.entry-content-invers, .entry-content-invers a { color:#fff; text-align:center; margin-top:200px; pointer-events:auto; }
.entry-content-invers a:hover { color:#fff; text-decoration:none; }

#header { border: 0; padding-bottom: 50px; display:none; }
#site-top { width: 100%; overflow: hidden; margin-top: 14px; pointer-events:auto; text-align:center; position:relative; }
#site-top a { color: #1d1d1d; text-decoration: none; }
#site-top a:hover .active { border-bottom: 2px solid #00F; }
.main-nav { color:#000; margin:0 auto; display:inline-block; }
.active {  color:#000; }

#header-left { float: left; width: 210px; padding-right: 40px; }
#header-center { float: left; width: 210px; padding-right: 30px; }
#search { float: right; width: 220px; }
#header-right { margin: 20px 0 0 10px; }
#search label, #search input[type=submit] { display: none; }
#search input[type=text] { width: 200px; padding: 7px 9px; margin: 0; border: 0; background: #fff; outline: none; }
#page_search input[type=submit] { display: none; }
.menu ul { list-style-type: none; }
.menu ul li { padding-bottom: 9px; }
.menu ul a { line-height: 13px; text-decoration: none; color:#1d1d1d; }
#boxes { margin-top: 140px; }
.box { margin-bottom: 70px; color: #636363; }
.box .rel { position: relative; }
.box .rel p { margin: 0; }
.box > .rel > a { text-decoration:none !important; }
.box > .rel > a > h1 { opacity:0; color:#1d1d1d; }
.box > .rel > a:hover > h1 { opacity:1; }
.box > .rel > a:active > h1 { opacity:1; }
.box .texts { position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); display:none; }
.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a { color: #fff; }
.box .texts .transparent img { opacity: 0.1; filter: alpha(opacity=10); }
.box .texts .abs { position: absolute; top: 0; }
.box h1 { font-size:14px; text-transform:uppercase; margin: 0; padding-top: 15px; padding-bottom: 10px; }
.box h1 a { color: #1d1d1d; }
.box .posted { padding-top: 10px; color: #a1a1a1; display:none; }
.box img { display: block; width:100%; height:100%;}
.box:hover, .box:active { z-index: 100; }
.fetch { clear: both; width: 460px; margin: 0 auto 40px; background: #f9f9f9; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }
.fetch a { display: block; height: 40px; line-height: 40px; color: #1d1d1d; text-decoration: none; }
.fetch:hover a { color: #fff; }
#content { padding-bottom: 20px; }
#nav-above { display:none; }
#nav-above a { text-decoration: none; color: #1d1d1d; }
.nav-separator { color: #e5e5e5; }
.post_title { margin-top: 35px; overflow: hidden; display:none; }
.post_title h1 { margin: 0 0 10px 0; }
.entry-title, .page-title { margin-left: 0; margin-top: 35px; }
.entry-meta { padding-bottom: 30px; color: #636363; }
.entry-meta a { color: #1d1d1d; text-decoration: none; }
#wides { clear: both; }
.entry-aside { }
.entry-content-right { width: 100%; text-align:center; }
.entry-content { width: 710px; margin-left: 250px; }
.entry-utility { margin: 100px 0; }
.entry-tags { margin: 10px 0; }
.entry-tags span { }

#social, #page-navigation { padding: 0; font-size:14px; text-transform:uppercase; }
#page-navigation { margin-top: 160px; line-height: 500%; }
#social a { margin: 0 20px; }
#scrollup, .nav-previous, .nav-next, social .closebtn { margin: 0 60px;  }
.closebtn { font-size:1.2em; }

.twitter-share-button { float: left; margin: 2px 20px 0 0; }
.post img, .page img { margin: 20px 0; max-width:100%; height:auto; }
.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }
.post .alignright, .page .alignright { float: right; margin-left: 20px; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }
#comments { padding: 0 0 0 246px; display:none; }
#comments-title { margin: 40px 0 20px 4px; }
.commentlist { margin: 0; padding: 0; list-style: none; }
.commentlist ul.children { list-style: none; }
.commentlist li > div { position: relative; border-bottom: 1px solid #dedfe0; padding: 30px 0 30px 4px; }
.commentlist li li > div { margin-left: 90px; }
.commentlist li li li > div { margin-left: 180px; }
.commentlist li li li li > div { margin-left: 270px; }
.commentlist li li li li li > div { margin-left: 360px; }
.comment-avatar { position: absolute; top: 30px; left: -96px; }
.comment-content { margin-left: 96px; border-bottom: 1px solid #dedfe0; }
.comment-author { float: left; width: 210px; padding-right: 40px; }
cite { font-style: normal; }
.comment-meta { float: left; width: 210px; padding-right: 40px; color: #999999; }
.comment-body { clear: both; padding-top: 7px; }
#respond { padding-left: 4px; }
li.comment > div { position: relative; }
.reply { position: absolute; top: 30px; right: 20px; }
#reply-title { }
.comment-reply-link { display: none; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 460px; margin: 0; padding: 10px 0; }
.comment-form-comment { clear: both; width: 460px; margin: 0; padding: 10px 0; }
input[type="text"], textarea { background: #fff; border: 1px solid #ccc; padding: 8px; outline: none; color: #6b6b6b; -moz-border-radius: 4px; border-radius: 4px; }
#comments input[type="text"] { width: 442px; }
#comments textarea { width: 442px; }
.form-submit { margin-bottom: 40px; }
.form-submit input { width: 460px; padding: 6px 0; color: #fff; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }
.recent { margin-top: 40px; padding-top: 40px; border-top: 0; }
#footer { padding: 30px 0 50px; border-top: 0; }
#site-info { float: left; width: 460px; padding-right: 40px; line-height: 22px; }
#site-info a { text-decoration: none; color: #1d1d1d; }
#footer-left { float: right; width: 210px; padding-right: 40px; }
#footer-right { width: 100%; bottom:20px; position:absolute; }
#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; height: 100px; left: 40%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }

.wp-caption { width:100% !important; }
.single-text { margin: 20px 10% 80px 10%; }
.single-text-alignleft { float:left; text-align:left; min-width: 400px; width:50%; margin: 0; clear:both; }
.single-text-alignleft a { text-decoration:underline; }
.single-text-alignright { float:right; text-align:right; min-width: 400px; width:50%; margin: 0; clear:both; }
.single-text-alignright a { text-decoration:underline; }
.blue, .blue a { color:#00F; }
.blue a:hover, .blue a:active { color:#F00; }
.red, .red a { color:#F00; }
.red a:hover, .red a:active { color:#00F; }

/* frame */
#frame {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	text-transform: uppercase;
	font-size:14px;
	letter-spacing: 0.2em;
	z-index: 999;
	pointer-events: none;
}
#msm {
	position: fixed;
	height:100%;
	top: 50%;
	margin-top: -50px;
	left: 20px;
	pointer-events: auto;
}
#frame a {
	border-bottom:none;
}
#msm a:hover:after, #msm a:active:after {
	  content: attr(data-hover);
}
#contact {
	position: fixed;
	height:100%;
	top: 50%;
	right: 20px;
	margin-top: -50px;
	pointer-events: auto;
}
#contact a:hover:after, #contact a:active:after {
	  content: attr(data-hover);
}