/**
 * Stylesheet for www.jugendbuch-couch.de
 *
 * @media       screen, projection
 * @author      Lars Schafft, lars [dot] schafft [at] literatur-couch [dot] de
 * @version     1.0 (2009-10-03)
 */
 
/* {{{ import basic styles and different background styles */

@import url("/styles/screen/content-1-00.css");


ul.userlist-portrait
	{
		list-style: none;
		margin: 0;
		padding: 0
	}
ul.userlist-portrait li
	{
		display: block; 
		float: left;
		margin-right: 1em;
		font-size:0.8em;
		text-align: center;
	}

ul.userlist-portrait img 
	{
		display: block;
		margin: 0 auto;
	}
	
#profile-head h1
	{
		color: #415C6F !important; 
		font-size: 1.1em !important; 
		letter-spacing: 0 !important;
		background: none !important;
	}
	
#profile-head h1 strong 
	{
		color: #CDCDD2!important;
		font-size: 1.5em; 
		letter-spacing: -1px !important;
		display: block;
		margin-top:.2em;
		line-height: 1.2;
	}
	
#profile-head address { border: 0; font-family: Verdana, sans-serif; font-size: 1em; }

#profile-head img 
	{
		margin-top: -3em; 
		position: relative; 
		top: -20px;
		border: 1px solid #405C6E;
	}
	
#profile-head h1,
#profile-head p,
#profile-head address
	{
		padding-left: 172px !important 
	}

#profile table { width: 100%; }
#profile table th { width: 10em; }


table#bookshelf,
table#messages
	{
		font-size: .85m;
		margin-bottom: 0;
		width: 99.9%;
		border: 1px solid #D9D9D9 !important;
		border-spacing: 0;
		border-collapse: collapse;		
		border-bottom: 0 !important;
		margin-left: 1px;
	}
		
table#bookshelf td,
table#messages td
	{
		border: 1px solid #D9D9D9!important;
		padding: .5em;
		vertical-align: top;
	}
	
table#bookshelf th.genre
	{
		text-indent: -999em;
	}
	
table#bookshelf th.judgement
	{
		padding-left: .25em !important;
		padding-right: .25em !important;
	}
	
table#bookshelf td.genre
	{
		padding: 0;
		text-indent: -999em;
		width: 10px;
		border-right: 0 !important;
		background: #fff;
	}
	
table#bookshelf td.genre-101
	{
		background: #000;
	}
	
table#bookshelf td.genre-102
	{
		background: #634E77;
	}
	
table#bookshelf td.genre-103
	{
		background: #742901;
	}
	
table#bookshelf td.genre-104
	{
		background: #F55813;
	}
	
table#bookshelf td.cover
	{
		border-right: 0 !important;
		border-left: 0 !important;
		background: #fff;
	}
	
table#bookshelf td.cover img
	{
		border: 1px solid #1C4967;
	}
	
table#bookshelf td.title
	{
		border-left: 0 !important;
		background: #fff;
	}
	
table#bookshelf td.title a
	{
		color: #CDCDD2!important;
	}
	
table#bookshelf td.title span.publisher-year
	{
		display: block;
		font-size: .8em;
		color: #1C4967;
	}
	
table#bookshelf td.author
	{
		background: #DCE1E5;
	}
	
table#bookshelf td.judgement
	{
		text-align: center;
		font-size: 1.4em;
		font-weight: bold;
		padding-top: .2em;
		background: #1C4967;
		color: #ea8804;
	}
	
table#bookshelf td.status
	{
		color: #121B22;
		text-align: center;
		width: 62px;
		background: #BACAD4;
	}

table#bookshelf th.location,
table#bookshelf td.location
	{
		display: none;
	}
	
table#bookshelf thead th,
table#bookshelf tfoot th,
table#messages th
	{
		background: #CDCDD2!important;
        color: #fff;
	}
	
table#messages td.sender
	{
		background: #BACAD4;
	}
	
table#messages td.portrait
	{
		background: #DCE1E5 !important;
	}
	
div.paginated-nav.to-table.bottom
	{
		margin-bottom: 0 !important;
	}
	
div.paginated-nav.to-table.bottom.authors
	{
		margin-top: 0 !important;
		margin-bottom: 20px !important;
		border-bottom: 1px solid #dddbe0;
	}
	
ul.tabbed
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
ul.tabbed li
	{
		display: inline;
		margin-right: .2em;
	}
	
ul.tabbed li a,
ul.tabbed li  span.x
	{
		background: #BACAD4;
		padding: .2em .4em;
		color: #CDCDD2!important;
	}
	
ul.tabbed li  span.x
	{
		background: #CFDAE1;
	}
	
select#sortBy-1,
select#sortBy-2
	{
		width: 10.5em;
	}

select#sortOrder-1,
select#sortOrder-2
	{
		width: 4em;
		margin-left: -.8em;
	}	
	
select#filter-1,
select#filter-2
	{
		width: 14em;
	}
	
#message div#portrait
	{
		position: absolute;
		right: 1em;
		top: 1em;
	}
	
