/*
Theme Name: BADMILK
Theme URI: http://www.badmilk.cn/design/
Description: BADMILK Design Studio
Author: Runbing
Version: 2.0
Tags: badmilk, design, runbing
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@charset "utf-8";

/* global */

html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,label,input,textarea,table,tr,th,td,tt,code,kbd,samp,blockquote{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: "Microsoft Yahei",Tahoma, Geneva, sans-serif;
	font-size: 12px;
	-webkit-text-size-adjust: none;
	background: transparent;
}

body{
	background: #dcdcdc;
}

img{
	border: none;
	vertical-align: bottom;
}

p,
textarea{
	line-height: 17px;
}

a{
	outline: none;
	text-decoration: none;
	color: #092d43;
}

a:hover{
	color: #F60;
}

.lkico{
	/*display: inline-block;*/
	padding-left: 20px;
	background: url(images/link_icon.gif) 3px -36px no-repeat;
}

.lkico:hover{
	padding-left: 20px;
	text-decoration: underline;
	background-position: -42px 3px;
}

input,
textarea{
	border: 0;
	outline: none;
}

/* god clear float */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

*html .clearfix{
	height:1%;
}

*+html .clearfix{
	height:1%;
}

.clearfix
{
	display:inline-block;
}

.clearfix {
	display:block;
}

/* containt */

#containt,
#footer{
	margin: 0 auto;
	width: 858px;
}

#containt{
	background: url(images/containt_bg.gif) center repeat-y;
}

#header,
#content,
#siteinfo{
	width: 840px;
	margin: 0 auto;
	background: #FFF;
}

.clear{
	clear: both;
}

/* header */

#header{
	height: 105px;
	background: #FFF url(images/header_bg.gif) repeat-x;
}

	#header .logo{
		float: left;
		display: block;
		width: 69px;
		height: 74px;
		margin: 15px 0 0 50px;
		text-indent: -1000px;
		background: url(images/logo.png) no-repeat;
	}
	
	#header .navigation{
		position: relative;
		float: right;
		width: 600px;
		height: 42px;
		margin: 32px 20px 0 0;
		padding: 0 0 19px 20px;
		background: url(images/nav_bg.png) no-repeat;
		overflow: hidden;
	}
	
	#header .navigation ul.nav{
		list-style: none;

	}
	
		#header .navigation ul.nav li{
			float: left;
		}
		
		#header .navigation ul.nav li a{
			display: block;
			width: 80px;
			height: 37px;
			font-size: 14px;
			text-align: center;
			line-height: 34px;
			color: #fff;
			background: url(images/nav_state.png) 0 -1000px no-repeat;
			position: relative;
			z-index: 10;
		}
		
		#header .navigation ul.nav li a:active{
			background-position: -80px 0;
			font-weight: bold;
			line-height: 35px;
		}

		#header .navigation ul.nav li.current a,
		#header .navigation ul.nav li.hovered a:hover{
			background-position: 0 0;
			font-weight: bold;
			color: #092d43;
		}
		
		/* nav slide */
				
		#header .navigation ul.nav li.back{
			position: absolute;
			height: 37px;
			background: url(images/nav_state.png) -160px 0 no-repeat;
		}

		#header .navigation span.tel{
			display: block;
			position: absolute;
			top: 13px;
			right: 16px;
			width: 90px;
			height: 11px;
			text-indent: -5000px;
			background: url(images/numb.gif) no-repeat;
		}
		
		#header .navigation span.screen{
			display: none;
			float: right;
			margin: 13px 10px 0 0;
		}
		
			#header .navigation span.screen a{
				float: left;
				display: inline-block;
				width: 15px;
				height: 11px;
				margin-right: 8px;
				text-indent: -5000px;
				background: url(images/screen.gif) no-repeat;
				overflow: hidden;
			}
			
			#header .navigation span.screen a:hover{
				background-position: 0 -11px;
			}
			
				#header .navigation span.screen a.than1024{
					background-position: -15px 0;
				}
				
				#header .navigation span.screen a.than1024:hover{
					background-position: -15px -11px;
				}

