@charset "utf-8";

/*  

Theme Name: Joydesign V3

Theme URI: http://www.coletree.com

Description: Coletree.com Joydesign

Version: 3.0

Author: coletree

Author URI: www.coletree.com

*/




body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#888;
	background:#202020;
	background-image:url(images/bg_top.png);
	background-repeat:repeat-x;
	text-align:center;
}


img{border:0px;}


form, table{padding:0px; margin:0px; }


ul, li{ list-style-type:none; }


input, textarea{ border:0px; font-size:12px; }


a{ text-decoration:none; }



.none{display:none;}




div#page{

	width:1000px;

	border: 0px;

	text-align:left;
	
	margin:0px;

}



	/*header*/

	

			#header{ width:1000px; height:132px; margin:0px; padding:0px; }
			
			#header_top{

				width:1000px;

				height:56px;
				
				background-image:url(images/header_top_bg.png);
				
				background-repeat:no-repeat;

				padding:0px;

				margin:0px;

			}

			
			
			#header_img{
			
				width:278px;
				
				height:56px;
				
				background-image:url(images/header_top_bg.png);
				
				background-repeat:no-repeat;
				
				float:left;

			}
			
			#header_img a{
				
				display:inline-block;
			
				width:278px;
				
				height:56px;

			}

			
			
			/*menu*/

			div#page #menu{ width:700px; padding:0px; margin:0px; float:right; }
			
			div#page #menu div{ float:right; }
			
			/* end menu */
			
			#header_end{

				width:1000px;

				height:76px;
				
				clear:both;

			}

	

	/* end header */
	

			/*blog*/

			div#page #blog{

				width:1000px;

				margin:80px 0px 0px 0px;

			}
			

				/*blog-left*/

				div#blog #blog_left{

					width:640px;

					padding:0px 10px 30px 10px;

					margin:0px;

				}
				
				



				div#blog #blog_left_bg{
				
				    width:640px;

				    padding:0px 0px 0px 0px;

				}



						div#blog #blog_left .item_class{

                            width:100%;

							padding:0px;

							margin:0px;

							text-align:left;

						}
						
						
						div .item_class .item_top{
							
							border-bottom:solid 1px #313131;
							
							width:640px;
						
							margin-bottom:20px;

						}
						
						
						div .item_class .item_title{
						
							text-align:left;
						
							height:20px;

							margin:0px;
							
							color:#717171;

							font-family:Verdana, Arial, Helvetica, sans-serif;

							font-size:16px;

							font-weight:bold;

						}
						
						div .item_class .item_title a{
							
							color:#aaa;

							font-family:Verdana, Arial, Helvetica, sans-serif;

							font-size:16px;
							
							text-decoration:none;

						}
						
						
						div .item_class .item_comment{
						
							text-align:left;
						
							height:20px;

							margin:0px;
							
							color:#6e8326;

							font-family:Verdana, Arial, Helvetica, sans-serif;

							font-size:14px;

						}
						
						div .item_class .item_comment a{
							
							color:#6e8326;

							font-family:Verdana, Arial, Helvetica, sans-serif;

							font-size:14px;
							
							text-decoration:none;

						}				



						.item_text{

						    text-justify:inter-ideograph;

							text-align:justify;

							color:#999;

							font-family:Verdana, Arial, Helvetica, sans-serif;

							font-size:14px;

							line-height:22px;

							padding:0px;

							overflow:hidden;

						}

						

						.item_text p{

                            width:100%;

							padding:0px;

							margin:15px 0px 15px 0px;

						}

						

						.item_text a{

							color:#6e8326;
							
							text-decoration:none;
							
							font-weight:bold;

						}

						

						.item_text a:hover{

							color:#5e7a1b;

							text-decoration:underline;

						}

						

						.item_end{

						    clear:both;

							width:100%;

							margin-bottom:100px;

							margin-top:15px;
							
							border-top:solid 1px #313131;
							
							padding-top:5px;

						}
						
						.item_end_cat{
						
						color:#616161;
						
						font-family:Arial, Helvetica, sans-serif;
						
						font-size:12px;
						
						float:left;
						
						margin-right:20px;
						
						}
						
						.item_end_cat a{
						
						color:#6e8326;
						
						font-family:Arial, Helvetica, sans-serif;
						
						font-size:12px;
						
						text-decoration:none;
						
						}
						
						.item_end_tag{
						
						color:#616161;
						
						font-family:Arial, Helvetica, sans-serif;
						
						font-size:12px;
						
						float:left;
						
						}
						
						.item_end_tag a{
						
						color:#6e8326;
						
						font-family:Arial, Helvetica, sans-serif;
						
						font-size:12px;
						
						text-decoration:none;
						
						}
						
				

						/*几种博客图片风格可选*/

						div.item_class .item_text img{ padding:9px; border:solid 1px #262626; background-color:#151515; margin:0px 0px 20px 0px; display: block;  float:none ; }
							  


	                    /*引用 和 列表的样式*/

						.item_class blockquote{

							background-color:#292929;

							padding:2px 15px 2px 15px;

							margin-left:0px;

							margin-right:0px;

							width:610px;

							font-family:Arial, Helvetica, sans-serif;

							font-size:14px;

							color:#76715d;

							border-bottom:solid 1px #373737;

							border-top:solid 5px #373737;

						}
						

						.item_class ol， .item_class ul{

							padding-left:30px;

							list-style:url(images/list_li.png);

						}
						
						
						
				#page_nav{
				
					text-align:left;
				
				}





				/*blog-center*/

				div#blog #blog_center{

					width:80px;

					padding:0px;

					margin:0px;
					
					background-image:url(images/blog_mid.png);
					
					background-repeat:repeat-y;

				}





				/*blog-right bg*/

				div#blog #blog_right{

				    text-align:left;

					width:260px;

					padding:0px;

					margin:0px;

				}









						/*blog search-box*/

						#s{

							width:145px;

							font-size:14px;
							
							background-color:#2f2f2f;
							
							color:#999999;
							
							border:none;

						}
						
						#searchsubmit{
						
							width:84px;
							
							height:18px;
							
							background-color:#5f6225;
							
							border:none;
							
							font-family:Arial, Helvetica, sans-serif;
							
							font-size:12px;
						
						}
						
						
						
						
						/*widget-category*/
						
						#blog_right_pad #sidebar{
						
							width:260px;
						
						}

								
						#sidebar h2{
						
							font-family:Verdana, Arial, Helvetica, sans-serif;

							font-size:14px;
					
							font-weight:bold;
					
							color:#6e8326;
						
							margin:0px 0px 10px 0px;
						
							padding: 0px;
							
							border-bottom:solid 1px #282828;
												
						}
						
						#sidebar li a{
						
							color:#8d916a;
						
							font-size:12px;
						
							font-family:Verdana, Arial, Helvetica, sans-serif;
						
							font-weight:bold;
						
							text-decoration:none;
						
							line-height:19px;
						
						}
								
								
								
								/*sidebar 一级目录 widget1*/
								#widget1{
								
									width:240px;
									
									vertical-align:top;
									
									text-align:left;
									
									padding-left:10px;
									
									padding-right:10px;
								
								}
								
								#widget1 ul{
								
									margin:0px;
									
									padding:0px;
								
								}
								
								
								#widget1 ul li{
								
									padding-bottom:40px;
								
									padding-top:0px;
								
								}
								
						
						
									/*sidebar 二级目录 每一个分类中的每一项*/
									#widget1 ul li ul li{
						
										color:#8d916a;
						
										font-size:12px;
						
										font-family:Verdana, Arial, Helvetica, sans-serif;
						
										padding-left:20px;
						
										padding-bottom:5px;
						
										padding-top:0px;
						
										background:url(images/widget_2nd.png) no-repeat left top;
						
									}
									
									#widget1 ul li ul li a{
									
										color:#8d916a;
										
										text-decoration:none;
									
									}
						
						
						
										/*sidebar 三级项，如：分类中的子分类*/
										#sidebar #widget1 ul li ul li ul, #sidebar #widget2 ul li ul li ul{
						
											padding-left:0px;
						
											padding-top:5px;
						
										}
						
						
						
										#sidebar #widget1 ul li ul li ul li, #sidebar #widget2 ul li ul li ul li{
										
											color:#8d916a;
						
											font-size:12px;
						
											font-family:Verdana, Arial, Helvetica, sans-serif;
						
											background: url(images/widget_3rd.png) left top no-repeat;
						
										}
						
										
						
										#sidebar #widget1 ul li ul li ul li a, #sidebar #widget2 ul li ul li ul li a{
										
											color:#8d916a;
						
											padding:0px;
											
											text-decoration:none;
						
										}
										
										
						
						
						/*widget-comment*/
						
						#widget1 ul li ul .recentcomments{
			
							color:#8d916a;
			
							font-size:12px;
			
							font-family:Verdana, Arial, Helvetica, sans-serif;
			
							padding-left:20px;
			
							padding-bottom:5px;
			
							padding-top:0px;
			
							background:url(images/widget_2nd_2.png) no-repeat left top;
			
						}
						
						#widget1 ul li ul .recentcomments{
						
							color:#8d916a;
							
							text-decoration:none;
						
						}
						
						
						
									

					











