@font-face
	{font-family:"Fertigo";
	src:url("./fonts/Fertigo_PRO.otf");}

*
	{padding:0;
	margin:0;}

html
	{background:#fff;
	min-height:800px;
	margin:1em;}

body
	{width:55em;
	background:#fff url("../images/burning.jpg") no-repeat bottom left;
	font:76%/1.4 georgia, "times new roman", times, serif;
	color:#055;
	padding:1em 2em 5em;
	border:1px solid #099;
	-moz-border-radius:2em;
	box-shadow:2px 2px 4px rgba(153,153,153,0.5);
	-moz-box-shadow:3px 3px 8px rgba(153,153,153,0.5);
	margin:0 auto 1em;}

h1
	{color:#022;
	font:1.3em/1.2 Fertigo, georgia, "times new roman", times, serif;;
	margin-bottom:0;}

body#home h1
	{height:100px;
	background:url("../images/home.png") no-repeat;
	font:1.5em/1.2 Fertigo, georgia, "times new roman", times, serif;
	padding-left:105px;
	margin-bottom:10px;}

body#home h1 span
	{float:right;
	font-size:1.5em;
	color:#066;
	text-shadow:1px 1px 2px rgba(0,102,102, 0.25);}

h1 sup,
h2 sup
	{font-size:0.4em;
	vertical-align:top;}

h2
	{width:250px;
	height:80px;
	color:#044;
	font:3em/1.1 Fertigo, georgia, "times new roman", times, serif;
	text-shadow:1px 1px 2px rgba(0,102,102, 0.25);
	padding:15px 0 15px 100px;}

h2 span
	{font:1em/1.2 georgia, "times new roman", times, serif;
	text-align:right;}

body.inner h2
	{text-shadow:1px 1px 2px rgba(0,102,102, 0.25);}

body#combat h2
	{background:url("../images/combat.png") no-repeat 0 50%;}

body#skills h2
	{background:url("../images/skills.png") no-repeat 0 50%;}

body#environ h2
	{background:url("../images/environ.png") no-repeat 0 50%;}

body#magic h2
	{background:url("../images/magic.png") no-repeat 0 50%;}

h3
	{height:30px;
	color:#055;
	font:1.8em/1 Fertigo, georgia, "times new roman", times, serif;
	padding:10px 0 0 35px;
	border-top:1px solid #0cc;
	margin:0.5em 0 0.2em;}

body#combat h3
	{background:url("../images/combatSm.png") no-repeat 0 50%;}

body#skills h3
	{background:url("../images/skillsSm.png") no-repeat 0 50%;}

body#environ h3
	{background:url("../images/environSm.png") no-repeat 0 50%;}

body#magic h3
	{background:url("../images/magicSm.png") no-repeat 0 50%;}

h4, h5
	{color:#055;
	margin-bottom:0.4em;}
h4
	{font:1.3em/1.2 Fertigo, georgia, "times new roman", times, serif;}

h5
	{font:1.15em/1.2 Fertigo, georgia, "times new roman", times, serif;}

