body {background: #F0F0F0; color: #555;}

a {text-decoration: none; color: #666;}
a:hover {text-decoration: none; color: #FFA500;}

.container {width: 800px; margin: 30px auto; padding: 10px;}

.container .header {margin: 10px 0 30px 0;}
.container .header .en-name {font-size: 135%;}
.container .header .subtitle {color: #999;}

.container .navbar {margin-bottom: 2px; text-align: right;}
.container .navitem {margin: 4px;}

.container .main-panel {border: 1px solid #999; padding: 20px; background: #FFF;}
.container .main-panel a {color: #966; border-bottom: 1px dotted #966;}
.container .main-panel a:hover {color: #FFA500; background: #FEE; border-bottom: 1px dotted #FFA500;}
.container .main-panel h3 {color: #333;}
.container .main-panel h3 a {color: #333;}
.container .main-panel .profile-pic img {width: 150px; height: 150px; border: 3px solid #000; float: right; margin: -15px 0 12px 16px;}
.container .main-panel .zh-name img {width: 172px; height: 64px;}

.container .main-panel .comic-img {display: inline; margin: 5px;}

.container .footer {background: #555; color: #AAA; padding: 5px; font-size: 73%; text-align: center; border: 1px solid #999; margin-top: 10px;}
.container .footer a {color: #CCC;}
.container .footer a:hover {color: #FFA500;}