@charset "UTF-8";
/* v5 Grazhir 
   Updated: 17 July 2010
*/

/* Table of Contents

   1. Main Site CSS
    A. Basic Elements
	  B. Classes
	  C. Main Index
	  D. Internal Pages
	  E. Masthead Adjustments
   2. Links CSS
    A. Basic Links
	  B. Image Additions
	  C. Al Bhed --> English
		D. True Font Family
   3. Review Form CSS
   4. jQuery Tooltip CSS
*/

/* Basic Elements */
body {
	font-size: 100%;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height: 120%; /* May need to adjust this based on new use of em */
	background-color: #B7CFDF;
	background-image: url(img/v5_stripe.png);
	background-repeat: repeat-y;
	/* Overal text shadow - applies mostly to inner pages (where it's best noticed
	   without being horribly obvious.  Won't show in IE, I believe. */
	/* Removed, because I think it'll cause eye strain */
	/* text-shadow: 0px 1px 0.5px #DCDCDC; */
	/*font-size: 12px;*/
	/* color: #173B83; */
}
/*
	True Font Family
	Note: The free version only supports use in header elements.
	Thus, I had to change the #grazhir id.
*/
h1 {
	font: bold 2.333em "parselto ttf", Parseltongue, Garamond, Georgia, Verdana, sans-serif;
}
	/* Success! See ff\ch\DoNotDelete.php for a script/noscript example which works! */
	/* Another example: test\tff.php                                                 */
	/* Just remember, any " marks must be escaped out, like: said, \"Yes.\"          */
	
	/* font: normal 1.4em "fontastic ttf", Verdana, sans-serif;                      */
	/* font: normal 2em "JOURNAL TTF", Verdana, sans-serif; (h2)                     */
h2 { /* Squall */
	font: normal 1.6em "VINCHAND ttf", Verdana, sans-serif;
}
h3 { /* Laguna */
	font: normal 1.3em "Domestic_Manners ttf", Verdana, sans-serif;
}
h4 {

}
h5 { /* headers, footers, etc. */
	/* font-size: 0.625em; */
	font-size: 0.95em;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	padding-bottom: 2px;
	padding-top: 2px;
}
h6 { /* barred in-page header -- am I even using this any longer? */
	border-bottom: 4px double black;
	border-top: 4px double black;
	color: #FFFFFF;
	background: #6D9EBE;
	font: normal 1.25em Georgia, Helvetica, Verdana, Arial, sans-serif;
	margin-top: 20px;
	margin-bottom: 2px;
	padding: 3px 10px 3px 10px;
	padding-left: 2px;
	padding-right: 5%;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 2px;
}


/* Classes */
.bl {
	background-color: #6D9EBE;
	border-bottom: solid 1px #CCCCCC;
	text-shadow: 0px 1px 0.5px #C0C0C0;
}
.gr {
	background-color: #85B5BA;
	border-bottom: solid 1px #CCCCCC;
	text-shadow: 0px 1px 0.5px #C0C0C0;
}
.upcase {
	text-transform: uppercase;
}
.malt {
	background-color: #E9EEF3;
}
.date {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}
.notes {
	font-size: 0.8em;
}
.setting {
	margin-right: 6px;
	margin-top: 3px;
	float: left;
	color: #FFFFFF;
	background: #6D9EBE;
	border: 1px solid #6D9EBE;
	font: normal 1.375em Georgia, Helvetica, Verdana, Arial, sans-serif;
	line-height: 24px;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 5px;
}
.subtitle {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	color: #FFFFFF;
	background: #92B7CF;
	font: normal 1.05em Georgia, Helvetica, Verdana, Arial, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 1px;
}
.letter {
	padding-left: 5%;
	padding-right: 5%;
	font-style: italic;
	text-align: justify;
}
.vision {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify;
}
.flame {
	color: #6633FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
}
.nowrap {
	white-space:nowrap
}
.sc {
  font-variant: small-caps;
}

