/* Fonts */
@font-face{
	font-family:header;
	src:url('./Fonts/Coprgtl.TTF');
}

@font-face{
	font-family:fant2;
	src:url('./Fonts/luc_black.ttf');
}
@font-face{
	font-family:main;
	src:url('./Fonts/californian.ttf');
}


/*  Common */
body, html{
	margin:0;
	padding:0;
}
body{
	font-family:main;
	font-size:15pt;
	color:#100;
	letter-spacing:0.03em;
	overflow-y:scroll;
}

h1, h2, h3, h4, h5, h6, caption{
	font-family:main;
	font-variant:small-caps;
	border-color:#100;
}

h1, h2{
	text-align:center;
}
h1{
	margin:0 15px 0;
}
h1 span[id]{display:block;}
h2{
	border-style:solid;
	border-width:1px 0;
	margin:10px -10px 0;
}
h2::before, h2::after{
	content:'\0022C4\0022C4\0022C4';
	margin:1em;
}
h3{
	border-top:1px solid;
}
p{text-indent:2em;}
p.space{
	margin-top:1em;
	border-top:1px dotted #322;
	padding-top:1em;
}
span.roman{
	font-family:serif;
	font-weight:bold;
	display:inline;
}
sup.footnotenum a{
	cursor:help;
}
hr{
	border-top:3px double #200;
}
div.rating.size-l{text-align:center;}
*.note{font-style:italic;}
*.tweet{
	background-image:url('../Library/Graphics/twitter.gif');
	background-repeat:no-repeat;
	background-position:5px 5px;
	background-color:#eee;
	border:1px solid #ccc;
	line-height:130%;
	padding:5px;
}
*.verse{
	white-space:pre;
	text-indent:0;
}

blockquote.bible_verse{
	font-style:italic;
}
blockquote[cite]:after{
	display:block;
	text-align:right;
	content:attr(cite);
}
.mouthed{
	color:#FAA;
}
a{
	color:#410;
}
ul.main_nav, ul.sub_nav{
	list-style-type:none;
	padding:0;
	margin:0;
	font-variant:small-caps;
	font-size:0.9em;
}

ul.main_nav a, ul.sub_nav a{
	color:#FD0;
}
q.thought{
	font-style:italic;
	quotes:'.o0( ' ' )';
}
blockquote.thought{
	font-style:italic;
}
blockquote.thought > p::before{
	content:'.o0( ';
}
blockquote.thought > p::after{
	content:' )';
}
ul.markednotes{list-style:none;}
ul.markednotes li::before{font-weight:bold;}
ul.markednotes li:nth-child(5n+1)::before{content:'*  ';}
ul.markednotes li:nth-child(5n+2)::before{content:'\002020  ';}
ul.markednotes li:nth-child(5n+3)::before{content:'\002021  ';}
ul.markednotes li:nth-child(5n+4)::before{content:'\0000A7  ';}
ul.markednotes li:nth-child(5n+5)::before{content:'\002016  ';}

tbody th{
	text-align:right;
}

dt{
	font-weight:bold;
}

var{
	font-family:monospace;
	font-style:italic;
}
/* Defaults */
body{
	background-image:
		url('../Graphics/mim_graphic.gif'),
		url('../Graphics/border_v.png'),
		url('../Graphics/menu_back.jpg'),
		url('../Graphics/menu_back.jpg'),
		url('../Graphics/menu_back.jpg'),
		url('../Graphics/main_background.jpg')
	;
	background-repeat:
		no-repeat,
		repeat-y,
		repeat-y,
		repeat-y,
		repeat-y,
		repeat
	;
	background-position:
		left 20px  top 10px,
		left 225px  top 0,
		top left,
		left 75px top 0,
		left 150px top 0,
		top left
	;
}
div#Main{
	margin-left:227px;
	padding:10px;
}

