a:link		{ color:blue; }
a:visited	{ color:navy; }
a:hover		{ color:red; }
a:active 	{ color:red; }

body		{ background-image:url(bkp.gif); }

/* data in common text files */
div.d	{ background-color:white; }

/* data in selection frames */
div.s	{ background-color:white; }

/* data in info frame */
div.i	{ background-color:white; }

h1, h2, h3	{ color:#fffffe; background-color:black; }
h1, h2, h3	{ background-image:url(bktb.gif); }
h4			{ color:#fffffe; background-image:url(bkh4.gif); background-color:#f8f8f8; border:1px solid black; background-repeat:repeat-y; }

span.m		{ background-color:#f0f0f0; }	/* marking of credits */

input.txt		{ border:2px inset gray; background:white url(fmib.gif) repeat-x; }

img.bb		{ background-image:url(bkbb.gif); }		/* open/clode buttons background */

/* table.n normal table with header */
table.n		{ border-top:0px; border-left:0px; border-right:1px solid black; border-bottom:1px solid black; }
table.n th		{ color:#fffffe; background-color:#3c3c3c; background-image:url(bktb.gif); border-top:1px solid black; border-left:1px solid black; border-right:0px; border-bottom:0px; }
table.n td		{ color:black; background-color:white; border-top:1px solid black; border-left:1px solid black; border-right:0px; border-bottom:0px; }

/* table.i used for displaying the issue data */
table.i		{ border-top:0px; border-left:2px solid black; border-right:2px solid black; border-bottom:2px solid black; }
table.i th		{ border-top:2px solid black; border-left:0px; border-right:0px; border-bottom:0px; background-color:#f0f0f0; }
table.i th.n	{ border-top:2px solid black; border-left:0px; border-right:0px; border-bottom:0px; background-image:url(bkgr.gif); background-repeat:repeat-y; }
table.i td		{ border-top:1px solid black; border-left:0px; border-right:0px; border-bottom:0px; }
table.i td.u	{ border-top:0px; border-left:0px; border-right:0px; border-bottom:0px; }	/* continuation chapter of same story */
table.i td.fh   { color:black; background:#f0f0f0 url(bkfh.gif) repeat-x left top; }
span.dh		{ color:black; background:#f0f0f0 url(bkfh.gif) repeat-x left top; padding-left:4px; }

/* table.d used for displaying the  dates */
table.d			{ color:black; background-color:white; }
table.d th.l		{ background:black url(bktl.gif) no-repeat left top; }
table.d th			{ color:#fffffe; background:black url(bkmm.gif) repeat-x left top; }
table.d th.r		{ background:url(bktr.gif) no-repeat left top; }
table.d td.fl		{ background:url(fml.gif) repeat-y left top; }
table.d td.fr		{ background:url(fmr.gif) repeat-y left top; }
/*table.d tr.b		{ background:url(fmbl2.gif) no-repeat left top; }*/
table.d td.bl		{ background:url(fmbl2.gif) no-repeat left top; }
table.d td.br		{ background:url(fmbr.gif) no-repeat left top; }

/* l)eft c)enter justified ... l)ight gray, d)ark gray ... s)eries */
table.d td.l, table.d td.ll, table.d td.c, table.d td.cl, table.d td.cd
				{ border-top:1px solid black; border-left:1px solid black; border-right:0px; border-bottom:0px; }
table.d td.ls, table.d td.lls
				{ border-top:1px solid black; border-left:0px; border-right:0px; border-bottom:0px; }
table.d td.ll, table.d td.lls, table.d td.cl
				{ background-color:#f0f0f0; }
table.d td.cd		{ background-color:#e0e0e0; }

/* table.r used for displaying the reprints */
table.r td		{ color:black; background-color:white; }

/* table.s used for displaying the storyarcs */
table.s td		{ color:black; background-color:white; }

/* table.f used for displaying details and features */
table.f		{ border-top:0px; border-left:0px; border-right:1px solid black; border-bottom:1px solid black; }
table.f th		{ color:#fffffe; background-color:#3c3c3c; background-image:url(bktb.gif); border-top:1px solid black; border-left:1px solid black; border-right:0px; border-bottom:0px; }
table.f td		{ color:black; background-color:white; border-top:1px solid black; border-left:1px solid black; border-right:0px; border-bottom:0px; }

/* top menu new */
/* Adapted from http://www.alistapart.com/d/slidingdoors2/v1/ex8a.html */
#mn		{ background: black url(bkmm.gif) 0 0; }

#mn span.ms 	{ background:url(bkms.gif) no-repeat left top; }

#mn a.mi				{ background:url(bkmnb1.gif) no-repeat left top; }
#mn a.mi span 		{ background:url(bkmnb2.gif) no-repeat right top; color:white; }
#mn a.mi:hover 		{ background:url(bkmnh1.gif) no-repeat left top; }
#mn a.mi:hover span 	{ background:url(bkmnh2.gif) no-repeat right top; color:yellow; }

#mn a.ma				{ background:url(bkmna1.gif) no-repeat left top; }
#mn a.ma span 		{ background:url(bkmna2.gif) no-repeat right top; color:yellow; }
#mn a.ma:hover 		{ background:url(bkmna1.gif) no-repeat left top; }
#mn a.ma:hover span 	{ background:url(bkmna2.gif) no-repeat right top; color:yellow; }

#mn a.me span 	{ background:url(bkme.gif) no-repeat right top; }

/* navi new */
/* Adapted from http://www.alistapart.com/d/slidingdoors2/v1/ex8a.html */
#nv		{ background: black url(bktb.gif) 0 0; }

#nv a.ni				{ background:url(bknvb1.gif) no-repeat left top; }
#nv a.ni span 		{ background:url(bknvb2.gif) no-repeat right top; color:white; }
#nv a.ni:hover 		{ background:url(bknvh1.gif) no-repeat left top; }
#nv a.ni:hover span 	{ background:url(bknvh2.gif) no-repeat right top; color:yellow; }

#nv a.na				{ background:url(bknva1.gif) no-repeat left top; }
#nv a.na span 		{ background:url(bknva2.gif) no-repeat right top; color:yellow; }
#nv a.na:hover 		{ background:url(bknva1.gif) no-repeat left top; }
#nv a.na:hover span 	{ background:url(bknva2.gif) no-repeat right top; color:yellow; }

/* letters new */
div.lt			{ background: black url(bktb.gif) 0 0; }
a.lt:link		{ color:white; }
a.lt:visited	{ color:white; }
a.lt:hover		{ color:yellow; background-image:url(bkhm.gif); }
a.lt:active		{ color:red; }

/* footer new */
/* Adapted from http://www.alistapart.com/d/slidingdoors2/v1/ex8a.html */
#ft		{ background: black url(bktb.gif) 0 0; }

#ft span	{ color:white; }

#ft a			{ background:url(bknvb1.gif) no-repeat left top; }
#ft a span 		{ background:url(bknvb2.gif) no-repeat right top; color:white; }
#ft a:hover 		{ background:url(bknvh1.gif) no-repeat left top; }
#ft a:hover span 	{ background:url(bknvh2.gif) no-repeat right top; color:yellow; }

/* table for input form */
table.fm			{ color:black; background-image:url(fmbg.gif); background-repeat:repeat-x; background-color:#cfcfcf; }
table.fm td.ftl	{ font-size:1pt; background-image:url(fmtl.gif); background-repeat:no-repeat; }
table.fm td.ft		{ font-size:1pt; background-image:url(fmt.gif); background-repeat:repeat-x; }
table.fm td.ftr	{ font-size:1pt; background-image:url(fmtr.gif); background-repeat:no-repeat; }
table.fm td.fl		{ font-size:1pt; background-image:url(fml.gif); background-repeat:repeat-y; }
table.fm td.fr		{ font-size:1pt; background-image:url(fmr.gif); background-repeat:repeat-y; }
table.fm td.fbl	{ font-size:1pt; background-image:url(fmbl.gif); background-repeat:no-repeat; }
table.fm td.fb		{ font-size:1pt; background-image:url(fmb.gif); background-repeat:repeat-x; }
table.fm td.fbr	{ font-size:1pt; background-image:url(fmbr.gif); background-repeat:no-repeat; }

/* liquid round corners */
.lqt1		{ background: black url(bktl.gif) 0 0 repeat-x;  color:#fffffe; }
.lqt2		{ background: black url(bktl.gif) 0 0 repeat-x;  color:#fffffe; }
.lqt3		{ background: black url(bktl.gif) 0 0 repeat-x;  color:#fffffe; }
.lqt4		{ background: black url(bktl.gif) 0 0 repeat-x;  color:#fffffe; }
.lqtd		{ background: #f0f0f0 url(bkfh.gif) repeat-x left top; color:black; }

.lqtl		{ background: url(fmtl.gif) 0 0 no-repeat; }
.lqtr		{ background: url(fmtr.gif) 100% 0 no-repeat; }
.lqb		{ background: url(fmb.gif) 0 100% repeat-x; }
.lql		{ background: url(fml.gif) 0 0 repeat-y; }
.lqr		{ background: url(fmr.gif) 100% 0 repeat-y; }
.lqbl		{ background: url(fmbl.gif) 0 100% no-repeat; }
.lqbr		{ background: url(fmbr.gif) 100% 100% no-repeat; }

/* title for data pages */
div.ti		{ background:black url(bkmm.gif) repeat-x left top; }
div.ti span.h	{ background:url(bkms.gif) no-repeat left top; color:#fffffe; }
div.ti span.r	{ background:url(bkme.gif) no-repeat right top; }

