/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0em;
	padding:1em;
        width: 60em;
	height:100%; /* needed for container min-height */
	background: url("http://static.lowlifi.net/images/bamboo-dark.jpg") no-repeat fixed center;
        /* background: #000; */
	color:#000;
	font-family: Helvetica, Ariel, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:1.5;
}

div.body {
        position: absolute;
	width: 44em;
        background: rgba(255, 255, 255, 0.0);
	margin: -9px 0 0 10em; /* center, not in IE5 */
}

div#footer {
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;
       width: 44em;
       color: #fff;
       position: relative;
       padding: 0em 0em 0em 12em;
       margin-left: 10em;
}

.body p{
	padding: 0em 1em 1em 1em;
}

/*************************************
 +Sidebar
 *************************************/
div#sidebar{
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;
        font-family: Helvetica, Ariel, "Times New Roman", Times, serif;
        border: 1px solid #fff;
        background: rgba(255, 255, 255, 0.4);
        position: relative;
        width: 12em;
        left: 56em;
        padding: 0.5em;
        margin-top: -9px;
}

div#sidebar h3{
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;
        color:#579;
        /*color: #fff;*/
        background-color: #25567B;
        padding: 0.5em;
}

div#sidebar h3 a{ color:#579; }
div#sidebar h3 a:hover{color: #58BBEB;}

div#sidebar ul{
        list-style-type:none;
        margin:0;
        padding: 0em;
}

div#sidebar ul li{
        list-style-type:none;
        border-bottom:1px dotted #d1d1d1;
        padding: 0.5em 0.5em;
}


/*************************************
 +Entry
 *************************************/
.entry{
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;
       background: rgba(255, 255, 255, 0.4);
       border: 1px solid #fff;
       position: relative;
       padding: 0em 1em 1em 1em;
       margin-bottom: 1em;
}

.entry p{
	padding: 0em 1em 0em 1em;

}
p.entrybody{
	margin-left: 1em;
	padding: 0em 1em 0em 1em;
}

.entrytitle{
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;
        background-color: #25567B;
}
.entrytitle h2 {
	color:#579;
        margin-left: 1em;
        font-size:1.7em;
	padding: 2px;
}

.entrytitle h2 a{ color:#B4C24B;}
.entrytitle h2 a:hover{color:#58BBEB;}
.entrytitle h3{         font-size:1.8em; color:#6F6F6F;}


.comments{
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;
       background: rgba(255,255,255,0.4);
       border: 1px solid #fff;
       position: relative;
       padding: 1em;
       margin: 0em 0em 1em 0em;
}

h5.name{
        padding-left:0em;
        display: inline;
}


div#even{
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;

        background: rgba(255,255,255, 0.4);
        padding: 1em;
}

div#odd{
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;

        background: rgba(255,255,255, 0.7);
        padding: 1em;
}

/*************************************
 +Hn and p
 *************************************/
h1, h2, h3, h4{
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        letter-spacing: -1px;
        margin-left: 0em;
}

h5{
        font-weight: normal;
	padding-left:1em;
	display: inline;
}

h2 {  margin-left: 0em;}

h4.date, h4.date-md{
        font-weight: bold;
	text-align: center;
	background: #000;
	color: #fff;
        margin-left: 1em;
        margin-top: -1.2em;
	padding: 0.2px 5px;
	width: 3.5em;
}

h4.date-md {
        font-weight: normal;
	background: #25567B;
	margin-top: -0.5em;
	color: #fff;
	padding-top: 1em;
}

/*************************************
 +Misc
 *************************************/
a{
	font-weight: bold;
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#cff;
	/*color:#CC0000;*/
}

img.post, img.about{
       padding: 0.2em;
       background: #000;
       border: 1px solid #000;
       display: inline;
       float: right;
       position: relative; 
       clear: right;
       top: 0em; 
       height: 150px; 
       width: 150px;
}

.rss{
	border:1px solid;border-color:#FC9 #630 #330 #F96;
	padding:0 3px;margin:4px;font:bold 10px verdana,sans-serif;color:#FFF;
	background:#F60;text-decoration:none; 
}

img.about {
	height: 175px;
    	width: 175px;
}

ul li{
	list-style-type: none;
}

/**************************************
 +Form
**************************************/
.comment_form {
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;
       background: rgba(255, 255, 255, 0.4);
       border: 1px solid #fff;
       padding: 2em;
       color: #000;
}

label {
	color: #000;
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

.submit input {
	background: #ddd;
	margin-left: 4.5em;
}

input{
       -moz-border-radius:3ex;
       -webkit-border-radius:3ex;

}

p.submit{
	margin-left: 14.5em;
}

/************************************
+Tags
************************************/

.tag-cloud {
    text-align: center;    
    padding: 5px;
}

.tag-1 {
    font-size: 12px;
}

.tag-2 {
    font-size: 13px;
}

.tag-3 {
    font-size: 14px;
}

.tag-4 {
    font-size: 15px;
}

.tag-5 {
    font-size: 16px;
}

.tag-6 {
    font-size: 17px;
}

/* For large tag cloud 6 step */
.tag-7 {
    font-size: 18px;
}

.tag-8 {
    font-size: 19px;
}