/* ===== FONT FACE RULES ===== */

@font-face {
	font-family: Gentium;
	src: url(fonts/GenR102.TTF);
}

@font-face {
	font-family: Gentium;
	font-style: italic;
	src: url(fonts/GenI102.TTF);
}

@font-face {
	font-family: Gentium;
	font-weight: bold;
	src: url(fonts/GenBasB.ttf);
}

@font-face {
	font-family: GoudyBookletter;
	src: url(fonts/chemoelectric-GoudyBookletter1911.otf);
}

@font-face {
	font-family: GoudyBookletter;
	font-style: italic;
	src: url(fonts/GoudyStM-Italic.otf);
}

@font-face {
	font-family: GoudySortsMill;
	src: url(fonts/GoudyStM.otf);
}

@font-face {
	font-family: GoudySortsMill;
	font-style: italic;
	src: url(fonts/GoudyStM-Italic.otf);
}

/* Fontin
   A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
	font-family: Fontin;
	src: url(fonts/Fontin-Regular.ttf);
}


/* ===== MAIN STYLES ===== */

body {
	background: url(img/body-bg2.png) repeat-x; 
}

* html body
{
	text-align: center;	/* hack to center this under IE5 */
}
* html #container
{
	text-align: left;	/* keep the content left-aligned */
}

div {
/*	border: solid red 1px;  */
	margin: 0;
	padding: 0;
}

#container {
	width: 780px;
	border: 4px solid white;
	margin: 20px auto;
	background: white;
}

#title {
	height: 144px;
/*	border: solid 1px black; */
	border-bottom: 4px solid white;
}

div.placeholder #title {
	height: 0px;
	border-bottom: 0px solid white;
}

#menu {
/*org	width:103%;
	background: url(img/head-menu-bw4.jpg) no-repeat;
	height: 28px;
	padding-top:12px; */

/*new*/	width:100%;
	background: url(img/head-menu-bw4.jpg) no-repeat;
	height: 28px;
	padding-top:12px; 
}

#menu ul {
/*org	list-style: none;
	margin: 0 0 0 -20px;
	padding: 0 3px 0 3px; */

/*new*/	list-style: none;
	margin: 0 0 0 0;
	padding: 0 3px 0 3px;
}

#menu li {
	float: left;
/*	display: inline;
	margin-left: 15px;
	margin-right: 15px; */
	margin: 0;
	padding: 0 0 0 4px;
	width: 15.94%;
	text-align: center;
}

#menu li a {
	float: none;
	color: #999;
/*	font-family:"Prestige", "Courier", monospace; */
	font-family: Fontin, "Gill Sans", "Verdana", "Helvetica", "Arial", sans-serif;
	font-weight: normal;
	font-size:14px;
	text-decoration:none;
	letter-spacing: 0.5em;
}

#menu li a:link, #menu li a:visited {
	border: none;
}

#menu li a:hover {
	color: #cff;
}

#menu #thispage a {
	color: #cff;
}

#main {
	margin: 4px 0 4px 0;
	border: 1px solid black;
/*	border-top: 1px solid black;
	border-bottom: 1px solid black;
 	background: url(img/side-bg-bw.jpg) no-repeat; */
	background: url(img/main-bg-bw3.jpg) no-repeat;
}

/*
div.homepage #main {
	background: url(img/main-bg-bw5.jpg) no-repeat;
}
*/
div.homepage #main,
div.shortfic #main,
div.biopage  #main,
div.linklist #main {
	background: url(img/main-bg-bw6.jpg) no-repeat;
}
	
#sidebar {
	float: left;
	width: 200px;
	height: 100%;
	padding-top: 1px;
/*	background: url(img/side-bg.jpg) no-repeat; */
}

.sidebaritem {
	width:50%;
	background: url(img/bottom-bar.jpg) #ddd;
	color: #555;
	margin: 20px 10px 10px 10px;
	padding: 0 10px 0 10px;
	border: 1px solid black;
	font-family: Fontin, "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	font-size: 0.9em;
}

