/* @override 
	http://localhost:8000/static/css/castle.css
	http://invisiblecastle.dev:8000/static/css/castle.css
	http://media.invisible.dev/css/castle.css
	http://invisible.dev:8000/static/css/castle.css
	http://media.invisible.dev/css/blueprint/print.css
*/

/* @group Sections */

body {
background: #010101 url(/static/images/bg17.png) ; /* bg1 */	
/*font-size: 92%;*/
color:  #A0A0A0; /* fg1 */
margin-top: 0
}

div.container {
background-color:  #3A3632; /* bg1 */
border-right: 5px solid #191919;
border-left: 5px solid #191919;
 /* background-image: url(../images/wall-grid.gif); */
width: 790px;
position: relative;
}

div.container#copyright {
	border: none;
	margin-top: 0;
	background: none;
}

#copyright
{
margin: 0 auto;
text-align: center;
font-size: 9px;
}

#copyright p {
padding: 18px 0 0;
}

#ft {
}

#main {
	padding: 0 10px;
	min-height: 610px;
}

#sidebar {
	margin-top: 18px;
	padding: 0;
}

.ad-bot {
	text-align: center;
	margin: 10px 0 20px 10px;
}

/* @group Userstatus */

div.userstatus
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    position: absolute;
    top: 0px;
    right: 10px;
	margin-top: 18px;
}

div.userstatus p {
    text-align: right;
    line-height: 18px;
    margin-bottom: 0;
    font-size: 11px;
}

div.userstatus li
{
    display: inline;
    padding-left: 7px;
    padding-right: 8px;
    font-size: 11px;
    color:  #A0A0A0; /* fg1 */
}

div.userstatus li.clickable
{
    background-repeat: no-repeat;
    padding-left: 15px;
}

/* @end */

/* @end */

/* @group Typography */

a:link, a:visited {
color:  #A0CFBE; /* fg3 */
}

a:hover, a:active {
color:  #EDEECB; /* fg4 */
}

h1,
h2 {
/* font-size: 144%; */
color:  #A0CFBE; /* fg3 */

}

h3 {
/* font-size: 122%; */
color:  #A0CFBE; /* fg3 */

}

p {
/* margin-bottom: .5em; */
color:  #A0A0A0; /* fg1 */
}

p.statmethod,
p.date {
/* font-size: 92%; */
color:  #EDEECB; /* fg4 */
}

strong {
	font-weight: bold;
}

/* @group Errors */

.error
{
color: #fa4400; /* fg3 */;
background-color: transparent;
border: none;
}

.warning
{
color:  #A0CFBE; /* fg3 */;
}

#warning
{
color:  #A0CFBE; /* fg3 */;
}

/* @end */

/* @end */

/* @group Roll */

.stats,
.rollresults {
	border: 2px solid  #A0A0A0; /* fg1 */
	line-height: 18px;
	padding: 9px 10px;
	margin: 7px 0;
	color:   #A0CFBE; /* fg3 */
}

#staticgrid .stats {
	border: none;
	margin-top: 0;
	padding-top: 0;
}

.rollresults .dice {
	color:   #EDEECB; /* fg4 */
}

.rollresults .result {
	color:  #A0A0A0; /* fg1 */
}

.quickcopy {
	margin-top: 0;
	/* font-size: 92%; */
}

.info dt,
.quickcopy dt {
	color:  #A0CFBE; /* fg3 */
	float: left;
	text-align: right;
	width: 8em;
	margin-right: .8em;
}

.info dd,
.quickcopy dd {
	/* margin-bottom: .3em; */
	color:  #A0A0A0; /* fg1 */
}

.rolllink {
	font-size: 10px;
	float: right;
}

/* @end */

/* @group Stats */

ul.progress {
	list-style: none;
	background: url(../images/bg-table-cell-b.gif) center repeat-x;
	height: 24px;
	margin: 0 0 12px 0;
	width: 100%;
}

ul.progress li {
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	line-height: 18px;
	background-color:  #3A3632; /* bg1 */
	border:  3px solid  #A0A0A0; /* fg1 */
	padding: 0 9px;
}

ul.progress li.current {
	border-color:  #A0A0A0; /* fg1 */
	background:  #A0A0A0; /* fg1 */
	color: #d8d8d8;
}

ul.sword li,
li.sword {
    list-style: none;
    background: url(../images/emerald-sword_24.png) left no-repeat;
    margin-left: -10px;
    padding-left: 30px;
}

/* @end */

/* @group Commented Out */

/*
caption
{
text-align: left;
font-size: 110%;
font-weight: bold;
padding: 20px 0 5px 0;
color: #666;
background-color: transparent;
}
*/