/*comments*/

div#blog #blog_left  .blog_comm{

    width:600px;

	padding:0px 20px 0px 20px;

	margin:0px;

	text-align:left;

}





div#blog #blog_left  .blog_comm .single_comm_container{

	width:600px;
	
	background-color:#171717;
	
	border:solid 1px #2c2c2c;

	margin-bottom:10px;
	
	padding:5px 9px 9px 9px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20px;

}

.single_comm_container .com_avatar{

	width:40px;
	
	margin-top:10px;
	
	padding:4px;
	
	border:solid 1px #3d3d3d;
	
	background-color:#292929;
}

.single_comm_container .com_author, .single_comm_container .com_author a{

	color:#888;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;
	
	text-align:center;
	
	text-decoration:none;

}

.single_comm_container .com_text{

	margin:10px;
	
	padding-left:20px;

	color:#888;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;
	
	border-left: solid 1px #3a3a3a;

}

.single_comm_container .com_date{

	margin-left:30px;
	
	margin-right:10px;

	color:#3a3a3a;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

}


.single_comm_container .com_author a, .single_comm_container .com_text a{

	font-weight:bold;
}


div#blog #blog_left  #comm_form{

    width:600px;
	
	padding:0px 20px 0px 20px;
	
	text-align:left;
	
	margin-top:10px;

}




