@charset "utf-8";
/* CSS Document */

body {
background:#333333;
padding:0;
margin:0;
}

#header {
width:800px;
height:200px;
margin:0 auto; 
background:url(../images/blog_banner.jpg) no-repeat;
}

#slogan {
width:800px;
height:50px;
margin:0 auto;
font-family:"Times New Roman", Times, serif;
font-size:17px;
letter-spacing:2px;
text-align:center;
color:#998767;
}

#content_wrap {
width:800px;
height:425px;
margin:0 auto;
}

#content {
width:135px;
float:right;
height:15px;
padding:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
}

#left {
width: 250px;
height:425px;
padding:0 0 0 10px;
float:left;
color:#FFFFFF;
}

.left_peter {
width:100px;
height:109px;
background: url(../images/peter_index.jpg) no-repeat;
float:left;

}

.right_content {
width:135px;
height:200px;
float:right;
line-height:16px;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#left_bottom {
width:135px;
height:200px;
float:right;
}

.left_bottom_content ul {
list-style-type: none;
padding: 5px 0 0 0;
margin: 0;
}

.left_bottom_content li {
background:url(../images/bullet.jpg);
background-repeat:no-repeat;
background-position: 0 .4em;
color:#998767;
padding-left: 2em;
line-height:18px;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;


}


#right {
width: 230px;
height:425px;
padding:0 10px 0 20px;
float:right;
color:#FFFFFF;
line-height:16px;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#middle {
width: 240px;
height:425px;
margin:0 auto;
color:#FFFFFF;
background: url(../images/index-middle-banner.jpg) no-repeat;
}

.right_content1 li {
line-height:20px;
display: inline;
padding:10px 0 10px 0;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
}




.right_content2 li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:15px;
}

.right_content3 li {
line-height:20px;
display: inline;
padding:10px 0 10px 0;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
}

.right_content4 li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:15px;
}

.right_content5 li {
line-height:20px;
display: inline;
padding:10px 0 10px 0;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
}

.right_content6 li {
color:#998767;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:20px;
}

.right_content7 li {
line-height:20px;
display: inline;
padding:10px 0 10px 0;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
}

.right_content8 li {
color:#998767;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height:20px;
}


#bottom {
width:800px;
height:25px;
margin:0 auto;
background: url(../images/index_bottom.jpg) no-repeat;
}

#footer {
width:800px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#CCCCCC;
margin:0 auto;
text-align:center;
text-decoration:none;
}

#footer a {
text-decoration:none;
color:#998767;
}