/*
#adbox
{
text-align: center;
border: none;
margin: 15px 30px 30px 30px;
padding: 10px;
}
*/

/*
#box
{
border: 1px solid;
margin-left: 30px;
margin-right: 30px;
padding-left: 5px;
padding-right: 30px;
margin-bottom: 30px;
}
*/

/*
#char
{
display: inline;
color: #B00;
}
*/

/*
#dice
{
display: inline;
font-style: italic;
}
*/

/*
#diceline
{
}
*/

/*
#ezformat
{
display: inline;
color: #111;
margin-left: 30px;
}
*/

/*
.right
{
margin-right: 30px;
text-align: right;
}
*/

/*
#info
{
margin-left: 10px;
width: 40em;
}
*/

/*
#info li
{
color: black;
list-style-type: disc;
}
*/

/*
#reroll
{
margin-left: 30px;
}
*/

/*
#roll
{
display: inline;
font-weight: bold;
color: #B00;
}
*/

/*
#rollline
{
font-weight: bold;
color: #B00;
}
*/

/*
#timestamp
{
color: #222;
}
*/

/*
.codeblock
{
color:  #A0A0A0; /* fg1 */
/*background-color: #fff;
margin: 0 0 20px 30px;
padding: 10px;
border: 1px solid #666;
width: 30em;
font-family: courier, "courier new", monospace;
line-height: 150%;
}
*/

/*
.date
{
font-style: italic;
}
*/

/*
.instructions
{
display: inline;
font-style: italic;
}
*/

/*
.notes
{
display: block;
font-style: italic;
margin: -3em 0 1.5em 30em;
width: 20em;
font-weight: normal;
}
*/

/*
.numeric
{
display: inline;
text-align: right;
}
*/

/*
.row2
{
background-color: #ddd;
}
*/

/*
.submitlist li
{
margin-bottom: 1em;
}
*/

/*
#topad
{
    float: right;
}
*/

/* @end */

/* @group Forms */

input#id_rollid,
input.hidden {
	display: none;
	border: none;
}

/* @group Marginform */

/* @group Simple Form */

.simpleform label {
	line-height: 18px;
	margin: 0;
	padding: 0;
}

.simpleform fieldset {
	border: 3px solid  #A0A0A0; /* fg1 */
	padding: 6px 18px;
	width: 95%;
	margin-bottom: 18px;
	margin-top: 0;
	clear: both;
}

.simpleform fieldset.ready,
.ready {
    border-color: #f0ed8d;
}

.simpleform select,
.simpleform textarea,
.simpleform input {
	display: block;
	border: 2px solid  #A0A0A0;
	font-size: 12px;
}

.simpleform select {
    height: 18px;
}

.simpleform input {
	height: auto;
}

#statroll.step2 .simpleform select,
#statroll.step3 .simpleform select {
	display:  inline;
}

.simpleform .formelement.checkbox input {
	display: inline;	
	margin-right:  1em;
}

.simpleform .formelement {
	margin: 0 0 18px 0;
}

.simpleform label.statroll {
	display: block;
	padding-bottom: .25em;
}

#statroll.step2 .simpleform label,
#statroll.step3 .simpleform label {
	display: inline;
	margin-right: .5em;
}



.simpleform input:focus,
.simpleform textarea:focus {
	background-color:  #A0CFBE; /* fg3 */
}

.simpleform input.submit {
	border: 2px solid   #64412A; /* bg3 */
	background:   #3E0B34; /* bg2 */
	color:   #C5E976; /* fg2 */
	padding: .25em;  /* todo */
}

.simpleform input.submit:hover {
	border: 2px solid  #A0A0A0; /* fg1 */	
}

div.notes {
	color:  #EDEECB; /* fg4 */
	font-style: italic;
	line-height: 18px;
	font-size: 12px;
}

div.info {
	color:  #A0A0A0; /* fg1 */
	font-size: 12px;
}

.copyable {
	cursor: pointer;
	background-color:  #3A3632; /* bg1 */
}

/* @end */

/* =========== borrowed from www.themaninblue.com =========== */

#marginForm fieldset
{
	display: block;
	margin: 0 0 1em 0;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #000000;
	padding: 0 1em 1em 1em;
}

#marginForm fieldset.radio
{
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}

#marginForm fieldset.radio input
{
	position: static;
	clear: both;
	float: left;
}

#marginForm fieldset.radio label
{
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 12em;
	font-weight: bold;
	font-weight: normal;
}

#marginForm fieldset.radio legend
{
	float: left;
	font-weight: bold;
}

#marginForm input
{
	position: relative;
	top: -1.4em;
	left: 12em;
	display: block;
}

#marginForm input.submit
{
	clear: both;
    width: 12em;
}

