@charset "utf-8";

/*

Theme Name: Lotus

Theme URI: http://javcin.cn/

Description: A undivided theme.  Design by <a href="http://javcin.cn/">CIN</a>. 

Version: 1.0

Author: CIN

Author URI: http://javcin.cn/

*/



 

/* whole elements */

.toCenter{text-align:center;}

/* Top Elements */

* { margin: 0; padding: 0; outline: 0 }



body {

	background: #f3ebe0 url(images/bg.gif) repeat-x;

	font: 12px/170%  'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

	color: #666666; 

	text-align: center;	

}



small{color:#999;}

h2 small{ font-size:0.7em; padding-left:5px;}

/* links */

a, a:visited {	

	color: #306495;

	background: inherit;

	text-decoration: none;

}

a:hover {

	color: #73471B;

	background: inherit;

	text-decoration: underline;

}



/* headers */

h1, h2, h3 {

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

	font-weight: Bold; 	

	padding: 10px;		

	color: #444;	

}

h1 {

	font-size: 2.2em;		

}

h2 {

	font-size: 2em;

	color: #88ac0b;

}

h3 {

	font-size: 1.4em;

	font-weight: normal;	

	padding: 16px 10px 4px 10px;

}

h4 {font-size: 1em; color:#060;}

h3 + h4 {margin-top:10px;}

#main h3{border-bottom:solid 1px #deedae; font-family: 'Lucida Grande', 'Lucida Sans Unicode',simhei;}


/* Paragraph */

p { padding: 12px 10px;	}



/* Lists */

ul, ol {

	margin: 10px 20px;

	padding: 0 20px;	

}

ul { list-style: none; }



dl { padding: 10px; margin: 0; }



dt {

  font-weight: bold;

  color: #79A62E;

}

dd {

  padding-left: 25px; 

}



/* images */

img {

	background: #fafafa;

   border: 1px solid #dcdcdc;

	padding: 7px;

}

img.float-right {

  	margin: 5px 0px 10px 10px;  

}

img.float-left {

  	margin: 5px 10px 10px 0px;

}

img.aligncenter{margin:auto; display:block;}

img.thumbnail{ padding:3px; margin:5px 10px;; float:left;}

code {

  	margin: 5px 0;

  	padding: 15px;

  	text-align: left;

  	display: block;

  	overflow: auto;  

  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;

  	/* white-space: pre; */

  	border: 1px solid #deedae; 

	background: #F0FFD2; 

}

acronym {

  cursor: help;

  border-bottom: 1px dotted #895F30;

}

blockquote {

	margin: 15px 10px;

 	padding: 5px 7px 5px 40px;  	

    font-weight: normal;

	font-size: 12px;

	line-height: 1.8em;

	font-family: Georgia, 'Times New Roman', Times, serif;		

	color: #80614D;	

	border: 1px solid #DFF4B5; 

	background: #F0FFD2 url(images/quote.gif) no-repeat 7px 10px;

}
.ad-img{margin:10px 40px; height:100px; clear:both;}
.ad-img p{padding:5px 15px;}
.ad-hor{margin:0 0 10px 0;}
.ad-hor p{margin-left:15px;}




.sub-index {margin:10px 0;border: 1px solid #DFF4B5;background: #F0FFD2; padding:2px 0;  }
.sub-index li{display:inline; padding:0 5px;}
.sub-index strong{padding-left:10px;}
/* start - table */

table {

	border-collapse: collapse;

	margin: 15px 10px;		

}

th {

	height: 38px;

	padding-left: 12px;

	padding-right: 12px;

	color: #fff;

	text-align: left;

	background: #ADD163;	

	border-width: 1px;

  	border-style: solid;

  	border-color: #C4DE8F #93C138 #93C138 #C4DE8F;	

}

tr {

	height: 34px;

	background: #fff;

}

td {

	padding-left: 11px;

	padding-right: 11px;

	border: 1px solid #E7F0CC;	

}	

/* end - table */



/* form elements */

form {

	margin: 15px 10px; 

	padding: 5px 10px 20px 10px;	

}

label {

	display: block;

	font-weight: bold;

	margin: 8px 0 5px 0;

	color: #895F30;

}

input, textarea, select {

	padding: 4px;

	color: #666666;		

	background: #fff;

	

  	border-width: 1px;

  	border-style: solid;

  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 

	

	font: normal 12px Verdana, sans-serif;

}

textarea {

	width: 400px;	

	height: 100px;

	display: block;	

}

input.button { 

	font:normal 12px Arial, Sans-serif; 

	height:24px;

	margin: 0;

	color: #fff;

	background: #A6CD56;

	border-width: 1px;

  	border-style: solid;

  	border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F;

}


.links{height:21px;}
.links a{float:left;}
.links small{float:right;}



/********************************************

   LAYOUT

********************************************/ 

#wrap {

	position: relative;

	width: 920px;

	background: #edf8c7 url(images/wrap.gif) repeat-y center top;

	margin: 35px auto; 

	text-align: left;	

}

#content-wrap {

	position: relative;

	clear: both;

	float: left;	

	width: 920px;	

	padding:0; 	

	background:#edf8c7 url(images/content.gif) repeat-y;	

	

}

#header {

	position: relative;

	width: 920px;

	height: 205px;

	background:url(images/header.jpg) no-repeat;	

	color: #fff;	

	padding: 0;	

	margin: 0;

}

