body{
  background-color:#111133;
  padding:0px;
}
div.content{
   background-color:#224499;
   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:navy 1px solid;
   border-bottom:navy 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 navy;
   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, #224499));
        background-image: -webkit-linear-gradient(top, transparent, #224499);
        background-image: -moz-linear-gradient(top, transparent, #224499);
        background-image: -ms-linear-gradient(top, transparent, #224499);
        background-image: -o-linear-gradient(top, transparent, #224499);
}

.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;
}
#menu{
   position:absolute;
   left:2px;
   top:76px;
   Font-size:0.75em;
}                   
.ui-menu 
{  
   width:100px;
}
.sub_menu_item{
   
}
.top_menu_glyph{
   margin-left:85px;
}
hr{
   border:none;
   height:35px;
   background:url(images/glyphs/horizontal-rule-ornamental-4-blue.png)  no-repeat center;
   margin:auto;
   padding-bottom:10px;
}