a:link, a:visited
	{color:#099;}

a:hover
	{color:#066;}

p
	{margin:0 0 1.5em;}

sup
	{color:#f00;
	font-size:10px;}

em
	{color:#088;}

ul
	{margin:0 0 1em 1em;}

ul li
	{margin-bottom:0.3em;}

ul.index
	{float:left;
	width:30%;
	list-style-type:none;
	padding:0;
	margin:0;}

ul.index li
	{margin:0;}

body.inner ul.index
	{float:right;
	background:#fff;
	padding:0 0 1.2em 2em;
	border-left:1px solid #0bb;
	border-bottom:1px solid #0bb;
	margin-left:0.8em;}

ul.index a.section:link,
ul.index a.section:visited
	{font-size:1.1em;
	font-weight:bold;
	padding-top:0.5em;
	margin-left:-0.5em;
	background-image:none;}

ul.index a:link,
ul.index a:visited
	{display:block;
	text-decoration:none;
	padding-left:15px;
	margin:0;}

ul.index a:hover
	{background:url("../images/onbullet.gif") no-repeat center left;
	color:#033;
	text-decoration:none;}

h1 + p:first-letter,
h3 + p:first-letter
	{float:left;
	width:2em;
	font:3.8em/1.2 georgia, "times new roman", times, serif;
	color:#088;
	text-shadow:0 1px 1px #0aa;
	margin:0 0.05em 0.1em 0;}

p.designnotes
	{background:#e6f3e6;
	color:#099;
	font-size:0.9em;
	padding:1em 0.8em 0.8em;
	border:1px solid #099;}

p.notes
	{margin:-0.3em 0 1.5em 1.5em;}

ul.notes
	{background:rgba(255,255,255,0.5);
	list-style-type:none;
	margin:-0.5em 0 1.5em 1em;}

p.notes,
p.formula
ul.notes
	{color:#066;
	font-size:0.9em;}

p.formula
	{color:#088;
	font-size:0.85em;
	font-weight:bold;
	text-align:center;
	padding:0.5em;
	border:1px solid #099;
	margin:0 auto 1.5em;}

dl
	{width:35em;
	background:#fff;
	margin:0 2em 1.5em 0;}

dl#weapons,
dl#per_mods,
dl#healing,
dl.detailed
	{width:50em;}

dl.detailed
	{border:1px solid #099;}

dt,
dd
	{font-size:0.9em;
	line-height:1.5;
	padding:0 0.3em}

dt
	{float:left;
	clear:left;
	min-width:24em;
	color:#088;
	margin-bottom:0.5em;}

dt:nth-of-type(odd),
dd:nth-of-type(odd)
	{background:#edf6ed;}

dt:after
	{content:":"}

dl.detailed dt
	{float:none;
	display:block;
	font-weight:bold;
	padding:0.5em;
	margin:0;}

dd
	{margin-bottom:0.5em;}

dl.detailed dd
	{padding:0 0.5em 0.5em;
	margin-bottom:0.8em;}

table
	{width:55em;
	background:#fff;
	border-collapse:collapse;
	border:1px solid #099;
	box-shadow:2px 2px 4px rgba(153,153,153,0.5);
	-moz-box-shadow:2px 2px 4px rgba(153,153,153,0.5);
	margin:0 0 1em;}

table.nwp
	{float:left;
	width:48%;
	font-size:0.9em;
	margin:0 1em 1em 0;}

thead
	{border-bottom:1px solid #0aa;}

thead tr,
tr:nth-child(even)
	{background-color:#edf6ed;}

tr:nth-child(even)
	{border-top:1px dotted #add;
	border-bottom:1px dotted #add;}

th
	{color:#088;}

tbody th,
td
	{font-size:0.9em;}

th, td
	{text-align:center;
	padding:0.4em 0.5em;}

ol#spells
	{background-color:#edf6ed;
	font-size:0.9em;
	padding:1em;
	padding-left:2.5em;
	border:1px solid #099;
	margin:1em;}

ol#spells>li
	{margin:0.5em 0;}

ol#spells ul li
	{list-style-type:none;}

ul#focusnotes
	{margin-left:1.5em;}

ul#focusnotes li
	{margin-bottom:0.3em;}

div.spell
	{background-color:#edf6ed;
	padding:1em;
	border:1px solid #099;}

body#magic div.spell h3
	{background:none;
	height:auto;
	border:0;
	padding:0;
	margin:0 0 0.3em;}

div.spell h4
	{margin:0 0 0.8em;}

div.spell dl
	{width:auto;}

div.spell dl,
div.spell dt,
div.spell dd
	{background:none;}

div.spell dt
	{min-width:13em;}

div.spell dd
	{margin-bottom:0.3em;}

div.spell dt.desc
	{float:none;
	display:block;}

div#colophon,
p.toplink
	{text-align:right;
	color:#099;
	font-size:0.85em;
	clear:both;
	padding-top:0.5em;
	border-top:1px solid #0bb;
	margin-left:265px;}

div#colophon p
	{margin:0.5em 0;}

p.toplink
	{margin-top:30px;}

p.nextlink
	{text-align:right;
	font-size:1.2em;
	clear:both;
	margin:10px 0;}

p.nextlink a:link,
p.nextlink a:visited
	{background:url("../images/arrow.png") no-repeat 100% 100%;
	font:1em/1.2 Fertigo, georgia, "times new roman", times, serif;
	text-decoration:none;
	padding-bottom:25px;}

p.nextlink a:active
	{outline:0;}