body{
  background-color:#113311;
  padding:0px;
}
div.content{
   background-color:#229944;
   border-left:black 1px solid;
   border-right:black 1px solid; 
   position:absolute;
   top:0px;
   left:75px;
   right:75px;
   margin: 0px auto;
   padding:25px;
   
   height:100%;
   min-height:100%;
   max-height:100%;
}
div.entry{
   margin-bottom:15px;
}

div.post{
   position:relative;
   padding-left: 25px;
   padding-top:5px;
   padding-right:10px;
   padding-bottom:10px;
   border-right:green 1px solid;
   border-bottom:green 1px solid;
}
div.hidden_post{
   height:100px;
   max-height:100px;
   overflow:hidden;
}
div.display_post{
   overflow:auto;
}
.controls{
   right:30px;
   position:absolute;
}
.nav-icon {
   position:absolute;
   top:1px;
   padding-right:2px;
   display:inline;
}
div.header{
   padding:2px;
   margin:1px;
}

.controls img{
/* control icons. might use jquery icons? */
}
.post img, img{
   border: 2px inset green;
   padding:2px;
   margin:8px;
   width:300px;
   height:200px;
}

.date{
   padding-left:50px;
   font-size:75%;
}

  
.read-more { 
	position: absolute; 
	bottom: 0; left: 0;
	width: 100%; 
	text-align: center; 
	margin: 0; 
   padding: 30px 0 10px 0;
   z-index:10; 
   color:yellow;
	
	/* "transparent" only works here because == rgba(0,0,0,0) */ 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #229944));
        background-image: -webkit-linear-gradient(top, transparent, #229944);
        background-image: -moz-linear-gradient(top, transparent, #229944);
        background-image: -ms-linear-gradient(top, transparent, #229944);
        background-image: -o-linear-gradient(top, transparent, #229944);
}

.read-less { 
	position: absolute; 
	bottom: 0; left: 0;
	width: 100%; 
	text-align: center; 
	margin: 0; 
   padding: 30px 0 10px 0;
   z-index:10; 
   color:yellow;
   margin-top:10px;
}
#edit_dialog{
   display:none;
}
#bookmark{
   position:absolute;
   top:1px;
   left:1px;
   z-index:5;
   width:50px;
   height:18px;
}
