@charset "UTF-8";
/* Global styles */

body { margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; background:#222; color:#333; font-size:1.0em; line-height:1.4em; }
a:link, a:active, a:visited { color:#222; border-bottom:1px dotted #222; text-decoration:none; }
a:hover{ color:#660000; border-bottom:1px dotted #660000; text-decoration:none }
a.noline{ border-bottom:none; }
a.light{ color:#555; border-bottom:1px dotted #555; }
a.noborder{ border-bottom:none; }
img{ border:none; }
#page{ width:980px; margin:0 auto; position:relative; padding:0 }
#header{ height:10px; margin: 20px 0 10px 0 ; text-align:center; }
#logo-notext{ position:absolute; top:-47px; left:-148px; z-index:9999; width:200px; border:none; }
#contentleft{ width:730px; float:left; border-right:1px dotted #ccc; padding-right:10px;line-height:1.7em; padding-top:15px; }
#contentleft.fullpage{ width:960px; float:left; border:none; padding-right:0; }
#contentleft h2{ margin:0; font-family:"Times New Roman", Times, serif; }
#contentleft ul li{ margin-bottom:10px; line-height:1.7em; }
#contentleft h3{ margin-bottom:5px; padding-bottom:0; line-height:normal }
#contentleft p{ margin-top:0;}
.bold{ font-weight:bold; }
.italic{ font-style:italic; }
.dark{ color:#111; }
.red, a.red{ color:#F00; }
.light{ color:#555; }
.xlight{ color:#777; }
.light-row{ background:#d7e1ba; }
.dark-row{ background:#b9c39c; }
.small{ font-size:0.9em; }
.xsmall{ font-size:0.8em; }
.xxsmall{ font-size:0.7em; }
.large{ font-size:1.2em; }
.xlarge{ font-size:1.5em; }
.hide{ visibility:hidden; }
.clearfloat{ clear:both; }
.float-l{ float:left; }
.float-r{ float:right; }
.lucida{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.red{ color:#F00;}

/* Top Nav bar */
#topnav{ z-index:9999; position:absolute; top:0; left:0; margin:0; padding:0; width:100%; height:24px; background:#660000; border-bottom:1px solid #000; border-top:1px solid #000; }
#topnav ul{ width:980px; list-style:none; margin:0 auto; padding:0; color:#fff; }
#topnav ul li{ margin:0 20px 0 0; padding:0; float:left; line-height:24px; font-size:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#topnav ul li a{ color:#fff; border:none; }

/* Global Nav bar */
#globalnav{ z-index:9999; position:fixed; bottom:0; left:0; margin:0; padding:0; width:100%; height:24px; background:#ddd; border-top:1px solid #999; }
#globalnav ul{ width:980px; list-style:none; margin:0 auto; padding:0; }
#globalnav ul li{ margin:0 20px 0 0; padding:0; float:left; line-height:24px; font-size:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }

/*	My Tools Navbar */
#nav{ z-index:9999; position:absolute; top:26px; left:0; margin:0; padding:0; width:100%; height:28px; background:#333; border-bottom:1px solid #000; }
#nav ul{ width:980px; list-style:none; margin:0 auto; padding:0; color:#fff; line-height:28px; font-size:12px }
#nav ul li { float: left; list-style: none; margin: 0px; padding: 0px }
#nav ul li a, #nav ul li a:link, #nav ul li a:visited { color: #fff; display: block; border-bottom:none; }
#nav ul li a:hover, #nav ul li a:active {	background: #222222; color: #FFFFFF; display: block; border-bottom:none; }
#nav ul li li a, #nav ul li li a:link, #nav ul li li a:visited { opacity: .98; filter: alpha(opacity=98); background: #1A1A1A; width: 170px; color: #EEE; float: none; margin: 0px; padding: 5px 0; border-bottom: 1px solid #333333; }
#nav ul li li a:hover, #nav ul li li a:active {	background: #373737; color: #FFFFFF; padding: 5px 0; }
#nav ul li ul {	z-index: 999; position: absolute; left: -999em; height: auto; width: 190px; margin: 0px; padding: 0px; }
#nav ul li ul a { width: 160px }
#nav ul li ul ul { margin: -31px 0 0 192px; }
#nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li.sfhover ul ul, #nav ul li.sfhover ul ul ul { left: -999em; }
#nav ul li:hover ul, #nav ul li li:hover ul, #nav ul li li li:hover ul, #nav ul li.sfhover ul, #nav ul li li.sfhover ul, #nav ul li li li.sfhover ul { left: auto; }
#nav ul li:hover, #nav ul li.sfhover {	position: static; }

/* Sidebar */
#sidebar{ width: 215px; float:right; padding-left:20px; font-size:12px; margin-top:20px; padding-top:0; border-left:none; }
#sidebar div{ margin: 0 0 0 10px; }
#sidebar ul{ list-style:none; margin:0; padding:0; }
#sidebar p{ font-family:Georgia, 'Times New Roman', Times, serif; color:#666; font-size:1.0em; clear:both; line-height:1.5em; text-align:left; font-style:italic; }

/* Button (newsletter signup style) */
.button { background:#F3BAB1; border:4px solid red; padding:2px; margin:0 0 0 0; color:black; font: normal 13px Verdana, Arial, Helvetica, sans-serif;cursor:pointer;	width:155px; text-decoration:none; }
.buttonHover { background:#F3BAB1; border:4px solid #66CC00; padding:2px; margin:0 0 0 0; color:black; font: normal 13px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; width:155px; text-decoration:none; }

/* Footer */
#footerbg {	background: #222222 url(http://www.dungeonmastering.com/wp-content/themes/epic/images/footer.png) repeat-x; }
#footer {	width: 980px; color: #CCCCCC;	margin: 0px auto 0px;	padding: 30px 0 40px 0;	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#footer a{ color:#ccc; border-bottom: 1px dotted #999; }
#footer table tr td.title-cell{ width:150px; }

/* Forms */
input, textarea, select { display: block;	width: 280px;	float: left;	margin-bottom: 10px;	padding:5px;	border:1px solid #333; }
.submit{ margin-left:145px; }
input#UserNewsletter_{ border:none;	width:140px; }
input#UserNewsletter{ position:relative;top:4px;right:3px; }
input#searchbutton{ display:inherit; width:auto; float:inherit;	margin:0;	padding:0; border:none; }
.submit{ margin-left:145px; }
.hidden{ border:none; }
label { display: block; float: none; width: 125px; }
br { clear: left; }

/* Monster Card */
.monster{ margin:20px 0 0 0 width:400px border:1px solid #000 font-size:12px line-height:17px; }
.monster tr td{	padding:2px 10px; }
.monster tr td.menu{ padding:2px 0px; }
.monster-header{ background:#003300 color:#fff; }
.monster-header td.name{ font-weight:bold font-size:1.2em; }
.monster-header td.class-type-level{ font-size:1.1em; }
.monster-header td.size-origin-type, .monster-header td.xp { font-size:1.0em; }
.monster-header td a{ color:#fff; }
#MonstercardUserId{	padding:0; margin:0; }
#contentleft ul, #contentleftright ul, #postwide ul { list-style-type: none margin: 0 padding: 0; }
#contentleft ul li, #contentleftright ul li, #postwide ul li { list-style-type: none; margin: 0; padding: 0 }
#contentleft ul ul, #contentleftright ul ul, #postwide ul ul { list-style-type: none; margin: 0; padding: 0 }
#contentleft ul li li, #contentleftright ul li li, #postwide ul li li { list-style-type: none; margin: 0; padding: 0; }
#contentleft ul li ul li, #contentleftright ul li ul li, #contentleftwide ul li ul li { margin: 0; padding: 0; }

/* Table lists (search results, my monsters, etc.) */
table#monster-list{	width:100% border:1px solid #ccc; }
table#monster-list tr td{ padding:5px 10px; }
table#monster-list tr.dark-row{	background:#ddd; }
table#monster-list tr.light-row{ background:#efefef; }

/* Orange buttons */
div.dmt-button-left{margin:0; padding:0 0 0 10px; height:36px; background:url(/images/original/button-bg-left.jpg) no-repeat left bottom;}
input.dmt-button-right{margin:0; padding:0 10px 3px 0; height:36px; width:auto; border:none; color:#fff; font-weight:bold; font-size:14px; background:#fff url(/images/original/button-bg-right.jpg) right bottom; cursor:pointer;}

/* Power cards */
.power{	margin:20px 0 0 0; width:400px; border:1px solid #000; font-size:0.8em; }
.power tr td{	padding:2px 10px; }
.power tr td.menu{ padding:2px 0px; }
.power-header td.name{ font-weight:bold font-size:1.2em; color:#fff; padding-top:5px; padding-bottom:5px; }
.power-header td.class-type-level{ font-size:1.1em color:#fff; }
.At-Will{ background:#009933; }
.Encounter{	background:#990000; }
.Daily{ background:#333333; }
.power-header td a{	color:#fff; }
.dark-row{ background:url(/img/dark-bg.gif) repeat-y; }