body
{
	margin: 0;
	background: #FFF;
	background-repeat: no-repeat;
}

	A 			{ color: #993300; text-decoration: none; font-weight:normal; } 
	A:link		{ color: #993300; text-decoration: none; } 
	A:visited	{ color: #993300; text-decoration: none; } 
	A:active	{ color: #FF0000;  } 
	A:hover		{ color: #FF0000;  }

	h1, h2, h3 {
		margin: 0px;
		padding: 0px;
	}

#banner,
#banner-commentspop
{
	/*
	 * oops, I forgot that this would be displayed
	 * _over_ the background image, feidie.jpg.
	 * The solution would be to make this the
	 * background image of this DIV, rather than
	 * BODY.  But I won't change it -- I think
	 * some browsers only render background
	 * images for BODY???
	 *
	 * background: #a8c3e1;
	 */

	color:#FFF;
	padding: 0px 15px;
	height: 150px;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover,
#banner-commentspop a,
#banner-commentspop a:link,
#banner-commentspop a:visited,
#banner-commentspop a:active,
#banner-commentspop a:hover
{
	font-family: "Á¥Êé";
	font-size: 40pt;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

.description {
	color:#FFF;
	font-size: 12pt;
	font-weight:bold;
	text-transform:none;	
}	
				
#content
{
	float:left;
	position:relative;
	width:60%;
	background: #FFF;
	margin-right: 15px;
}

#container
{
}

#links
{
	background:#FFAAAA;		
	margin: 15px;
	color: #5555EE;
}
		
.blog
{
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}	

	
.blogbody
{
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size: 11pt;
	font-weight:normal;
}

	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		font-weight: normal;
		text-decoration: underline;
	}
	
.title
{ 
	font-family: verdana, arial, sans-serif; 
	font-size: 16pt; 
	color: #5555EE;			
}			

	#menu {
  		margin-bottom:15px;
		background:#FFF;
		text-align:center;  							
		}		

	.date	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: small; 
		color: #666; 
		border-bottom:1px solid #999;
		margin-bottom:10px;
		font-weight:bold;
		}			
		
	.posted	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: 10pt;
		color: #5555EE;
		margin-bottom:50px;
		}
		
		
.calendar
{
	font-family:verdana, arial, sans-serif;
	font-size: 8pt;
	font-weight:normal;
	line-height:140%;
	padding:2px;
	color: #5555EE;
}

.calendarhead
{	
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	line-height: 140%;
	padding: 2px;					
	color: #5555EE;
}	
	
.side
{
	font-family:verdana, arial, sans-serif;
	color:#333;
	font-size: 10pt;
	font-weight:normal;
	line-height:140%;
	padding: 2px;
	margin-left: 15px;
	margin-right: 15px;
}	
	
.side TD
{
	/* I don't really know why IE doesn't just
	 * inherit the font details from .side */

	font-family:verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight:normal;
	line-height:140%;
}	

.recent-comment-date .recent-entry-date
{
	font-size: 8pt;
}
	
.sidetitle
{
	font-family:verdana, arial, sans-serif;
	color: #5555EE;
	font-size: 10pt;
	font-weight:normal;
	line-height:140%;
	padding:2px;
	margin-top:30px;
	letter-spacing: .1em;
	border-bottom:1px dotted #5555EE;
	text-align:center;		  					
}		
	
.syndicate
{
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;		
	line-height: 140%;
	padding: 2px;
	margin-top: 10px;
	text-align: center;
}	

.syndicate a
{
	font-weight: bold;
}
		
.powered
{
	font-family:verdana, arial, sans-serif;
	color: #5555EE;
	font-size: 10pt;
	border-top:1px dotted #5555EE;	
	line-height:140%;
	text-transform:uppercase; 
	padding:2px;
	margin-top:30px;
	text-align:center;
	letter-spacing: .2em;					
}

.powered a
{
	font-weight: bold;
}
		
	
.comments-body
{
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size: 11pt;
	font-weight:normal;
	line-height:140%;
	padding-bottom:10px;
	padding-top:10px;		
	border-bottom:1px dotted #999; 					
}		

.comments-post
{
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size: 10pt;
	font-weight:normal;
}	

	.trackback-url {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 		padding:5px;	
 		border:1px dotted #999; 					
		}

	.trackback-body {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 		padding-bottom:10px;
  		padding-top:10px;		
 		border-bottom:1px dotted #999; 					
		}		

	.trackback-post {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;		
		}

		
.comments-head
{ 
	font-family:verdana, arial, sans-serif; 
	font-size: 11pt;
	color: #666; 
	border-bottom:1px solid #999;
	margin-top:20px;
	font-weight:bold;
}		

P.corrected
{
	text-align: right;
}

SPAN.corrected
{
	color: #F66;
}

P.photo
{
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}


DIV.dialogue
{
	margin-left: 2em;
}

.quotation
{
	margin-left: 2em;
	margin-right: 2em;
}

TABLE.yangbi TD
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/*
 * Flickr requires that images be links; I don't want
 * that ugly blue border though.
 */
IMG
{
  border: none;
}