body {		
	margin: 0; padding: 0;
	color: #000;
	font-family: Arial, sans-serif;
	}

a { 
	/* text-decoration: none; */
	z-index: 1;
	text-decoration: underline;
	}

a:visited {
	color: #009;
	}

a:hover {
	color: #F00;
	text-decoration: underline;
	}
a.permalink {
	font-size: 10px;
	}
a.edit_entry {
	font-size: 10px;
	}
img {
	border: none;
}


div.top_section {
	position: absolute; 
	width: 800px;
	height: 160px; /*20%;*/
	z-index: 3;
	/*background: #000;*/
	background: transparent url(images/MD_07_simple.1.png) left top no-repeat; 
	padding: 5px 0 0 20px;
	font-size: 25px;
	color: #FFF; 
	}
div.top_bar {
	position: absolute; 
	top: 1px;
	left: 150px;
	width: 100%;
	/*float: top;*/
	font-size: 18px;
}	
div.top_title {
	/* should be inside top_section */
	
	float:left;
	
	z-index: 3;
	/* padding: 0px 5px 0px 0px; */
	padding: 0px 5px 0px 0px;
		
	}
div.top_title a{
	float: left;
	text-decoration: none;
	color: #fff; 
	background: #000;
	padding: 5px 10px;
	font-weight: bold;
	margin: 5px 0 0 0;
	}
div.top_navbar {
	/* should be inside top_section*/
	z-index: 4;

	background: #0A0; 
	color: #FFF;
 	font-weight: bold;
	}
div.top_navbar:hover {
	color: #000;
	}
div.top_navbar a {
	float: left;
	text-decoration: none;
	color: #fff; /*#000;*/
	background: #0A0; 
	padding: 5px 10px;
	}
div.top_navbar a.selected {
	float: left;
	text-decoration: none;
	color: #fff; 
	background: #000;
	padding: 5px 10px;
	margin: 5px 0 0 0;
	}

div.top_navbar a:hover {
	text-decoration: none;
	background: #000; /*#FFF;*/
	color: #FFF;
	margin: 5px 0 0 0 ;
	}	


/*div.livenavbar {
	float: top;
	background: #FFF;
	color: #F00;
 	font-size: 15px;
	}
*/

div.top_section h1 {	
	/*position: absolute; */
	float: top;
	z-index: 3;	
	color: red; 
	border-bottom: 2px solid black;
	}

div.left_section {
	/* This is the left side, this is the parent
		to the entries.  It doesn't make sense to have margins or padding for this.
		Give the "entry" section margins, with no width. */
	position: absolute;
	top: 160px;
	left: 0px;
	float: left;		
	z-index: 1;
	width: 530px;
	text-align: justify;
	background: #FFF;
	/*padding: 0px 40px 0 40px; */
	}
div.entry{
	/* This is a container for each entry box */
	/* padding: explanation Top Right Bottom Left */
	padding: 0px 30px 0px 40px;
	margin-top: 0px;

}	

div.entry_date {	
	/* This is the main_entry.date field */
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	color: #0A0;
	background: transparent;
	}
div.entry_subject {
	/* This is the main_entry.subject field */
	height: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background: #0A0;
	padding: 5px;
	/*text-transform:uppercase;*/
	/*font-family: "century gothic", century, gothic, century-gothic;*/
	/*padding: 20px 0px 15px 0px; */
	/*padding: example T R B L*/
}


div.entry_text p {
	/* This is the main_entry.entry_text field */
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	}

	

div.entry_text p:first-child:first-letter {
	font-size: 50px;
	line-height: 50px;
	padding-top: 2px;
	padding-right: 2px;
	float: left;
	}	
	
/*#leftvisits {
	position: absolute;
	top: 120px;
	left: 0;
	float: left;		
	z-index: 1;
	*/ /*height: 400px; */ /*
	width: 900px;
	text-align: justify;
	background: #FFF url(pictures/oldspaceship_faded.jpg) left no-repeat; 
	padding: 40px 0 0 40px;		
	}
*/

div.rightcontent {
	position: absolute;
	top: 89px;
	right: 0px;
	left: 530px;
	width: 250px;
	z-index; 5;
	/*text-align: justify; */
	/*height: 100%;*/
	background: #EEEEEE;
	padding: 10px 0 0 10px;
	margin-left: 10px;
	}

div.rightcontent p {	
	padding: 0px;
	}

p {	
	padding-right: 0px;
	padding-top: 0px;
	margin-top: 0px;
	}

p.comment {	
	/*top: 5%; */
	left: 25%;
	background: #EEE;
	width: 50%;
	text-align: center;
	}

p.indent {
	text-indent: 1cm;
	}