/* CSS Document */
*{margin:0px; padding:0px;}

/*special eliment css*/
body{font-family:Arial, Helvetica, sans-serif; background:#f9f9f9; url(../images/back5.png); background-repeat: repeat-x }
img,fieldset{border:none;}
.clear{clear:both;}

/*all content div*/
#layout{width:660px; margin:0 auto;}



/*header background:#000; background:#000;*/
#header{float:left; width:660px; position:relative;}
#header .main_image{position:absolute; top:0px; left:0px;}
#header .questions{position:absolute; background:#6eb6f1; top:20px; left:60px; background:#6eb6f1; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; text-decoration:none; padding:1px 10px 3px 2px; }
#header .logo{position:absolute; left:60px; top:63px;}
#header .logo img{float:left;}
#header .user{position:absolute; left:10px; top:10px;}
#header .user img{float:left;}
#header .user .hello{position:absolute; left:52px; top:24px; width:545px;  padding:3px 0 0 5px; height:45px; margin-left:5px; display:inline;}
#header .user .hello p{float:left; font-family:Arial, Helvetica, sans-serif; color:#5a5a5a; font-size:14px; font-weight:bold; width:200px;}
#header .user .hello p span{color:#f4bc31; font-size:16px;}
#header .user .hello .number{float:left; font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#f4bc31; height:43px; margin-top:-2px;}
#header .user .login{float:left; width:345px;  padding:3px 0 0 5px; height:45px; margin-left:5px; display:inline;}
#header .user .login a{float:left; font-family:Arial, Helvetica, sans-serif; color:#71caf4; font-size:20px; font-weight:bold; width:500px;}
#header .user .login a:hover{text-decoration:none; color:#2fb5f4;}
#header ul{list-style:none; width:150px; position:absolute; top:0px; right:75px;}
#header ul li{float:right; padding:0 0 0 0; margin:8px 0 0 0;}
#header ul li a{float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#f4d231; background:#412b2b; text-decoration:none; font-weight:bold; display:block; padding:2px 2px 2px 2px;}
#header ul li a:hover{ text-decoration:none; color:#fff;}
#header form{position:absolute; top:68px; left:10px;}
#header form .formrow{float:left; width:650px; margin-bottom:1px;}
#header form .formrow .heading{float:left; color:#82003a;  font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0 5px 0px 0;}
#header form .formrow .whatever{float:left; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0 15px 2px 3px; margin:18px 0 0 110px;}
#header form .formrow textarea{float:left; width:556px; border:2px solid #757575; background:#fff; color:#5a5a5a; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; height:65px; padding:3px 0 0 3px; overflow:auto;}
#header form .formrow .send{float:right; background:url(../images/post.png) no-repeat 0 0; width:48px; height:24px; border:none; cursor:pointer; margin-top:0px; margin-right:20px; }
#header form .formrow .send:hover{float:right; background:url(../images/post_over.png) no-repeat 0 0; width:48px; height:48px; border:none; cursor:pointer; margin-top:0px; }
#header form .formrow .valid{float:right; width:148px; height:24px; border:none;  }
#header form .formrow .words{float:right; color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; margin-right:90px; display:inline;}

/*body container background:#454545; background:#ececec; border-top:5px solid #afcce3; border-top:5px solid #f4b40f; background:#e5e5e5; border:4px solid #b4d5f3; background:#ccdae5;*/
#body_container{float:left; width:660px; margin-top:0px;}
#inner_body_container{float:left; width:660px; padding-top:0px;}
.content{float:left; width:660px; margin:0px 0 0 10px; display:inline;}
.content .row{float:left; width:569px;}
.content .row2{float:left; width:650px;}
.content .row2 .spancatact{color: #82003a; cursor:pointer; background:#ededed; padding:2px 2px 2px 2px;}
.content .row2 .spancatact:hover{color:#3dc8e1;}
.content .row2 .spancatdes{color:#898989; cursor:pointer; background:#ededed; padding:2px 2px 2px 2px;}
.content .row2 .spancatdes:hover{cursor:pointer;; color:#3dc8e1;}
.content .heading{float:left; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0 15px 2px 0;}
.content .heading3{float:left; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0 15px 2px 0;}
.content .heading2{float:left; color:#82003a; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:60 15px 2px 0; margin-top:60px;}
.content  .anchorlink{float:left; color:#e38235; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; padding:60 15px 2px 0; margin-top:60px;}
.content .explain{float:right;  color:#000;  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0 15px 2px 3px; margin:11px 0 0 71px;}
.content .tags{float:right;  margin-top:6px;}
.content .words{float:left; color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:0 0 0 530px; display:inline;}
.content .yellow_bg{ background:#f9f9f9; float:left; width:569px;  margin-top:2px; margin-bottom:0px; height:50px;}
.content .yellow_bg ul{float:left; list-style:none; padding:0 10px 0 5px; width:557px;}
.content .yellow_bg ul li{float:left; padding:3px 5px 0px 0; font-size:12px;}
.content .yellow_bg ul li span{float:left; color:#ffffff; background:#75b7f3; text-decoration:none; font-size:10px; font-weight:bold; padding:1px 1px 1px 1px; cursor:pointer;}
.content .yellow_bg .clicktag{float:left; color:#ffffff; background:#75b7f3; text-decoration:none; font-size:12px; font-weight:bold; padding:1px 1px 1px 1px; cursor:pointer;}
.content .yellow_bg ul li a:hover{text-decoration:underline;}
.content .grey_bg{background:#96c7f3; border:1px solid #000000 float:left; width:552px;  margin-top:4px;  min-height:35px; padding:5px 5px 10px 10px; font-weight:bold; color:#ffffff; }
.content .grey_bg p{float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 5px 10px 10px; font-weight:bold; color:#ffffff;}
.content .white_bg{float:left; width:569px; background:#fff; margin-top:4px; min-height:44px;}
.content .white_bg ul{float:left; list-style:none; padding:0 5px 0 5px; width:557px;}
.content .white_bg ul li{float:left; padding:3px 5px 0px 0;}
.content .white_bg ul li span{float:left; color:#000; text-decoration:none; font-size:14px; font-weight:bold;}
.content .white_bg ul li a:hover{text-decoration:underline;}

.content .avatars ul{list-style:none; float:left; padding:7px 0 0 0; width:569px; margin-bottom:15px;}
.content .avatars ul li{float:left; padding:0 5px 0 0;}


.pagination{float:left; width:569px; margin:10px 0 0 10px; display:inline; background:#fff; padding-bottom:1px; padding-top:3px; min-height:20px;  }
.blog{float:left; width:569px; margin:5px 0 0 10px; display:inline; background:#f9f9f9; padding-bottom:1px; padding-top:1px; min-height:90px;  }
.blogtag{float:right; margin-top:6px;}
.blog .image{float:left; width:110px; padding:6px 0 0 0;}
.blog .image img{float:right; width:28; height:28; border:2px solid #ffffff;}
.blog .image a{float:left; text-align:right; width:85px; font-size:10px; color:#310b0b; font-weight:bold;}
.blog .image span{float:left; text-align:right; width:85px; font-size:10px; color:#310b0b; font-weight:bold;}
.blog .mid{float:left; width:450px;}
.blog .mid .blue{float:right; background:#ffffff;  width:450px; min-height:38px; margin-top:6px; position:relative; z-index:10000;}
.blog .mid .no-arrow{float:right; background:#ffffff; width:475px; min-height:68px; position:relative; z-index:1;}
.blog .mid .no-arrow2{float:right; background:#ffffff; width:475px; min-height:68px; position:relative; z-index:1;}
.blog .mid .blue .arrow{position:absolute; top:0px; left:-13px;}
.blog .mid .blue p{float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:2px 2px 6px 6px; color:#3d3d3d; font-weight:bold;}
.blog .mid .blue a{font-family:Arial, Helvetica, sans-serif; font-size:12px;  padding:2px 2px 6px 6px; color:#4e98ae; font-weight:bold;}
.blog .mid .list_left{list-style:none; padding:0 5px 5px 0px; width:445px; min-height:16px; float:right; margin-left:0px; }
.blog .mid .list_left li{float:left; padding:3px 5px 0px 0;}
.blog .mid .list_left li span{float:left; color:#ffffff; background:#75b7f3; text-decoration:none; font-size:12px; font-weight:bold; padding:2px 2px 2px 2px;}
.blog .mid .list_left li a:hover{text-decoration:underline;}
.blog .mid .yellow{float:right; background:#fffff;  width:575px; height:58px; margin-top:9px; position:relative;}
.blog .mid .yellow .arrow{position:absolute; top:0px; right:-14px !important; right:-15px;}
.blog .mid .yellow p{float:left;font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:5px 5px 10px 10px; color:#472525; font-weight:bold;}
.blog .right{float:left; width:153px; margin-top:27px; padding-left:2px;}
.blog .right img{float:left; width:32; height:32;}
.blog .right a{float:left; width:140px; font-size:10px; color:#000; padding-left:4px; font-weight:bold;}
.blog .right p{float:left; width:140px; font-size:14px; color:#534c39; padding-left:8px; font-weight:bold;}
.blog .right .image1{float:left; width:85px; padding:28px 0 0 0; margin-left:23px; display:inline;}
.blog .right .image1 img{float:left; margin-top:10px;}
.blog .right .image1 span{float:left; text-align:left; width:85px; font-size:10px; color:#000;}
.blog .mid .list_right{list-style:none; padding:0 5px 5px 5px; width:564px; height:37px; float:right;}
.blog .mid .list_right li{float:right; padding:3px 5px 0px 0;}
.blog .mid .list_right li span{float:left; color:#472525; text-decoration:none; font-size:12px; font-weight:bold;}
.blog .mid .list_right li a:hover{text-decoration:underline;}

/*footer*/
#footer{float:left; width:1024px; margin-top:90px;}
#footer p{float:left; color:#000; font-weight:bold; font-size:16px; width:400px; padding:0 0 25px 31px;}
#footer .black_bg{float:left; width:1024px; background:#412b2b; height:54px; position:relative;
}
#footer .black_bg p{float:right; color:#fff; width:850px; text-align:right; font-size:16px; font-weight:bold; padding:17px 42px 0 0;}
#footer .black_bg p a{color:#fff; text-decoration:none;}
#footer .black_bg p a:hover{text-decoration:none; color:#46d8e5;}
#footer .black_bg .footer_arrow{position:absolute; left:24px; top:-21px;}
#footer .footer_img{float:left;}
#footer .footer_img img{float:left; height:10px; width:1024px;}

/*inner page top menu*/
#inner_top_menu{float:left; width:1024px; background:#000; height:32px;}
#inner_top_menu ul{float:left; list-style:none; padding:4px 0 0 60px; width:600px;}
#inner_top_menu ul li{float:left; padding:0 0 0 0; margin:0 25px 0 0; display:inline;}
#inner_top_menu ul li a{float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#f4bc31; background:#000; text-decoration:none;  display:block; padding:1px 1px 1px 1px;}
#inner_top_menu ul li a:hover{ text-decoration:none; color:#fff;}
#inner_top_menu .app{float:right; background:#000; margin:7px 75px 0 0; display:inline;}
#inner_top_menu .app a{float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#dbffff; text-decoration:none; padding:1px 2px 3px 85px;}
#inner_top_menu .app a:hover{text-decoration:none; color:#fff;}

/*inner page header*/
#inner_header{float:left; width:1024px; position:relative;}
#inner_header .main_image{position:absolute; top:0px; left:0px; z-index:9;}
#inner_header .questions{position:absolute; background:#6eb6f1; top:20px; left:60px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; text-decoration:none; padding:1px 10px 3px 2px; }
#inner_header .logo{position:absolute; left:60px; top:63px;}
#inner_header .logo img{float:left;}
#inner_header .user{position:absolute; left:60px; top:112px;}
#inner_header .user img{float:left;}
#inner_header .user .hello{float:left; width:545px;  padding:3px 0 0 5px; height:45px; margin-left:5px; display:inline;}
#inner_header .user .hello p{float:left; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; font-weight:bold; width:200px;}
#inner_header .user .hello p span{color:#f4bc31; font-size:16px;}
#inner_header .user .hello .number{float:left; font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#f4bc31; height:43px; margin-top:-2px;}
#inner_header .user .login{float:left; width:345px;  padding:3px 0 0 5px; height:45px; margin-left:5px; display:inline;}
#inner_header .user .login a{float:left; font-family:Arial, Helvetica, sans-serif; color:#bce2f4; font-size:24px; font-weight:bold; width:500px;}
#inner_header .user .login a:hover{text-decoration:none; color:#fff;}
#inner_header .votes{float:right; margin-bottom:15px;  margin-right:40px; display:inline;}
#inner_header .votes .up{font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#4f829f; height:40px; }
#inner_header .votes .down{font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#ea6819; height:40px; }
#inner_header form{position:absolute; top:408px; left:10px; margin-bottom:35px;}
#inner_header form .formrow{float:left; width:722px; margin-bottom:3px;}
#inner_header form .formrow .inner_row{float:left; width:569px;}
#inner_header form .formrow .heading{float:left; color:#82003a;   font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:20 15px 2px 0;}
#inner_header form .formrow .whatever1{float:right; color:#fff;  background:#6eb6f1; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0 65px 2px 3px; margin:12px 0 0 10px;}
#inner_header form .formrow textarea{float:left; width:556px; border:5px solid #b4d5f3; background:#fff; color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-size:14px; height:118px; padding:3px 0 0 3px; overflow:auto;}
#inner_header form .formrow .send{float:right; background:url(../images/send.png) no-repeat 0 0; width:148px; height:24px; border:none; cursor:pointer; margin-top:107px;}
#inner_header form .formrow .send:hover{float:right; background:url(../images/send_over.png) no-repeat 0 0; width:148px; height:24px; border:none; cursor:pointer; margin-top:107px; }
#inner_header form .formrow .words{float:right; color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; margin:0 152px 0 0; display:inline;}
.headerblog{width:660px; position:absolute; left:10px; top:30px;}
.headerblogtag{float:right; margin-top:6px;}
.headerblog .image{float:left; width:150px; padding:9px 0 0 0;}
.headerblog .image img{float:right; margin-bottom:5px;}
.headerblog .mid{float:left; width:585px;}
.headerblog .mid .light_blue{float:right; background:#cce0f3; width:565px; margin-top:9px; position:relative; height:150px;}
.headerblog .mid .light_blue .arrow{position:absolute; top:40px; right:-28px;}
.headerblog .mid .light_blue p{float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 5px 10px 10px; color:#000; width:545px;}
.headerblog .mid .light_blue a{font-family:Arial, Helvetica, sans-serif; font-size:12px;  font-weight:bold;}
.headerblog .right{float:right; width:148px; margin-top:9px; padding-left:5px;}
.headerblog .right .image1{float:left; width:140px; padding:49px 0 0 0; display:inline;}
.headerblog .right .image1 span{float:left; width:140px; font-size:14px; color:#000;}
.headerblog .right .image1 img{float:left;}
#list{list-style:none; padding:5px 5px 0 5px; width:555px; float:left; margin-left:170px; display:inline;}
#list li{float:left; padding:0px 5px 0px 0;}
#list li span{float:left; color:#523030; text-decoration:none; font-size:14px; font-weight:bold; }
#list li a:hover{text-decoration:none; color:fff;}


.inner_blog{float:left; width:862px; margin:15px 0 0 103px; display:inline;  padding-bottom:10px;}
.blogtag1{float:left; padding-bottom:5px;}
.inner_blog .image{float:left; width:85px; padding:9px 0 0 0;}
.inner_blog .image img{float:right;}
.inner_blog .image span{float:left; text-align:right; width:85px; font-size:10px; color:#000;}
.inner_blog .image a{float:left; text-align:right; width:85px; font-size:10px; color:#310b0b; font-weight:bold;}
.inner_blog .mid{float:left; width:600px;}
.inner_blog .mid .list_left{list-style:none; padding:3px 5px 0 5px; width:564px; float:right;}
.inner_blog .mid .list_left li{float:left; padding:0px 5px 0px 0;}
.inner_blog .mid .list_left li span{color:#472525; text-decoration:none; font-size:12px; font-weight:bold;}
.inner_blog .mid .list_left li a:hover{text-decoration:underline;}
.inner_blog .mid .yellow{float:right; width:575px; min-height:60px; margin-top:9px; position:relative;}
.inner_blog .mid .yellow .arrow{position:absolute; top:0px; left:-14px;}
.inner_blog .mid .yellow p{float:left;font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:5px 5px 10px 10px; color:#756a4f; font-weight:bold;}
.inner_blog .right{float:left; width:160px; margin-top:9px; padding-left:6px;}
.inner_blog .right p{float:left; width:140px; font-size:14px; color:#000; padding-left:4px;}
.inner_blog .right .image1{float:left; width:85px; padding:49px 0 0 0; margin-left:23px; display:inline;}
.inner_blog .right .image1 img{float:left;}
.inner_blog .right .image1 span{float:left; text-align:left; width:85px; font-size:14px; color:#000;}
.inner_blog .mid .list_right{list-style:none; padding:0 5px 0 5px; width:564px; float:right;}
.inner_blog .mid .list_right li{float:right; padding:3px 5px 0px 0;}
.inner_blog .mid .list_right li span{color:#472525; text-decoration:none; font-size:12px; font-weight:bold;}
.inner_blog .mid .list_right li a:hover{text-decoration:underline;}
.inner_blog .bottom_content{float:right; width:200px; margin-top:6px}
.inner_blog .bottom_content p{float:left; background:#8d8160; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px;width:150px; font-weight:bold; padding:1px;margin-left:30px}
.inner_blog .bottom_content ul{list-style:none; float:left; padding:7px 0 0 0; width:185px;}
.inner_blog .bottom_content ul li{float:left; padding:0 5px 0 0;}




#tag_header{float:left; width:660px; position:relative;}
#tag_header .main_image{position:absolute; top:0px; left:0px; z-index:9;}
#tag_header .questions{position:absolute; background:#6eb6f1; top:20px; left:60px; background:#6eb6f1; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; text-decoration:none; padding:1px 10px 3px 2px; }
#tag_header .logo{position:absolute; left:60px; top:63px;}
#tag_header .logo img{float:left;}
#tag_header .user{position:absolute; left:60px; top:112px;}
#tag_header .user img{float:left;}
#tag_header .user .hello{float:left; width:345px;  padding:3px 0 0 5px; height:45px; margin-left:5px; display:inline;}
#tag_header .user .hello p{float:left; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; font-weight:bold; width:200px;}
#tag_header .user .hello p span{color:#f4bc31; font-size:16px;}
#tag_header .user .hello .number{float:left; font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#f4bc31; height:43px; margin-top:-2px;}
#tag_header form{position:absolute; top:20px; left:10px;}
#tag_header form .formrow{float:left; width:650px; margin-bottom:3px;}
#tag_header form .formrow .inner_row{float:left; width:556px;}
#tag_header form .formrow .heading{float:left; color:#82003a;  font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0 15px 2px 0;}
#tag_header form .formrow .whatever1{float:right; color:#756a4f;  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0 65px 2px 3px; margin:11px 0 0 71px;}
#tag_header form .formrow textarea{float:left; width:556px; border:5px solid #b4d5f3; background:#fff; color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-size:14px; height:90px; padding:3px 0 0 3px; overflow:auto;}
#tag_header form .formrow .send{float:right; background:url(../images/send.png) no-repeat 0 0; width:48px; height:48px; border:none; cursor:pointer; margin-top:53px; margin-right:20px; }
#tag_header form .formrow .send:hover{float:right; background:url(../images/send_over.png) no-repeat 0 0; width:48px; height:48px; border:none; cursor:pointer; margin-top:53px; }
#tag_header form .formrow .words{float:right; color:#5a5a5a; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; margin:0 152px 0 0; display:inline;}



#tag_body_container{float:left; width:660px; padding-top:10px; margin-left:10px;}
.content .yellow_bg{float:left; width:569px;  margin-top:4px; height:60px;}
.content .yellow_bg ul{float:left; list-style:none; padding:0 5px 0 5px; width:557px;}
.content .yellow_bg ul li{float:left; padding:3px 5px 0px 0;}
.content .yellow_bg ul li span{float:left; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; cursor:pointer;}
.content .yellow_bg ul li a:hover{text-decoration:underline;}
.content .row{float:left; width:569px;}
.content .heading{float:left; color:#82003a; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0 15px 2px 0;}