@font-face {
    font-family: __flbt;
    font-style:  normal;
    font-weight: normal;
    src: url(FUTURAL2.eot);
  }
  @font-face {
    font-family: __fcbt;
    font-style:  normal;
    font-weight: normal;
    src: url(FUTURAL0.eot);
  }
  @font-face {
    font-family: __fmbt;
    font-style:  normal;
    font-weight: normal;
    src: url(FUTURAM1.eot);
  }
  @font-face {
    font-family: __flbt;
    font-style:  oblique;
    font-weight: normal;
    src: url(FUTURAL1.eot);
  }
  @font-face {
    font-family: __fmbt;
    font-style:  oblique;
    font-weight: normal;
    src: url(FUTURAM0.eot);
  }


/* need to split this up into chunks ...
   font-declarations
   floaters 
   tiled sections | normal sections
*/

body, body.slideshow, p.comment, li, h4, DIV.copy {
    font-family: "Futura LT BT", "__flbt",  "Gill Sans", "Trebuchet MS", "Geneva", "Arial", "Helvetica";
    font-weight: lighter;
}

p {

/*    font-weight: normal; */
    font-weight: lighter;
    font-size: 11pt;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;

    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 1em;
    padding-right: 1em;
}  /* 400 */

body {
  background-color: black;
  color: #FFF8F4;
  margin: 0px;
  padding: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* stupidly and explicitly turn off horizontal scrolling */

html {overflow-x:hidden;}

body.slideshow {
  background: #000000;
  color: #cccccc;
  overflow: hidden;
  margin: 0;
  padding: 0;
}


/* information section (header/text) ************************/

div.adjuster {
	margin-left: 101px;
}

div.section {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px; 
	/* margin is the sum of the borders in FF? */
	margin-right: 20px;
	z-index: 10;
	display: block;
	position: relative;
	border: 5px solid black; /* #060309 */ ;
	overflow: hidden; /* this is a bug workaround */
	min-width: 10px;
	min-height: 10px;
	/* background-image: url(tbox90.png); */
}

div.section#header {
	background: transparent; 
}

img.bordered {
	border: 1px solid #241532;
	border-right: 1px solid #181224;
	border-bottom: 1px solid #181224;
	margin: 12px;
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
}

/* presenting an important sword */
div.altar {
	border: 0px; /* go with a cleaner look */
	position: fixed;
	left: 20px;
	top: 20px;
	width: 90px;
	height: 700px;	
	line-height: 0px;
	z-index: 1;
}

div.altar div {
	border: 5px solid black /* #060309 */;
	padding: 0px;
	margin: 0px;
	text-align: center;
	line-height: 0px;
}

/* text section ****************************************/

h1, h2, h3, h5 {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 12px;
	padding-bottom: 7px; 
	border: 0px;
	font-family: "Futura MD BT", "__fmbt", "Trebuchet MS", "Geneva", "Arial", "Helvetica";
/*	font-weight: bold; */
	margin: 0px;
	color: white;
}
h4 { 	
	padding-left: 10px;
	font-family: "Futura LT BT", "__flbt", "Trebuchet MS", "Geneva", "Arial", "Helvetica";
	font-style: oblique; 
	margin-bottom: 7px;
}    

h5 {    
	font-family: "Futura MD BT", "__fmbt", "Trebuchet MS", "Geneva", "Arial", "Helvetica";
	font-weight: normal; 
	font-size: 120%; 
	padding-left: 1em; 
	margin-bottom:12px;  
}   

strong { font-weight: bolder; }

div.section#header h1, div.section#header h2 {
	/*font-size: 14pt;*/
    /* background-image: url(fader-dark.png);
    background-repeat: repeat-y; */
}

div.section#header div.p {
/*	background-image: url(tbox90.png); */
}

div.p {
	padding-bottom: 10px;
	padding-top: 7px;
	border: 0px;
}

div.section p {
	margin-left: 10px;
	margin-right: 10px;
}

/* instant messenger */

.im {
    	font-family: "Futura MD BT", "__fmbt", "Trebuchet MS", "Geneva", "Arial", "Helvetica";
	float:right; 
	margin-top: 10px;
	margin-left: 10px; 
	margin-right: 0px; 
	margin-bottom: 0px;
	z-index: 300;
	width: 120px;
	overflow: hidden;
}

/* background images *************************************/

div.bg {
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	border:0;
	z-index:0;
	line-height: 0px;
	background: black;
        display: none; /* turn off by default, page will turn on */
}

div.bg img {
	width: 100%;
	padding: 0;
	border: 0;
	margin: 0;
        margin-bottom: 5px;

	/* the next set of codes will fix firefox and IE in case
	   they try to put descenders in, that is the display: block
	   doesn't work */

	/* all browsers try to stick a line of text between images */
	line-height: 0px;
	/* just in case */
	font-size: 0px;
	/* stupid IE, this next line stops IE from reserving
	space on the line for text descenders just in case */
	vertical-align: bottom;
}

