body {
background:url(img/bg_top.gif) top left repeat-x;
background-color:#d6e6d1;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#666;
font-size:14px;
margin:0;
padding:0;
}

#title {
width:512px;
height:100px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
padding:0;
}

#logo {
width:60px;
height:100px;
float:left;
background:url(img/logo.gif) no-repeat;
}

#title_letters {
width:432px;
height:48px;
float:left;
background:url(img/title_letters.gif) no-repeat;
margin:26px 0 0 12px;
}

#top_cap {
clear:left;
width:900px;
height:40px;
margin-left:auto;
margin-right:auto;
margin-top:30px;
background: url(img/top_cap.gif) no-repeat;
}

#wrapper {
clear:left;
width:898px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
border-left:solid #666 1px;
border-right:solid #666 1px;
}

#contents {
float:left;
width:560px;
border-right:dotted #666 1px;
margin:10px 0;
padding:0 30px;
}

h1 {
font-size:16px;
border-bottom:dotted #666 1px;
}

#explain {
line-height:1.6em;
padding:10px 0 20px;
}

strong {
color:#87af7b;
}

#red_letters {
	color:red;
}

form {
line-height:1.6em;
display:inline;
}

textarea {
width:558px;
height:300px;
margin-left:auto;
margin-right:auto;
border:solid #87af7b 1px;
font-size:14px;
color:#666;
padding:4px;
}

#pinyin_letters {
font-family:SimSun;
}

#convert_button {
width:560px;
height:40px;
margin-left:auto;
margin-right:auto;
background:url(img/button.gif) top left no-repeat;
font-size:16px;
font-weight:700;
color:#666;
border-style:none;
}

#sidebar {
float:left;
width:210px;
margin:10px 0;
padding:0 25px 0 30px;
}

#sidebar ul {
list-style:none;
line-height:1.6em;
margin:0;
padding:10px 0;
}

#sidebar ul li a {
color:#87af7b;
text-decoration:none;
background:url("img/list_dot.gif") center left no-repeat;
padding:0 0 0 8px;
}

#sidebar ul li a:hover {
color:#87af7b;
text-decoration:underline;
}

#footer {
clear:both;
width:100%;
}

#copy_right {
width:80%;
height:50px;
margin-left:auto;
margin-right:auto;
position:relative;
top:20px;
padding-top:20px;
text-align:center;
border-top:dotted #666 1px;
}

#bottom_cap {
width:900px;
height:40px;
margin-left:auto;
margin-right:auto;
background:url(img/bottom_cap.gif) top left no-repeat;
}

#bottom_space {
width:100%;
height:50px;
background-color:#d6e6d1;
margin:0;
padding:0;
}

#number_of_characters {
line-height:1.6em;
padding:10px 0 10px 8px;
}

#time {
line-height:1.6em;
padding:10px 0 10px 8px;
}