/*
#twitterdiv {
	margin-left: 200px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	background: url(img/bottom-bar.jpg) #ddd;
	padding: 10px 30px 10px 70px;

	color: black;
	font-family: "Verdana", "Helvetica", sans-serif;
	font-size: 11px;
	
	text-align: right;
}
*/

#twitterbox h2 {
/*	margin: 1px;
	font-family: GoudyBookletter, "Gill Sans", "Verdana", "Helvetica", "Arial", sans-serif;
 */
	font-weight: bold;
	font-size:14px;

	text-decoration:none;
	text-align: center;
	margin-bottom:20px;
}

.twitter_tweets {
	clear: both;
	list-style-type: none;
	margin-top: -6px;
/*org	margin-left: -40px; */
}

.twitter_tweets li {
/*	background: url(img/head-menu-bw4.jpg) #222;
	color: #999; */
	background: none;
	color: #000;
	margin-bottom: 8px;
	padding: 10px;
	border: 1px dotted #000;
/*new*/	margin-left: -40px;
	
	font-family: "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: x-small;
	line-height: 1.5em;
	overflow: hidden;
	
/*	-webkit-border-radius: 10px; */
	-webkit-box-shadow: 3px 3px 4px #666;
/*	-moz-border-radius: 10px; */
	-moz-box-shadow: 3px 3px 4px #666;
}

#coverbox {
	background: url(img/bottom-bar.jpg) #ddd;
	margin: 20px;
	padding:10px 10px 10px 10px;
	border: black solid 1px;
	height: 100%;
	font-family: "Verdana", "Helvetica", "Arial", sans-serif;
	font-size: 11px;

	-webkit-box-shadow: 2px 2px 4px #666;
	-moz-box-shadow: 2px 2px 4px #666;
}

#coverbox p {
	margin-left: 9px;
	color: #555;
}

div.homepage #coverbox {
	background: url(img/bottom-bar.jpg) repeat-y #ddd;
	padding:0 10px 0 10px;
	font-family: Fontin, "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	font-size: 0.9em;
	margin-top: 20px;
}	

div.homepage #coverbox p {
	margin-left: 0px;
	color: black;
}


div.homepage #coverbox img {
	float: right;
/*	padding: 15px 12px 12px 0px;
	position: relative;
	left: 22px;
*/
	margin: 10px -4px 0 0;
}


#contentbar {
	margin-left: 200px;
/*	background: white; */
	font-family: GoudySortsMill, Gentium, Georgia, "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	border-left: 1px solid black;
	padding: 1px 20px 50px 20px;
}

#contentinner {
/*	margin: 30px; */
}

#contentinner h1, #contentinner h2 {
/*	color: #6d3a2c;
	color: #555;  */
	font-weight: bold;
	font-family: Fontin, "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	margin: 30px 0 20px 0;
	padding: 0 0 6px 0;
	text-decoration: none;
	text-shadow: 2px 2px 4px #888;
/*	border-bottom: 2px solid #6d3a2c; */
	font-variant: small-caps;
}

#contentinner h2.special_title {
	font-variant: normal;
}

#contentinner h1 {
	font-size: 1.8em;
	border-bottom: 2px solid
}

div.homepage #contentinner h1 {
	font-size: 1.2em;
	border-bottom: 1px solid;
	margin: 10px 0 0 0;
}

#contentinner h2 {
	font-size: 1.2em;
}

div.contentitem {
	font-size: 21px;
	line-height: 32px;

	background: url(img/bottom-bar.jpg) repeat-y #ddd;
	margin-top: 20px;
	padding: 0 20px 0 40px;
	border: black solid 1px;

	-webkit-box-shadow: 2px 2px 4px #666;
	-moz-box-shadow: 2px 2px 4px #666;
}

div.shortfic div.contentitem {
	background: none;
}