/* */

.pad {
   margin-right: 8px;
}

.sword {
   padding-top: 40px;
   align: right;
   text-align: right;
   padding-right: 20px;
}

/* link design ******************************************/


A {
        font-family: "Trebuchet MS", "Geneva", "Arial", "Helvetica";
	color: #AA99DD;
        text-decoration: none;
        font-size: 9pt;
        font-variant: small-caps;
        font-weight: bold;
}

A:visited {
	color: #AA99DD;
        text-decoration: none;
}

A:active {
	color: white;
        text-decoration: none;
}

A:hover {
	color: white;
        text-decoration: underline;
}

/****************************************************/

TABLE.swordlist {
	width: 400px;
	margin-left: -100px;
}

/* links in the sword listings should be bigger, serving as titles */
TABLE.swordlist TD {
	max-width: 230px;
}
TABLE.swordlist A {
        font-size: 14pt;
}

TABLE.swordlist div.smith {
	text-align: left;
}

TABLE.swordlist div.rating { 
	text-align: left;
	margin-top: 1px;
	font-size: 10pt; position: relative; left: 1em; 
	font-style: oblique;	
}
TABLE.swordlist div.period { 
	text-align: left;
	font-size: 10pt; position: relative; left: 1em; 
}
TABLE.swordlist div.paper { 
	text-align: left;
	margin-top: 10px;
	font-size: 11pt; position: relative; left: 0px; 
	font-weight: normal;
	font-style: oblique;	
}
TABLE.swordlist .notes {
	text-align: left;
	margin-top: 1px;
	font-size: 10pt; position: relative; left: 1em; 
}	
TABLE.swordlist div.price { 
	text-align: left;
     margin-top: 5px;
     font-variant: small-caps; 
     font-size: 10pt;
	position: relative; left: 1em;
}
     

img.margin {
	margin-right: 20px;
}

P.link {
	position:relative;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
	left:40px;
}

P.comment { position:relative; top:-10px; left:10px; font-style: italic; }

P.sep { padding-top: 30px;} 

.indent {font-weight: normal; padding-left: 1em; }   /* 400 */

blockquote { 
    font-style: oblique; 
    position: relative;
    left: 3em;
    margin-right: 9em; /* 40 to correct the left, another 40 to indent */
    margin-left: 0px;
}

P.break {page-break-before: always}
H1.break {page-break-before: always}
H2.break {page-break-before: always}
H3.break {page-break-before: always; }
H4.break {page-break-before: always}
H5.break {page-break-before: always}
H6.break {page-break-before: always}

/* floating hotlinks ***********************************/

.hot {
   font-variant: normal;
   font-weight: normal;
   position: fixed;
   right: 20px;
   text-align: center;
   width: 60px;
   padding:1px;
   padding-bottom:2px;
   border-width: 1px;
   border-color: #EEEEFF;
   color: #EEEEFF;
   background: #302050;
   border-style: solid;
   font-size: 10px;
   text-decoration: none;
   z-index: 300;
   opacity: 0.75;
   /* IE7 not paying attention to opacity? */
   filter: alpha(opacity=75);
}

A.hot:visited {
   border-color: #eeeeee;
   border-style: solid;
   color: #dddddd;
   text-decoration: none;
}

A.hot:hover {
   background: white;
   color: black;
   text-decoration: none;
   opacity: 1;
   /* IE7 not paying attention to opacity? */
   filter: alpha(opacity=100);
}

/****/

a#home, a#top2 {   top: 42px;}
a#email, a#top1 {    top: 20px;}
a#slides, a#top3 {    top: 64px; }
a#top4 {    top: 86px; }
a#top5 {    top: 108px; }

A.bighot {
   font-variant: normal;
   font-weight: lighter;
   position: fixed;
   right: 30px;
   align: right;
   text-align: center;
   width: 100px;
   padding-top:2px;
   padding-bottom:3px;
   border-width: 1px;
   border-color: #EEEEFF;
   color: #EEEEFF;
   background: #302050;
   border-style: solid;
   font-size: 14px;
   text-decoration: none;
   z-index: 300;
}

A.bighot:visited {
   border-color: #EEEEFF;
   color: #EEEEFF;
   background: #302050;
   border-style: solid;
   text-decoration: none;
}

A.bighot:hover {
   background: white;
   color: black;
   text-decoration: none;
}


/* copyright tag **************************************************/

div.copy {
   height: 17px;
   width: 311px;   
   text-align: right;
   padding-right: 20px;
   border: 0px;
   font-size: 10px;
   color: #AAAABB;
   z-index: 200;
   position: fixed;
   bottom: 20px; 
   right: 0px;
   opacity: 0.75;
   font-family: "Trebuchet MS", "Geneva", "Arial", "Helvetica";
   font-size: 10px;
}

@media screen {
	div.copy {
		background-image: url(fade.png);
		background-repeat: no-repeat;
		background-position: right;
	}
}