/*  Navigation */
ul.main_nav{
	text-align:center;
	position:absolute;
	top:87px;
	left:0;
	width:225px;
	border-bottom:3px double #FF0;
	display:table;
}
ul.main_nav::before{
	display:table-caption;
	font-variant:small-caps;
	color:#FD0;
	font-weight:bold;
	border-top:3px double #FF0;
	font-size:1.5em;
	border-bottom:1px solid #FF0;
}
ul.main_nav li{
	margin-top:1px;
	display:table-row;
}
ul.main_nav li::before, ul.main_nav li::after{
	color:#FF0;
	border-top:1px solid #FF0;
	display:table-cell;
	width:22px;
	vertical-align:middle;
	content:'  ';
	font-size:20px;
}
ul.main_nav a{
	vertical-align:center;
	border-top:1px solid #FF0;
	display:table-cell;
	padding:5px 0;
}
ul.main_nav li:hover::before, ul.main_nav li:hover::after{
	content:' \022C4  ';
}
ul.main_nav  li.current::before, ul.main_nav li.current::after{
	content:' \02666  ';
}
#MainNav::before{
	content:'Main Navigation';
}
/* Top */
#Top{
	color:#FF0;
	display:block;
	text-align:center;
	margin-left:227px;
	background-image:
		url('../Graphics/border_h.png'),
		url('../Graphics/menu_back.jpg')
	;
	padding:10px 0;
	background-repeat:
		repeat-x,
		repeat
	;
	background-position:bottom left, top left;
	font-variant:small-caps;
}
ul.sub_nav{
	display:block;
	text-align:center;
	border-top:3px double #FF0;
	padding-top:10px;
	font-size:16px;
}
ul.sub_nav a, ul.sub_nav span.nolink{
	display:table-cell;
	vertical-align:middle;
	text-decoration:none;
	border-style:solid;
	border-color:#FF0;
	border-width:0 1px;
}
ul.sub_nav li{
	display:inline-table;
	height:70px;
	vertical-align:top;
	border:3px double #FF0;
	margin:2px;
	width:10em;
	background:transparent;
}
ul.sub_nav li:hover{
	background:rgba(0,64,0,0.5);
}
ul.sub_nav li::before, ul.sub_nav li::after{
	width:16px;
	font-size:15px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

ul.sub_nav li.prev::before, ul.sub_nav li.prev::after{content: '<<\00000D<<';}
ul.sub_nav li.back::before, ul.sub_nav li.back::after{content: '\0022C4\00000D\0022C4';}
ul.sub_nav li.current::before, ul.sub_nav li.current::after{content: '\002666\00000D\002666';}
ul.sub_nav li.next::before, ul.sub_nav li.next::after{content: '>>\00000D>>';}

/*  --  Galleries  --  */

/*  Gallery MainPages */

#GalLogo{
	padding-top:10px;
	text-align:center;
}

#GalLogo img{
	border:3px double #200;
}

#Gallery{width:100%;}

#Gallery dt{
	font-weight:normal;
	display:table;
	width:100%;
	margin:0;
	padding:0;
}

#Gallery dt a{
	display:table-cell;
	border-style:solid;
	border-color:#100;
	vertical-align:middle;
}

#Gallery dt a.thumb_link{
	width:80px;
	border-width:1px;
	margin:0;
}

#Gallery img.thumb{
	display:block;
	margin:0;
	padding:0;
}

#Gallery dt a.text_link{
	padding:0 0 0 10px;
	border-width:1px 1px 1px 0;
}

#Gallery dd{
	border-style:solid;
	border-color:#100;
	border-width:0 1px 1px;
	margin:0 0 10px;
	padding:5px 5px 10px;
}

#Gallery dd p{
	padding:10px 0 0;
	margin:0;
}

/* Picture Page */
#Pic_Page ul.main_nav::before{
	content:'Gallery Links';
}
#RelPics::before{
	content:'Related Pictures';
}
#Image{
	border-bottom:1px solid #200;
	padding-bottom:10px;
}
#Image img{
	display:block;
	margin:5px auto;
	border:3px double #200;
	max-width:90%;
}
#GalNav li.gal_main a, #GalNav li.gal_main::before, #GalNav li.gal_main::after{
	border-top-width:2px;
	font-variant:small-caps;
}
#GalNav a span{
	display:block;
}

