/* Seelie Prince CSS */

/* http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html {
	overflow-y: scroll;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* MAIN BLOCKS  */

body {
	background: #221E1D;
	font: 13px/19px Arial,sans-serif;
	color: #363636;
}

div#wrapper {
	width: 1000px;
	min-height: 500px;
	background: #fff;
	margin: 0 auto;	
	border: 6px double #FBE18C;
	border-radius: 4px;
	background: #FFFCEF;
	position: relative;
}

header {
	width: 1000px;
	height: 200px;
	background: url("../images/banner1.jpg") no-repeat;
}

nav#topnav {
	background: #FEF7DA;
	border-top: 3px solid #FBE18C;
	border-bottom: 3px solid #fbe18c;
	width: 1000px;
}

section#content {
	width: 600px;
	padding: 20px;
	position: relative;
	float: left;
}

section#sidebar {
	margin: 20px;
	width: 280px;
	padding: 20px;
	float: right;
	background: rgba(240, 240, 240, .3);
	border-radius: 12px;
	box-shadow: 2px 2px 5px #777;
}


footer {
	clear:both;

}

/* Globals */

.clear {
	clear: both;
} 
.left {
	float: left;
	margin-right: 20px;
}

.center {
	text-align: center;
}

blockquote {
	margin-left: 20px;
	text-indent: -.5em;
	background: #fff;
	border: 3px solid #384C41;
    border-radius:20px;
    padding: 20px;
    margin-top: 20px;
}



/* Typography */

p {
	margin-bottom: 19px;
}

a {
	color: #195559;
}

a:hover {
	text-decoration: none;
	color: #C65C00;
}

h1 {
	font-size: 24px;
	margin-bottom: 24px;
}

h2 {
	font-size: 21px;
	margin-bottom: 18px;
}

/* NAV */
nav#topnav ul {
	text-align: center
}
nav#topnav ul li {
	float: left;
	text-align: center;
	height: 100%;
}

nav#topnav ul li a {
	width: 208px;
	padding: 20px;
	display: inline-block;
	font-family: "Quintessential", cursive;
	font-size: 24px;
	border-right: 3px solid #FBE18C;
	text-decoration: none;
	transition: all 2s;
}

nav#topnav ul li:last-child a {
	border-right: none;
	width: 207px;
	clear: left;
}

nav#topnav ul li a:hover {
	background: #FDCA69;
}



/* PAGES */

/* Book Page  */

img.cover {
	clear:left;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

img.cover:hover {
	opacity: .5;
}

body.other p {
	background: #fff;
	border: 3px solid #384C41;
    border-radius: 0 20px 20px 0;
    min-height: 160px;
    padding-right: 20px;
}

/* Reviews Page  */

p.quoteby {
	text-align: right;
}
p.quoteby img {
	margin-bottom:-25px;
}

/* Map Page */

/*body.map section#content .map-object p {
	color:#363636;
}*/

body.map section#content {
	width: 960px;
}

body.map #sidebar, body.image #sidebar {
	display: none
}

.map-object {
	display: none;
	background: #fff;
	border: 3px solid #5B4530;
	border-radius: 12px;
	padding: 19px 19px 0 19px;
	width: 300px;
	position: absolute;
	box-shadow: 3px 3px 5px #5B4530;
}
.map-object img {
	float: left;
	border-radius: 11px;
	box-shadow: 3px 3px 5px #5B4530;
	margin-right: 11px;
	max-width: 120px;
	height: auto;
}

.map-object.king-obs-keep {
	left: 340px;
	top:160px;
}

.map-object.wester-tower {
	left:20px;
	top:40px;
	width: 120px;
	border-radius: 240px 240px 12px 12px;
	padding-top: 40px;
	background: url('/images/tower.jpg') no-repeat #fff;
}
.map-object.water-gate {
	left: 320px;
	top: 260px;
}
.map-object.midden-heap {
	left: 260px;
	top: 200px;
	width: 500px;
	border-radius: 200px 200px 12px 12px;
	padding: 19px 50px 0 64px;
}
.map-object.shifting-lands {
	left: 520px;
	top: 100px;
}
.map-object.aestari-palace {
	left: 220px;
	top: 110px;
	background: url('/images/palace.jpg') no-repeat center bottom #fff;
	padding-bottom: 85px;
}

.map-object.graveyard {
	left:520px;
	top: 210px;
	height: 107px;
}

.map-object.moat-dragons {

}

.map-object.hunting-grounds {
	left: 420px;
	top: 300px;
}

.map-object.black-lake {
	left: 360px;
	top: 160px;
	width: 200px;
}

.map-object.ruined-isle {
	right: 100px;
	top: 120px;
	width: 200px;
}

.map-object.black-lake img, .map-object.ruined-isle img  {
	max-width: 200px;
}

.map-object.shifting-lands img {
	box-shadow: none;
	margin-bottom: 0;
}


.map-object.king-obs-keep img {
	box-shadow: 3px 3px 5px#424515;
}

/* Images Pages */

body.image section#content {
	width: 960px;
	text-align: center;
}

/* SIDEBAR  */

section#sidebar ul li {
	list-style: circle;
	margin-left: 12px;
}