/*
Theme Name: YUI autogrid minimal
Theme URI: http://yuiblog.com/assets/yuiminimalautogrid/
Description: A very minimalistic WordPress theme that uses YUI grids and self-adjusting layout. A script reads out your current browser space and adjusts the YUI grid accordingly.
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:#fff;
  color:#000;
}

/* =grids */

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

/* giving the main content a min-height and some padding */
#yui-main{
  height:30em;
  min-height:30em;
}
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{
  font-weight:normal;
  font-family:'Gill Sans','Arial',sans-serif;
  color:#333;
  font-size:137%;
}
h3{
  font-weight:normal;
  font-family:'Gill Sans','Arial',sans-serif;
  color:#333;
  font-size:127%;
}

a{
  color:#090;
}
h1 a,h2 a{
  color:#060;
  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;
}