﻿/*







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, table, td {

	margin: 0;

	padding: 0;

}

body {

	position: relative;

	color: #333;

}

body, input, textarea {

	font-size: 13px;

}

a {

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

a img {

	border: 0;

}

td {

	vertical-align: top;

}

ul {

	list-style-position: inside;

}

h1 {

	font-size: 24px;

}

h2 {

	font-size: 18px;

}

h3 {

	font-size: 12px;

}

blockquote {

	border-left-width: 3px;

	border-left-style: solid;

	margin-left: 7px;

	padding-left: 20px;

	font-size: 16px;

	color: #636363;

}

.clear {

	clear: both;

}

.main_separator {

	color: #dedfe0;

}

.wrapper {

	padding-top: 31px;

}

#header {

	border-bottom: 1px solid #dedfe0;

	padding-bottom: 50px;

}

#site-title {

	float: left;

	width: 210px;

	padding-right: 40px;

	overflow: hidden;

	line-height: 27px;

	font-size: 23px;

}

#site-title a {

	color: #333;

	font-weight: bold;

	text-decoration: none;

}

#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: 1px solid #dedfe0;

	background: #fff;

	font-size: 13px;

	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;

	color: #303030;

	text-decoration: none;

}

#boxes {

	margin-top: 40px;

}

.box {

	width: 210px;

	margin-bottom: 70px;

	color: #636363;

}

.box .rel {

	position: relative;

}

.box .rel p {

	margin: 0;

}

.box .texts {

	position: absolute;

	top: -20px;

	left: -20px;

	width: 210px;

	color: #fff;

	z-index: 200;

	opacity: 0;

	filter: alpha(opacity=0);

}

.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 .categories {

	padding-bottom: 10px;

}

.box .categories a, .box .posted a {

	color: #a1a1a1;

}

.box h1 {

	margin: 0;

	padding-bottom: 10px;

	font-size: 16px;

}

.box h1 a {

	color: #333;

}

.box .posted {

	padding-top: 10px;

	color: #a1a1a1;

}

.box img {

	display: block;

}

.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;

	font-size: 16px;

	font-weight: bold;

	color: #333;

	text-decoration: none;

}

.fetch:hover a {

	color: #fff;

}

#content {

	padding-bottom: 20px;

	text-align: justify;

}

#nav-above {

	float: left;

	width: 210px;

	padding-right: 40px;

	text-align: right;

	color: #636363;

}

#nav-above a {

	text-decoration: none;

	color: #333;

}

.nav-previous, .nav-next {

	display: inline;

}

.nav-separator {

	color: #e5e5e5;

}

.post_title {

	margin-top: 35px;

	overflow: hidden;

}

.post_title h1 {

	margin: 0 0 10px 250px;

	font-size: 27px;

	line-height: 35px;

	width: 710px;

}

.entry-title, .page-title {

	margin-left: 250px;

	margin-top: 35px;

}

.entry-meta {

	padding-bottom: 30px;

	color: #636363;

}

.entry-meta a {

	color: #333;

	text-decoration: none;

}

#wides {

	clear: both;

}

.entry-aside {

	width: 210px;

	padding-right: 40px;

	vertical-align: middle;

}

.entry-content-right {

	width: 710px;

	font-size: 15px;

	line-height: 21px;

}

.entry-content {

	width: 710px;

	margin-left: 250px;

	font-size: 15px;

	line-height: 21px;

}

.entry-utility {

	padding: 10px 0;

}

.entry-tags {

	margin: 10px 0;

}

.entry-tags span {

	font-weight: bolder;

}

#social {

	padding: 20px 0 0 0;

}

.twitter-share-button {

	float: left;

	margin: 2px 20px 0 0;

}

.post img, .page img {

	margin: 20px 0;

}

.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;

	width: 714px;

}

#comments-title {

	font-size: 21px;

	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;

	font-size: 15px;

}

cite {

	font-style: normal;

	font-weight: bold;

}

.comment-meta {

	float: left;

	width: 210px;

	padding-right: 40px;

	color: #999999;

}

.comment-body {

	clear: both;

	padding-top: 7px;

	font-size: 15px;

	line-height: 21px;

}

#respond {

	padding-left: 4px;

}

li.comment > div {

	position: relative;

}

.reply {

	position: absolute;

	top: 30px;

	right: 20px;

}

#reply-title {

	font-size: 21px;

}

.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;

	font-size: 15px;

	font-weight: bold;

	cursor: pointer;

	border: 0;

	text-align: center;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

.recent {

	margin-top: 40px;

	padding-top: 40px;

	border-top: 1px solid #ccc;

}

#footer {

	padding: 30px 0 50px;

	border-top: 1px solid #dedfe0;

}

#site-info {

	float: left;

	width: 460px;

	padding-right: 40px;

	line-height: 22px;

}

#site-info a {

	font-weight: bold;

	text-decoration: none;

	color: #333;

}

#footer-left {

	float: right;

	width: 210px;

	padding-right: 40px;

}

#footer-right {

	float: right;

	width: 210px;

}

#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;

}

.page-id-2038 blockquote {

	font-size: 14px;

	margin-right: 5px;

	background: #F3F7FE;

	border: 0px;

	padding: 10px;

}

p.p-inline {

	display: inline;

	float: left;

	padding-left: 5px;

	margin: 0;

	line-height: 2.1em;

}

p.p-clear {

	clear: both;

	padding-top: 15px;

}

select#SELLIGHT {

}

select#SELAGE {

}

select#SELGENRE {

}

.gray_box_round {

	background: #ECECEC;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-khtml-border-radius: 5px;

	border-radius: 5px;

	padding: 25px;

	position: relative;

	max-width: 100%;

}

.corner {

	background: url(images/corner.png) no-repeat 0 0;

	width: 39px;

	height: 26px;

	position: absolute;

	left: 20px;

	top: -26px;

}

.find_button {

	position: absolute;

	width: 207px;

	height: 36px;

	right: 20px;

	bottom: -36px;

}

.findbutton {

	background: url(images/btn_find_perfect_book.jpg) no-repeat 0 0;

	border: 0;

	width: 207px;

	height: 36px;

	text-indent: -10000px;

	cursor: pointer;

}

/***********************************/

