/*
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-bright', 'Times New Roman', serif;
  background:#fff;
  color:#000;
  background-color: #fff;
}



/* =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:10em;
  min-height:30em;
	text-align: left;
}
html>body #yui-main{
  height:auto;
}
#content{
	padding: 2.5em 0;
  margin: 40px 0 0 0;
  border-top: 6px solid black;
}
#header {
	padding:0;
  width: 74.923em;
	color: #ddd;
	text-align: center;
}
.logo_cell {
	padding:20px 0 0 0;
	text-align: left;
	margin: 0;
}






/* =elements */

h1{
  font-weight:normal;
  font-family:'Lucida-bright', 'Times New Roman', serif;
  padding:0;
  color:#060;
  margin:0;
  font-size:467%;
}

h2{
	padding-top: 0;
  font-weight:normal;
  font-family:'Lucida-bright', 'Times New Roman', serif;
  color:#fff;
  font-size:467%;
}

h3{
  font-weight:normal;
  font-family:'Lucida-bright', 'Times New Roman', serif;
  color:#333;
  font-size:100%;
}

a{
  color:#090;
}
h1 a,h2 a{
  text-decoration:none;
}


/* MIKES EXPERIMENT HERE------------------- */


div.post h1, div#content h1 {
	color: #fff;
	display: inline;
	margin:.6em 0;
	padding: 1px 0;
  background-color: #fff101;
}

/*div#content p {
	font-family: 'lucida-grande', 'arial', sans-serif;	
	margin-right: 3em;
	padding-left: 0;
	letter-spacing: 0em;
	font-size: 100%;
	line-height: 1.8em;	
	color: #666;
}*/

div.post h2 {
	margin: 0;
}
div.post h2 a {
	padding-top:0;
	color: #fff;
	background-color: #fff101;
}
div.post h3 a {
	font-family: 'lucida-grande', 'arial', sans-serif;	
	font-size: 100%;
	color: #999;
}

div.post div.postmetadata p {
	font-family: 'lucida-grande', 'arial', sans-serif;	
	font-size: 100%;
	color: #666;
}


p {
	padding-top: 10px;
	font-size: 135%;
	letter-spacing: -.01em;
	line-height: 1.2em;
}

/* eENDS MIKES EXPERIMENT  ---------------------*/



li li{
  font-size:100%;
}
pre{
  padding:1em;
  overflow:auto;
  background:#000;
  color:#0c0;
}
pre code{
  font-family:"Monaco",monospace;
}


/* =posts */
.post{
}
.post li{
  list-style:square;
}
.post small{
	font-family: 'lucida-grande', 'arial', sans-serif;	
  display:block;
  padding:1em 0;
  color: #666;
}

.postmetadata {
	font-family: 'lucida-grande', 'arial', sans-serif;	
  padding:0;
  font-size:1em;
  color:#666;
  position:relative;
}

div.entry div.postmetadata p {
	font-family: 'lucida-grande', 'arial', sans-serif;	
  padding:0;
  font-size:1em;
  color:#666;
  position:relative;
}

.postmetadata a, .postmetadata .comments a {
  color:#666;
  font-size:1em;
}
.postmetadata div{
  padding-bottom:5px;
  clear:both;
}
.postmetadata .edit{
	font-size:1em;
}
.postmetadata .edit a {
  position:absolute;
  bottom:10px;
  left:0;
  font-size:1em;
}
.postmetadata ul{
  margin:0;
  overflow:auto;
  padding:5px 0 15px 0; 
}
.postmetadata ul.hide{
  position:absolute;
  left:-50000px;
}
.tags li,.cats li{
  float:left;
  padding-right:1em;
  list-style:none;
}
div.postmetadata .comments {
  clear:both;
  text-align:right;
  padding:10px;
	font-size:1em;
  border-top: dotted 1px #666; 
}





/* =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:'lucida-grande', 'Arial', sans-serif;
  color:#666;
}

.commentlist{
  font-size:100%;
  color:#666;
  margin-right: 0;
}


.commentlist li{
	list-style: none;
	font-family:'lucida-grande', 'Arial', sans-serif;
  padding:.5em 0;
  margin-left:-2em;
	color: #333;
}
.commentlist li.alt{
  padding:.5em 0;
  background:#eeeeee;
}

.commentlist li p {
	margin-right: 3em;
	padding-left: 0;
	letter-spacing: 0em;
	font-size: 100%;
	line-height: 1.8em;	
}

.commentlist li cite .url {
	font-size: 140%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}


div#content h3#comments {
	padding-top: 10px;
	border-top: dotted 1px #666;
}

small.commentmetadata a {
	color:#999;
}

#respond {
	font-family:'lucida-grande', 'Arial', sans-serif;
	font-size: 100%;
	color: #999;
	text-decoration: underline;
}



/* =sidebar */
#sb{
	position: relative;
	top: 214px;
	padding-top: 40px;
	border-top: 6px solid black
	
}

/*#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;
  padding: 1em 0.2em 1.0em 0;
  font-weight:normal;
  font-family:'lucida-grande', 'Arial', sans-serif;
  color:#666;
  text-decoration:none;
  text-transform:uppercase;
	border-bottom: 1px solid #999;
}
#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:'lucida-grande', 'Arial', sans-serif;
  font-size:180%;
  text-transform:uppercase;
  padding:0;
  font-weight:normal;
  margin:0;
  color:#030;
  text-decoration:none;
  display:block;
}*/

#head div{
	font-family:'lucida-grande', 'Arial', sans-serif;
  color:#666;
  padding:.5em 0 1em 0;
	border-top: 1px solid #999;

}

#sidebarnav h4{
  margin:1em 0;
  border:1px solid #000;
  border-left:none;
  padding:5px;
  border-right:none;
}

/*=searchform*/
#searchform {
	padding: 10px 0;
  border-top: 1px #666 solid;
  border-bottom: 1px #666 solid;

}






/* =comments */
.commentmetadata{
  display:block;
  padding:1em 0;
}
form#commentform p {
	font-family: 'licida-grande', 'arial', sans-serif;
	font-size: 100%;
	color: #999;
}

form#commentform a {
	color: #999;
}


.commentmetadata a{
  color:#333;
}
#commentform textarea{
  width:99%;
  border:2px solid #999;
}
#submit{
  display:block;
  margin:0 0 0 60%;
}



/* =footer */
#ft{
  /*background:#eee;*/
	font-family: 'licida-grande', 'arial', sans-serif;
  padding:2em 0;
  text-align: left;
  color:#666;
  width: 74.923em;
	margin: 20px auto;
	border-top: 6px solid black;
}
#ft a{
  color:#666;  
}
#ft p,#ft address{
  margin:0;
  padding-bottom:.5em;
	font-size:1.0em;

}






/* =custom styles */

.hidden {
	position: relative;
	left: -1000px;
}