/* ------------------------------- Full Screen ------------------------------- */
body{
    background-color:black;
	background-image:var(--mainback);
	background-repeat:repeat;
	background-position:top left;
	display:table;
	height:100%;
	width:100%;
}
div#Top{
	background-color:black;
	display:table-caption;
	border-bottom:3px ridge var(--menu_border_colour);
	background-image:var(--menuback);
}
div#Top ul#MainNav{
	display:block;
	border-bottom:3px ridge var(--menu_border_colour);
	margin:0;
	padding:5px;
	list-style:none;
	text-align:center;
}
div#Top ul#MainNav li{
	display:inline-block;
	width:10em;
	text-align:center;
	vertical-align:top;
	border-top:1px dotted var(--menu_border_colour);
	margin:10px;
	padding:5px;
}
div#Top ul#MainNav li.nav_hilite{
	font-style:oblique;
	border-color:var(--menu_border_colour_light);
	border-style:solid;
	border-width:1px;
	background:var(--menu_background_shade);
}
h1{
	color:var(--menu_text_colour);
	width:100%;
	margin:0;
	padding:0;
	font-size:300%;
	background-image:var(--mimgraphic), var(--mimgraphic);
	background-repeat:no-repeat, no-repeat;
	background-position:
		center left 32px, 
		center right 32px
	;
}
h1 span{display:block;}
h1 > span{
	width:calc(100% - 526px);
	border-right:3px ridge  var(--menu_border_colour);
	border-left:3px ridge  var(--menu_border_colour);
	margin:auto;
	padding:0 10px;
	min-height:81px;
}
h1 span > span + span{
	border-top:1px solid var(--menu_border_colour);
}
h2{
	margin: -1px 0 0;
	font-size:200%;
	border-width:3px 0 1px;
}
div#PageContent{display:table-row;}
div#Content{
	border-bottom:3px ridge var(--menu_border_colour);;
}
div.navbar, div.sidebar, div#Content{
	display:table-cell;
	vertical-align:top;
}
div#Portrait_Left.sidebar{
	background-image:var(--portrait_left), var(--menuback);
	background-repeat:no-repeat, repeat;
	background-position:top 40px center, top left;
}
div#Portrait_Right.sidebar{
	background-image:var(--portrait_right), var(--menuback);
	background-repeat:no-repeat, repeat;
	background-position:top 40px center, top left;
}
div.navbar, div.sidebar{
	padding:0 0 10px;
	margin:0;
	width:250px;
	background-image:var(--menuback);
	background-repeat:repeat;
	background-position:top left;
	text-align:center;
}
#SecNav, #Portrait_Left{
	border-right:ridge var(--menu_border_colour) 3px;
	padding-bottom:10px;
}
#TOC, #Portrait_Right{
	border-left:ridge var(--menu_border_colour) 3px;
	padding-bottom:10px;
}
div.navbar div.navbar_header{
	margin:0;
	text-indent:0;
	padding:5px;
	font-size:1.5em;
	border-bottom:3px double var(--menu_border_colour);
}
div.navbar div.navbar_subheader{
	margin:0;
	text-indent:0;
	padding:0;
	padding:5px;
	font-size:1em;
	border-bottom:3px solid var(--menu_border_colour);
	font-weight:bold;
}
div.navbar div.navbar_subheader:last-of-type{
	border-bottom-width:1px;
}

div.navbar > ul{
	display:table;
	width:100%;
	border-bottom:3px double var(--menu_border_colour);
}

div.navbar > ul > li{display:table-row;}

div.navbar > ul >  li::before, div.navbar > ul > li::after{
	display:table-cell;
	width:40px;
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid var(--menu_border_colour);
	height:40px;
}

div.navbar > ul > li > a, div.navbar > ul > li > div.tos_subpages{
	display:table-cell;
	vertical-align:middle;
	border-bottom:1px solid var(--menu_border_colour);
	padding:5px;
}
div.navbar > ul > li > div.tos_subpages > div.tos_subpages_header{
	font-size:115%;
}
div.navbar > ul > li > div.tos_subpages > ul > li{
	border-top:1px dotted var(--menu_border_colour);
	margin-top:5px;
	padding:3px 0;
}
div.navbar li:last-child a, div.navbar li:last-child::before, div.navbar li:last-child::after{border-bottom:0;}




div.navbar > ul > li::before{content:var(--menu_img_left_def);}
div.navbar > ul > li::after{content:var(--menu_img_rite_def);}