/* Main Index */
#mndxwrap {
	width: 800px;
	position: relative;
	/* top: 10px; */
	top: -6px;
	/* font-size: 0.75em; */
	font-size: 0.95em;
}
/* IE7? IE8 */
*+html #mndxwrap {
	top: 10px;
}
#sidebar {
	width: 250px;
	float: right;
}
/* IE7? IE8 */
*+html #sidebar {
	position: relative;
	top: -4px;
}
#news {
	width: 530px;
	float: left;
	text-shadow: 0px 1px 0.5px #F5F5F5;
}
#news p {
	padding: 0px 5px 0px 5px;
}
#disclaimer, #menu, #quote {
	/* font-size: 0.625em; */
	font-size: 0.8em;
	background-color: #DFE7EE;
	padding-bottom: 5px;
	text-shadow: 0px 1px 0.5px #F5F5F5;
}
#disclaimer p {
	padding: 0px 5px 0px 5px;
}
#notices {
	background-color: #DFE7EE;
	padding-bottom: 5px;
}
#mndxwrap #sidebar {
	margin-top: 4px;
}

/* Internal Pages */
#wrapper {
	width: 800px;
	/* background-color: #DFE7EE; */
	background: url(img/50bl.png) repeat top left transparent;
	position: relative;
	top: 10px;
	font-size: 0.95em;
}
/* IE6 */
* html #wrapper{
	background: none !important;
	background-color: #DFE7EE !important;
}
#footer {
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	padding: 2px 0 2px 0;
	background-color: #85B5BA;
	text-shadow: 0px 1px 0.5px #C0C0C0;
	/* Commenting out the shadow for now as while it's nice, I'm not sure I should bother
	   until I can afford to get the paid version of TFF
	text-shadow: #336666 0.1em 0.1em 0.2em; /* shadow does not appear in IE, but who cares? */
}
/* IE7? IE8 */
*+html #footer {
height:expression(
document.body.clientHeight > (100/14) *
parseInt(document.body.currentStyle.fontSize)?
"18px":
"auto" );
}
#form2 { /* Adjustments for second jump menu */
	margin-top: -2px;
}
#header {
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	padding: 0 0 0 0;
	background-color: #6D9EBE;
	text-shadow: 0px 1px 0.5px #C0C0C0;
}
#content {
	padding: 10px;
	font-size: 1.05em;
}
#content td {
  font-size: 0.8em;
}

/* v5.1 Adjustments */
#mastwrap51 {
	position: fixed;
}
#masthead51 {
	width: 1000px;
}
#grazhir51 {
	margin: -20px 0 -25px 0;
}
#nav51 { /* this is the top horizontal menu */
	font-size: 0.625em;
	border-top: 1px solid black;
	position: relative;
	top: 2px;
	width: 1000px;
	text-shadow: #336666 0.1em 0.1em 0.2em; /* shadow does not appear in IE, but who cares? */
	/* text-shadow: 0px 1px 0.5px #DCDCDC; */ /* Nice, but almost a little too inverted */
}
/* IE7? IE8 */
*+html #nav51 {
	top: 5px;
}
#maybelater { /* analect */
	position: fixed;
	left: 990px;
	top: 59px;
}
/* IE7? IE8 */
*+html #maybelater {
	left: 1005px;
	top: 60px;
	display: none;
}
#unlist { /* sidebar menu, Firefox */
  position: fixed;
	left: 5px;
	top: 85px;
	font-size: 0.8em;
	background: url(img/50bl.png) repeat top left transparent;
	width: 175px;
}
#unlist a {
	padding-left: 2px;
}
/* IE7? IE8 */
*+html #unlist {
	left: 5px;
	top: 61px;
	width: 190px;
}

#test_wrapper {
	width: 800px;
	/* background-color: #DFE7EE; */
	background: url(img/50bl.png) repeat top left transparent;
	position: relative;
	top: 75px;
	left: 175px;
	font-size: 0.95em;
}
/* IE7? IE8 */
*+html #test_wrapper {
	left: 190px;
	top: 7px;
}
#ul_cl {
	position: relative;
	top: -22px;
	height: 17px;
}
/* IE7? IE8 */
*+html #ul_cl {
	position: relative;
	top: 0px;
	height: 17px;
}
#ul_inc {
	position: relative;
	top: -35px;
}
/* IE7? IE8 */
*+html #ul_inc {
	position: relative;
	top: -10px;
}

/* Masthead Adjustments  - adjusted for True Font Family use */