div.contentitem img {
	float: left;
	margin:13px 10px 0 -15px;
/*	border: 1px solid red;
	padding-right: 15px; */
}
/*
div.contentitem p {
	border: 1px solid blue;
}
*/

table.thumbtable img {
	margin: 0 0 0 0;
	border: 2px solid gray;
}

p.drop:first-line {
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 2px;
}

/*
p.drop:first-letter {
	font-family: Zapfino;
	font-size: x-large;
	letter-spacing: 1px;
	font-weight: bold;
}
*/

.initialism {
	font-variant: small-caps;
	text-transform: lowercase;	
}

.textright {
	text-align: right;
	margin-top: -12px;
}

p.promo, .langtag  {
/*
	background: #333;
	padding: 10px;
*/
	color: #666;
}

p.booklinkage {
	clear: both;
}

p.booklinkage a {
	font-weight: bold;
	text-decoration: none;
}

p.booklinkage a:hover {
	text-decoration: underline;
}

div.reviewquote {
	background: #666;
	color: #ddd;

	margin-top: 20px;
	line-height: 20px; 
	padding: 0 20px 0 40px;
	border: solid 1px black;

	-webkit-box-shadow: 2px 2px 4px #666;
	-moz-box-shadow: 2px 2px 4px #666;
}

p.reviewquote {
	font-family: sans-serif;
	font-size:smaller;
	line-height:normal;
}

div.bookdata {
/*	background: #802626;
	padding: 5px 0 5px 0;

	background: #666;
	color: #ddd;
*/
	border-top: solid 1px #666;
	margin: 30px 0 30px 0;
	font-size: 14px;
	font-family: "Verdana", "Helvetica", "Arial", sans-serif;
	line-height:17px;
/*
	padding: 10px 12px 10px 12px;
*/
}

p.bookcompletetitle {
	font-weight: bold;
}

/*
p.bookmonth, p.booknumber {
	padding: 3px 0 3px 0;
	border-top: solid 1px;
	border-bottom: solid 1px;
}
*/

p.bookformat {
	font-size: xx-small;
	font-family: Palatino, serif;
}

#footer {
	background: url(img/head-menu-bw4.jpg) no-repeat;
	padding: 5px;
	font-family: "Verdana", "Helvetica", "Arial", sans-serif;
	font-size:11px;
/*	color: #b68676; */
	color: #aaa;
	text-align:right;
	clear: left;
}

div.placeholder #footer {
	padding: 0px;
	height: 40px
}

.newsdate {
	color: #888;
}

.imagecaption {
	font-family: sans-serif;
	font-size: xx-small;
}

dl {
	margin-left: 40px;
}

dd {
	margin-bottom: 10px;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #468;
}

a:hover {
	text-decoration: underline;
}

a.special_link {
	font-weight: normal;
	color: white;
}

a.special_link:hover {
	color: #4bf;
}

div.story_text p {
	margin: 0 0 1px 0;
	text-indent: 2em;
}

div.story_text p.initial_para {
	text-indent: 0;
	margin: 20px 0 1px 0;
}

div.story_list p, div.story_list li {
	font-family: "Verdana", "Helvetica", "Arial", sans-serif;
	font-size:12px;
	line-height:16px;
	color: #555;
}

div.story_list p {
/*	margin: -1em 0 2em 2em; */
	margin: -1em 0 0 2em;
}

div.story_list ul {
/*	margin: -1.5em 0 0 0; */
/*org	margin: 0.5em 0 2em 0; */

/*new*/	margin-top: 0.5em;
	margin-bottom: 2em;
}

div.story_list li {
	display:list-item;
	list-style-image:url(img/bullet.png);
}

.warning {
	color: red;
}

.languageflags {
	float: right;
	margin: 2px 16px 0 0;
}

.langlink {
	margin:4px;
	font-family: "Verdana", "Helvetica", "Arial", sans-serif;
	font-size:10px;
}