/*  
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: 12px;font-family: Tahoma, Arial; color: #111111;background: none;}
a, a:link, a:visited {color: #3B5998; text-decoration: none;}
a:hover {color: #893F2C; text-decoration: none;}
img {border: 0;}
.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: 825px;margin: auto auto;text-align: left;}
/** END wrapper **/

/** BEGIN header **/
#header {height: 103px;background: url(images/header.gif) repeat-x 0 bottom;padding-top: 20px;}
#header ul {list-style-type: none;padding:8px 0;*padding:8px 0 0;height: 35px;}
#header ul li {float: left;text-transform: uppercase;font-weight: normal;font-size: 12px;font-family: "Microsoft YaHei",Tahoma, Arial; background: url(images/divider.gif) no-repeat 0 9px;}
#header ul li.f {padding-left: 5px;background: none;}
#header ul li a {color: #ECECEC;display: block;padding: 8px 12px;}
#header ul li a:hover {text-decoration: underline;}
#header .logo {float: left;padding-left: 5px;}
#header .logo h1 {font-size: 0;}
#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 {border-width: 0 1px;border-style: solid;border-color: #DEDEDE; background:url(images/body.gif) repeat-y 530px 0;}
/** END body **/

/** BEGIN content **/
#content {width: 530px;float: left;padding-bottom: 20px;}
#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 li {padding: 2px 0;list-style-type :none;}
#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;border-bottom: 1px solid #DEDEDE;}
#content .f {border-top: 0;line-height: 1.7em;}
#content .post .thumb {float: left; margin: 0 10px 0 0;display: inline;}
#content .post .thumb img {width: 75px;}
#content .post h1,.post h2 {font-size: 1.2em;margin-bottom: 10px;line-height: 1.1em;*letter-spacing: -1px;}
#content .post p {line-height: 1.7em;}
#content .post .details {padding-top: 10px;line-height: 1em;font-size: 12px;}
.post img {max-width:500px;}
/** END content **/


/** BEGIN sidebar **/
#sidebar {width: 292px;float: right;padding-bottom: 20px;}
#sidebar h2 {font-size: 10px;color: #111111;font-family: Tahoma, Arial, Verdana;text-transform:uppercase;padding: 15px 15px 10px;}
#sidebar ul {list-style-type: none;padding: 0 15px 15px;line-height:1.7em;border-bottom: 1px solid #DEDEDE;}
#sidebar a:hover{color: #893F2C; text-decoration: underline;}
#sidebar form {border-bottom: 1px solid #ECECEC;background: #f5f5f5 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 {
	padding: 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;
		border: 1px solid #cccccc;
		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;
	height: 30px;
	
}

.post h2 a.titlefirst {
	text-decoration:none;
	color:#CC0000;
}
.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;
}

.com {
color:#FFFFF;font-size:10px;float:right;padding:2px 0 2px 3px;text-align:center; background:url(/wp-content/themes/jandan/images/commentsnumber.jpg) no-repeat;line-height:1em;height:15px;width:28px;
}
.com a:link{
	font-family: 'Tahoma', Arial;
	font-size: 10px;
	color:white;
}
.com a:visited{
	font-family: 'Tahoma', Arial;
	font-size: 10px;
	color:white;
}
 
/** END wordpress 2.7 comments **/