
body { margin: 0px; background:#ddeef6 url(images/new_bg.gif) repeat-x;}

#form1 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #1683ae; font-size: 14px; font-weight: bold;}
#form1 p { margin: 0px; padding: 0px; font-family: "Trebuchet MS"; color: #575859; font-size: 11px;}

#wrapper { width: 860px; margin: auto;}
#header { width: 844px; margin: auto; margin-top: 20px;}
a:link {color:#0099FF; text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color:#0066CC; text-decoration: underline;}
a:active {text-decoration: none;}
#top { width: 844px; height: 87px;}

#banner { width: 844px; height: 214px; background: url(images/banner.jpg) no-repeat;}
#menu { width: 860px; height: 41px; background: url(images/menubar.gif);}
#menu ul { margin: 0px; padding: 0px; list-style: none; padding-left: 10px;}
#menu li { display: inline;}
#menu a { display: block; float: left; line-height: 41px; padding-left: 15px; padding-right: 15px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; text-align: center; text-decoration: none; font-weight: bold; margin-right: 10px;}
#menu a:hover { background: url(images/hover.gif);}
#menu .active a { background: url(images/hover_active.gif);}

#content { width: 860px; margin-top: 11px; float: left;}
#heading { width: 818px; height: 30px; padding-left: 40px; background: url(images/headingbar.png) no-repeat top; font-family: "Trebuchet MS"; color: #ffffff; font-size: 20px; line-height: 30px; font-style: italic;}
#container { width: 858px; background: url(images/content_bg.png); padding-top: 9px; float: left;}
#main_blog { width: 843px; margin: auto;}
#login_blog { width: 843px; background: #f5f5f5 url(images/login_bird-img.jpg) no-repeat 670px; float: left; padding-bottom: 15px;}

#login { width: 345px; height: 136px; float: left; padding-left: 36px; padding-top: 15px;}
#login-top { width: 320px; height: 28px; padding-left: 25px; background: url(images/login_heading.jpg); font-family: "Trebuchet MS"; color: #ffffff; font-size: 20px; line-height: 28px; font-style: italic;}
#login-mid { width: 343px; height: 115px; background: url(images/login-heading_bg.jpg); border-left: #37adf7 1px solid; border-right: #37adf7 1px solid;}
#login-bot { width: 345px; height: 8px;}

#member { width: 236px; height: 136px; float: left; padding-left: 26px; padding-top: 15px;}
#member-top { width: 236px; height: 7px;}
#member-mid { width: 234px; height: 122px; background: url(images/vip-member_bg.jpg); border-left: #7ac6f6 1px solid; border-right: #7ac6f6 1px solid;}
#member-mid h2 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #1683ae; font-size: 14px; padding-left: 20px; padding-top: 4px; font-weight: normal;}
#member-bot { width: 236px; height: 7px;}

#buy_blog { width: 843px; padding-top: 6px; float: left;}

#buy { width: 789px; float: left; padding-left: 25px; padding-bottom: 2px;}
#buy-top { width: 789px; height: 9px;}
#buy-mid { width: 787px; background:#d9f0fd url(images/layout3_38.jpg) repeat-x; border-left: #057bc3 1px solid; border-right: #057bc3 1px solid; float: left;}
#buy-mid p { margin: 0px; padding: 0px; font-family: "Trebuchet MS"; color: #575859; font-size: 12px; font-weight: bold; padding-left: 20px; padding-right: 20px; text-align: justify;}
#buy-bot { width: 789px; background: url(images/buy-vip_bot.jpg); float: left;}

#advertisment { width: 789px; float: left; text-align: center; padding-top: 6px;}

#buy-btn { width: 270px; height: 45px; padding-top: 50px; padding-left: 260px;}
#buy-btn a { display: block; width: 270px; height: 45px;}

#top_msg { width: 842px; height: 85px; float: left; background: url(images/top_msg.gif) no-repeat bottom; padding-top: 6px;}
#top_msg h3 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #1683ae; font-size: 23px; text-align: center; font-weight: normal; padding-top: 12px; letter-spacing: 2px;}
#become { width: 842px; background: url(images/become_bg.gif) no-repeat center; float: left;}
#become h3 { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #1683ae; font-size: 23px; text-align: center; font-weight: normal; padding-top: 12px; letter-spacing: 2px;}

#become-btn { width: 621px; height: 54px; float: left; padding-top: 30px; padding-left: 140px; font-family: "Trebuchet MS"; color: #45aae5; font-size: 11px;}
#become-txt1 { width: 96px; height: 38px; float: left; line-height: 38px; padding-top: 16px;}
#become-button { width: 204px; height: 46px; float: left; padding-left: 100px;}
#become-button a { display: block; width: 204px; height: 46px;}
#become-txt2 { width: 185px; height: 38px; float: right; line-height: 38px; padding-top: 16px;}

#twitterads { width: 470px; float: left; padding-top: 12px; padding-left: 189px; padding-bottom: 10px;}

#footer { width: 860px; height: 75px; background: url(images/footer.png); text-align: center;float: left;}

#footer1 { width: 500px; height: 33px; margin: auto; padding-top: 11px;}
#footer1 ul { margin: 0px; padding: 0px; list-style: none;}
#footer1 li { display: inline;}
#footer1 a { display: block; float: left; line-height: 33px; padding-left: 15px; padding-right: 15px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; text-align: center; background: url(images/menu_line.jpg) no-repeat right;}

#main-container { width: 840px; background-color:#f5f5f5; padding-top: 9px; float: left; margin:auto}

.logout{
width:770px;
text-align:right;
}
.left{
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
position:relative;
float:left;
width:700px;
text-align:center;
}

.left2{
padding-left:40px;
margin:20px;
position:relative;
float:left;
width:690px;
text-align:left;
}

.leftn{
width:100px;
margin-left:145px;
padding:15px;
position:relative;
float:left;
font-size:16px;
background:#FFFFFF;
font-weight:bolder;
}

.vip{
margin-bottom:20px;
margin-left:30px;
margin-right:5px;
position:relative;
float:left;
text-align:center;
width:750px;
background:#95d1f5;
}
.add{
padding-top:20px;
padding-bottom:20px;
width:770px;
text-align:center;
}
.user {
text-align:center;
padding:5px;
position:relative; 
float:left;
cursor:pointer;
	}
.bottom{
width:770px;
padding-bottom:20px;
text-align:center;
}
.button{
position:relative;
float:left;
text-align:center;
width:220px;
}	
	
.list {
margin-bottom:20px;
margin-left:10px;
margin-right:15px;
position:relative; 
float:left;
width:820px;
text-align:center;
background:#FFFFFF;
}
.left3{
padding-left:40px;
margin:20px;
position:relative;
float:left;
width:650px;
text-align:left;
}
.style2 {
color: #800040;
font-weight: bold;
}