#masthead {
	width: 800px;
}
#grazhir {
	margin: -20px 0 -25px 0;
	/* Commenting out the shadow for now as while it's nice, I'm not sure I should bother
	   until I can afford to get the paid version of TFF
	text-shadow: #336666 0.1em 0.1em 0.2em; /* shadow does not appear in IE, but who cares? */
	/*margin: -20px 0px -20px 0px;*/
	/* Font statement commented out because the free version of TFF only works with H# declarations */
	/*font: bold 28pt/2.3em "parselto ttf", Parseltongue, Garamond, Georgia, Verdana, sans-serif;*/
}
#nav { /* this is the top horizontal menu */
	font-size: 0.625em;
	border-top: 1px solid black;
	position: relative;
	top: 2px;
	width: 800px;
	text-shadow: #336666 0.1em 0.1em 0.2em; /* shadow does not appear in IE, but who cares? */
	/* text-shadow: 0px 1px 0.5px #DCDCDC; */ /* Nice, but almost a little too inverted */
}
/* IE7? IE8 */
*+html #nav {
	top: 5px;
}
#reminder {
	float: right;
	margin: -40px 0 0 0; /* was -35px 0 0 0 */
}
.alert {
	background: #E9EEF3 url(icons/error.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	/*  pad: top rght botm left */
	padding: 5px 20px 5px 45px;
	padding: 2px 20px 2px 45px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	font-size: 0.625em;
}

/* Links CSS */

/* Basic Links */
a {
	outline: none;
	color: #173B83;
}
a img {
	border: none;
}
a:link {
	text-decoration: none;
	color: #173B83;
}
a:visited {
	text-decoration: none;
	color: #336699;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #3366CC;
}
.fake { /* the 'fake' REVIEW link */
	color: #173B83;
	cursor: pointer;
}
.fake:hover { /* the 'fake' REVIEW link */
	color: #000000;
}

/* Image Additions */
a[href$='.doc'] {
	padding:0 0 0 17px;
	background:transparent url(icons/page_word.png) bottom left no-repeat;
}
a[href$='.xls'] {
	padding:0 0 0 17px;
	background:transparent url(icons/page_excel.png) bottom left no-repeat;
}
a[href$='.txt'] {
	padding:0 0 0 17px;
	background:transparent url(icons/page_text.png) bottom left no-repeat;
}
a[href$='.pdf'] {
	padding:0 0 0 17px;
	background:transparent url(icons/page_acrobat.png) bottom left no-repeat;
}
a[href$='.mobi'] {
	padding:0 0 0 17px;
	background:transparent url(icons/mobi.png) bottom left no-repeat;
}
a[href$='.zip'] {
	padding:0 0 0 17px;
	background:transparent url(icons/page_zip.png) bottom left no-repeat;
}
a[href$='.rar'] {
	padding:0 0 0 17px;
	background:transparent url(icons/winrar.png) bottom left no-repeat;
}
a[href$='.odt'] {
	padding:0 0 0 17px;
	background:transparent url(icons/oo3writerdoc.png) bottom left no-repeat;
}
a[href$='.ods'] {
	padding:0 0 0 17px;
	background:transparent url(icons/oo3calcdoc.png) bottom left no-repeat;
}
a[href$='.ott'] {
	padding:0 0 0 17px;
	background:transparent url(icons/oo3writertemplate.png) bottom left no-repeat;
}
a[href ^="mailto:"] {
	padding:0 0 0 17px;
	background:transparent url(icons/email.png) bottom left no-repeat;
}
a[target="_blank"] {
	padding:0 12px 0 0;
	background: url(icons/external.png) bottom right no-repeat;
}
/* Workaround for that pesky TTF logo */
a[href ^="http://www.truefontfamily.com"] {
	background: url(icons/ttf_blank.gif) bottom right no-repeat;
	padding: 0;
}
a[href *="livejournal.com"] {
	padding:0 0 0 16px;
	background:transparent url(icons/ui_user.png) bottom left no-repeat;
}
a[href ^="http://community.livejournal.com"] {
	padding:0 0 0 16px;
	background:transparent url(icons/ui_community.png) bottom left no-repeat;
}
a[href ^="http://archiveofourown.org"] {
	padding:0 0 0 18px;
	background:transparent url(icons/ao3.png) bottom left no-repeat;
}
a[href ^="http://www.fanfiction.net"] {
	padding:0 0 0 18px;
	background:transparent url(icons/ff.png) bottom left no-repeat;
}
a[href ^="http://www.fictionalley.org"] {
	padding:0 0 0 18px;
	background:transparent url(icons/fa.png) bottom left no-repeat;
}
a[href ^="http://www.hpfandom.net"] {
	padding:0 0 0 18px;
	background:transparent url(icons/hp.jpg) bottom left no-repeat;
}
.ext { /* Non-automatic */
	padding:0 12px 0 0;
	background: url(icons/external.png) bottom right no-repeat;
}

