/*  
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-FAMILY: Microsoft YaHei, 微软雅黑, Tahoma, Arial; background-color: #FFFFFF; COLOR: #111111; FONT-SIZE: 12px}
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;}
.gheader {background:#EAEAEA;color:#e24c7c;height:22px;width: 853px;margin: auto auto;over-flow:hidden;position:relative;}

.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: 855px;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: 199px; 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 550px 0;}
/** END body **/

/** BEGIN content **/
#content {width: 550px;float: left;padding-bottom: 20px;}
#content p {margin-bottom: 10px;}
#content h3 {TEXT-TRANSFORM: uppercase; FONT-FAMILY: Microsoft YaHei, 微软雅黑, Tahoma, Arial, Verdana; COLOR: #111; FONT-SIZE: 10px; FONT-WEIGHT: normal}
#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;COLOR: #ff0000}
#content .post p {line-height: 1.7em;}
#content .post .details {padding-top: 10px;line-height: 1em;font-size: 12px;}
.post img {max-width:500px;}
#content .post H1 A {
	COLOR: #ff0000
}
.post H2 A {
	COLOR: #ff0000
}
#content .post H1 A:link {
	COLOR: #ff0000
}
/** END content **/

/**************** Single Post Navigate  *********************/
.pagelink{width:90%; margin:30px 20px 0px; text-align:center; font-weight:normal; } 
.pagelink a:link, .pagelink a:visited{ font-size:10px; font-weight:normal; padding:3px 7px; border:1px solid #CCCCCC; background:#D7D7D7;} 
.pagelink a:hover{ padding:4px 9px; font-weight:bold; border:1px solid #9DB9D2; background:#D7D7D7;}
/**************** PageNavi CSS *********************/
.pageNavi{  margin:0px auto 10px; width:658px; height:30px; line-height:30px; text-align:center; border:1px solid #B6C9DC; background:url(images/bg_pagenavi.jpg) repeat-x;}

.navigation_single{ float:left; width:94%; margin:25px 0px 0px 0px; padding:5px 13px; height:25px; line-height:28px; border:2px dotted #CCCCCC; border-bottom:none; background:#D7D7D7; font-weight:bold; }


/** BEGIN sidebar **/
#sidebar {width: 302px;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: 280px; 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: #E24C7C;color: #ECECEC;padding: 10px 15px;}
#footer a {color: #ECECEC;}
#footer .inner {margin:0;height:45px;}
#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:black;
}
.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 {
    margin-left: 10px;
	color:gray;
}
.com a:link{
	font-family: 'Tahoma', Arial;
	font-size: 10px;
	color:red;
}
.com a:visited{
	font-family: 'Tahoma', Arial;
	font-size: 10px;
	color:red;
}
DIV.ta-pageimg-right IMG {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #f3f3f3; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: inline; OVERFLOW: hidden; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 3px
}
DIV.ta-pageimg-right {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: right; PADDING-TOP: 2px
}
DIV.ta-pageimg-left {
	PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 8px; DISPLAY: inline; FLOAT: left; PADDING-TOP: 2px
}
DIV.ta-pageimg-center IMG {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #f3f3f3; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: block; HEIGHT: auto; MARGIN-LEFT: auto; OVERFLOW: hidden; BORDER-TOP: #ddd 1px solid; MARGIN-RIGHT: auto; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 3px
}
DIV.ta-pageimg-center {
	DISPLAY: block
}
.clear-float {
	CLEAR: both
}
.clr {
	LINE-HEIGHT: 1px; WIDTH: 1px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px
}
#ta-bg {
	MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 0px
}
#ta-post {
	MARGIN: 0px auto; WHITE-SPACE: normal
}
#ta-post P {
	TEXT-ALIGN: center; LINE-HEIGHT: 20px; MARGIN: 5px 0px; PADDING-LEFT: 10px; FLOAT: left
}
.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
.clearfix {
	DISPLAY: inline-block
}
.clearfix {
	DISPLAY: block
}
#ta-single-list {
	PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#ta-single-list IMG {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; DISPLAY: inline; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 3px
}
.ta-entry-left {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 8px; PADDING-TOP: 10px
}
.ta-entry-left .img_holder {
	MARGIN: 0px 10px 0px 0px; DISPLAY: inline; FLOAT: left
}
.ta-entry-left .img_holder IMG {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 3px
}
.ta-entry-left .ta_info {
	POSITION: relative; DISPLAY: inline; FLOAT: left
}
.ta-entry-left .ta_text {
	
}
.ta-entry-right {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.ta-entry-right .img_holder {
	MARGIN: 0px 0px 0px 10px; DISPLAY: inline; FLOAT: right
}
.ta-entry-right .img_holder IMG {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 3px
}
.ta-entry-right .ta_info {
	POSITION: relative; DISPLAY: inline; FLOAT: right
}
.ta-entry-right .ta_text {
	
}
.blogroll {
	WIDTH: 261px; ZOOM: 1; DISPLAY: block; OVERFLOW: auto
}
.blogroll LI {
	WIDTH: 100px; DISPLAY: block; FLOAT: left
}
 

/** BEGIN content **/
#content .other{clear:both;border-bottom:1px solid #DEDEDE;height:325px;overflow:hidden;}
#content .other h3{font-size:10px;font-weight: normal;font-family: Microsoft YaHei, 微软雅黑, Tahoma, Arial, Verdana;color:#111;text-transform:uppercase;}
#content .other ul{list-style-type:none;}
#content .other li{line-height:1.7em;margin:0 0 0 -18px;padding:0;}
#content .other .l{float:left;width:240px;border-right:15px solid #FFF;overflow:hidden;white-space:nowrap;display:inline;margin:15px 0 0 15px;}
#content .other .r{float:left;width:240px;border-right:15px solid #FFF;overflow:hidden;white-space:nowrap;display:inline;margin:15px 0 0;}

#content {width: 550px;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.3em;}
#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 **/
/** END wordpress 2.7 comments **/