#header h1#logo a {display:block; width:280px; height:100px; text-indent:-1000px; position:relative; top:65px; left:65px;}

#header p#slogan {visibility:hidden;}





/* Navigation */

#nav {

	clear:both;padding:0;margin:0;width:920px;height:50px;

	background:url(images/nav.jpg) no-repeat bottom;		

}

#nav ul {

	float: left;

	list-style: none;	

	margin: 0;

	padding: 0 0 0 40px;			

	height: 50px;

}

#nav ul li {

	display: inline;

	margin: 0; padding: 0;

}

#nav ul li a {

	display: block;	float: left;width: auto;margin: 0 0 0 4px;padding: 0 16px;color: #fff;

	font: bold 14px/50px 'simhei', Arial, sans-serif;

	text-decoration: none;

}

#nav ul li a:hover, 
#nav ul li a:active {color:#FF6699; background-image:url(images/nav.jpg); background-repeat:no-repeat;}

#nav ul li.home  a:hover{background-position:-44px  0;}
#nav ul li.nav_0 a:hover{background-position:-110px 0;}
#nav ul li.nav_1 a:hover{background-position:-206px 0;}
#nav ul li.nav_2 a:hover{background-position:-302px 0;}
#nav ul li.nav_3 a:hover{background-position:-398px 0;}
#nav ul li.nav_4 a:hover{background-position:-494px 0;}
#nav ul li.nav_5 a:hover{background-position:-590px 0;}
#nav ul li.nav_6 a:hover{background-position:-686px 0;}
#nav ul li.nav_7 a:hover{background-position:-782px 0;}

#nav ul li.selected a,
#nav ul li.selected a:hover {color: #93DAFF;background:url(images/pointer.gif) no-repeat center bottom; display:block;}


/* Main Column */

#main {

	float: left;width: 586px;padding: 0; margin: 0 0 0 41px;display: inline; }

#main h2 {

	font: bold 2.25em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;

	color: #115280; 

	padding: 10px 0 5px 5px; 	

	letter-spacing: -1px;

	border-bottom: 1px solid #D2E9A4;

}

#main h2 a {color: #115280;	text-decoration: none;}



