body{
	font: 10pt tahoma;color:#ccc;margin:0px;
	background: #124 url('images/bg.jpg') center center fixed;
}
/*testing */
div{
/*	border: 1px dotted white;*/
}
button{
	font: 8pt Verdana, Arial, Helvetica, sans-serif;background-color:#669966;
}
#content{
	margin:0 auto;width:770px;
}
#header{
	font-family: "Book Antiqua" Georgia, "Times New Roman", Times, serif;
	margin:2em 0px;text-align:center;	
}
#main{
	width:760px;
}
a {text-decoration: none; color:#779}
a:hover { color:#aaf }
a img{
	border: none;
}
#bar{
	clear:both;
	width:760px;position:absolute;height:100px;
}
#hiddenbar{
	visibility:hidden;
	border:1px solid;
	background: #124;position:relative;width:200px;right:558px;z-index:300;
	top: 20px;
}
#hiddenbar div{
	padding:10px;
}
#hiddenbar hr{
	width: 80%;
}
#barControl{
	float:left;width:20px;height:15px;background:red;cursor:pointer;
}
#barControl:hover {
	background:purple;
}
/* News Item */
.newsitem{
	margin-bottom:6em;
	border:1px solid white;
	padding:0.5em;
}
.newsitem h2{
	margin:0.3em;
	text-indent:1em;
}
.newsitem p{
	margin:0.2em;
}
/* Blog body item*/
.blogitem{
	margin-bottom:6em;
}
.blogitem table{
	margin:0px; padding:0px;
	width:755px;
}
.body{
	position:relative;
	display:block;
}
.body >h2{
	text-indent:1em;
}
#text{
	width: 330px;
	display:block;padding: 1em;
}
#text p{
	text-align:justify;
}
#image{
	padding:10px;
	text-align:center;width:340px;
}
td{
	/*border:1px dotted white;*/
}
/* graphics */
#side{
	position:relative;vertical-align:top;
	border:1px solid;width:15px;
}
#datecontainer{
	position:relative;width:15px;height:15px;display:block;
}

.datecontainer2{
	position:absolute;top:5px;width:250px; height:15px;padding:1px;
}
.date{
	border:1px solid white;padding:0px 2px;margin:2px;height:15px;
	color:#89c;font-size:smaller;
}
#datertl{
	text-align:left;
	left:20px;
}
#dateltr{
	text-align:right;
	right:20px;
}
#bottom{
	color:#89c;
	border:1px solid white;padding:0px 2px;
	height:15px;
}
/* comment */
#comment{
	vertical-align:top;
}
#comment-container{
	position:relative;width:15px;height:15px;display:block;
}
#comment-container div{
	position:absolute;width:15px;height:15px;background-color:blue;
}
#iconrtl{
	border:1px solid aqua;background-color:blue;right:-10px;top:-10px;width:15px;height:15px;
}
#com1rtl{
	right:-8px;top:-8px;border:1px solid white;
}
#com2rtl{
	right:-6px;top:-6px;border:1px solid white;
}
#com3rtl{
	right:-4px;top:-4px;border:1px solid white;
}
#com4rtl{
	right:-2px;top:-2px;border:1px solid white;
}
#com5rtl{
	right:0px;top:0px;border:1px solid white;
}

#iconltr{
	border:1px solid aqua;background-color:blue;right:10px;top:-10px;width:15px;height:15px;
}
#com1ltr{
	right:+8px;top:-8px;border:1px solid white;
}
#com2ltr{
	right:+6px;top:-6px;border:1px solid white;
}
#com3ltr{
	right:+4px;top:-4px;border:1px solid white;
}
#com4ltr{
	right:+2px;top:-2px;border:1px solid white;
}
#com5ltr{
	right:0px;top:0px;border:1px solid white;
}