#message p.message-body
	{
		background: #fff;
		color: #121B22;
		border: 1px solid #849FB1;
		padding: .5em .8em;
		max-height: 20em;
		overflow: auto;
	}
	
#message input.text
	{
		width: 20em !important;
	}
	
li.author-selected a
	{	
		background-color: #ea8804;
		padding: 0 .2em;	
		border-bottom: 1px solid #ea8804;
		font-weight: bold;
		text-decoration: none;
		color: #752900 !important;
	}
	
div.paginated-nav
	{
		position: relative;
		padding: 12px 0 6px 20px;
		min-height: 1em;
		background: #fff;
		border: 1px solid #dddbe0;
		border-width: 0 1px;
	}
	
div.paginated-nav ul,
div.paginated-nav ol
	{
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
	}
	
div.paginated-nav li
	{
		display: inline;
		padding: 0;
		margin: 0;
	}
	
div.paginated-nav .paginated
	{
		position: absolute;
		height: 100%;
		top: 4px;
		right: 27px;
	}
	
div.paginated-nav .paginated span.page
	{
		position: relative;
		right: .1em;
	}
	
div.paginated-nav a
	{
		text-decoration: none;
	}	
	
div#bookshelf-overview fieldset.box-emph
	{
		border-bottom: 0 !important;
		-moz-border-radius: 10px 10px 0 0;
	}
	
div#bookshelf-overview fieldset.box-emph input.submit
	{
		width: 8em;
	}
	
h1 cite
	{
		font-style: normal;
	}
	
div.headlines h1
	{
		background: none !important;
		color: #CDCDD2!important;
		width: 100% !important;
		letter-spacing: -1px !important;
		padding: 0 !important;	
	}
	
div.headlines h2
	{
		width: 100% !important;
	}
		
div.content-head { position: relative; border: 0 !important;}
div.content-head img.img-first { position: absolute; top: 0; right: 0; }
div.content-head h1,
div.content-head h2,
div.content-head p.mark {margin-right: 150px;}
div.content-head p.mark {clear:both}

fieldset.tab p.first
	{
		font-family: Arial, sans-serif;
		font-size: 1.4em;
		font-style: italic;
		padding-bottom: .2em;
		border-bottom: 1px solid #1C4967;
	}
	
fieldset.tab p.first span
	{
		display: block;
		float: left;
		margin-right: .5em;
		font-style: normal;
		font-weight: bold;
		color: #1C4967;
	}
	
fieldset.tab p.first cite
	{
		font-style: normal;
		font-weight: bold;
		letter-spacing: -1px;
	}
	
fieldset.tab div.inputs label
	{
		display: block;
		float: left;
		width: 29%;
		text-align: right;
		margin-right: 5%;
	}
	
body.content div#content div#book-detail fieldset.tab div.inputs input.text,
body.content div#content div#book-detail fieldset.tab div.inputs textarea
	{
		width: 62%;
	}
	
body.content div#content div#book-detail fieldset.tab div.inputs select
	{
		width: 64%;
	}
	
fieldset.tab div.inputs span.data-field
	{
		display: block;
		margin-left: 35%;
	}
	
fieldset.tab div.inputs p
	{
		clear: both;
	}
	

label#label-publisher,
label#label-pages,	
label#label-isbn13,
label#label-purchase_price,
label#label-date_of_reading,
label#label-date_of_loan
	{
		display: inline;
		float: none;
		width: auto;
		padding: 0;
		margin-right: .2em;
	}
	
label#label-purchase_currency
	{
		position: absolute;
		left: -999em;
	}
	
input#publication_year,
input#publication_year
	{
		width: 3em !important;
		margin-right: .8em;
	}
	
input#publisher,
span#publisher
	{
		width: 12.4em !important;
	}
	
input#isbn10,
spant#isbn10
	{
		width: 6em !important;
		margin-right: 1.3em;
	}
	
input#isbn13,
span#isbn13
	{
		width: 8em !important;
	}
	
select#media
	{
		width: 14em !important;
		margin-right: 1em;
	}
	
input#pages,
span#pages
	{
		width: 2.5em !important;
	}
	
input#purchase_price
	{
		width: 2.7em !important;
		text-align: right;
	}
	
select#purchase_currency
	{
		width: 6em !important;
		margin-left: -.2em;
	}
	
input#book_is_read
	{
		margin-right: 1em;
	}
	
input#loaned_to
	{
		width: 11.5em !important;
		margin-right: 1.1em;
	}
	
input#date_of_loan,
input#date_of_purchase,
input#date_of_reading
	{
		width: 5.7em !important;
	}
	
span#isbn10,
span#isbn13,
span#pages,
span#publication_year,
span#publisher,
span#media
	{
		display: inline !important;
		padding-left: 0;
		padding-right: 1em;
	}
	
div.rc-content input#query
	{
		width: 13.5em !important;
	}	
	
#book-data #amazon-button a
	{
		background: #752900;
		border: 2px outset #fff;
		padding: .15em 1.3em;
		font-size: .9em;
		text-decoration: none;
		color: #fee588;
	}

td.unread
{
color: #fff;
background: #DD8716;
font-weight: bold;
}

td.unread a
{
color: #fff !important;
font-weight: bold;
}