/*  
Theme Name:jandan
Theme URI:http://bbs.1mrs.info
Description:The jandan WordPress theme
Version:0.2
Author:Mrs-Design
Author URI:http://bbs.1mrs.info
*/
/*Verdana, Tahoma, Arial, Serif;*/

* {margin: 0; padding: 0;}
body {text-align: center;font-size: 14px;font-family: Tahoma, Arial,'宋体';line-height:1.6; color: #111111;background:#ececec;}
a, a:link, a:visited {color: #3B5998; text-decoration: none;}
a:hover {color: #52afc6; text-decoration: none;}
img {border: 0;}
h1,h2,h3,h4,h5,h6{font-family:"微软雅黑", Tahoma, Arial, Verdana;}
 .c:after {
 content: ".";/*在.c的容器后加一个.*/
 display: block;
 height: 0;/*高度设成0*/
 clear: both;/*清除浮动*/
 visibility: hidden;/*设成隐藏*/}
.c{  
zoom:1;  
display: inline-block;  
_height:1px;  
}
/* Hides from IE-mac \*/
* html .c { height: 1%;}/*使其支持windows下的IE*/
*+html .clearfix {height: 1%;}
/* End hide from IE-mac */
.c{
display:block;}
.break {font-size: 0; height: 0;width: 0;clear: both;}
.alignleft {float: left;margin: 4px 10px 5px 0;}
.alignright {float: right;margin: 4px 0 5px 10px;}
.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.hidden {display: none;}

.randomthumbnail{height:300px; width:277px; border-bottom:10px solid #fff} 
.randomthumbnail h2{margin-bottom:10px} 
.randomthumbnail ul{padding:0px; margin:0px; } 
.randomthumbnail li{list-style-type:none; display:inline; padding:1px;} 
.randomthumbnail li a img{background:#fff; padding:1px;  width:80px; height:80px} 
.randomthumbnail li a:visited img{background:#fff; padding:2px;  width:80px; height:80px} 
.randomthumbnail li a:hover img{background:#D7D7D7; padding:3px;  width:80px; height:80px} 


/** BEGIN wrapper **/
#wrapper {width: 1000px;margin: auto auto;text-align: left; overflow:hidden; background:#fff; margin-top:24px;}
/** END wrapper **/

/** BEGIN header **/
#header {height: 103px;padding-top: 20px;}
#nav{background: url(images/header.gif) repeat-x 0 bottom;width:980px;margin:0 auto;height: 35px;}
#header ul {list-style-type: none;}
#header ul li {float: left;text-transform: uppercase;font-weight: normal;font-size: 12px; border-right:1px solid #fff;}
#header ul li.f {margin-left: 5px;background: none;}
#header ul li a {color: #fff;display: block;padding: 8px 12px;}
#header ul li a:hover {color:#00a3e0;}
#header ul li.current_page_item,#header ul li.current-cat{background:#fff url(images/nav.gif) repeat-x;}
#header ul li.current_page_item a,#header ul li.current-cat a{color:#111;}
#header .logo {float: left;padding-left: 5px;}
#header .logo h1 {}
#header .logo h1 a {display: block;outline: none;text-indent: -9999px;background: url(images/logo.png) no-repeat 0 0;width: 150px; height: 60px;}
#header .logo p {display: none;}
#header .banner {float: right;height: 60px;margin:0;}
/** END header **/

/** BEGIN body **/
#body { background:url(images/body.gif) repeat-y 710px 0;}
/** END body **/

/** BEGIN content **/
#content {width: 710px;float: left;padding-bottom: 20px; _width:705px;}
#content p {margin-bottom: 10px;}
#content h3 {font-size: 14px;color: #111111;margin-bottom: 10px;}
#content blockquote {margin-bottom: 20px;padding: 10px 10px 0px;background-color: #F5F5F5;border-width: 1px 0;border-style: solid;border-color: #ECECEC;}
#content ul {margin: 0 0 10px 18px;}
#content ol {margin: 0 0 10px 16px;padding-left: 10px;}
#content ul li {list-style:none; margin:8px 0;}
#content .title {background-color: #F5F5F5;border-bottom: 1px solid #ECECEC;padding: 14px;color: #717171;font-size: 12px;height:15px;*height:19px;text-transform: uppercase;}
#content .post {padding:15px 11px 0px 13px;clear: both;}
#content .f {border-top: 0;line-height: 1.7em;}
#content .post p img{padding:2px; border:1px solid #ededed;margin:12px;}
#content .post .thumb {float: left; margin: 0 10px 0 0;display: inline;}
#content .post .thumb img {width: 75px;}
#content .post h1,.post h2,.post h2 a {font-size: 26px;font-family:"微软雅黑",Arial;margin-bottom: 10px;line-height: 1.8;}
.post h1,.post h2{color:#3b5998}
.post h2 a {color:#3366cc;}
.post h2 a:hover{border-bottom:1px solid #3366cc;}
#content .post p {line-height: 1.66;}
#content .post pre{
padding:8px;background:#f5f5fe;}
#content .post .details {padding:8px 12px;line-height: 1em;font-size: 12px;background:#effbff; color:#599bca;}
.post img {max-width:500px;}
#content .post .tags{}
/** END content **/


/** BEGIN sidebar **/
#sidebar {width: 285px;float: right;padding-bottom: 20px;padding-right:0;overflow:hidden;}
#sidebar h2 {font-size: 14px;color: #00a3e0;text-transform:uppercase;padding: 5px 12px 6px; font-weight:400; background:#d4f4fe;border-radius:7px 0 7px 0 ;-moz-border-radius:7px 0 7px 0;
width:85%;margin:12px 8px;}
#sidebar ul {list-style-type: none;padding: 0 12px 15px;line-height:1.7em;}
#sidebar form {background:url(images/search.gif) no-repeat 10px 8px;width: 270px; padding: 8px 11px;}
#sidebar form input {border: 0;width: 182px;height:16px;font-size: 12px;font-family: Tahoma, Arial;float: left;margin:0px;background:transparent;padding:8px 2px 7px;}
#sidebar form button {text-indent: -9999px;border: 0;width: 75px; height: 27px;background-color: transparent;}
	#sidebar .photos {
		padding: 0 15px 15px;
		border-bottom: 1px solid #ECECEC;
		text-align: center;
	}
		#sidebar .photos img {
			margin: 5px;
			width: 75px; height: 75px;
		}
/** END sidebar **/

/* footer START */
#footer {clear: both;background-color: #717171;color: #ECECEC;padding: 10px 15px;}
#footer a {color: #ECECEC;}
#footer .inner {margin:0;height:15px;}
#footer #about {float:left;}
#footer ul#admin {float:right;display:block;list-style-position:outside;list-style-type:none;}
#footer ul#admin li {display:block;float:left;margin-left:12px;}
/* footer END */

/** BEGIN miscellaneous **/
.postnav {
	clear: both;
	padding: 0 15px;
	font-size: 0.9em;
}
	.postnav a {
		border: 1px solid #cccccc;
		padding: 3px 8px;
		color: #999999;
	}
	.postnav a:hover {
		border: 1px solid #000000;
		color: #000000;
		text-decoration: none;
	}
#comments {
	margin: 10px 15px;
	border-top: 1px solid #ECECEC;
}
	#comments h2 {
		margin: 20px 0 5px;
		font-size: 1.5em;
		font-weight: normal;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 260px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #909090;
			background-color: #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			width: 120px; height: 23px;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
.notfound {
	padding: 40px;
}
	.notfound h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments ol li {
		padding: 10px 0;
		margin-bottom: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 10px 0 20px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}


.post .titleall {
	padding:5px 3px;
	
}
.post h2 a.titlefirst {
	text-decoration:none;
}
.post h2 a.title:hover {
	color:red;
}
.post h2 .act a {
	font-weight:normal;
}

.post .info {
	font-size:8px;
	color:#717171;
	float:right;
	font-family: 'Tahoma', Arial;
	padding-top:0;
}
.post .info span.first {
	margin-left:0;
}
.view {
    margin-left: 10px;
	color:#3b5998;
	font-size:12px;
}
.com a:link{
	font-family: 'Tahoma', Arial;
	font-size: 10px;
	color:#f70;
}
.com a:visited{
	font-family: 'Tahoma', Arial;
	font-size: 10px;
	color:red;
}
 
/** END wordpress 2.7 comments **/
.ctags{padding:16px 12px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;
margin-bottom:20px;}

ul.list li{background:url(images/d.png) no-repeat 0 50%;
padding:4px 16px 4px;
border-bottom:1px solid #ededed;
}

#comments .comment_list li p.ct{
background:#ffffec;
padding:0 13px;
line-height:2.2;
border-radius:7px 0 0 0 ;
-moz-border-radius:7px 0 0 0;
}
#comments .comment_list li.alt p.ct{
background:#ecf9ff;
}
#comments .comment_list li div.cc{
padding-left:30px;
}



.nav{padding:0 16px;}
.nav strong{font-weight:400;}
.nav .nav_left{float:left;}
.nav .nav_right{float:right;}

#crumbs{border-bottom:1px solid #ededed;
padding-bottom:4px;
}
/**************************related posts**********************/
.related_post_title{text-indent:-999px;}
/**********************about ads*******************************/
.ads_inbody{
margin:8px;
float:right;}
.ads_after{
margin:8px;
text-align:center;}
.ads_side{}
.ads_related{}
.ads_search{}
.ads_side_thin{}

/************************linksList**********************************/
.linksList li{width:48%;float:left;}

/************************tabber**********************************/
h2 { font-size:11px;}
.tabberlive #tabbertabhide {
 display:none;
}

#tabbernav
{
 padding: 3px 0;
 margin:auto 16px;
}



#tabbernav span
{
 padding: 4px 8px;
 margin-right: 3px;
 border-bottom: none;
 font-size:16px;
 color:#00a3e0;
 font-size:15px;
}

#tabbernav span.tabberactive
{
 background: #d4f4fe;
 color: #000;
}

#tabbertab {
 padding:5px;
 border-top:0;
 width:90%;
 margin:auto 16px;	

}

#tabbertab ul{
display:none;}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive #tabbertab h2 {
 display:none;

}
.tabberlive #tabbertab h3 {
 display:none;
 
}
.tabberlive#tab2 #tabbertab {
 height:200px;
 overflow:auto;
}

#tabbertab p { padding-bottom:10px; line-height:140%; }
#tabbertab ul { padding:0; margin:0;}
#tabbertab ul li { background:url(images/d.png) no-repeat 0 50%; padding-left:16px;font-size:14px;} 
#tabbertab ul li a{line-height:1.8;}