body{color: #ccc;
background-color: #300;
padding: 0;
margin: 0;
font-size: 1em;}

#content {text-align: center;
color: #fff; background-color: transparent; 
width: 90%; 
margin-left: 2%;}

#nav: {float: left; color: #cf9; margin: 60px;}

.frame{clear: left;
text-align: center;
background-color: #ffc;
margin: 5px 1% 5px 1%;}

.diary{margin: 5px; float: left; width: 45%; text-align:left; padding-left: 10px;}

.break{width: 100%; clear: both; border-top: 1px solid #c8cc00;}

.date{font-weight: bold; padding-right: 10px;}

.caption {font-size: .8em; font-family: Verdana, Helvetica, sans-serif; color: #630; background-color: transparent; text-align: center; font-stretch: narrower; line-height: 1em; font-style: italic;}

.title {font-weight: bold; color: #ffc;}
.author {font-style: italic;}

.comment {font-style: italic;}

.header{}

a	{color: #cf9;
	text-decoration: none;
	background-color: transparent;
	}
a:hover {color: #ff9;}

p{line-height: 1.2em; padding-bottom: 4px; text-align: left;}
h1{text-align: left;}
h2{font-size: 1.2em;}

.pic{float: left; margin-right: 6px;}

.b1, .b1 a, .b2, .b2 a, .b3, .b3 a, .b4, .b4 a, .b5, .b5 a, .b6, .b6 a, .b7, .b7 a, .b8, .b8 a, .b9, .b9 a

.b1 a:visited, .b2 a:visited, .b3 a:visited, .b4 a:visited, .b5 a:visited, .b6 a:visited, .b7 a:visited, .b8 a:visited, .b9 a:visited  
	{
	color: #cf9;
	text-decoration: none;
	background-color: #300;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px;
	line-height: 1em;
	text-align: left;}

 .b1 a:hover, .b2 a:hover, .b3 a:hover, .b4 a:hover, .b5 a:hover, .b6 a:hover, .b7 a:hover, .b8 a:hover, .b9 a:hover  
	{
	color: #ff9;
	background-color: transparent;
	text-decoration: none;
	}