/* Foreign --> English) */
a.foreign {
	color: #003366;
}
a.foreign .english {
	color: #003366;
}
.foreign {
	text-decoration: none;
	color: #003366;
}
.foreign .english {
	display: none;
}
.foreign:visited {
	color: #003366;
}
.foreign:hover .cipher {
	display: none;
	color: #003366;
}
.foreign:hover .english {
	display: inline;
	color: #003366;
}

/* Review Form CSS */
#formwrap {
	width: 750px;
	font-size: 0.625em;
	position: relative;
	top: 15px;
}
#button {
	margin-left: 10px;
	margin-top: -40px;
}
form.review fieldset {
	margin-bottom: 10px;
}
form.review legend {
	padding: 0 2px;
	font-weight: bold;
}
form.review label {
  float: left;
  line-height: 1.8;
  vertical-align: top;
  width: 75px; /* Width of labels */
  margin-right: 10px;
}
form.review fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
form.review fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form.review fieldset fieldset label {
	display: block;
	width: auto;
}
form.review em {
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	vertical-align: top;
	padding-right: 2px;
}
form.review fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}
form.review input[type="text"] {
	width: 250px;
}
form.review textarea {
	width: 580px;
	height: 300px;
}
form.review label.error {
	float: right;
	width: auto;
}
#label_comment label.error {
	float: left;
	margin-top: 10px;
}

/* 
	jQuery Tooltip CSS
		Author : Cody Lindley
		http://www.codylindley.com/blogstuff/js/jtip/
		Taken from global.css
*/

.footnote a, .footnote a:active, footnote a:visited {
	vertical-align: super;
	font-size: 0.5em;
	cursor: help;
}

.tooltip a, .tooltip a:active, tooltip a:visited {
	border-bottom: 1px dotted #000000;
	/*
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 8px;
	*/
}
td .tooltip a, td .tooltip a:active, td .tooltip a:visited {
	border-bottom: none;
}

.tooltip a:hover {
	/*color:#000000;
	text-decoration: none;*/
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left { /* the 'header' */
	background-image: url(icons/arrow_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 101;
	height: 23px;
	width: 10px;
	left: -12px;
	top: -2px;
}

#JT_arrow_right { /* the 'header' */
	background-image: url(icons/arrow_right.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 101;
	height: 23px;
	width: 11px;
	top: -2px;
}

#JT { /* background and border colour of the header */
	position: absolute;
	z-index: 100;
	border: 2px solid #E2EBF4;
	background-color: #FFF;
	font-size: 12px;
}

#JT_copy { /* text inside the content box */
	padding:10px 10px 10px 10px;
	color: #003366;
	/* apparently, it's impossible to use em for this */
	font-size: 12px;
}
/* IE7? IE8 */
*+html #JT_copy {
	font-size: 12px;
}

.JT_loader {
	background-image: url(icons/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 12px;
}

#JT_close_left { /* the 'header' */
	background-color: #E2EBF4;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight: bold;
}

#JT_close_right { /* the 'header' */
	background-color: #E2EBF4;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight: bold;
}

#JT_copy p {
margin: 3px 0;
}

#JT_copy img {
	padding: 1px;
	border: 1px solid #E2EBF4;
}

.jTip {
	cursor: help;
	border-bottom: 1px dotted #000000;
}

td .jTip {
	cursor: help;
	border-bottom: none;

}

/* Testing!  Testing! */

#iconwrap {
	float: left;
	width: 100px;
}
#icon {
	width: 100px;
}