/***********************************/

/***********************************/

/************** Start **************/

/*** Indie Author Book Store CSS ***/

/********* Featured Class **********/

/***********************************/

/***********************************/

/***********************************/

#books-title-bar {

	width: 100%;

	border: 1px #000 solid;

	height: 50px;

	background-color: #cf2a27;

	color: #fff;

	margin-bottom: 25px;

	margin-top: 4px;

	font-size: 28px;

	text-align: center;

	line-height: 48px;

}

#books-recommended {

	width: 100%;

	border: 1px #000 solid;

	height: 50px;

	background-color: #2b78e4;

	color: #fff;

	font-size: 22px;

	text-align: center;

	line-height: 48px;

}

#featured-wrapper {

	width: 100%;

	height: 400px;

	border: 1px #000 solid;

}

#standard-wrapper {

	width: 100%;

}

#featured-book-left {

	float: left;

	width: 45%;

}

#featured-book-right {

	float: left;

	width: 43%;

	margin-left: 27px;

}

#single-book {

	float: left;

}

#single-book.standard {

	width: 23%;

	padding: 24px;

	padding-left: 0px;

	margin-left: 0px;

}

#single-book.featured {

	width: 50%;

	padding: 30px 0px 30px 0px;

}

#book-cover {

	height: 316px;

	width: 210px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 100%;

}

#percentage-off {

	text-align: center;

	font-weight:bold;

	background-color:#CF2A27;

	color: #fff;

	width: 210px;

	margin-top: 5px;

	font-size:20px;

	margin-bottom: 5px;

}

#percentage-off.featured {

	margin-left: 31px;

}

#percentage-off.standard {

	margin-left: 34px;

}



