@charset "utf-8";

body {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background:url(../images/blog_main_bg.gif) repeat-x #FFF;
}

#wrapper {
	margin-top:0px;
	width:961px;
    margin-left:auto;
	margin-right:auto;
	background-color:#FFF;

}


#navigation {
	width:961px;
	height:31px;
	background-color:#CCC;
	background-image:url(../images/blog_main_bg_navigation.jpg);
}

#topbar {
	width:961px;
    height:35px;
	background-color:#000;
	color:#FFF;
	font-size:20px;
	position:relative;
	padding-top:10px;
}

#topbar #loginPanel{
    height:35px;
	background-color:#000;
	color:#FFF;
	font-size:15px;
	top:10px;
	right:10px;
	position:absolute;
}

#topbar #loginPanel .txt{
	height:15px;
	width:100px;
	font-size:10px;
}

#topbar #loginPanel .btn{
	height:25px;
	width:50px;
	font-size:10px;
}

#topbar #memberPanel{
    height:35px;
	background-color:#000;
	color:#F00;
	font-size:15px;
	top:15px;
	right:10px;
	position:absolute;
}

#topbar #memberPanel a{
	color:#FFF;
}

#header {
	width:961px;
    height:146px;
	background:url(../images/blog_main_header.jpg);
}





#content {
	width:961px;
	padding: 10px;
}

#footer {
	width:961px;
	height:64px;
	padding-top:20px;
	clear:both;
	font-size: 80%;
    text-align:center;
    color: #999;
}
#footer div{
	width:850px;
	height:20px;
	margin-left:50px;
	padding-top:9px;
	background-color:#eeeeee;
}


.maintitle, h1, h2 {
	color:#464646;
	font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-size:22px;
	font-weight:bold;
	line-height:120%;
	text-decoration:none;
}


a:link, a:active, a:visited {
	color:#69C;
	text-decoration:none;
}
a:hover {
	color:#FC0;
	text-decoration:underline;
}



.forumlink {
	color:#F00;
	font-size:12px;
	font-weight:bold;
}

a.forumlink {
	color:#F00;
	text-decoration:none;
}
a.forumlink:hover {
	color:#E8850D;
	text-decoration:underline;
}

.nav {
	color:#464646;
	font-size:11px;
	font-weight:bold;
}

img{
	border:none;
}


hr{
	border-color:#D1D7DC;
	border-style:solid;
	border-width:1px 0 0;
	height:0;
	width:99%;
}

.forum{
	width:100%;
	background-color:#FFF;
	border:1px solid #F00;
	border-spacing:1px;
	margin-top:5px;
}


th {
	background-color:#268EC3;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:25px;
}


th.thHead{
	border-width:1px 1px 0;
	font-size:12px;
}


th.thHead, th.thTop, th.thCornerL, th.thCornerR {
	border:1px solid #FFFFFF;
	font-weight:bold;
	height:28px;
}

th.thTop {
	border-width:1px 0px 0px;
	white-space:nowrap;
}
th.thCornerL {
	border-width:1px 0px 0px 1px;
	white-space:nowrap;
}
th.thCornerR {
	border-width:1px 1px 0px 0px;
	white-space:nowrap;
}



td.forumTitle{
	background-color:#D1D7DC;
	border:medium solid #FFFFFF;
	border-width:0px 0px 0px 1px;
	height:28px;
	padding-left:5px;
}

td.forumTitle a{
	color:#F00;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
}

td.forumTitle a:hover{
	color:#E8850D;
}

.typeDetail{
	font-size:12px;
}

.typeData{
	font-size:10px;
}


td.catHead{
	background-color:#D1D7DC;
	background-image:url(images/cellpic1.gif);
	border:medium solid #FFFFFF;
	height:28px;
	border-width:1px 1px 0;
	font-size:12px;
}

td.rowColor1 {
	background-color:#E8E8E8;
}

td.rowColor2 {
	background-color:#EFEFEF;
}


td.rowpic {
	height:28px;
	background-color:#FFFFFF;
	background-image:url(../images/cellpic.jpg);
	
}


.textSmall {
	font-size:10px;
}

.messageHead {
	color:#464646;
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}


.messageHead .btn_quote{
	vertical-align:top;
	float:right;
	margin-top:0px;
	margin-right:5px;

	
}

.messageBox{
	padding:5px;
	
}

.messageArea{
	vertical-align:top;
	text-align:left;
}

.quote {
	text-align:left;
	background-color:#F9F9F9;
	border:1px dotted #F00;
	padding:3px;
	padding-bottom:5px;
	width:99%;
}

.member_quote{
	text-align:left;
	font-size:11px;
}

.menu{
	font-size:12px;
	font-weight:bold;
	line-height:35px;
}


#contentLeft{
	float:left;
	width:361px;
	background-color:#FFF;
	margin-right:3px;
}

#contentCenter{
	float:left;
	width:349px;
	background-color:#FFF;
	margin-right:12px;
}

#contentRight{
	float:left;
	width:211px;
	background-color:#FFF;
}

#threeButton img{
	margin-right:5px;
	width:114px;
	height:51px;
}

#boxLogin{
	width:354px;
	height:50px;
	background-image:url(../images/blog_main_bg_login.png);
	position:relative;
}

#boxLogin #login{
	bottom:3px;
	right:127px;
	position:absolute;
	cursor:pointer;
}
#boxLogin input{
	font-size:10px;
	width:85px;
}


#boxLogin #user_main{	
	left:78px;
	top:5px;
	position:absolute;
}

#boxLogin #pass_main{
	left:78px;
	top:26px;
	position:absolute;
}

#boxLogin #signup{
	bottom:0px;
	right:4px;
	position:absolute;
}
#hilightImage{
	margin-top:5px;
}

#blogInfo{
	margin-top:5px;
}

.curveBox{
	width:353px;
	min-height:200px;
	margin-top:5px;
	font-size:11px;
}

.curveBox .curveBoxHeader{
	height:28px;
	background:url(../images/blog_main_top_frame.jpg) no-repeat;
	color:#FFF;
	font-size:15px;
	padding-top:5px;
	text-align:center;
}

.curveBox  ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.curveBox  li{
	height:33px;
	border:#cccbcb solid 1px;
	border-top:none;
}

.curveBox  li img{
	margin-top:5px;
	margin-left:5px;
	float:left
}

.curveBox  li .leftDetail{ 
	float:left;
}
.curveBox  li .rightDetail{ 
	float:right;
	background-color:#FF9900;
	height:33px;
	width:35px;
	font-size:21px;
	color:#FFF;
	text-align:center;
}

.curveBox  li .leftDetail .detail{
	max-width:270px;
	margin-left:40px;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

.curveBox li .leftDetail .detail span{
	display:block;
}

.curveBox li .leftDetail .detail span.articleName{
	width:268px;
}


.curveMiniBox{
	width:214px;
	min-height:200px;
	margin-bottom:5px;
}

.curveMiniBox .curveMiniBoxHeader{
	height:28px;
	background:url(../images/blog_main_frame_mini.gif) no-repeat;
	color:#FFF;
	font-size:15px;
	padding-top:5px;
	text-align:center;
}

.curveMiniBox .curveMiniBoxContent{
	height:20px;
	border:#cccbcb solid 1px;
	border-top:none;
	overflow:hidden;
	line-height:2px;
	padding-top:5px;
}