#GalNav li.nextpic a::after{
	content: ' \0021DB';
}
#GalNav li.prevpic a::before{
	content: '\0021DA  ';
}

#Story_Link{
	margin:1em 0;
	border-bottom:1px solid #200;
	font-variant:small-caps;
	text-align:center;
	font-size:1.1em;
	display:table;
	width:100%;
	padding-bottom:1em;
}
#Story_Link p{
	display:table-row;
	margin:1em 0;
	text-indent:0;
}
#Story_Link p > *{
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0;
	text-align:center;
}
#Story_Link strong{text-align:left;}
#Story_Link a{text-align:center;}
#Story_Link span{text-align:right;}
span.y06q{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	cursor:help;
}

/*  --  Library  --  */
/* Library Mains */
*.rating{margin-top:10px;}
div.rating::before{
	content:'Rated  ';
	font-variant:small-caps;
	font-size:110%;
	margin-bottom:5px;
}
ul.partlist{
	list-style-type:none;
	margin:10px;
	padding:0 0 0 10px;
	font-size:110%;
	font-family:fant1;
	font-variant:small-caps;
	
}
ul.chaplist{
	font-variant:small-caps;
	list-style-type:none;
	margin:10px;
	padding:0 0 0 10px;
	font-size:110%;
	font-family:fant1;
}
ul.partlist ul.chaplist{
	font-size:inherit;
}

.chaplist li{
	margin:5px;
	padding:0;
}
span.roman{
	font-family:serif;
	font-weight:bold;
	display:inline;
}
sup.footnotenum{
	cursor:help;
}

/* Writing Pages */
#Writing_Page ul.main_nav::before{
	content:'Library Sections';
}
div.rating.size-m, div.rating.size-l{
	border-bottom:1px solid #200;
	text-align:center;
}
div.rating.size-m::before, div.rating.size-l::before{
	display:block;
}
#ChapList::before{
	content:'Chapters';
}
#Gallery_Link{
	border-bottom:1px solid #200;
	text-align:center;
	font-variant:small-caps;
	font-size:1.1em;
	padding:2px;
}
#Gallery_Link img{
	border:3px double #200;
}
#Gallery_Link ul{
	list-style:none;
	display:table;
	margin:4px auto;
	padding:0;
}
#Gallery_Link li{
	display:table-cell;
	text-align:center;
	width:10%;
	vertical-align:top;
}
/* Furc Mains */

/* Furcadia Mains */
#CharList{
	list-style:none;
	margin:0;
	padding:0;
	display:table;
	width:100%;
	border-top:1px solid #200;
}
#CharList li{
	display:table-row;
}
#CharList li::before, #CharList a, #CharList li::after{
	display:table-cell;
	border-style:solid;
	border-color:#200;
	border-bottom-width:1px;
	border-top:0;
	vertical-align:middle;
	text-align:center;
	font-family:fant1;
	padding:0;
	margin:0;
}
#CharList li::before, #CharList li::after{
	width:95px;
	height:95px;
	padding:0;
	border-left-width:1px;
	border-right-width:1px;
	content:' ';
	background-repeat:no-repeat;
	background-position:top left;
}
#CharList a{
	border-left-width:0;
	border-right-width:0;
	padding:0;
	font-variant:small-caps;
}
#CharList a:hover{
	background:rgba(255,255,255,0.2);
}
#FurcPortrait{
	display:block;
	margin-top:10px;
	text-align:center;
	margin:10px;
	float:left;
	max-width:50%;
}
#FurcPortrait[src*='full.PNG']{
	max-width:50%;
}
#FurcPortrait:not([src*='full.PNG']){
	border:3px double #200;
}
#Furc_Char_Inf{
	width:40%;
	margin-bottom:10px;
	float:right;
}
#Furc_Char_Inf, #Furc_Char_Inf td, #Furc_Char_Inf th{
	border-collapse:collapse;
	border:1px solid #200;
	padding:10px;
}
#Furc_Char_Inf th{
	width:7em;
	text-align:right;
}
#Furc_Char_OnlineStatus{
	clear:both;
	border-style:solid;
	border-color:#002;
	border-width:1px 0;
}