@media print {
	.hot {
		display: none;
	}
	div.bg {
		display: none;
	}
}

#float
  {
    position: fixed;
    top: 20px;
    left: 15px;
    z-index:100;
    border: 0;
  }
  
  
  /* other stuff *******************************************/ 

img { border: 0; }

/* zero it all out for compatibility */
ol,ul,li {margin:0;padding:0;}

ol,ul {
    margin-left: 3em;
    position: relative;
}

li {
    margin-left: 3em;
}

ol.sayagaki , ol#sayagaki {
        margin-left: 1em;
}

ol.sayagaki li, ol#sayagaki li {
	padding-top: 14px; 
}

span.kan {font-family: "MS Gothic";font-size:larger;}

div.kan { font-family: "MS Gothic";
          font-size: larger; }
.rom { }
.tran { font-style:italic; }

.center { text-align: center; margin-left:auto;margin-right:auto; }

/* sword filter button slots and positions */

a#slot1 {  bottom: 40px; }
a#slot2 {  bottom: 60px; }
a#slot3 {  bottom: 80px; }
a#slot4 {    bottom: 100px;}
a#slot5 {    bottom: 120px;}
a#slot6 {    bottom: 140px;}
a#slot7 {    bottom: 160px;}
a#slot8 {    bottom: 180px;}
a#slot9 {    bottom: 2000px;}
a#slot10 {    bottom: 220px;}

a#price0 {  bottom: 40px; }
a#price1 {  bottom: 84px; }
a#price2{  bottom: 128px; }
a#price3{   bottom: 172px;}

/* start point for autoscroll */

a#start:hover { text-decoration: none; }

/* spacing for images */

img.oshigata, img.sugata { float:left; margin-right: 20px; margin-left: 15px; margin-bottom: 15px; }

/* sword page listing  ***************************

***** depricated? or is this the study page????? 

.list { position:relative; margin-left:120px; display:block; 
      border-color:white; border-width:0px; border-style:solid; }

div.smith A { font-size:85% }

.list .smith A { 
   position:relative; margin-left:-75px; 
   font-size: 100%; font-weight: normal;
   font-variant: normal;
}

#autoscroll {
	background: black;
	overflow:scroll;
}

***************************************************/       



/***** BROWSER SPECIFIC JUNK TO FIX MS CRAP ********/

/* in orderfor these to load, we need the top line of the HTML
   file to read 
   <?xml version="1.0" encoding="iso-8859-1"?>  
*/


/* CSS matching here is fucked in IE 6 so all I can do is turn off the extra else recode the HTML for individual IDs */
.ie55 div.section, .ie6 div.section {
	background: 0; /* turn off old background */
	width: 100%;   /* needs to be this or IE craps out */
/* Alpha Image Loader breaks links in IE */
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		enabled='true',
		src='style/tbox90.png',
		sizingMethod='scale');*/

}

.ie55 div.section#header h2, .ie6 div.section#header h2, .ie6 div.section#header div.p {
	background: 0; /* clear other background */
}

/* turn off the real image */
.ie55 div.altar img, .ie6 div.altar img {
	display: none;
}

/* put up a fake image as the background of the picture frame */
.ie55 div.altar div, .ie6 div.altar div {
	width: 100%;
	height: 100%; /* will match the image on the inside */
	border: 0; /* turn off our border */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='sugata.png', sizingMethod='crop');


}
.ie55 div.altar , .ie6 div.altar  {
	/* replace the framing border */
	border: 5px solid black /* #060309 */ ;
}

.ie55 #float , .ie6 #float {
	_position: absolute;
}

.ie55 body , .ie6 body {
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	_overflow: hidden;
	border: 0;
}



.ie55 div.content , .ie6 div.content {
	position: fixed;
	_position: absolute;
	padding-top: 20px;
	_height: 99.7%;
	overflow-y: scroll;
	_overflow-y: scroll;
	overflow-x: hidden;
	_width: 100%;
}


html.ie55#autoscroll , html.ie6#autoscroll {
	overflow: hidden;
}

html.ie55#autoscroll div.content , html.ie6#autoscroll div.content {
	overflow-x: auto;
	_overflow-x: auto;
}

.ie55 div.altar , .ie6 div.altar {
	position: fixed;
	_position: absolute;
}

.ie55 div.copy, .ie6 div.copy {
	position: fixed;
	_position: absolute;
	background: 0;
	right: 16px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/fade.png', sizingMethod='crop');

}

.ie55 .hot, .ie6 .hot, .ie55 .bighot, .ie6 .bighot {
	position: fixed;
	_position: absolute;
	filter: alpha(opacity=70);
	right: 37px;
}

.ie55 div.bg , .ie6 div.bg {
	position: fixed;
	_position: absolute; /* IE 6.0 crap */
	top: 0;
	left: 0;
}

.ie55 TABLE.swordlist , .ie6 TABLE.swordlist  {
	width: 400px;
}