#marginForm label
{
	clear: both;
	float: left;
	display: block;
	width: 12em;
	margin-top: -1em;
	font-weight: bold;
}

#marginForm label.first
{
	margin-top: 1em;
}

#marginForm select
{
	position: relative;
	top: -1.4em;
	left: 12em;
	display: block;
}

/* =========== end borrow =========== */

#marginForm input:active
{
    background-color:  #3E0B34; /* bg2 */;
}

#marginForm input:focus
{
    background-color:  #A0CFBE; /* fg3 */
}

#marginForm textarea
{
margin-bottom: 1.5em;
}

#marginForm textarea:active
{
    background-color:  #3E0B34; /* bg2 */
}

#marginForm textarea:focus
{
    background-color:  #A0CFBE; /* fg3 */
}

/* @end */

/* @end */

/* @group Links */

a img {
	border: none;
}

ol, ul
{
margin-left: 1em;
/* margin-bottom: .5em; */
}

li {
color:  #A0A0A0; /* fg1 */
}

ul li.highlight {
	background-color: #3E0B34; /* fg3 */
}

ul.stats li {
	margin-left: 2em;
}


/* @end */

/* @group Navlist */

#navcontainer
{
margin: 0;
padding: 0;
height: 16px;
width: 100%;
list-style-type: none;
background-color:  #3E0B34; /* bg2 */
padding: 1px 0 1px 1px;
overflow: hidden;
}

#navlist ul
{
margin: 0;
}

#navlist li
{
float: left;
margin: 0 30px 0 0;
padding: 0;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{
background: transparent;
color:  #C5E976; /* fg2 */
text-decoration: none;
font-weight: bold;
display: block;
line-height: 16px;
padding: 0px 10px 0px 10px;
}

#navlist li a:hover
{
/* color: #a80000; */ /* fg3 */
background-color:  #3A3632; /* bg1 */
color:  #A0A0A0; /* fg1 */
cursor: pointer;
}

#navlist li a#current, #navlist li a#current:link
{
color: #c0c0c0 /* bg1 */;
cursor: default;
font-weight: bold;
}

#hd {
	/* background: url(../images/wall.jpg) repeat-x bottom left; */
}

/*
#hd #navlist li.tab1 {
}

#hd #navlist li.tab2 {
	background-color: #777;
}

#hd #navlist li.tab3 {
	background-color: #999;
}

#hd #navlist li.tab4 {
	background-color: #bbb;
}

#hd #navlist li.tab5 {
	background-color: #ccc;
}

#hd #navlist li.tab6 {
	background-color: #fff;
}
*/

/* @end */

/* @group Search */

div.search {
	position: absolute;
	top: 120px;
	right: 10px;
}

div.search input#search {
	font-size: 10px;
	margin-right: 10px;
	color:  #3E0B34; /* bg2 */
	/* background-color: #c0c0c0;  bg1 */
	border: 1px solid  #A0A0A0; /* fg1 */
}

div.search input#search:focus {
	background-color:  #A0CFBE; /* fg3 */
}

input#searchsubmit {
	color:   #C5E976; /* fg2 */
	background-color:   #3E0B34; /* bg2 */
	border: 1px solid   #64412A; /* bg3 */
	padding: 2px;
}

/* @end */

/* @group Tables */


table
{
color:  #A0A0A0; /* fg1 */
background-color: transparent;
empty-cells: hide;
}

td
{
vertical-align: top;
}

#staticgrid {
	border: 3px solid  #A0A0A0; /* fg1 */
	margin: 18px;
	padding: 18px;
}

#staticgrid table {
	float: left;
	margin-right: 2em;
	margin-bottom: 0;
	border: none;
}

#staticgrid span.statvalue,
#staticgrid span.statname {
	color:  #A0A0A0; /* fg1 */
	display: block;
}

#staticgrid th,
#staticgrid td {
	text-align: center;
	background:  url(../images/bg-table-cell-br.gif) bottom right;
	border: none;
	color:   #A0A0A0; /* fg1 */
}

#staticgrid th.leftside {
	border-left: none;
}

#staticgrid th.rightside,
#staticgrid td.rightside {
	background:  url(../images/bg-table-cell-b.gif) bottom right repeat-x;
}

#staticgrid th.top {
	border-top: none;
}

#staticgrid tr.bottom td,
#staticgrid tr.bottom th {
	background:  url(../images/bg-table-cell-r.gif) bottom right repeat-y;
}

#staticgrid tr.bottom td.rightside,
#staticgrid tr.bottom th.rightside {
	background: none;
}


#statgrid th,
#statgrid td {
	line-height: 18px;
	color: #C5E976; /* fg2 */
}

#statgrid th.staterror {
	color: #f89346;
}

#statgrid td select {
	width: 6em;
}

