/*  Stylesheet for aya.jadegrel.net.
    Aya, 2003.
*/

body {
    not-background-color: #ECECEC;
    background-color: #E9E2D4;
    margin: 0px;
}

ul {
    margin-left: -24px;
    font-size: 10pt;
    list-style: outside;
}

p {
    /* For some reason, still, the default 日本語 font is used */
    font-family: "Optima", "Hiragino Maru Gothic Pro", "Verdana", sans-serif;
    no-text-align: justify;
    font-size: 10pt;
}

p.Fineprint {
    font-size: 8pt;
    color: #666555;
}

div.AboveBar {
    background-image: url(/Images/Verytop%20Tile.png);
    background-repeat: repeat-x;
    
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 73px;
    
    z-index: 8;
}

a {
    color: #6c3b3b;
}

a.AreaLink {
    text-decoration: none;
    color: white;
}

div.Bar {
    background-image: url(/Images/Bar%20Tile.png);
    background-repeat: repeat-x;
    
    position: absolute;
    top: 73px;
    left: 0px;
    width: 100%;
    height: 23px;
    
    font-size: 10pt;
    color: white;
    
    z-index: 10;
    
    padding: 3px 0px 3px 0px;
}

td.TopButton, td.TopMiddle, td.NoBorder, td.TopButtonLeft, td.TopButtonRight, td.TopButtonSpacer, td.TopButtonBigSpacer {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

td.NoBorder {
    vertical-align: top;
}

td.TopMiddle {
    background-image: url(/Images/Button%20mid.png);
    background-repeat: repeat-x;
    font-size: 9pt;
    font-family: "Optima", sans-serif;
    color: white;
}

div.FloatMe {
    position: absolute;
    top: 200px;
    left: 200px;
    width: 256px;
    height: 256px;
}

table.TopButton, table.NoBorder {
    border-width: 0px;
    border-spacing: 0px;
    border-collapse: separate;
}

td.TopButtonLeft {
    background-image: url(/Images/Button%20left.png);
    background-repeat: no-repeat;
    width: 8px;
}

td.TopButtonRight {
    background-image: url(/Images/Button%20right.png);
    background-repeat: no-repeat;
    width: 9px;
}

td.TopButtonSpacer {
    width: 2px;
}

td.TopButtonBigSpacer {
    width: 20px;
}

td.TopButton, td.TopButtonLeft, td.TopButtonRight, td.TopMiddle {
    height: 24px;
}

div.Underbar {
    position: absolute;
    
    background-image: url(/Images/Underbar%20transparent.png);
    background-repeat: repeat-x;
    
    top: 100px;
    left: 0;
    width: 100%;
    height: 15px;
    
    z-index: 8;
}

div.Body {
    position: absolute;
    top: 102px;
    left: 12px;
    
    z-index: 9;
}

p.Huge {
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 0px;
}

p.Large {
    font-size: 12pt;
    margin-bottom: 0px;
}

p.Smaller {
    font-size: 9pt;
}

p.BoxTitle {
    text-align: center;
}

p.Centered {
    text-align: center;
}

p.Caption {
    text-align: center;
    margin-top: 0px;
    font-size: 9pt;
}

table.Bordered {
    border-collapse: collapse;
    border-width: 0px;
    border-spacing: 0px;
}

td.Bordered, td.BorderedBold {
    padding: 0px 10px 1px 0px;
}

td.BorderedBold {
    font-weight: bold;
}

tr.Bordered, td.Gallery {
    font-size: 10pt;
}

/* Image galleries */

img.Thumbnail {
}

td.Gallery {
    text-align: center;
    padding: 5px;
}

table.Gallery {
}

a.Broken:before {
    display: marker;
    content: image(/Images/BadLinkIcon.png);
}

a.Broken {
    text-decoration: none;
}

/* The file lists, as used on class Relics lists. */

li.PDFFile:before, li.JPEGFile:before, li.HTMLFile:before {
    display: marker;
    vertical-align: middle;
    padding: 0px 6px 5px 0px;
}

li.PDFFile, li.JPEGFile, li.HTMLFile {
    font-weight: bold;
}

li.FileCaption, li.PDFFile, li.JPEGFile, li.HTMLFile {
    display: list-item;
    list-style-type: none;
}

li.PDFFile:before {
    content: url(/Images/PDF.png);
}

li.JPEGFile:before {
    content: url(/Images/JPEG.png);
}

li.HTMLFile:before {
    content: url(/Images/HTML.png);
}

li.FileCaption {
    padding: 0px 0px 12px 0px;
}

ul.FileList {
    margin-left: -38px;
}

/* Misc */

tr.BorderedBold {
    font-weight: bold;
    font-size: 10pt;
}