/******************************************************************************
 * Tony Harbourne - Generic Style
 *****************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif; font-size:12px;
	width:730px; margin:0px auto 0px auto; padding:0px; border:0px;
	color:#333333; text-align:center;
	background-color:#609F3B;
}

/******************************************************************************
 * GENERIC FORMATTING
 *****************************************************************************/

p { line-height:18px; }

a { color:#9f3b60; }

p.highlight_01 {
	font-size:16px; font-style: italic; line-height:24px; text-align:right;
	font-weight:bold; color:#31521e;
}

p.fromBook {
	font-style:italic; 
}

h1 { font-family:verdana,sans-serif; font-size:20px; color:#484848; }

h1.first { margin-top:0px; }

h2 { font-size:14px; color:#3B609F; }

img.insetRightTop { float:right; margin:0px 0px 20px 20px; }
img.insetRight    { float:right; margin:20px 0px 20px 20px; }

img.insetLeftTop { float:left; margin:0px 20px 20px 0px; }
img.insetLeft    { float:left; margin:20px 20px 20px 0px; }

div.quoteFromBook { }

div.quoteFromBook p { font-style:italic; }

p.backLink {
	width:200px; display:block; float:right; clear:none; text-align:right;
}

/******************************************************************************
 * GENERIC LAYOUT
 *****************************************************************************/
#outer { }

#header {
	float:left;
	width:730px; height:160px;
  	background-image:url(../images/header_bg.gif); background-repeat:no-repeat;
}
 
#main_top {
	float:left; width:730px; height:60px;
  	background-image:url(../images/main_top.gif); background-repeat:no-repeat;
}

#main_mid {
	float:left; width:730px;
	background-image:url(../images/main_mid.gif); background-repeat:repeat-y;
}

#main_bot {
	float:left; width:730px; height:80px;
	background-image:url(../images/main_bot.gif);
}

#mainLeft {
	width:120px; float:left; text-align:left; padding:0px 0px 0px 40px;
}

#mainRight {
	width:470px; float:right; text-align:left; padding:0px 40px 0px 20px;
}

#footer { float:left; width:730px; margin-top:5px; }

#footer p { margin:0px; font-size:11px; }

#footer p.copyright { }

#footer p.neocentra { letter-spacing:2px; margin-top:20px; }

#footer p.neocentra a { color:#666666; text-decoration:none; }

#footer p.neocentra a:hover { text-decoration:underline; }

#footer span.emailAddress a { color:#333333; }

/******************************************************************************
 * MAIN NAVIGATION (General)
 *****************************************************************************/
ul#mainNavigation {
	float:left; 
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:120px;
	list-style-type:none; 
}

ul#mainNavigation li { display:block; float:left; margin:0px; padding:0px; width:120px; height:25px; }

ul#mainNavigation li a {
	display:block; float:left; margin:0px; padding:0px; width:120px; height:25px;
	background-repeat:no-repeat; background-position:0px 0px;
}

ul#mainNavigation li a span { display:none; }

/******************************************************************************
 * MAIN NAVIGATION (Items)
 *****************************************************************************/
ul#mainNavigation li a#home { background-image:url(../images/mainNav_home.gif);  }
ul#mainNavigation li a#home:hover { background-position:0px -60px; }

ul#mainNavigation li a#background { background-image:url(../images/mainNav_back.gif);  }
ul#mainNavigation li a#background:hover { background-position:0px -60px; }

ul#mainNavigation li a#bozadir { background-image:url(../images/mainNav_bozadir.gif);  }
ul#mainNavigation li a#bozadir:hover { background-position:0px -60px; }

ul#mainNavigation li a#peapod { background-image:url(../images/mainNav_peapod.gif);  }
ul#mainNavigation li a#peapod:hover { background-position:0px -60px; }

ul#mainNavigation li a#galadhin { background-image:url(../images/mainNav_galadhin.gif);  }
ul#mainNavigation li a#galadhin:hover { background-position:0px -60px; }

ul#mainNavigation li a#geshDagshi { background-image:url(../images/mainNav_geshDagshi.gif);  }
ul#mainNavigation li a#geshDagshi:hover { background-position:0px -60px; }

ul#mainNavigation li a#characters { background-image:url(../images/mainNav_characters.gif);  }
ul#mainNavigation li a#characters:hover { background-position:0px -60px; }

ul#mainNavigation li a#wargaming { background-image:url(../images/mainNav_wargaming.gif);  }
ul#mainNavigation li a#wargaming:hover { background-position:0px -60px; }

ul#mainNavigation li a#knownLands { background-image:url(../images/mainNav_lands.gif);  }
ul#mainNavigation li a#knownLands:hover { background-position:0px -60px; }

/******************************************************************************
 * TOP OF PAGE
 *****************************************************************************/
a.topOfPage { float:right; margin-left:20px; margin-bottom:20px; }

/******************************************************************************
 * BOOK DETAILS
 *****************************************************************************/
.bookDetails { }

.bookDetails img { margin:0px; height:200px; margin-bottom:10px;}

.bookDetails .leftDetails { width:140px; float:left; margin-right:20px; }

.bookDetails .leftDetails a.bullet {
	display:block; margin:0px; padding:0px 0px 0px 15px;
	background-image:url(../images/bullet_02.gif);
	background-position:center left; background-repeat:no-repeat;
	font-weight:bold;
}

.bookDetails h2 { font-size:12px; margin-top:0px; margin-bottom:3px; }

.bookDetails p { font-size:11px; margin:0px 0px 5px 0px; line-height:14px; }

.bookDetails p span.label { margin-bottom:5px; }

p.amazonLink { display:block; font-size:11px; margin:50px 0px 0px 0px; padding:0px;}

p.amazonLink a {
	background-image:url(../images/amazon.gif);background-position:top left; background-repeat:no-repeat;
	padding-top:20px;
}

/******************************************************************************
 * STORY OUTLINE
 *****************************************************************************/
.storyOutline { display:block; float:left; width:470px; }

.storyOutline p.fromBook {
	margin:0px 40px 5px 40px; line-height:20px;
}

/******************************************************************************
 * CHARACTER LIST
 *****************************************************************************/
table.characterList {
	padding:0px; border-spacing: 0px; border-collapse: collapse;
}

table.characterList tr { height:20px; }

table.characterList td.name { padding-right:20px; font-weight:bold; }

table.characterList td.no { padding-right:20px; }

/******************************************************************************
 * LANDS
 *****************************************************************************/

ol.lands li { margin-bottom:6px; }

ol.lands li a { font-weight:bold; }

table.nvp { border-spacing: 2px; border-collapse: collapse; margin-top:10px; margin-bottom:10px;}

table.nvp tr {
	vertical-align:top;
}

table.nvp tr {
	border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa;
	border-left:1px solid #ffffff; border-right:1px solid #ffffff;
}

table.nvp tr td.name {
	padding:5px 20px 5px 0px; font-weight:bold;
	border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa;
}

table.nvp tr td.value {
	padding:5px 20px 5px 0px;
	border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa;
}

/******************************************************************************
 * KNOWN LANDS MAPS
 *****************************************************************************/
div.mapThumbs { width:420px; }

img.bozadirMapThumb { float:left;}
img.peapodMapThumb { float:right; }

/******************************************************************************
 * HOME PAGE BOOK SUMMARY
 *****************************************************************************/
div.hpBookSummary { display:block; clear:both; margin-bottom:30px;}

div.hpBookSummary div.left { float:left; width:160px; }

div.hpBookSummary div.right { float:right; width:300px; }