/* content */

#content{
	width: 800px;
	position: relative;
	padding: 12px 20px;
	background: #092d43;
	/*overflow: hidden;*/
}

	#content .tab_nav{
		position: relative;
		width: 100%;
		height: 40px;
		border-bottom: 4px #fff solid;
		background: #476272 url(images/tab_nav_bg.gif) 0 -40px repeat-x;
	}
	
		#content .tab_nav ul{
			list-style: none;
		}
	
			#content .tab_nav ul li{
				float: left;
				height: 40px;
				width: 80px;
				
			}
				#content .tab_nav ul li a{
					display: block;
					height: 40px;
					width: 80px;
					text-align: center;
					line-height: 43px;
					color: #a9c1d0;
					background: #476272 url(images/tab_nav_bg.gif) 0 -40px no-repeat;
					overflow: hidden;
				}
				
				#content .tab_nav ul li a:hover{
					line-height: 40px;
					color: #fff;
					background-color: #5f7685;
					background-position: 0 -80px;
				}
				
				#content .tab_nav ul li.current a,
				#content .tab_nav ul li.current a:hover{
					position: relative;
					line-height: 30px;
					font-weight: bold;
					color: #092d43;
					background-color: #fff;
					background-position: 0 0;
					z-index: 10000;
				}
				
	#content .tab_nav span.tab_nav_coner{
		position: absolute;
		top: 4px;
		display: block;
		width: 12px;
		height: 12px;
		background: url(images/tab_nav_coner.gif) no-repeat;
		overflow: hidden;
	}
	
	#content .tab_nav span.left{
		left: 0;
	}
	
	#content .tab_nav span.right{
		right: 0;
		background-position: 0 -12px;	
	}
				
	/* imgbox & topic */

	#content .imgbox,
	#content .wrapper{
		position: relative;
		width: 800px;
		height: auto!important;
		height: 520px;
		min-height: 520px;
		margin: 0 auto;
		overflow: hidden;
		background: #FFF;
		z-index: 90;
	}
	
		#content .imgbox ul
		#content .wrapper .topic ul{
			list-style: none;
		}
	
		#content .imgbox ul{
			/*position: absolute;*/
			height: auto!important;
			height: 600px;
			min-height: 600px;
			z-index: 1000;
		}
		
			/* imgbox pic list */
		
			#content .imgbox ul li,
			#content .imgbox ul li a,
			#content .imgbox ul li img{
				width: 200px;
				height: 130px;
			}
			
			#content .wrapper .topic ul li,
			#content .wrapper .topic ul li a,
			#content .wrapper .topic ul li img{
				width: 152px;
				height: 99px;
			}

			#content .imgbox ul li img,
			#content .wrapper .topic ul li img{
				background: url(images/loading.gif) center no-repeat;
			}
		
			#content .imgbox ul li,
			#content .wrapper .topic ul li{
				float: left;
				position: relative;
				overflow: hidden;
				background: #fff;
			}
			
				/* IE8出问题
				#content .imgbox ul li a,
				#content .wrapper .topic ul li a{
					display: block;
					overflow: hidden;
				}*/
				
				/* imgbox pic title */
				
				/* list style */
				#content .imgbox ul li div.title{
					width: 200px;
					height: 30px;
				}
				
				/* page style */
				#content .wrapper .topic ul li div.title{
					width: 152px;
					height: 30px;
				}
				
				#content .imgbox ul li div.title,
				#content .wrapper .topic ul li div.title{
					position: absolute;
					left: 0;
					bottom: -30px;
				}
				
				/* page style */
				#content .imgbox ul li div.title span,
				#content .imgbox ul li span a{
					width: 168px;
					height: 30px;
				}
				
				/* list style */
				#content .wrapper .topic ul li div.title span,
				#content .wrapper .topic ul li span a{
					width: 122px;
					height: 30px;
				}
				
				#content .imgbox ul li div.title span,
				#content .wrapper .topic ul li div.title span{
					display: block;
					padding: 0 10px 0 22px;
					background: #092D43 url(images/mbox_title.png) 8px center no-repeat;
					filter: alpha(opacity=50);
					-moz-opacity:0.5;
					opacity: 0.5;
				}
				
					#content .imgbox ul li span a,
					#content .wrapper .topic ul li span a{
						display: block;
						color: #FFF;
						line-height: 30px;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;
					}
				
				/* Post Type */

				#content em.icon{
					display: block;
					width: 20px;
					height: 17px;
					overflow: hidden;
					z-index: 10000;
					cursor: pointer;
				}

				#content em.grid{
					position: absolute;
					top: 5px;
					left: 5px;
				}
				
				#content em.list{
					float: left;
					margin: 10px 10px 0 0;
				}
				
					#content em.icon a{
						display: block;
						text-indent: -10000px;
						background-image: url(images/post_type_icon.png);
						background-repeat: no-repeat;
					}

					#content em.icon a.video-ads_icon{
						background-position: 0 0;
					}
					
					#content em.icon a.video-ads_icon:hover{
						background-position: 0 -17px;
					}
					
					#content em.icon a.bm-cases_icon{
						background-position: -20px 0;
					}
					
					#content em.icon a.bm-cases_icon:hover{
						background-position: -20px -17px;
					}
				
		/* wrapper */

		#content .wrapper{
			padding: 60px 0 0 0;
		}
			
			/* single nav */
			
			#content .wrapper .current_nav{
				position: absolute;
				top: 0;
				right: 0;
				height: 27px;
				padding: 3px 0 0 15px;
				color: #afc5dc;
				vertical-align: text-top;
				background: #092d43 url(images/sigle_nav_icon.gif) 0 20px no-repeat;
			}
			
				#content .wrapper .current_nav em{
					display: inline-block;
					width: 10px;
					height: 10px;
					margin: 0 3px;
					text-indent: 5000px;
					background: #092d43 url(images/sigle_nav_icon.gif) 0 -10px no-repeat;
					overflow: hidden;
				}
			
				#content .wrapper .current_nav a{
					color: #afc5dc;
				}
				
				#content .wrapper .current_nav a:hover{
					color: #fff;
				}
		
			/* post title */

			#content .wrapper .title_content{
				float: left;
				width: 100%;
				padding: 0 0 50px 0;
				overflow: hidden;
			}

			#content .wrapper .post_title{
				float: left;
				display: inline;
				padding-right: 20px;
				margin: 0 0 0 20px;
				text-align: right;
				border-right: 5px #092d43 solid;
				line-height: 17px;
			}
			
				#content .wrapper .post_title h2{
					font-size: 14px;
					color: #092d43;
				}
				
				#content .wrapper .post_title span.t_info{
					font-size: 10px;
					color: #496b82;
				}
				
			/* post content */
			
			#content .wrapper .post_content{
				float: right;
				width: 600px;
				margin-right: 20px;
				padding-bottom: 50px;
				color: #092d43;
				overflow: hidden;
			}
			
				#content .wrapper .post_content p{
					margin-bottom: 15px;
					line-height: 20px;
					word-wrap: break-word; 
					word-break: normal;
					text-align:justify;
					text-justify:inter-ideograph;
				}
				
				/* blockquote style */
				
				#content .wrapper .post_content blockquote{
					display: block;
					margin: 0 40px 15px 40px;
				}
				
				/* title style */
				
				#content .wrapper .post_content h2,
				#content .wrapper .post_content h3,
				#content .wrapper .post_content h4,
				#content .wrapper .post_content h5{
					padding-bottom: 15px;
				}
				
				#content .wrapper .post_content h2{
					font-size: 22px;
				}
				
				#content .wrapper .post_content h3{
					font-size: 18px;
				}
				
				#content .wrapper .post_content h4{
					font-size: 14px;
				}
				
				#content .wrapper .post_content h5{
					font-size: 10px;
				}
				
				/* list style */
				
				#content .wrapper .post_content ul,
				#content .wrapper .post_content ol{
					margin-bottom: 15px;
				}
				
					#content .wrapper .post_content ul li,
					#content .wrapper .post_content ol li{
						margin: 0 0 8px 0;
						padding-left: 12px;
						background: url(images/post_list_icon.gif) 0 5px no-repeat;
					}
					
					#content .wrapper .post_content ul.icon2 li,
					#content .wrapper .post_content ol.icon2 li {
						background: url(images/post_list_icon2.gif) 0 5px no-repeat;
					}
					
					#content .wrapper .post_content ul.icon3 li,
					#content .wrapper .post_content ol.icon3 li {
						background: url(images/post_list_icon3.gif) 0 5px no-repeat;
					}
					
				/* correct style */
				
				#content .wrapper .post_content del,
				#content .wrapper .post_content del a{
					color: red;
					text-decoration: line-through;
				}
				
				#content .wrapper .post_content ins,
				#content .wrapper .post_content ins a{
					color: green;
					text-decoration: underline;
				}
				
				/* img in post style */
				
				#content .wrapper .post_content p img{
					height: auto;
					max-width: 600px;
				}
				
				#content .wrapper .post_content .alignleft,
				#content .wrapper .post_content img.alignleft {
					display: inline;
					float: left;
					margin-right: 24px;
					margin-top: 4px;
				}
				#content .wrapper .post_content .alignright,
				#content .wrapper .post_content img.alignright {
					display: inline;
					float: right;
					margin-left: 24px;
					margin-top: 4px;
				}
				#content .wrapper .post_content .aligncenter,
				#content .wrapper .post_content img.aligncenter {
					clear: both;
					display: block;
					margin-left: auto;
					margin-right: auto;
				}
				#content .wrapper .post_content img.alignleft,
				#content .wrapper .post_content img.alignright,
				#content .wrapper .post_content img.aligncenter {
					margin-bottom: 12px;
				}

				
			/* page content */
			
			#content .wrapper .page_content{
				float: right;
				width: 620px;
			}
				
				/* topic */
				
				#content .wrapper .topic{
					position: relative;
					float: right;
					width: 620px;
					background: #092D43;
				}
				
					/* topic coner */
				
					#content .wrapper .topic span.coner{
						position: absolute;
						display: block;
						width: 12px;
						height: 12px;
						background: url(images/topic_coner.gif) no-repeat;
						overflow: hidden;
					}
					
					#content .wrapper .topic span.top{
						top: -12px;
						right: 0;
						background-position: 0 -12px;
					}
					
					#content .wrapper .topic span.bottom{
						bottom: -12px;
						right: 0;
						background-position: 0 0;
					}
					
				/* searchbox */
				
				#content .searchbox{
					/*width: 100%;*/
					/*margin: 12px 0;*/
					width: 300px;
					overflow: hidden;
				}
				
					#content .searchbox form{
						padding: 1px 0 0 1px;
						width: 299px;
						height: 29px;
						background: #08273a;
					}
					
						#content .searchbox form #s{
							float: left;
							width: 225px;
							height: 26px;
							padding: 0 5px;
							line-height: 26px;
							border: 1px #2b5a6d solid;
							color: #59d5ff;
						}
						
						#content .searchbox form input#searchsubmit{
							float: left;
							width: 60px;
							height: 28px;
							margin-left: 1px;
							text-indent: -5000px;
							background: url(images/button.gif) no-repeat;
							cursor: pointer;
						}
						
						#content .searchbox form input#searchsubmit:hover{
							background: url(images/button.gif) 0 -28px no-repeat;
						}
						
					/* category searchbox style */
					
					#content .wrapper .page_content .cat_search{
						margin: 12px 0;
					}
					
					#content .wrapper .page_content .cat_search .searchbox,
					#content .wrapper .page_content .cat_search span.keywords{
						float: left;
					}
					
					/* home searchbox style */
					
					#content .imgbox .home_search{
						margin: 10px 0;
					}
					
						#content .imgbox .home_search .searchbox{
							margin: 0 auto;
						}

			   /* Category Grid */
					
					.cate_grid{
						float: left;
						padding: 0 0 7px 0;
					}
					
						.cate_grid ul{
							list-style: none;
							width: 620px;
						}
						
							.cate_grid ul li{
								float: left;
								padding: 0 5px 5px 0;
							}
							
								.cate_grid ul li a{
									display: block;
									width: 114px;
									height: 31px;
									line-height: 31px;
									text-indent: 20px;
									border-left: 5px #092D43 solid;
									background: #f4f4f4;
									vertical-align: bottom;
									overflow: hidden;
								}
								
								.cate_grid ul li a:hover,
								.cate_grid ul li.current-cat a{
									color: #f60;
									font-weight: bold;
									border-left: 5px #f60 solid;
									background-color: #FDF5DF;
								}
								
								.cate_grid ul li.current-cat a{
									border-left: 5px #f60 solid;
									background-image: url(images/cate_grid_current.gif);
									background-position: left center;
									background-repeat: no-repeat;
								} 
						
				/* archive list */
						
				#content .wrapper .page_content .archive_list{
					width: 100%;
				}
				
					#content .wrapper .page_content .archive_list ul{
						list-style: none;
						float: left;
						border-left: 1px #092d43 solid;
						border-top: 1px #8496a1 solid;
					}
					
						#content .wrapper .page_content .archive_list ul li{
							float: left;
							position: relative;
						}
						
							#content .wrapper .page_content .archive_list ul li .time{
								position: absolute;
								top: -1px;
								/*left: -82px;*/
								width: 62px;
								height: 39px;
								line-height: 39px;
								font-size: 13px;
								color: #092d43;
								background: url(images/date_icon.gif) 16px right no-repeat;
							}
							
							#content .wrapper .page_content .archive_list ul li .date{
								float: left;
								width: 54px;
								height: 39px;
								line-height: 39px;
								font-size: 26px;
								font-weight: bold;
								text-align: center;
								color: #fff;
								border-bottom: 1px #092d43 solid;
								background: #092D43 url(images/date_bg.gif) no-repeat;
								position: relative;
								z-index: 1000;
							}
							
							#content .wrapper .page_content .archive_list ul li.white .date{
								color: #092d43;
								background: #fff url(images/date_bg.gif) 0 -39px no-repeat;
							}
							
							#content .wrapper .page_content .archive_list ul li .title{
								float: right;
								position: relative;
								border-left: 1px #092d43 solid;
								border-bottom: 1px #8496a1 solid;
								z-index: 1000;
							}
							
								#content .wrapper .page_content .archive_list ul li .title div{
									width: 547px;
									height: 37px;
									font-size: 14px;
									line-height: 37px;
									padding-left: 15px;
									border: 1px #fff solid;
									background: #fff url(images/title_bg.gif) repeat-x;
								}

								#content .wrapper .page_content .archive_list ul li .title div.hover{
									background: url(images/title_bg.gif) 0 -37px repeat-x;
								}

								#content .wrapper .page_content .archive_list ul li .title strong{
									font-size: 12px;
									font-weight: normal;
								}

								#content .wrapper .page_content .archive_list ul li .title span{
									display: none;
									position: absolute;
									top: 14px;
									right: 14px;
									width: 12px;
									height: 11px;
									text-indent: -5000px;
									background: url(images/more.gif) no-repeat;
									overflow: hidden;
									cursor: pointer;
								}
								
								#content .wrapper .page_content .archive_list ul li .title span.down,
								#content .wrapper .page_content .archive_list ul li .title span.up{
									display: block;
								}
								
								#content .wrapper .page_content .archive_list ul li .title span.up{
									background-position: 0 -11px;
								}
								
							#content .wrapper .page_content .archive_list ul li .extract{
								clear: both;
								display: none;
								padding: 10px;
								border-bottom: 1px #8496a1 solid;
								overflow: hidden;
							}
							
								#content .wrapper .page_content .archive_list ul li .extract p{
									color: #686868;
									text-align: justify;
									text-justify: distribute;
								}
				
			/* post info */
		
			#content .wrapper .post_info{
				float: right;
				width: 600px;
				padding: 10px 20px 10px 0;
				line-height: 28px;
				text-align: right;
			}
			
				#content .wrapper .post_info span{
					float: right;
					display: block;
					overflow: hidden;
					height: 14px;
					line-height: 14px;
					margin: 0 0 0 15px;
					padding-left: 16px;
					background: url(images/cat_icon.png) 0 3px no-repeat;
					vertical-align: bottom;
				}
				
				#content .wrapper .post_info span.tags{
					background-position: 0 -11px;		
				}
				
					#content .wrapper .post_info span strong{
						display: none;
					}
			
			/* post comment */
			
			#content .wrapper .post_comment{
				float: right;
				width: 620px;
			}
			
				#content .wrapper .post_comment #comments .comm_notice{
					height: 26px;
					line-height: 26px;
					text-align: center;
					font-size: 13px;
					font-weight: bold;
					color: #F60;
					border: #FCEFA1 1px solid;
					border-bottom: none;
					background: #FBF9EE;
					overflow: hidden;
				}
				
				/*.page #content .wrapper .post_comment #comments .comm_notice{
					display: none;
				}*/
				
				.single #content .wrapper .post_comment #comments{
					margin-top: 15px;
				}
				
					#content .wrapper .post_comment #comments span{
						float: right;
						display: inline-block;
						margin-right: 10px;
						font-size: 12px;
						cursor: pointer;
					}
			
				/* author info */
			
				#content .wrapper .post_comment .author_info{
					display: none;
					height: 20px;
					padding-top: 5px;
					background: #092d43;
				}
				
					#content .wrapper .post_comment .comment .author_info .cancel{
						display: none;
					}
				
					#content .wrapper .post_comment .author_info  p.loginfo,
					#content .wrapper .post_comment .author_info  p.loginfo a{
						color: #fff;
						margin-left: 5px;
					}
					
					#content .wrapper .post_comment .author_info  p.loginfo a:hover{
						color: #F90;
					}
				
				#content .wrapper .post_comment .author_info label{
					position: relative;
					float: left;
				}
				
					#content .wrapper .post_comment .author_info label span{
						position: absolute;
						top: 3px;
						left: 9px;
						display: block;
						width: 13px;
						height: 14px;
						text-indent: -5000px;
						background: url(images/input_icon.png) no-repeat;
						overflow: hidden;display: inline;
					}
					
						#content .wrapper .post_comment .author_info label span.author{
							background-position: 0 0px;
						}
						
						#content .wrapper .post_comment .author_info label span.email{
							background-position: 0 -14px;
						}
						
						#content .wrapper .post_comment .author_info label span.url{
							background-position: 0 -28px;
						}
						
					#content .wrapper .post_comment .author_info input{
						float: left;
						width: 123px;
						height: 20px;
						margin-left: 5px;
						padding: 0 2px 0 21px;
						line-height: 20px;
						color: #092d43;
						background: #fff url(images/input_bg.gif) no-repeat;
					}
					
					#content .wrapper .post_comment .author_info input#url{
						width: 180px;
					}
						
					#content .wrapper .post_comment .author_info .cancel a,
					#content .wrapper .post_comment .author_info .close a{
						float: right;
						display: inline-inline;
						width: 9px;
						height: 8px;
						margin: 5px 6px 0 0;
						text-indent: -5000px;
						background: url(images/close.png) no-repeat;
						cursor: pointer;
						overflow: hidden;
					}
						
					/* conmment input */
					
					#content .wrapper .post_comment .comment_input{
						position: relative;
						height: auto!important;
						height: 40px;
						min-height: 40px;
						padding: 5px 0 5px 5px;
						background: #092d43;
						overflow: hidden;
						z-index: 100px;
					}
					
						#content .wrapper .post_comment .comment_input .notice{
							display: none;
							position: absolute;
							top: 12px;
							right: 120px;
							margin: 0 auto;
							padding: 3px 5px;
							color: #333;
							border: #F90 1px dashed;
							background: #FFFFE6;
							z-index: 1000;
						}
						
						#content .wrapper .post_comment .comment_input .saysome{
							display: none;
							position: absolute;
							top: 8px;
							left: 10px;
							color: #c8c8c8;
							font-size: 18px;
							line-height: 35px;
							text-indent: 10px;
						}
					
						#content .wrapper .post_comment .comment_input textarea{
							float: left;
							width: 550px;
							height: 36px;
							padding: 2px 5px;
							color: #092d43;
							background: #fff url(images/input_bg.gif) no-repeat;
							resize: none;
							overflow: visible;
						}
						
							/* comment list depth */
						
							#content .wrapper .post_comment li.depth-1 .comment_input textarea{
								width: 549px;
							}
							
							#content .wrapper .post_comment li.depth-2 .comment_input textarea{
								width: 529px;
							}
							
							#content .wrapper .post_comment li.depth-3 .comment_input textarea{
								width: 513px;
							}
							
							#content .wrapper .post_comment li.depth-4 .comment_input textarea{
								width: 497px;
							}
							
							#content .wrapper .post_comment li.depth-5 .comment_input textarea{
								width: 481px;
							}
							
							#content .wrapper .post_comment li.depth-6 .comment_input textarea{
								width: 465px;
							}
							
							#content .wrapper .post_comment li.depth-7 .comment_input textarea{
								width: 449px;
							}
						
						#content .wrapper .post_comment .comment_input input{
							float: left;
							width: 55px;
							height: 40px;
							background: url(images/button_bg.png) no-repeat;
							cursor: pointer;
						}
						
						#content .wrapper .post_comment .comment_input input:hover{
							background-position: 0 -40px;
						}
						
						#content .wrapper .post_comment .comment_input input:active{
							background-position: 0 -80px;
						}
						
				/* comment list */
				
				#content .wrapper .post_comment .comment_list{
					border-left: 1px #8496a1 solid;
					border-top: 1px #8496a1 solid;
				}
				
					#content .wrapper .post_comment .comment_list ul{
						list-style: none;
					}
				
						#content .wrapper .post_comment .comment_list ul li{
							position: relative;
							width: 619px;
							border-bottom: 1px #8496a1 solid;
							vertical-align: bottom;
							zoom:1;
						}
						
							#content .wrapper .post_comment .comment_list ul li .head_img{
								position: absolute;
								top: -1px;
								left: -42px;
								width: 40px;
								height: 40px;
								border: 1px #e2e2e2 solid;
								border-right: none;
								background: url(images/head.jpg) no-repeat;
							}
							
								#content .wrapper .post_comment .comment_list ul li .head_img img{
									width: 40px;
									height: 40px;
								}
								
							#content .wrapper .post_comment .comment_list ul li .type_icon{
								position: absolute;
								top: 0;
								right: 0;
								width: 30px;
								height: 30px;
								background:url(images/type_icon.png) no-repeat;
							}
							
							#content .wrapper .post_comment .comment_list ul.children li .type_icon{
								background-position: 0 -30px;
							}
							
							#content .wrapper .post_comment .comment_list ul li .comm_info{
								height: 41px;
								line-height: 41px;
								text-indent: 10px;
								color: #496B82;
								background: url(images/dash.gif) bottom repeat-x;
							}
							
								#content .wrapper .post_comment .comment_list ul li .comm_info a.comment-reply-link{
									margin-left: 10px;
								}
							
							#content .wrapper .post_comment .comment_list ul li .comm_info.current{
								background-color: #edf5f8;
							}
							
								#content .wrapper .post_comment .comment_list ul li .comm_info span{
									font-size: 10px;
								}
								
								#content .wrapper .post_comment .comment_list ul li .comm_info em{
									color: #CD0A0A;
								}
							
							#content .wrapper .post_comment .comment_list ul li .comm_cont{
								padding: 10px;
							}
							
							#content .wrapper .post_comment .comment_list ul li .comm_cont.current{
								background-color: #fafefe;
							}
							
					#content .wrapper .post_comment .comment_list ul.children{
						margin-right: 15px;
					}
					
						#content .wrapper .post_comment .comment_list ul.children li{
							width: auto;
							border-top: 1px #8496a1 solid;
							border-right: 1px #8496a1 solid;
							border-bottom: 0;
						}

				#content .wrapper .post_comment .comment_list .pingback{
					padding: 10px;
				}
			
			/* nav style */
			
			#content .wrapper .comm_nav,
			#content .wp-pagenavi{
				float: left;
				height: 30px;
				line-height: 30px;
				border-top: 1px #8496a1 solid;
				border-left: 1px #8496a1 solid;
				border-bottom: 1px #8496a1 solid;
			}
			
			#content .wrapper .wp-pagenavi{
				border-top: none;
			}
			
			#content .imgbox .wp-pagenavi{
				border-bottom: none;
				border-left: none;
			}
			
			#content .wrapper .comm_nav{
				padding: 0 10px;
			}
			
				#content .wrapper .page_nav .alignleft,
				#content .wrapper .comm_nav .alignleft{
					float: left;
				}
				
				#content .wrapper .page_nav .alignright,
				#content .wrapper .comm_nav .alignright{
					float: right;
				}	
		
	/* next nav */
					
	#content .turning{
		position: absolute;
		top: 194px;
		left: -60px;
		width: 960px;
		height: 35px;
		z-index: 10;
		/*margin-top: -17px;*/
	}
	
		#content .turning div a{
			display: block;
			width: 35px;
			height: 35px;
			text-indent: -5000px;
			background: #dcdcdc url(images/turning.png) no-repeat;
		}
		
		#content .turning div.forward a{
			float: left;
			padding-left: 5px;
			background-position: right 0;
		}
		
		#content .turning div.backward a{
			float: right;
			padding-right: 5px;
			background-position: left -35px;
		}
				
	/* siteinfo */

	#siteinfo{
		padding: 12px 0 24px 0;
		background: #092d43;
	}
	
		#siteinfo p{
			text-align: center;
			color: #829cad;
		}
		
			#siteinfo p em{
				display: none;
			}
		
			#siteinfo p strong.mb,
			#siteinfo p strong.qq,
			#siteinfo p strong.email{
				display: inline-block;
				padding-left: 26px;
				background: url(images/footer_info_icon.gif) 0px 3px no-repeat;
			}
			
			#siteinfo p strong.qq{
				background-position: 0 -18px;
			}
			
			#siteinfo p strong.email{
				background-position: 0 -39px;
			}
		
			#siteinfo p a{
				color: #829cad;
			}
			
			#siteinfo p a:hover{
				color: #20c3ff;
			}
			
			#siteinfo p span{
				color: #415d6e;
			}

