/*
Theme Name: greyscale
Theme URI: http://greyscale.1904.cc/
Description: greyscale theme
Author: ms-studio
Author URI: http://ms-studio.net/
Version: alpha
*/

@import "reset.css";

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

body {
		font: 100% "Helvetica Neue", Helvetica, Verdana, sans-serif; }
* { padding: 0; margin: 0; }
	
#container { width: 898px; margin: 0 auto; padding: 20px 0;border:0;}
#page {background: #fff;border:0px solid red;position:relative;}
h1, h2 {font-weight:bold;font-size:1.3em;}
h3 {font-weight:bold;font-size:1.1em;}
h2 a, h3 a {text-decoration:none;color:#333;}
h2 a:hover, h3 a:hover {text-decoration:underline;}
a {color:#333}
.txt a {font-weight:bold;color:#333;text-decoration:none;}
.txt a:hover {text-decoration:underline;}
a.more-link {font-weight:normal;text-decoration:underline;}
.date {text-transform:lowercase;}
.bold {font-weight:bold;}

/* ---- HEADER ---- */

#header {position:relative;
			background:#ddd;color:#fff;
			top:0;left:0;
			width:210px;height:110px;
			padding:10px 0 0 10px;}
#header a {color:#fff; text-decoration:none;}

/* ---- MENU ---- */
div#menu {position:relative;float:right;
			top:0;right:0px;width:673px;height:110px;
		background:#ddd;border:0px solid black;}
#menu {padding:10px 0px 0px 5px;margin:0;}
#menu ul li {font-size: 0.9em;display:block;}
#menu ul li a {color:#000;text-decoration:none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
	padding-right: 14px;
	padding-left:7px;}
#menu ul li.current_page_item a {
	background-image: url(images/circle_000_16px.png);
}

#menu ul li a:hover,
#menu ul li.current_page_item a:hover,
#menu ul li.current_page_parent a,
#menu ul li.current_page_parent2 a {color:#555;
	background-image: url(images/circle_555_16px.png);}

/* ---- sub-pages ---- */

#menu ul li ul li a {padding:0 14px 0 0;margin:0;}
div#menu ul li:hover,
#menu ul li ul:hover,
#menu ul li:hover ul {visibility: visible;} /*cool trick!!*/
#menu ul li ul {visibility: hidden;display:inline;}
#menu ul li ul li:hover a {color:#000;background-image: url(images/circle_000_16px.png);}
#menu ul li.current_page_item ul,
#menu ul li.current_page_parent ul {visibility: visible;}
#menu ul li ul li {display:inline;font-size:1em;}
#menu ul li ul li a,
#menu ul li.current_page_item ul li a {color:#555;
	background-image: url(images/circle_555_16px.png);}
#menu ul li ul li.current_page_item a,
#menu ul li.current_page_item ul li a:hover {color:#000;
	background-image: url(images/circle_000_16px.png);}

/****************
---- CONTENT---- 
*****************/

#content_box {border-top:0px solid black;margin-top:15px;}
#content_box h1 {padding:0 0 10px 0;font-size:1.7em;color:#333;}
#content_box h2 {padding:0 0 8px 0;color:#333;}
#content_box p {font-size:0.85em;}
#left_box {width:520px;float:left;margin:0px 5px 10px 20px;}

#right_box {width:320px;float:right;clear:none;
			margin:0px 20px 10px 5px;}

#content img.alignleft {float:left;padding: 0 15px 10px 0;}

/********************
---- home page -----
********************/
#left_box.home {width:540px;}

#home-right {position:relative;float:right;width:260px;}
#home-right h1 {font-size:1.3em;}
#home-right h2 {font-size:0.8em;padding:0;margin:0 0 5px 0;}
#home-right h2 span.date {font-weight:normal;font-size:1em;text-transform:capitalize;}
#home-right div.format_text {font-size:0.9em;margin:0 0 15px 0;}

#home-left {position:relative;float:left;width:250px;border:0px solid green;}
#home-left h2 {margin:0 0 5px 0;}
#home-left #right_books {width:250px;position:relative;float:left;}
#right_books div.home_book {margin:0 0 10px 0;clear:left;
	position:relative;
	width:110px;height:145px;overflow:hidden;}
#right_books div.home_book img {width:100px;height:auto;padding:0 5px 5px 0;}
#right_books div.home_book_txt {position:relative;float:left;width:120px;
					border:0px solid #444;height:auto;margin:0 0 18px 0;
					font-size:0.7em;}
#right_books div.home_book_txt h3 {font-size:1.2em;}
#right_authors h3.home {font-size:1.2em;padding:0 0 10px 0;}
#right_authors div.author_home {margin:0 10px 10px 0;}

#right_box.home {width:290px;}

div#facebox_home {position:relative;width:290px;height:547px;
				background:#ccc;border:1px solid #94a3c4;}

/****************************
--- GENERIC CONTENT PAGE --- 
****************************/
#content {position:relative;}
#content.index p {margin:0 0 1em 0;}
#content.single p {margin:0 0 1em 0;}

#content div.format_text img {
max-width:400px;
}

#content div.format_text {padding-right:15px;}

#bookcover {position:relative;float:left;clear:none;
			margin:6px 0px 10px 0;border:0;width:150px;height:200px;
			border:0px solid red;overflow:hidden;}
