/*
.detailOpen {
	width: 55em;
	margin: 0;
	padding: 5% 5%;
          border-top: 1px;
          border-left: 1px;
          border-bottom: 0px;
          border-right: 0px;
          border-style: solid;
        background: red; //lightgray;
          }
*/

div.blogBottom
          {
	Xcolor: black;
	padding: 0;
	text-align: right;
	
          clear: left;
          float: left;
          width: 23em;
          margin-left: 0;
          margin-top: 0.2em;
          border-top: 1px;
          border-left: 1px;
          border-bottom: 0px;
          border-right: 0px;
          border-style: solid;
          border-color: purple;
          font-weight: 700;
	  background: gainsboro;
          }
          
.blogTitle
          {
          float: left;
          clear: left;
          width: 35%;
          text-align: right;
          margin-left: 3em;
          border: 1px;
          border-style: groove;
 	  Xbackground: magenta;
          }


.blogTitle ul.navlist {
	margin: 0;
	
}

.blogTitle a.nav {
	width: 90%;
	margin: 0;
	
	Xbackground: seagreen;
	
	}
	
.blogItem
          {
          float: left;
          clear: left;
          padding: 0% 1.5%;
          min-width: 25em;
/* for ie becuase it wont use the above min-width */
width: 80%;

	  max-width: 65%;
	  border-top: 1px;
	  border-left: 1px;
          border-style: solid;
          background: beige; 
          }
          
.commentNo {
	float: left;
	clear: left;
	margin-left: 5em;
	 margin-top: .2em;
	  border-top: 1px;
          border-left: 1px;
          border-bottom: 0px;
          border-right: 0px;
          border-style: solid;
          border-color: purple;
background: gainsboro;
          
	
	width: 12%;
	}


.blogAuthor {
	xxposition: relative;
	float: left;
	/* not need in firefox */
	background: gainsboro;
        padding: 0;
        margin: .2em 0 0 0;
	  border-top: 1px;
          border-left: 0px;
          border-bottom: 0px;
          border-right: 1px;
          border-style: solid;
          border-color: purple;
   	max-width: 45%;
	}

.blogClosedAuthor {
	xxposition: relative;
	float: left;
	/* not need in firefox */
	background: whitesmoke;
        margin: .2em 0 0 0;
   	max-width: 45%;
	}

.addComment {
	float: left;
	margin-right: 0;
	wXidth: 10%;
	bXXackground: orange;
}

.commentPrinter {
	
	Xclear: both;
	Xmargin-left: 75%;
	width: 15%;
	float: left;
	background: lightcyan;
	}

#addNewBlogItem {
	  border: 1px;
          border-style: solid;
          border-color: purple;
   	
	margin: 1em 1em;
	padding: 1em 3em ;
	background: whitesmoke;
}