/*
 * japan.css - Japanese Style for Jitetsu
 */

html {
    background-color : #FFFFFF;
}

/* body */
body {
color : #000000;
    background-color : #FFFFFF;
font:1em verdana, arial, helvetica, sans-serif;
}

/* defaults */


/* default buttons */
button {
color : #00DDDD;
border : solid #000000 1px;
}
button:hover {
color : #D8E1A7;
background-color : #455EA7;
}

/* default input */
input,textarea {
color : #000000;
}
/* default selects */
select {
color : #115588;
}

/* default horizontal rules */
hr {
border: solid 1px #000000;
}

/***********************************
***** default headers/positions ****
***********************************/

p {
    margin : 0.4em;
}

h1 {
    margin-bottom : 0.5em;
    color : #FFFFDC;
    background-color : #000000;
    text-align : right;
}

h2 {
    margin-top : 0em;
    margin-left : 1em;
    margin-bottom : 0.5em;
    text-align : left;
}

h3 {
    margin-right : 4em;
    margin-bottom : 0.4em;
    text-align : right;
}
h4 {
    margin-top : 0.2em;
    margin-bottom : 0.2em;
    color : #FFFFDC;
    background-color : #000000;
    text-align : right;
}

img {
    max-width: 100%;
}

/* Left Div */
div.left {
    left : 0%;
    top : 0%;
    height : 100%;
    width : 10%;
    position : absolute;
}

/* Right Div */
div.middle {
    left : 12%;
    top : 0%;
    width : 66%;
    position : absolute;
    padding-bottom : 2em;
    background-color : #FFFFDC;
}

/* Right Div */
div.right {
    left : 80%;
    top : 0%;
    height : 100%;
    width : 20%;
    position : absolute;
    background-color : #FFFFFF;
}

/* Main Div */
/* This Div will have most of the body of the page in it */
div.mainContent {
    top : 1em;
    width : 100%;
    position : relative;
    color : #000000;
    background-color : #FFFFDC;

}

div.mainContent p {
    padding-left : 3em;
    padding-right : 4em;
    padding-top : 0em;
    padding-bottom : 1em;
}

/* Footer Div */
div.footerText {
    height : auto;
    width : 100%;
    text-align : right;
    position : relative;
    padding-bottom : 1em;
    color : #FFFFDC;
    background-color : #000000;
    font:0.9em verdana, arial, helvetica, sans-serif;
}

div.thumbcontent {
    padding-left : 3em;
    padding-right : 4em;
    padding-top : 0em;
    padding-bottom : 1em;
}

div.mainContent table {
    margin-left : 2em;
}

td { 
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    color: black;
}

/************************
******** Menu Div *******
************************/


/* Main Menu */
div.mainMenu {
    top : 0%;
    width : 80%;
    right : 2%;
    margin-left : 1em;
    margin-top : 2em;
    padding-right : 1em;
    position : absolute;
    background-color : #FFFFFF;
}

/* Sub Menu */
div.subMenu {
    margin-left : 1em;
    padding-right : 1em;
    text-align : left;
    position : relative;
    background-color : #FFFFFF;
}

/************************
**** Weblog related *****
************************/

.post {
    position:relative;
    width:auto;
    min-width:15%;
    margin-left : 3em;
    margin-right : 6em;
    margin-top : 2em;
    background-color:white;
    padding:1%;
}
    
.footer {
    position:relative;
    width:auto;
    min-width:15%;
    margin:0% 20% 2% 23%;
    background-color:white;
    padding:1%;
}

.prefs  {
    position:relative;
    width:auto;
    min-width:15%;
    margin:0% 20% 2% 23%;
    background-color:white;
    padding:1%;
}
    
.navigation {
    position:relative;
    width:auto;
    min-width:15%;
    margin:0% 20% 2% 23%;
    background-color:white;
    padding:1%;
}

/************************
******** links **********
************************/

a:link {
    color : #8800AA; 
    text-decoration : none;
}

.xmainMenu a:link {
    color : #BB00BB; 
    text-decoration : none;
}

.xmainContent a:link {
    color : #BB00BB; 
    text-decoration : none;
}


a:link img  {
    border : #FFFFEE solid 1px;
}

a:visited {
    color : #8800AA;
    text-decoration : none; 
}

.xmainMenu a:visited {
    color : #BB00BB;
    text-decoration : none; 
}

.xmainContent a:visited {
    color : #BB00BB;
    text-decoration : none; 
}

a:visited img {
    border : #FFFFEE solid 1px;
}

a:hover {
    color : #FFFFFF; 
    background-color : #888888;
}
a.imgLink:hover {
    background : transparent;    
}
a.imgLink img:hover {
    border : #FFFFDD solid 1px;
    background : transparent;
}

.footerText a {
    color : #FFFFFF;
}
/************************
******** quotes *********
************************/

div.quote {
    background-color : #F1F8FF;
}

blockquote {
    background-color : #F1F8FF; 
}

cite {
    background-color : #F1F8FF;
}