#Furc_Char_OnlineStatus img{
	display:block;
	margin:5px auto;
	background:#020;
	padding:5px;
	border:3px double #FD0;
}
#Furc_Char h2:first-of-type{
	clear:both;
	margin-top:20px;
}
#Furc_Char_List{clear:both;}
#Furc_Char_List ul{
	text-align:center;
	display:block;
	list-style:none;
	border-top:1px solid #200;
	padding:10px;
	margin:10px -10px;
	width:100%;
}
#Furc_Char_List ul::before{
	border-bottom:1px solid #200;
	display:block;
	margin:0px -10px 10px;
	padding:5px 0 10px;
	font-variant:small-caps;
}
#ActiveFurcChars::before{content:'Current Furcadia Characters';}
#InactiveFurcChars::before{content:'Retired Furcadia Characters';}
#DreamLinks::before{content:'Dream Links';}

#Furc_Char_List li{
	border:1px solid #200;
	display:inline-block;
	padding:1px;
	width:10em;
	height:3em;
	vertical-align:top;
	margin:5px;
}
#Furc_Char_List a{
	display:block;
	height:100%;
}
#Furc_Char_List li.current a{
	border:1px double #200;
	height:calc(100% - 2px);
	font-variant:small-caps;
}
#FurcImgCW{
	border-top:1px solid #200;
}
#FurcLinks::before{
	content:'Furcadia Links';
}


/*  Small Screen Adjustments  */
@media screen and (max-width: 960px) {
	body{
		background-image:url('../Graphics/main_background.jpg');
		background-repeat:repeat;
		background-position:top left;
	}
	/* Main Navigation */
	ul.main_nav{
		position:static;
		width:100%;
		border:0;
		display:block;
		background-image:
			url('../Graphics/border_h.png'),
			url('../Graphics/menu_back.jpg')
		;
		padding:10px 0;
		background-repeat:
			repeat-x,
			repeat
		;
		background-position:bottom left, top left;
	}
	ul.main_nav::before{
		display:block;
		border-top:0;
		margin-bottom:10px;
	}
	ul.main_nav li{
		margin-top:1px;
		display:inline-table;
		width:10em;
	}
	ul.main_nav li::before, ul.main_nav li::after{
		color:#FF0;
		border-top:1px solid #FF0;
		display:table-cell;
		width:22px;
		vertical-align:middle;
		content:'  ';
		font-size:20px;
	}
	ul.main_nav a{
		vertical-align:center;
		border-top:1px solid #FF0;
		display:table-cell;
		padding:5px 0;
	}
	ul.main_nav li:hover::before, ul.main_nav li:hover::after{
		content:' \022C4  ';
	}
	ul.main_nav  li.current::before, ul.main_nav li.current::after{
		content:' \02666  ';
	}
	#MainNav::before{
		display:none;
	}
	ul.sub_nav{
		text-align:center;
	}
	ul.sub_nav li{
		height:2.5em;
		display:inline-table;
		vertical-align:middle;
		border-style:solid;
		border-width:1px;
		margin:2px;
		padding:5px;
		width:10em;
		background:transparent;
		
	}

	ul.sub_nav a, ul.sub_nav span.nolink{
		display:table-cell;
		vertical-align:middle;
		text-decoration:none;
		border:0;
	}
	ul.sub_nav li::before, ul.sub_nav li::after{display:none;}
	ul.sub_nav li.prev::before{
		vertical-align:middle;
		display:table-cell;
		content:'\002190';
		padding-right:5px;
	}
	ul.sub_nav li.next::after{
		vertical-align:middle;
		display:table-cell;
		content:'\002192';
		padding-left:5px;
	}

	/* Main */
	div#Top, div#Main{
		margin-left:0px;
		padding:10px;
	}
	h1{
		font-size:300%;
	}
}