/* footer */

#footer,
#footer .footer_con{
	height: 61px;
	margin-bottom: 25px;
	background: url(images/footer_bg.gif) top left no-repeat;
}

	#footer .footer_con{
		float: right;
		width: 600px;
		background-position: top right;
	}

		#footer .footer_con p{
			padding: 25px 30px 0 0;
			font-family: Tahoma;
			font-size: 10px;
			text-align: right;
			color: #c0c0c0;
		}

		#footer .footer_con p a{
			color: #c0c0c0;
		}

		#footer .footer_con p a:hover{
			color:#092D43;
			text-decoration: underline;
		}
		
/* Pagenav Style */

.wp-pagenavi{
	width: 100%;
}

.wp-pagenavi span{
	float: left;
	display: inline-block;
	text-align: center;
	overflow: hidden;
}

.wp-pagenavi span.pages{
	width: 55px;
	text-align: center;
	color: #092D43;
	background:  url(../../themes/badmilk/images/page_navbg.gif) right no-repeat;
}

.wp-pagenavi span.pages span.total{
	display: none;
}

.wp-pagenavi span.current{
	margin-left: 10px;
	padding: 0 5px;
	font-weight: bold;
	color: #F60;
}

.wp-pagenavi span.current strong{
	padding: 0 2px;
}

.wp-pagenavi a{
	float: left;
	display: inline-block;
	margin-left: 10px;
	padding: 0 5px;
	zoom: 1;
}