/*list content*/
.content{ padding:0 10px;}
.content .ctitle{font-weight:bold; display:block;}
.content .info{padding:0; border-top:dotted 1px #ccc; display:block; margin:0 0 0 100px;}
.content img{ margin:5px 10px 0 0;}
/*list*/

.post-list{border:1px solid #deedae; float:left;}
.post-list-even{margin-left:10px;}
.post-list-cat{width:286px;}
.post-list-cat .content{height:170px; }
.post-list img{width:80px; height:80px;}
.post-list p{height:168px; padding:2px 10px 0 10px;}

.post-list,
.side-list{border-bottom:4px solid #d2e9a5; border-top:8px solid #d2e9a5; margin-bottom:10px;}

.side-list ul,
.post-list ul{ padding:0; background:#f2f9da; margin:0;  }
.side-list ul{width:240px;border:1px solid #deedae;}
.side-list ul li,
.post-list ul li{padding:3px 8px; }
.side-list ul li{border-bottom:1px solid #deedae;}
.post-list ul li{border-top:1px solid #deedae;}

.side-list h3,
.post-list h3{height:27px; padding:0 8px;; background:url(images/fill.gif) repeat-x;font:normal 12px/25px 'simhei';}
.side-list h3 a,
.post-list h3 a{color:#444;}
.side-list h3 a:hover,
.post-list h3 a:hover{ text-decoration:underline;color:#000;}

ul.related_post{width:584px;}

#featured{float:none; margin-top:10px;}
#featured .content{ height:140px; overflow:hidden;}
#featured .ctitle{ font-size:16px;padding:3px 0;}
.cat-list .info,
#featured .info{margin-left:140px;}
.cat-list img,
#featured img{width:120px; height:120px;}


#featuredposts{position:absolute; top:170px; left:580px;}

*html #featuredposts{display:none;}
#featuredposts a{display:block; height:8px; width:8px; background:#fff; float:left; margin:0 3px;}

#featuredposts a.selected{ background:#a6cd56;}

.cat-list .content{
	height:140px;
	margin-bottom:10px;
	border-color: #d2e9a5;
	border-width: 1px;
	border-style:solid;
	border-top-width:4px;
	border-bottom-width:2px;
}


/*sidebar*/



#sidebar {float: right;	width: 242px;padding:10px 0 10px 0; margin: 0 41px 0 0;display: inline; }

#sidebar .searchform {background-color: transparent; border:0; margin:0; padding:0;}

#sidebar .searchform p { margin: 0; padding:0;}

#sidebar .searchform input.textbox { width: 160px;	height: 14px; margin-right:6px; }

#sidebar .searchform input.button { width: 60px;}

#sidebar .post-images{height:180px; overflow:hidden;}

#sidebar .post-images img{padding:0; margin:0; border:0;}



#post-Recommend .index_page{ position:relative; top:-27px; left:5px;}

#post-Recommend .index_page a,

#post-Recommend .index_page strong{padding:0 5px; margin-right:1px; border-style:solid; border-width:1px;}

#post-Recommend .index_page a{border-color:#ccc; background:#f7f7f7;}

#post-Recommend .index_page strong{border-color:#deedae; background:#a6cd56; color:#fff;}



/*page*/

.postInfo{margin-bottom:20px;}

.postInfo .date{

	background: #a6cd56; color:#fff; 

	text-align:center; width:40px; font-weight:bold;

	float:left; padding:2px 0;

	height:103px;

}

.postInfo ul{margin:0 0 0 50px;  padding:0;}

.postInfo ul li{border-bottom:dotted 1px #ccc;}

/*singer*/

.post-singer {padding:0 8px;}
.post-singer ul{ list-style:disc;}
.post-singer ul ul{list-style:circle;}
.post-singer ul p{padding:0 10px; margin:5px 0; border-left:solid 2px #9c3;}
.post-singer blockquote ul p {border-left:solid 2px #80614D;}



/* footer */

#footer-wrap {

	clear:both;width:920px; text-align:left; padding:0; margin:0;

	background: url(images/footer-bottom.gif) no-repeat left bottom;		

}

#footer-wrap img{border:0; padding:0; margin:0; position:relative; top:2px;}

#footer-content {width: 920px;background: url(images/footer-top-sep.gif) no-repeat;	padding: 30px 0 35px 0;}

#footer-wrap p {padding:10px 0;}

#footer-wrap h3 {color: #145F94; margin: 0;padding: 5px 0 5px 10px; text-transform: uppercase;}

#footer-wrap a:hover {color: #000; text-decoration: none;}

#footer-columns {color: #888;margin: 0 auto; padding: 0;width: 800px;}

#footer-columns ul {list-style: none;margin: 0; padding: 0;	border-top: 1px solid #BFD286;}

#footer-columns li {border-bottom:1px solid #CCDA9E;padding: 0 0 0 10px;height:35px;line-height:35px;overflow:hidden;}

#footer-columns li a {font-weight: normal;width: 96%;color: #666666;}

#footer-columns .col3, .col3-center {float: left;width: 32%;}

#footer-columns .col3-center {margin: 0 15px; }



/* bottom */

#footer-bottom {

	clear: both;color: #555;margin: 0 auto; 

	width: 920px;padding: 15px 0 10px 0;text-align: center;	font-size: 0.95em;

}

#footer-bottom a { color: #306495; }



/* postmeta */

.post-ratings,

.post-footer {padding:5px 8px; 	margin:10px 0;color:#A2745D;border: 1px solid #deedae; background:#f2f9da;}

.post-footer a.comments { margin: 0 10px 0 5px;	}

.post-info { font-size: 12px; padding: 0 10px; margin-left: 2px; color: #A98D76; }

.post-info a, .post-info a:visited { color: #9C652E; }

.post-path{border:1px solid #deedae;background:#f2f9da;height:22px;line-height:22px; margin:11px 0; padding:0 8px;}

.post-navi {border-top:1px solid #deedae;margin:10px 0 0 0;	padding:2px 0;}

.post-navi a{display:block;}

.post-navi .float-left a{padding-left:16px; background:url(images/prev.gif) no-repeat left center;}

.post-navi .float-right a{padding-right:16px; background:url(images/next.gif) no-repeat right center;}





.page-navi{border-top:solid 1px #BFD286;padding:5px 0;}

.page-navi a {padding:3px 5px;text-decoration:none;border:1px solid #edf8c7;}

.page-navi a:hover {background:#F7F7F7;border:1px solid #CCC;text-decoration:none;}

.page-navi span.pages {padding-right:10px;}

.page-navi span.current {background:#A6CD56;color:#fff;border:1px solid #A6CD56;font-weight:bold;padding:3px 5px;}


.single-navi{ text-align:center; }
.single-navi a{ text-decoration:none;}
.single-navi a:hover span,
.single-navi span{padding:3px 5px; background:#9c3; color:#fff; margin:0 2px;}
.single-navi a span{background:#D2E9A5; color:#666; }







/*Comment*/





.comments , div.comments *{margin:0; padding:0;}

.comments img{border:0;}

.comments h3{margin:20px 0 0 0; border-bottom:1px solid #deedae; }

.commentlist{ list-style:none;}

.commentlist li{ 

	margin-bottom:15px; border:1px solid #d2e9a5; border-top:4px solid #d2e9a5;

	background:#f2f9da; padding:4px 8px;

}

.commentlist p.info{ border-bottom:dotted 1px #ccc; height:38px;}

.commentlist .user_info{position:relative; top:15px;}

.comments .smilies{ 
	padding-left:4px; width:558px; background:#fff; position:relative; top:-3px;
	border-left:solid 1px #ccc;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
}

.comments .smilies img{margin-right:2px;}


#respond{padding:10px; background:#deedae; border:solid 1px #d8e99e;}

.comments textarea,
#respond textarea{width:563px; overflow:auto;}



#respond input{width:100%; padding:4px 0;}
#respond input#submit{width:100%;}

#respond p.author,

#respond p.email,

#respond p.url{ width:30%; float:left; margin:10px 0; }

#respond p.email{margin:10px 5% 10px 5%;}



.chalt,

.comment-childs{padding:4px 8px !important; margin:4px 0 !important; border:1px solid #d2e9a5;}

.chalt{background:#fff !important;}

.comment-childs{background:#f2f9da;}



/* alignment classes */

.float-left  { float: left; }

.float-right { float: right; }

.align-left  { text-align: left; }

.align-right { text-align: right; }





/* clearing */

.clearer { clear: both; }

.clear {	display:inline-block; }


.clear:after {

	display:block; 

	visibility:hidden; 

	clear:both; 

	height:0; 

	content: "."; 

}





.nofloat{float:none;}

img.avatar {float:left; margin-right:5px;}

.gallery{padding:8px 0 8px 25px;}
.gallery img{margin:3px; width:120px;}


/*ranking $ error*/

.ranking .list{ float:left; width:280px; margin:5px;}

.ranking ol {margin-left:10px;}
.ranking ol li,
.error ul li{border-bottom:1px solid #deedae; padding:3px 0;}

/*book*/

.book img{width:80px; height:80px; float:left; }
.book ul{ }
.book li{ padding:0 !important; height:100px; }

.book div{ position:relative; top:30px; margin-left:108px;}
.book div a{display:block; border-bottom:dotted 1px #d2e9a5; padding-left:3px;}


/*feed*/

.feed{line-height:normal; width:350px; line-height:0; padding:3px 0 10px 0;}
.feed a{width:108px; height:20px; background-image:url(images/feed.gif); display:block; text-indent:-1000px; float:left; margin:2px; }
.feed a#f2{ background-position:0 -20px;}
.feed a#f3{ background-position:0 -40px;}
.feed a#f4{ background-position:0 -60px;}
.feed a#f5{ background-position:0 -80px;}
.feed a#f6{ background-position:0 -100px;}