p {
	margin-top: 0px;
	margin-bottom: 0px;
	/* for easy reading, 'cos we don't have columns */
	line-height: 150%;
}
body { 
    background-image: url('images/background.png'); 
    margin-left: 25pt;
    margin-right: 25pt;
    color: black;
	font-family: "Song Ti", Times;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #C03;
}
p  {text-indent: 2em; } 
p.english span.head {
	display: block; 
	width: 5ex; 
	margin-top: 0.5ex;
	height: 2ex;
	float: left;
	font-size: xx-large;
	color: #C03;
}
ul	{ list-style: square }
a:link { color: #C03 }
a:active { color: #339 }
a:visited { color: #933 }
a:hover { color: red }
td { 
    font-size: 11pt;     
}
th { font-size: 11pt; }
li { font-size: 11pt;	line-height:150%}
var { color: #660}
code { color: #550; font-size: 10pt }
kbd { color: #550; font-size: 10pt }
samp { color: #550; font-size: 10pt }
pre, address { 
    margin-left: 20pt;
    margin-right: 20pt;
    padding-left: 10pt;
    padding-right: 10pt;
    padding-top: 5pt;
    padding-bottom: 5pt;
    border: dotted 1px #900;
    color: #550;
    background: #EEF;
    font-size: 10pt; 
    line-height: 11pt;
}
address {
    font-style: normal;
    border: dotted 1px #900;
    color: #550;
    background: #EEF;
    line-height: 130%;
}
cite:lang(zh) {font-style: normal; border-bottom: solid 1px}
em:lang(zh) { border-bottom:  dotted 2px black; font-style: normal;}
em.langzh { border-bottom:  dotted 2px black; font-style: normal;}
pre em, code em, kbd em, tt em, var em 
{color: yellow; font-style: normal; background-color: #500}
blockquote { margin-left: 45pt; }
pre blockquote {
    margin-left: 100pt;
    border: 1px dotted red;
    background-color: white;
    padding: 2pt;
    font-size: 9pt;
}

#navigation {
    display: block;
    text-align: center;
    padding-top: 111px;
    background-image: url(images/headline.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 2em;
    padding-left: 0px;
}
#navigation li {
    display: inline;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.menubar {
    float:right;
    border: ridge;
    margin: 10pt;
}
.menutitle {
    color: #C03;
    font-size: 12pt;
    padding: 3pt;
    text-align: center;
    background-color: silver;
}
.menuitem {
    margin-left: 20pt;
    margin-right:15pt;
}
/*
img {
	behavior: url("pngbehavior.htc");
}
*/

/* Below is for the index page */
/* see http://www.w3.org/2001/10/glance/doc/howto for why it is in that way */

div.item {
    padding-left: 25pt;
	padding-right: 25pt;
	padding-top: 8pt;
}
div.item p {
	margin-top: 0pt;
}
div.item h2 {
	display: inline;
	color: #c03; 
	font-size: 12pt;
	margin-left: 5pt;
}
div.item span.date {
	border: dashed #f04 1px;
	color: #c03; 
	font-size: 10pt;
	padding: 2px;
	margin-right: 10px;
}
div.item h2 a {	text-decoration: none;}

table.album tr td a {
	display:block;
}
table.album tr td {
	vertical-align: top;
}
table {
	margin: auto;
}
div.thumbnail
{
    float: left;
    width: 323px;
    padding: 3px; 
    border: 2px groove;
    margin: 1px;
    text-align: center;
    vertical-align: top;
    height: 450px;
}
div.thumbnail img { border: 0px; }
div.thumbnail p {
    text-align: justify;
}
/* below is for the favorite page */
#favorite dt {
    float: left;
}
#favorite dd {
    display: block;
    margin-left: 120px;
    margin-bottom: 30px;
}
.incorrect {
    display: none;
}
.links {
	width: 28em;
	float: right;
	padding: 0.5em;
	background-color: white;
	border: thin whitesmoke solid;
	margin: 0.5em;
}
.links h2 {
	margin-left: 0pt;
	text-align: center;
	border-bottom: thin solid silver;
}