#statgrid .simpleform td select {
	height: auto;
}

tbody th
{
background-color: transparent;
font-weight: bold;
}

/*
tbody .row2 th
{
background-color: #ddd;
}
*/

td.results li
{
    list-style: None;
}

/* @end */

/* @group Misc */

.logo {
	margin: 0;
	padding:  0;
}

.outlined {
    border: 1px solid #3E0B34; /* bg2 */
}

.clear,
.clearer
{
	clear: both;
	height: 1px;
}

.hidden
{
	position: absolute;
	left: -10000px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.center
{
text-align: center;
}

/* @end */

/* @group SphBoard */

.breadcrumbs {
	margin: 18px 0;
}

table.searchresults,
#bd table.sphwiki,
#bd table.sphboard {
	background-color:  #3A3632; /* bg1 */
	margin-bottom: 10px;
	border: 2px solid #A0A0A0;	
}

table.searchresults th,
table.searchresults td,
#bd table.sphwiki th,
#bd table.sphwiki td,
#bd .sphboard th,
#bd .sphboard td {
	color:   #A0A0A0; /* fg1 */
	border: 1px solid  #A0A0A0; /* fg1 */
    padding: 5px;
}

table.searchresults td {
	color:   #A0A0A0; /* fg1 */
	padding: 5px;
}

table.searchresults,
#bd table.sphboard {
	border: 3px solid  #A0A0A0; /* fg1 */
}

table.searchresults th,
#bd .sphboard th {
	/* background-color: #140000; */
	font-weight: normal;
	border-bottom: 3px solid  #A0A0A0; /* fg1 */
	color:   #C5E976; /* fg2 */
	font-size: 92%;
	padding: .2em .4em;
} 

table.castle_profile th {
    border-bottom: 1px solid #ccc;
}

.sphform input[type="text"] {
	width: 100%;
    border: 1px solid black;
    padding: 3px;
}
    
.sphform textarea{
    width: 100%;
    border: 1px solid black;
    padding: 3px;
}
    
.sph_object_list {
    border-collapse: collapse;
    width: 100%;
}

.sph_object_list th,
.sph_object_list td {
    border: 1px solid black;
    padding: 5px;
}

.sphboard_categories {
    border-collapse: collapse;
    width: 100%;
}

.sphboard_categories th {
    white-space: nowrap;
}

.sphboard_threadcount, .sphboard_postcount {
    width: 5%;
    text-align: right;
}

.sphboard_latestpost {
    width: 40%;
}

.sphboard_postform {
    width: 80%;
    border-collapse: collapse;
    border: 1px solid black;
}

.sphboard_postform td,
.sphboard_postform th {
    padding: 3px;
}

.sphboard_postform input[type='text'],
.sphboard_postform textarea {
    width: 80%;
}

.sph_captcha input[type='text'] {
    width: 100px;
}

.sphboard_post_list {
    width: 100%;
    border-collapse: collapse;
}

.sphboard_post_list td,
.sphboard_post_list th {
    border: 1px solid gray;
    padding: 5px;
}

.sphboard_post_list td.sphboard_post_body {
    height: 100px;
    vertical-align: top;
}

.sphboard_post_body img {
    vertical-align: middle;
}

.sphboard_post_list td.sphboard_post_authorinfo {
    width: 150px;
}

.sphboard_thread_list {
    width: 100%;
    border-collapse: collapse;
}

.sphboard_mainhead {
	background-color:  #3E0B34; /* bg2 */
	height: 28px;
}

#main th.sphboard_mainhead {
	font-size: 14px;
}

.sphboard_thread_list td,
.sphboard_thread_list th {
    padding: 0 5px;
}

.pagination-page {
	display:block;
	float:right;
}

.pagination-threads {
	float: left;
}

#sphwiki_toc h2 {
    font-size: 1em;
}

#sphwiki_toc {
    margin-top: 20px;
    padding: 5px;
    border: 1px dotted gray;
    right: 5px;
    float: right;
}
#sphwiki_toc ul {
    padding-left: 15px;
}

h1.wiki_title {
	border:  none;
	font-size: 140%;
}

div.sphwiki_body {
	margin-top: 10px;
}

/* @end */

div.vip {
	margin-top: -18px;
}

div.vip h2 {
	margin-bottom: 26px;
}

div.vip div.characters,
div.vip div.campaigns {
	border: 2px solid  #A0A0A0; /* fg1 */
	padding: 1em;
	margin: 1em .5em 1em .25em;
}

#sidebar h3 {
	clear: both;
}

div.vip img.icon {
	margin: 0;
    vertical-align: middle;
    float: left;
}
div.vip p.campaign,
div.vip p.charinfo {
    margin: 0 0 0 1em;
    padding: 0;
}