div.navbar > ul > li:hover{background:var(--menu_background_shade);}
div.navbar > ul > li:hover::before{content:var(--menu_img_left_hov);}
div.navbar > ul > li:hover::after{content:var(--menu_img_rite_hov);}

/*  Navigation Links  */
div.navbar > ul > li.nav_hilite::before{content:var(--menu_img_left_cur);}

div.navbar > ul > li.nav_hilite::after{content:var(--menu_img_rite_cur);}

div.navbar > ul > li.section_link + li.external > a, div.navbar > ul > li.section_link + li.external::before, div.navbar > ul > li.section_link + li.external::after{
	border-top:1px solid var(--menu_border_colour);
	font-style:italic;
}


div.navbar > ul > li.external::before, div.navbar > ul > li.external::after{content:var(--menu_img_out_link);}

#Content p, #Content ul, #Content dt{
	margin-left:5px;
	margin-right:5px;
}
#Portrait img{
	display:block;
	margin:10px auto;
}

div#Content hr{
	border-style:solid;
	border-width:1px 0 0;
	border-color:var(--content_border_colour);
	margin:5px 0 10px;
}
div#Content hr.cred_divider{
	border-top:1px dotted var(--content_border_colour_light);
}

/*  Set Listing */

ul.setlisting{
	list-style:none;
	padding:0;
	font-size:120%;
	font-variant:small-caps;
}
div.page_list dt{font-variant:small-caps;}
ul.setlisting li{
	margin-top:1em;
}
#Content ol.set_nav{
	list-style:none;
	background-image:var(--menuback);
	background-repeat:repeat;
	background-position:top left;
	width:100%;
	margin:0;
	padding:0;
	display:table;
	text-align:center;
	border-color:var(--menu_border_colour);
	border-style:ridge;
	font-variant:small-caps;
}

#Content ol.set_nav.top{
	border-width:0 0 3px;
}
#Content ol.set_nav.bottom{
	border-width:3px 0 0;
	bottom:0;
}

#Content ol.set_nav li{
	display:inline-block;
	width:10em;
	vertical-align:top;
	border-top:2px solid var(--menu_border_colour);
	margin:10px;
}
#Content ol.set_nav li a{
	display:block;
	height:100%;
	color:var(--menu_text_colour);
	padding:5px 12px;
}
#Content ol.set_nav li.subnav_hilite{
	font-weight:bold;
	font-style:italic;
	border-top:2px solid var(--menu_text_colour);
}

/*
#Content div.set_nav > li{
	display:table-cell;
	width:33%;
	vertical-align:middle;
	padding:5px;
	color:var(--menu_text_colour);
}
#Content div.set_nav > li.back{
	border-style:solid;
	border-width:0 1px;
	border-color:var(--menu_border_colour);
}

*/
#Content div.set_nav a{color:var(--menu_text_colour);}



/*  ---  Descriptions  ---  */
div.page_rating{
	text-align:center;
	margin:5px;
}
div.page_rating img{
	padding:5px;
	border:3px double var(--content_border_colour);
}

/*  ------  Crossreferences On Writing Page  ------  */
#CrossRefs{
	border-bottom:1px solid var(--content_border_colour);
}
div#CrossRefsHeader{
	font-size:140%;
	width:100%;
	border-style:solid;
	padding:5px 0;
	text-align:center;
	font-variant:small-caps;
	color:var(--xref_text2);
	background:var(--xref_main_header_back); 
	border-color:var(--xref_border_colour);
	border-width:2px 0;
}

#CrossRefs div.xref_section_header, #CrossRefs div.xref_subpages_header{
	text-align:center;
	font-variant:small-caps;
	color:var(--xref_text);
	padding:5px 0;
	border-color:var(--xref_border_colour);
	border-style:solid;
	border-width:1px 0;
}
#CrossRefs div.xref_section_header{
	background:var(--xref_section_header_back);
	font-size:120%;
}
#CrossRefs div.xref_subpages_header{
	font-weight:bold;
}
#CrossRefs ul{
	width:100%;
	list-style:none;
	padding:0;
	margin:0;
}
#CrossRefs li{
	border-top-style:solid;
	border-top-width:1px;
	font-variant:small-caps;
	font-size:100%;
	padding:0;
	margin:0;
	border-top-color: var(--content_border_colour_light);
}
#CrossRefs li:first-child{border-width:0px;}