#bookcover img {width:140px;height:auto;padding:0 10px 10px 0;}

/*--- BOOK CONTENT ---*/
#book-text {position:relative;float:right;top:0px;right:0px;clear:none;
width:350px;height:auto;margin:0;}
#book-meta {font-size:0.8em;position:relative;float:left;
width:148px;border:0px solid blue;}
#book-meta img {margin:9px 0 0 0;}

/*--- MORE BOOKS---*/
#content-books.more {position:relative;float:left;clear:left;
		margin:5px 0 0 0;font-size:0.8em;border:}
#content-books.more h2 {font-size:1.3em;margin:20px 0 10px 0;}

/*--- THICKBOX STYLE ---*/
div.gallery a.thickbox img {
border:3px solid #888 !important;
}
div.gallery a.thickbox img:hover {
border-color: #333 !important;
}


/****************************
--- LISTING PAGE --- 
****************************/
#content-books.list {border:0px solid green;
					position:relative;float:left;
					width:520px;}
#content-books.list div.block {border:0; width:150px;position:relative;
								float:left;margin:0 15px 30px 0;
								height:11em;}
#content-books.list div.block:hover {}
#content-books.list div.block div.thumb {overflow:hidden;width:150px;height:125px;}
#content-books.list div.block div.thumb img {height:120px;width:auto;padding:0 0 5px 0px;}
#content-books.list div.block div.txt {font-size:0.9em;}
#content-books.list div.block div.txt h2 {font-size:1em;margin:0;padding:0 0 4px 0;}
#content-books.list div.block div.txt ul {font-size:0.9em;margin:0;padding:0;}

#content-books p.series,
div.series p {margin:0 20px 20px 0;}

#content div.news {padding:0 0 15px 0;}

/****************************
--- AUTHOR LIST PAGE --- 
****************************/
#content-authors.list {border:0px solid green;
					position:relative;float:left;
					width:520px;}
#content-authors.list div.block {border:0px solid green; 
			width:150px;position:relative;
			float:left;margin:0 15px 30px 0;}
#content-authors.list div.block div.thumb {overflow:hidden;width:150px;height:150px;text-align:left;}
#content-authors.list div.block div.thumb img {height:150px;width:auto;padding:0 0 5px 5px;}
#content-authors.list h2 {font-size:0.7em;padding:5px 0 0 5px;}

/* --- single author page --- */
div#author-img {overflow:hidden;width:150px;height:176px;border:0px solid red;
				position:relative;float:left;margin:0 10px 10px 0;}
div#author-img img {width:147px;height:auto;margin:0 10px 10px 0;}

/***************
---- SIDEBAR ---- 
****************/
#right_box {}
#right_box ul.newsfeed {padding-left:15px;}
#right_box ul.newsfeed li {list-style-type:disc;}
#right_box div {margin-bottom:12px;}
#right_box h2 {font-size:0.9em;}
#right_box ul li {font-size:0.7em;}

div#right_books {position:relative;clear:left;}
#right_books div {width:70px;height:100px;background:#fff;
					border:0px solid #000;
					overflow:hidden;float:left;margin-right:15px;}
#right_books img {width:70px;height:auto;padding:0 10px 20px 0;}

div#right_authors {position:relative;clear:left;}
#right_authors div {width:50px;height:50px;background:#ccc;
					border:1px solid #000;
					overflow:hidden;float:left;margin-right:5px;
					margin-bottom:20px;}
#right_authors img {width:50px;height:auto;}
#right-facebook {position:relative;clear:left; /* fb background:#94a3c4; */
	background:#ccc;width:300px;height:166px;border:0px solid #000;
	margin-top:20px;}

/***************
---- FOOTER ---- 
****************/

#footer {padding:10px 10px 10px 20px;background:#ddd;
border-top:1px solid black;
margin:0;width:868px;}
#footer div.right {float:right;font-size:0.8em;}

#footer div.left {font-size:0.8em;}
#footer ul.bottom-menu {margin:0;padding:0;}
#footer ul.bottom-menu li {margin:0;padding:0;display:inline;font-size:1em;padding-right:10px;}
#footer ul.bottom-menu a {text-decoration:none;text-transform:capitalize;}
#footer ul.bottom-menu a:hover {color:#000;}

/* --- CONTACT FORM --- */
#footer div.wpcf7 {padding-top:10px;}
#footer_left span input {width:170px;font-size:0.8em;clear:none;margin-left:15px;float:right;}
#footer_left div.wpcf7  p {float:left;margin:2px 0 4px 0;}
#footer_left div.wpcf7-response-output {clear:left;font-size:0.8em;color:white;}


a.post-edit-link {background:yellow;float:right;position:fixed;top:5px;left:5px;}

/* -- TWITTER -- */

/*div.twtr-doc {margin:0 20px;}
div.twtr-hd {display:none;}*/
div.twtr-bd {font-size:120%; !important
padding-top:12px;}
/*div.twtr-ft {display:none;}
div.twtr-timeline {
padding-top:6px;
border:1px solid #000;
border-left-width:0px;
border-right-width:0px;}*/


/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/

.group:after,
#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, #footer:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ----- END -----*/