/* CSS Document */

@import "shared.css";
html, body {
height:100%;
}
body {
font-family:cursive, serif;
background-image:url(sake.png);
background-position:60% 100px;
line-height:1.1em;
}

h1, h2, h3, h4, h5, h6 {
background-color: #333333;
color:#fff;
line-height:1.4em;
font-family:"lucida calligraphy";
}
h1 {
line-height:1.7em;
}

#body a {
color: #85524e;
border:none;
}
#body a:link, #body a:visited {
text-decoration:underline;
}
#body a:hover {
text-decoration:none;
}
/* menu */
#menu { 
width:160px;  
position:fixed;
padding-bottom:9em;
background :url(sake.jpg) -15px bottom no-repeat;
}
#body p {
margin:10px 0;
}

* html #menu {position:absolute; top:10px; left:0;}
@media all and (min-width: 0px){  #menu {	position:absolute; top:10px; left:0;  }}
ul#navmenu {
width:155px;
border:1px solid black;
margin:0;
padding:0;  
margin-left:-10px; 
background-color:white;
}
* html ul#navmenu {
width:145px;
}
#navmenu li {
margin:0; 
display:block; 
padding:0;
font-size:0.8em;
font-weight:700;
}
* html ul#navmenu li {
height:1%;
line-height:1%;
}
#navmenu li #bottom {border-bottom:none;}

#navmenu li a {
display:block;
text-decoration:none;
line-height:18px;
padding-left:5px;
}
* html #navmenu li a {width:100%;}
#navmenu li a:link,  #navmenu li a:visited{
color: #ddd;
border:2px solid white;
border-width:0 2px;
background-color: #333;
}
#navmenu li a:hover {
color: #fff;
border-color:#aaa;
}
#navmenu li a:active {
color:black;
background-color:#fff;
font-variant:small-caps;
font-size:0.9em;
}
#navmenu li input, #navmenu li form, #navmenu li#createbutton {
width:100%; padding:0; margin:0; height:30px;
}
#navmenu li.thispage a:link,
#navmenu li.thispage a:visited,
#navmenu li.thispage a:hover {
color: #000;
background-color:white;
font-variant:small-caps;
cursor:default;
font-weight:normal;
border-color:white;
font-size:0.9em;
}

#toptips {
position:relative;
width:80%;
margin:auto;
}
#toptips ul, #toptips ul li, #toptips ul#tablereasons li {
list-style-type:square;
}
#toptips ul li {
margin:5px auto 5px 15px;
}
#toptips ul li ul {
position:absolute;
background-color:white;
display:none;
list-style-type:none;
border:1px solid gray;
margin-left:-15px;
margin-top:5px;
width:100%;
padding:0 5px;
z-index:100;
font-size:0.95em;
}
#toptips ul li ul#dtd {
margin-top:0;
}
* html #toptips ul li ul {
position:relative;
display:block;
background-color:transparent;
margin:0 10px 0 30px;
border:none;
}
#toptips ul li ul li{
list-style-type:none;
}
#toptips ul li:hover ul /*, #toptips ul li.sfhover ul*/ {
display:block;
}

#switcher a:link, 
#switcher a:visited {
text-decoration:none;
}
#switcher li a:hover {
color:white;
background-color:navy;
}
#switcher li a:active {
color:red;
background-color:white;
}
/*fixH*/

#leftcolumn {
width:300px;
background: red;
text-align:center;
float:left;
}
#rightcolumn {
width:300px;
background: blue;
color:white;
float:right;
text-align:center;
}
#left, #right, #centre {
width:200px;
text-align:center;
}
#left {background:red; float:left;}
#centre {
background:white;
border:1px solid gray;
margin:0 auto;
}
#right {background:blue; color:white; float:right;}



/* FAQ */
#faq #targetbuttons a {
font-weight:bold;
text-decoration:none;
}
#faq #targetbuttons a:hover {
background-color:black;
color:white;
}
#faq ol.faq-qs a {
padding-left:21px;
}
#faq ol.faq-qs a:link, #faq ol.faq-qs a:visited {
text-decoration:none;
}
#faq ol.faq-qs a:hover {
color:#000099;
text-decoration:underline;
background:url(q-mark.gif) left center no-repeat;
} 
#faq ol {
overflow:visible;
}
#faq ol {
padding-left:20px;
list-style-type:hiragana-iroha;
}
#faq ol.faq-qs {
overflow:visible;
font-size:1em;
padding-left:20px;
} 
#faq ol.faq-qs li{
float:none;
display:block;
list-style-type: hiragana-iroha;
margin:0;
}
#faq h2 {
font-size:1.1em;
}


/* rollover */
#rollover a:link,
#rollover a:visited {
color:white;
}

/* buttons */
#switch1 {
font-size:0.9em;
}

/* switchcontent */
#switchcontent {
border-color:#000;
}
#switchcontent #one, 
#switchcontent #two, 
#switchcontent #three {
color: #000;
}

#switchcontent a:link,
#switchcontent a:visited,
#switchcontent .headfoot {
background-color:#333;
color:#fff;
font-weight:bold;
font-family:fantasy, Showcard Gothic, Ravie, Playbill;
}
#switchcontent #switches {
width:31em;
}
#switchcontent #switches li {
width:8em;
}

/* comments */
#body .comments a:link,
#body .comments a:visited {
color:navy;
border:1px dashed navy;
border-width:1px 0;
}
* html .comments{
height:1px;
}
.commentsname, .commentsdate  {
color:#fff; 
background-color:#666;
font-family:"lucida calligraphy";
font-size:0.9em;
}

.comments p {
color:#000;
font-family:monospace;
}

.comments code {
font-size:0.9em;
}