#CrossRefs li.xref_char_w_port,
#CrossRefs li.xref_picture,
#CrossRefs li.xref_picture_subpages,
#CrossRefs li.xref_writing,
#CrossRefs li.xref_writing_subpages
{
	display:table;
	width:100%;
}
#CrossRefs li.xref_char_w_port div, 
#CrossRefs li.xref_picture div, 
#CrossRefs li.xref_picture_subpages div,
#CrossRefs li.xref_writing div,
#CrossRefs li.xref_writing_subpages div{
	display:table-cell;
	vertical-align:middle;
}

#CrossRefs div.xref_thumb, div.xref_rating{
	text-align:center;
	border-right:1px solid var(--content_border_colour);
	width:120px;
	height:120px;
}

#CrossRefs div.xref_thumb img{border:3px double var(--content_border_colour);}

#CrossRefs div.xref_link{padding:10px;}

#CrossRefs li.xref_picture_subpages div.xref_subpages_header,
#CrossRefs li.xref_writing_subpages div.xref_subpages_header{
	display:table-caption;
	text-align:center;
}
#CrossRefs li.xref_picture_subpages ul{display:table-row-group;}

#CrossRefs li.xref_picture_subpages li{display:table-row;}


#CrossRefs li.xref_picture_subpages div.xref_thumb{
	border-color:var(--content_border_colour_light);
	border-style:dotted;
	border-width:1px 1px 0 0;
}
#CrossRefs li.xref_picture_subpages li div.xref_link{
	border-top:1px dotted var(--content_border_colour_light);
	
}
#CrossRefs li.xref_picture_subpages li:first-child div{border-top:0;}

#CrossRefs li.xref_writing_subpages li{
	padding:10px;
}
#CrossRefs li.xref_recording_subpages ul{
	text-align:center;
}
#CrossRefs li.xref_recording_subpages li{
	border:0;
	display:inline-block;
	width:7em;
	padding:10px;
	vertical-align:top;
}
#CrossRefs li.xref_file{
	padding:10px;
	text-align:center;
}
#CrossRefs li.xref_furclink{
	background-image:
		url('../Furcadia/Graphics/furc_icon.gif'),
		url('../Furcadia/Graphics/furc_icon.gif')
	;
	background-position:
		left 10px center,
		right 10px center
	;
	background-size:20px 20px, 20px 20px;
	background-repeat:no-repeat, no-repeat;
	
}
#CrossRefs li.xref_furcadia_subpages ul li{
	text-align:center;
	padding:10px;
}
/*  ---  Related Files  ---  */
ul.relfiles{list-style:none;}

ul.relfiles a::before{
	display:inline-block;
	vertical-align:middle;
	margin-right:0.5em;
}

ul#Credits, #Content ul.credit_list{
	list-style:none;
	border-width:1px 0 0;
	border-color:var(--content_border_colour);
	border-style:solid;
	text-align:center;
	font-variant:small-caps;
	padding:5px 0;
	margin:0;
	background:var(--background_shade);
}
ul#Credits  li, ul.credit_list li{
	border-width:1px 0 0;
	border-color:var(--content_border_colour_light);
	border-style:dotted;
	padding:5px;
}
ul#Credits li:first-child, ul.credit_list li:first-child{border-width:0;}

ul#Credits{
	font-size:110%;
	border-bottom:1px solid var(--content_border_colour);
}
p.inset_cred{font-style:italic;}
dl dt{
	font-weight:bold;
	margin:0;
	padding:0;
}
dl dd{
	margin:5px 0 5px 10px ;
	border-left:1px solid var(--content_border_colour_light);
	padding-left:10px;
}
dl dd p:first-child{margin-top:0;}

div.cols{
	display:table;
	width:100%;
	margin-top:1em;
	border-width:1px 0;
	border-style:dotted;
	border-color:var(--content_border_colour);
	padding:10px 0;
}
h2 + div.cols, h3 + div.cols, h4 + div.cols, div.cols:first-child{
	border-top:0;
}
div.cols > *.col{
	display:table-cell;
	vertical-align:top;
	text-align:left;
	padding:0 5px;
	border-style:dotted;
	border-color:var(--content_border_colour);
	border-width:0 0 0 1px;
}
div.cols2 > *.col{width:50%;}
div.cols3 > *.col{width:33%;}
div.cols > *.col:first-child{border:0;}
div.col > *:first-child{
	margin-top:0;
}

div.cols + p.space{border:0;}
}
div.cols ol, div.col ul{
}

a[href^="furc:"]{cursor:url('../Graphics/Mices/furcmouse.gif'), auto;}

p.error{
	color:red;
	font-size:110%;
	text-decoration:underline double;
}
p.error code{font-size:110%;}