/*
.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;
          }
*/

#openClose {
	height: 1.2em;
	border-color: gray;
	border-width: 1px;
}

div.blogBottom
          {
	Xcolor: white;
	padding: 0 1em 0 1em;
	tXext-align: right;
	
          font-size: 8pt;
          clear: left;
          float: left;
          width: 18em;
          margin-left: 3em;
          margin-top: 0.2em;

  	  border-style: groove;
 	  border-width: 1px 0 1px 1px;
 	         
          Xborder-style: solid;
          border-color: purple;

          Xfont-weight: 700;
          text-decoration: underline;
	  background-color: #B7AAA2;
          }
          
.blogTitle
          {
          float: left;
          font-size: 8pt;
          clear: left;
          width: 35%;
          text-align: left;
	  margin-left: 3em;
          margin-right: .2em;
          border-style: groove;
 	  border-width: 0 0 1px 0;
 	  background: whitesmoke;
padding: .2em;

          }


.blogTitle ul.navlist {
	margin: 0;
	
}

.blogTitle a.nav {
	color: purple;
	Xpadding: .3em 1em .3em 1em;
	padding: .1em 1em .1em 1em;
	width: 70%;
	}

.blogTitle a.nav:hover {
	border-style: solid;
	border-width: 1px;
	border-color: purple;
	color: white;
	background-color: #D1CBCD;
}
	
.blogItem
          {
          font-family: arial;
          font-size: small;
          color: #242424;
          float: left;
          clear: left;
          margin-left: 4em;
          padding: 0% 1.5%;
          min-width: 25em;
/* for ie becuase it wont use the above min-width */
width: 80%;

	  max-width: 65%;
	  border-top: 0px;
	  border-right: 0px;
          border-bottom: 1px;
    	  border-left: 1px;
          
          border-style: solid;
          border-color: lightgray;
          background: whitesmoke; 
          }
          
.commentNo {
	color: white;
	padding: 0 0 0 1em;
	font-size: 8pt;
	float: left;
	clear: left;
	margin-left: 7em;
	 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;
	color: gray;
	font-size: 8pt;
	/* not need in firefox */
	background: gainsboro;
        padding: 0;
        margin: .2em 0 0 0;
	
	border-style: groove;
 	border-width: 1px 0 0 0;
 	
	  Xborder-style: solid;
          border-color: purple;
   	max-width: 45%;
	}

.blogClosedAuthor {
	xxposition: relative;
	color: gray;
	font-size: 8pt;
	Xheight:  1.2em;
	float: left;
	/* not need in firefox */
	background: whitesmoke;
        border-style: groove;
 	border-width: 0 0 1px 0;
 	
        Xmargin: .2em 0 0 0;
   	max-width: 45%;
	}

.addComment {
	color: gray;
	font-size: x-small;
	float: left;
	margin-right: 0;
	border-color: gray;
	border-width: 1px;
	height: 1.6em;
	background: transparent;
}

.addComment:hover {
	color: white;
	text-decoration: underline;      
	background: url('http://www.compuliteracy.com/images/buttonBack3.gif');
}
.commentPrinter {
	
	Xclear: both;
	font-size: xx-small;
	margin-left: .2em;
	color: gray;
	width: 15%;
	float: left;
	border-style: groove;
 	border-width: 0 0 1px 0;
 	background: whitesmoke;
	}

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