#more-details a {

	color: #2b78e4;

	text-decoration: underline;

}

#book-cover {

	margin: 0px auto;

}

#more-details {

	text-align: center;

}

#books-clearfix {

	clear: both;

}









#site-title {



	width: auto!important;

	height: 140px;

	

}



#site-title img {

	

	width:50%;

	

}





 .newnav {

	width:100%;

	height:41px;

	float:left;

	border: 1px #000 solid;

margin-bottom: 6px;

margin-top: 5px;

}







.newnav ul#menu-navigation li {

	display:inline-block;

	list-style-type:none;

}

#header {

margin-top: -45px;

}



.newnav {

    display: block;

    float: left;

    margin: 0 auto;

    width: 100%;

    height: 42px;

}

.newnav ul,

    div.menu ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

 

.newnav li,

     {

    float: left;

    position: relative;

}

.newnav ul ul {

    display: none;

     float: left;

    width: 180px;

    z-index: 99999;

    position: absolute;

}

.newnav a {

    color: #000;

    display: block;

    line-height: 41px;

    padding: 0 10px;

    text-decoration: none;

    font-weight: normal;

}

.newnav ul li:hover > ul {

    display: block;

}

.newnav li:hover > a,

.newnav ul ul :hover > a {

    background: #f47521;

    color: #777;

}

.newnav ul ul a {

    background: #f7941e;

    line-height: 1em;

    padding: 10px;

    width: 160px;

    height: auto;

    color:#000;

}



 .newnav ul#menu-navigation li {

display: inline-block;

list-style-type: none;

background-color: #f7941e;

}



.newnav {

    background-color: #f7941e;

    display: block;

    float: left;

    margin: 0 auto;

    width: 100%;

    height: 42px;

    

}



.newnav ul li.current_page_item > a,

.newnav ul li.current-menu-ancestor > a,

.newnav ul li.current-menu-item > a,

.newnav ul li.current-menu-parent > a {

    color: #fff;

}

ul#menu-navigation li a {

 color:#000;

-moz-transition: all linear 1s;

-o-transition: all linear 1s;

-ms-transition: all linear 1s;

transition: all linear 1s;



}



#books-title-bar {

margin-bottom: 5px;

}





ul#menu-navigation li#menu-item-5371 a {

	color: #000;

	font-weight:bold;

	

}

ul#menu-navigation li#menu-item-5371 a:hover {





}



ul#menu-navigation li a:hover {

	color: #000;

}





#searchsubmit, .screen-reader-text {

	

	display:none;

	

}



.newnav ul li:last-child {

	

	float:right;

}











#searchform #s {

	border-color:#F47521!important;

	width:300px;

	color:#000;

	background-color:rgba(244,117,33,0.5);

	margin-right: 3px;

margin-top: 3px;

}





#site-title img {

	margin:0px;

}









.wrapper{

padding-top: 45px;

}



#header {

padding-bottom: 0px;

}





#books_wrapper {

	width:100%;

	height:100%;

}



#books_title {

	width:100%;

	height:50px;

}



#books_wrapper_meta {

	width:100%;

	height:50px;



}



#books_daybefore {

	width:33%;

	height:50px;

	float:left;

	text-align:left;



}



#books_thisday {

	width:33%;

	height:50px;

	float:left;

	text-align:center;



}



#books_dayafter {

	width:33%;

	height:50px;

	float:left;

	text-align:right;



}



#books_wrapper_report {

	width:33%;

	

}



#books_wrapper_freebooks {

	width:100%;

}



#books_freebooks_number {

	width:100%;

}



#books_freebooks_report {

	width:100%;

}



#books_wrapper_discountbooks {

	width:100%;

}



#books_discountbooks_number {

	width:100%;

}



#books_discountbooks_report {

	width:100%;

}





@media (max-width: 768px) {

	#darkbackground {

		display: none;

	}

}





#searchform #s {



background-color: rgba(255,255,255,0.5);

}