div#blog #blog_left  #comm_form .form_table{

	width:580px;
	
	background-color:#171717;
	
	border:solid 1px #2c2c2c;

	margin-bottom:10px;
	
	padding:9px;
	
	color:#585858;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20px;

}

div#blog #blog_left  #comm_form .form_table a{
	
	color:#5f6225;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20px;
	
	font-weight:bold;

}



#comm_form_table {



}


#comm_form_table input{

	margin-top:5px;
	
	margin-bottom:20px;

}


#comm_form_table #author, #comm_form_table #email, #comm_form_table #url{

	border:solid 1px #bebebe;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20px;
	
	color:#888888;
	
	background-color:#313131;
	
	border:solid 1px #3a3a3a;

}


#com_text{

	margin-left:30px;

}

#com_text textarea{

	margin-top:10px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20px;
	
	color:#888888;
	
	background-color:#313131;
	
	border:solid 1px #3a3a3a;

}

#com_submit{

	margin-top:10px;
	
	margin-left:30px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20px;
	
	color:#888888;

}


.nocomments{

	margin-left:20px;
	
	color:#6e503f;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;
	
	font-weight:bold;
	
	margin-bottom:15px;

}


/* blog comm end*/















/*lifestream_widget style */

#lifestream_widget{

	width:240px;
	
	padding:0px 10px 40px 10px;

}

#lifestream_widget_top{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;

	color:#6e8326;

	margin:0px 0px 10px 0px;

	padding: 0px;
	
	border-bottom:solid 1px #282828;
}

#lifestream_widget_mid{

}

#lifestream_widget_mid .lifestream_text{

	color:#8d916a;
						
	font-size:12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	padding:8px 0px;
	
	vertical-align:top;
}

#lifestream_widget_mid .lifestream_text a{
	
	color:#8d916a;
						
	font-size:12px;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	text-decoration:none;

}






/* 细边的自己WIDGET*/
.custom_sidebar{

	   border:#cccccc solid 1px;
	   
	   background-color:#FFFFFF;

       width:258px;

}



/* end sidebar*/





/* end blog----------------------------------------------- */











/* footer */

#footer{

	margin-top:0px;

	clear:both;

	width:100%;

	height:93px;
	
	background-image:url(images/footer-bg.png);
	
	background-repeat:repeat-x;

}

#footer_container{

	text-align:left;

	width: 990px;
	
	padding:40px 0px 0px 10px;
	
	color:#666;
	
}


/* end footer */






/*几种情况的页面标题或者提示语句样式*/

h2 {

	color:#5f6225;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;

}

.pagetitle{

	color:#5f6225;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:16px;

	font-weight:bold;
	
	margin-bottom:30px;

}

.warning{

	color:#5f6225;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:bold;
	
	margin-bottom:30px;

}

.warning2{

	color:#5f6225;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;
	
	margin-bottom:30px;

}







/*plugin-pagebar*/

.pagebar {

        font-family:Arial, Helvetica, sans-serif;

		font-size:12px;

		color:#626262;

		padding-top: 5px; 

		padding-bottom: 5px; 

		margin: 0px 0px 50px 0px;

		text-align:center;
		
		width:640px;

}



.pagebar a, .pageList .this-page {

        font-family:Arial, Helvetica, sans-serif;

		font-size:12px;

		color:#626262;

		padding: 2px 6px; 

		border: solid 1px #2c2c2c; 

		background: #171717; 

		text-decoration: none;

}



.pagebar a:visited {

        font-family:Arial, Helvetica, sans-serif;

		font-size:12px;

		color:#626262;

		padding: 2px 6px; 

		border: solid 1px #2c2c2c; 

		background: #171717; 

		text-decoration: none;

}



.pagebar .break {

		padding: 2px 6px 0px 6px; 

		text-decoration: none;

		color:#626262;

}



.pagebar .this-page {

		padding: 2px 6px; 

		color:#626262;

		border-color: #2c2c2c; 

		font-weight: bold; 

		font-size: 13px; 

		vertical-align: top; 

		background: #171717;

}



.pagebar a:hover {

        font-family:Arial, Helvetica, sans-serif;

		font-size:12px;

		color:#6e8326;

		background: #171717; 

		border-color: #2c2c2c; 

		text-decoration: none;

}