body{ margin: 0; padding: 0; }
#masthead { height: 90px; background-image: url(/img/mastheadimage.png); border-bottom: 2px solid /*#949CFC*/#000; background-repeat: no-repeat; background-color:none;}
#masthead h1{width: 100%; display:none;}
#navigation {height:31px;  background-image: url(/img/navpiece.gif); background-repeat: x-repeat; border-bottom: 2px solid #000;}
#contentwrap1{ padding-left:20px;} 
#content p{margin-bottom: 5px; }
#navigation ul{display:inline;}
#navigation li{ margin:0; padding:0; height: 31px; vertical-align: middle; font-size: 18px; font-weight: bold; color: #fff; list-style:none; display: inline; }
#navigation a { color: #FFF;}
#navigation a:link { color: #FFF; }
#navigation a:hover { color: #F6F58E; }
#navigation div {display:inline;}
#navigation div .navright {}
.imgfloatlft {float: left; margin: 0px 6px 6px 6px;}
.imgfloatrgt {float: right; margin: 0px 6px 6px 6px;}
.border { border: 1px solid #000;}
.borderright { border-right: 1px solid #999;}
.mychar-list{border-bottom: 1px solid #999;}
#breadcrumb{height: 20px;}
.hint {font-size: 12px; display: block; width: 400px;}
body #mainbody{
background-color:#041325;
/*background-image: url('/img/leather.gif');
background-repeat: repeat-x;*/
color:#202020;
font-family:tahoma, Helvetica, sans-serif, arial;
font-size:11px;
}

#Sheet table{ width: 100%; margin:0px; background-color: #fff; padding: 0px; border-collapse: separate; caption-side: top; border-spacing: 1; table-layout:auto;}
table tr td {background-color: #fff;}
table {border: none;}
#Sheet table { border: 1 px #000; }
#Sheet html, td{font-family: Tahoma,Arial,sans-serif; color: black; background-color: white; vertical-align:top;}
#Sheet ol {list-style: none; margin:0px; padding:0px;}
#Sheet li {margin:0px; padding: 0px;}
#Sheet li li {display: inline-block;}
#Sheet  h2 {width: 100%; border-bottom: 4px solid #444; font-family:times,"Times New Roman",sans-serif; font-size: 2em; font-weight:bold; text-align: center; color: #444;}
#Sheet label {display: inline-block; font-size: 12px;}
#Sheet input {width: 100%;  border-color: #000; border-style: solid; border-width: 0 0 1px; padding:0;}
#Sheet textarea{width: 100%;}
/*#Sheet h2{text-align:left; font-size: 1.2em;}*/

#basic-info td{margin:0; padding: 0px 10px 0px 0px;}
#form-row-2 td {vertical-align:top;}
.mychar-list{ width: 33%; }
.mychar-name{ color: #cc0000; font-weight:bold; font-size: 16px;}
.sheet-portrait{display:block; border: 1px solid #000; margin: 20px auto;}
#portrait { margin:auto; text-align:center }
#container{
/*width:900px;
margin:auto;*/
}

#ToolTray h3{ color: #444; font-size: 1.2em;  font-weight: bold; margin:0; padding:0; }
#ToolTray label{font-weight: bold; }
#ToolTray .tool{margin: 10px 0px 10px 0px; border-bottom: 1px solid #ccc; padding: 3px;}
#MyCharacters {margin-top: 20px;}
#Roll .submit{margin-left: 0px;}
#Roll .submit input, #content .sheetSave input{color: #fff;  background: #000; border: 2px solid #666; font-weight: bold;}
#content .sheetSave {width: 300px; float:left;}
#Roll .hint{ width: 200px; }
#ToolTray input, #ToolTray textarea{width: 100%;}
#rollhistory ul{list-style: none; margin-right: 10px; }
#rollhistory li{list-style: none; margin: 10px 0 0 0; padding:0; }

#footer {clear: both; text-align: center; color: #999; margin-top: 20px;}
#footer li{ margin: 0px; padding:0px; list-style: none;}

.login {padding: 15px; float:left; border-right: 1px solid #ccc;}
.login-register{float:left; margin: 15px;}

.message, .flash{ width: 50%; padding: 15px; margin: 1em; text-align: center; vertical-align: middle; font-weight: bold;}
.message, .flash-error{ background-color: #FFCFD3; color: #FE0247; border: 1px solid #FE0247;}
.flash-message {background-color: #D1E6D0; color:#4B8F48; border: 1px solid #4B8F48;}
.search-div {display:inline;} 
#ShowRoll { position: absolute; left: 600px; top: 20px;  background-color: #fff; border:1px solid #999; width: 200px;  }
#ShowRoll h2{ background-color:#F75D73; margin: 0px; padding: 0px; text-align: center;  color: #fff; width: 100%; font-size:1em; font-weight: bold; }
#ShowRoll .content{padding: 10px;}
.sm-date{font-size: .8em;}
.roll-label{display:block;}
#rollhistory li{width: 98%; padding: 10px; margin-top: 2px;} 
.roll-history-light-row{background-color:#E9E9E9;}
.roll-history-dark-row{background-color:#DFDFE0;}
#footer a{color:#ccc;}
#footer a:hover {color:#999;}
#footer {color: #ccc;}
.crumb {margin-top: 5px; font-size: 12px; color: #999;}
.crumb a{color: #999;}
.crumb a:hover {color: #666;}
.description{display:block; }
.mark-dead{float:right; clear:none;}
#home-right{width: 200px; float:left; margin: 5px;    }
#content-latest{ border: 1px solid black; }
#home-content{width: 770px; float:left;}
#home-container{width: 1050px; }
#content-latest h2{margin:0; padding:0; text-align:center; height: 25px; color: #fff; font-size: 1.2em;  background-image: url(/img/navpiece.gif); background-repeat: x-repeat; }
#content-latest ul{list-style:none; margin:5px; padding:0;}
#content-latest .list{padding:0; margin:0; border-bottom: 1px solid #ccc;}
#content-latest .endlist{border: 0; margin-top: 5px;}
#profile-latest {background-color: #FAF7AC; padding: 5px; border: 1px solid #FCC922; width: 70%;}
#profile-latest ul{list-style: none; margin: 0; padding: 0;}
#profile-latest li{display: inline; margin:0; padding: 0;}
#profile-info{}
.intro{display:block; font-style: italic;}