/*
Theme Name: Hawaii Japanese Center
Description: Fixed some from YUI minimal autogrid template
Version: 1.0
Author: Christian Heilmann
Author URI: http://wait-till-i.com
Tags:two colums, footer, fixed menu, yui, grids, autogrid

	YUI autogrid minimal v1.0
	 http://yuiblog.com/assets/yuiminimalautogrid/

	This theme was designed and built by Christian Heilmann,
	reusing some of the parts of Kubrick by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under BSD:
	http://wait-till-i.com/license.txt

*/

/* 
  The html is needed if you want to use any other background than white,
  reset resets the height of the document to the height of the content,
  not the browser viewport.
*/
html,body{
  font-family:"Lucida Grande","charcoal cy",arial,sans-serif;
  background:#fef4f4;
  color:#000;
}
/* =grids */

/* overriding the default min-width of #doc3 */
#doc2{
  min-width:0;
  background:#fff;
}

/* giving the main content a min-height and some padding */
#yui-main{
  background:#fff;
  height:20em;
  min-height:20em;
}
html>body #yui-main{
  height:auto;
}
#content{
  padding:1em 0;
}


/* =elements */

h1{
  font-weight:normal;
  font-family:'Gill Sans','Arial',sans-serif;
  padding:.5em 0;
  color:#060;
  margin:0;
  font-size:157%;
}
h2{
  margin: 1em 0;
  font-size: 110%;;
  padding: 0.5em;
  color: #000;
  border-left: 0.5em solid #aaa;
  border-bottom: 2px solid #aaa;
}
h3{
  font-weight:normal;
  font-family:'Gill Sans','Arial',sans-serif;
  color:#000;
  font-size:127%;
}

a{
  color:#090;
}
h1 a,h2 a{
  color:#222;
  text-decoration:none;
}
li li{
  font-size:100%;
}
pre{
  padding:1em;
  overflow:auto;
  background:#000;
  color:#0c0;
}
pre code{
  font-family:"Monaco",monospace;
}

/* =posts */
.post{
  font-size:120%;
}
.post li{
  list-style:square;
}
.post small{
  display:block;
  padding-bottom:5px;
}
div.entry div.postmetadata,.postmetadata {
  padding:0;
  font-size:85%;
  color:#555;
  position:relative;
}
.postmetadata a{
  color:#666;
}
.postmetadata div{
  padding-bottom:5px;
  clear:both;
}
.postmetadata .edit a{
  position:absolute;
  bottom:10px;
  left:0;
  color:#000;
}
.postmetadata .comments{
  clear:both;
  text-align:right;
  padding:10px;
  font-size:115%;
  border-bottom:dashed thin #666;
}
.postmetadata .comments a{
  color:#000;
}
.postmetadata ul{
  margin:0;
  overflow:auto;
  padding:5px 0 5px 0;
}
.postmetadata ul.hide{
  position:absolute;
  left:-50000px;
}
.tags li,.cats li{
  float:left;
  padding-right:1em;
  list-style:none;
}

/* =archives */
.archives a{
  color:#666;
}
.archives,.archives ul{
  font-size:100%;
  margin:0;
  padding:0;
}
.archives ul{
  padding:1em 0;
}
.archives li{
  display:inline;
  padding-right:.5em;
}

/* =navigation */
.navigation{
  overflow:hidden;
}
.navigation a{
  color:#333;
  display:block;
  padding:.5em 0;
}
.next{
  float:right;
  text-align:right;
  width:49%;
}
.previous{
  float:left;
  text-align:left;
  width:49%;
}

/* =comments */
#comments{
  font-weight:normal;
  font-family:'Gill Sans','Arial',sans-serif;
  color:#060;
}
.commentlist{
  font-size:107%;
}
.commentlist li{
  padding:.5em;
  margin-left:-2em;
}
.commentlist li.alt{
  padding:.5em;
  background:#ddd;
}

/* =sidebar */
#sb{
  position:relative;
}
#sidebarnav{
/*  position:fixed; */
  width:260px;
  border-left:1px solid #ccc;
  padding:1em;
  margin-top:1em;
}
#sidebarnav ul{
  margin:1em 0 0 0 ;
  padding:0;
}
#sidebarnav li{
  list-style:none;
  padding:.2em 0;
}
#sidebarnav a{
  display:block;
  color:#000;
  text-decoration:none;
  text-transform:uppercase;
}
#sidebarnav li.ext a{
  background:url(images/arrow.png) center right no-repeat #fff;
}
#sidebarnav a:hover{
  background:#ddd;
}
#sidebarnav li.ext a:hover{
  background:url(images/arrow.png) center right no-repeat #dfd;
}
#sidebarnav #head a{
  font-family:"charcoal cy",sans-serif;
  font-size:180%;
  text-transform:uppercase;
  padding:0;
  font-weight:normal;
  margin:0;
  color:#030;
  text-decoration:none;
  display:block;
}
#head div{
  color:#666;
  padding:.5em 0 1em 0;
}
#sidebarnav h4{
  margin:1em 0;
  border:1px solid #000;
  border-left:none;
  padding:5px;
  border-right:none;
}

/* =comments */
.commentmetadata{
  display:block;
  padding:1em 0;
}
.commentmetadata a{
  color:#333;
}
#commentform textarea{
  width:99%;
  border:2px solid #999;
}
#submit{
  display:block;
  margin:0 0 0 60%;
}
/* =footer */
#ft{
  background:#999;
  border-top:1px solid #fff;
  padding:1em;
  text-align:left;
  color:#333;
}
#ft a{
  color:#000;
}
#ft p,#ft address{
  margin:0;
  padding-bottom:.5em;
}
/* kokokara */
.entry p {
  text-indent: 1em;
  line-height: 1.5em;
}
h1, h2, ul {
  clear: both;
}
dl.people, dl.contribution {
  margin: 0;
}
dl.people dt, dl.contribution dt {
  clear: both;
  margin: 1em 0;
  font-size: 1.1em;
  padding: 0.5em;
  border-left: 0.5em solid #aaa;
  border-bottom: 2px solid #aaa;
}
dl.people dd, dl.contribution dd {
  padding: 10px;
  text-indent: 1em;
}
dl.people div.picture, dl.contribution div.picture {
  text-indent: 0em;
  float:right;
  width:200px;
  border:1px solid #222;
  margin: 2px;
  padding: 5px;
  background: #ccc;
  font-size: 0.8em;
}

dl.access dt {
  margin: 1em 0;
  padding: 0.5em;
  font-size: 110%;
}
dl.access dd {
  border-bottom: 1px dashed #ccc;
}

.image-right-box-240 {
  float:right;
  width:240;
  border:1px solid #222;
  margin: 2px;
  padding: 5px;
  background: #ccc;
  font-size: 0.8em;
  text-align: center;
}

.image-right-box-320 {
  float:right;
  width:320;
  border:1px solid #222;
  margin: 2px;
  padding: 5px;
  background: #ccc;
  font-size: 0.8em;
  text-align: center;
}

.image-left-box-240 {
  float:left;
  width:240;
  border:1px solid #222;
  margin: 2px;
  padding: 5px;
  background: #ccc;
  font-size: 0.8em;
  text-align: center;
}

.image-left-box-320 {
  float:left;
  width:320;
  border:1px solid #222;
  margin: 2px;
  padding: 5px;
  background: #ccc;
  font-size: 0.8em;
  text-align: center;
}