@charset "utf-8";
/* CSS Document */


/*

Theme Name:SpringFestival

Theme URI:http://www.wpart.org/wordpress-themes-SpringFestival/

Description: Retro style to the performance  the Chinese history；colorful frame shape,patterns made of Kaleidoscope with the proportion ,mimic the vivid and full of beauty. a wordpress theme for wpart.org .

Version: 1.51

Author: xwenz

Author URI:http://www.WPart.org

Tags:red,green,gray,white,orange, fixed-width, two-columns,custom-background,custom-header,holiday

License:GNU General Public License, v2 (or newer)

License URI:http://www.gnu.org/licenses/old-licenses/gpl-2.0.html    

*/

/* CSS Document */



html, * html body, body, div, h1, h2, h3, h4, h5, h6, #nav ul, #sidebar ul {
	padding:0;
	margin:0;
}
input, textform {
	font-size:12px;
}
a {
	color:#697B2D;
	text-decoration:none;
}
a:hover {
	color:#CC0000;
}
#header span, #header h1 {
	display:block;
	padding:0;
	margin:0;
	font-weight:bold;
	line-height:1em;
}
#header span a, #header h1 a {
	font-size:60px;
	color:#000;
	font-family: "Gabriola", Gadget, sans-serif;
	line-height:60px;



}




h2 {
	font-size:26px;
	line-height:26px;
}
h3, h4, h5, h6 {
	font-size:14px;
	line-height:24px;
}
small {
	font-size:20px;
	font-weight:normal;
}
.cb {
	clear:both;
	height:0;
}
.fl {
	float:left;
}
.fr {
	float: right;
}
.gray {
	color:gray;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 1.5em;
	background-color: #E1DEBC;
}
#top {
	background-image: url(images/top.gif);
	background-repeat: repeat-x;
	background-position:center;
	height: 56px;
	position: fixed;
	left:0;
	width: 100%;
	clear:both;
	z-index:10000;
}
#header {
	background:#ECE9D6 url(images/header.jpg) no-repeat;
	width:960px;
	min-height:175px;
	margin:0 auto;
	clear:both;
	padding-bottom:16px;
}
#header .logoblock {
	float:left;
	padding-left:100px;
	padding-top:110px;
	width:600px;
}
#header .searchtop {
	width:191px;
	height:20px;
	float:right;
	background:#fff url(images/searchbg.jpg) no-repeat;
	padding-left:20px;
	margin-top:120px;
	margin-right:25px;
	padding-top:2px;
}
#header .field {
	width:136px;
	float:left;
	border:none;
	background:none;
}
#header .submit {
	width:50px;
	border:none;
	background:none;
	cursor:pointer;
	text-align:center;
}
#banner {
	margin:0 auto;
	padding-bottom:10px;
	background-color:#ECE9D6;
	width:960px;
	text-align:center;
	clear:both;
}
#img_bg_bg {
	margin-left:10px;
}
#main,.right-sidebar #main {
	padding:0 10px 35px 20px;
	margin:0 auto;
	width:930px;
	clear:both;
	background-color:#ECE9D6;
	clear:both;
}
.left-sidebar #main{	padding:0 20px 45px 10px;
}
#content,.right-sidebar #content {
	width:655px;
	float:left;
}
.left-sidebar #content{ float:right;}
#sidebar,.right-sidebar #sidebar {
	width:260px;
	float:right;
}
.left-sidebar #sidebar{ float:left;}
#FooterShadow {
	background:url(images/footer.gif) repeat-x;
	z-index:100;
	position:relative;
	margin-top:-27px;
	width:100%;
	height:27px;
	clear:both;
}
#footer {
	background-image:url(images/footer.jpg);
	width:100%;
	height:80px;
	clear:both;
	text-align:center;
	color:#CF9688;
	padding-top:10px;
}
#footer a {
	color:#CF9688;
	text-decoration:underline;
}
#footer a:hover {
	color:#ACE330;
}
/*****************/
#nav_bg {
	background:url(images/nav_r1_c1.png) no-repeat;
	top:-16px;
	left:0;
	width:1056px;
	height:16px;
	position: absolute;
	z-index:100;
	clear:both;
}
#nav {
	background:url(images/nav_r2_c1.png) no-repeat left bottom;
	width:1000px;
	clear:both;
	padding:0 28px 28px;
	position:relative;
	margin:0 auto;
}
#nav .menu{ background-color:#88250E; border:solid 3px #9F2C11; float:left; width:994px;}
#nav ul{ border-top:solid 1px #752003; border-bottom:solid 1px #902408; float:left;}
#nav li {
	float:left;
	list-style:none;
	position:relative;
	padding:0 0 0;
	height:23px;
}
#nav li a {
	display:block;
	font-size:14px;
	float:left;
	white-space:nowrap;
	padding:3px 15px;
	color:#fff;
}
#nav li:hover a, #nav li a:hover, #nav li.current_page_item a {
	background:#9A290E url(images/nav_bg1.jpg) repeat-x bottom center;
	text-decoration:none;
	color:#ACE330;
	border:solid 1px #952811;
	padding:2px 14px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#nav li ul {
	display:none; border:none; float:none;
}
#nav li:hover ul {
	display:block;
	position:absolute;
	z-index:100;
	top:24px;
	min-width:100px;
	left:0;
	background:#9A290E url(images/nav_bg2.jpg) repeat-x top center;
	-moz-border-radius:5px;
	border-radius:5px;
	border: none;
	padding-top:3px;
	height:auto;
	padding-bottom:3px;
}
#nav li:hover li {
	padding:0;
	float:none;
}
#nav li:hover li a {
	-moz-border-radius:0;
	border-radius:0;
	border:none;
	display:block;
	background: none;
	color:#C99182;
	float:none;
}
#nav li:hover li a:hover {
	color:#ACE330;
	background-color:#7F230E;
	display:block;
}
#nav li:hover ul li ul {
	display:none;
}
#nav li:hover ul li ul a:hover{ background:none;}
#nav li:hover ul li:hover ul {
	display:block; left:100%;top:0;
}
/*****************/



div.post {
	width:100%;
	float:left;
	background:url(images/line.jpg) repeat-x center bottom;
}
div.post {
	margin-bottom:15px;
}
.posttitle {
	clear:both;
	height:50px;
}
.posttitle .fl {
	background:#fff url(images/comment.jpg) no-repeat;
	width:53px;
	height:35px;
	text-align:center;
	padding-top:15px;
	font-size:12px;
	color:#000;
}
.posttitle .fl a {
	font-weight:bold;
}
.posttitle .fr {
	width:600px;
	color: #697B2D;
}
.posttitle .fr a {
	text-decoration:underline;
}
.posttitle .fr .title2 a {
	color:#CC0000;
	font-size:16px;
	text-decoration:none;
}
.posttitle .fr .title2 a:hover {
	color: #697B2D;
	border:none;
}
.entry {
	clear:both;
	margin-top:10px;
	font-size:14px;
	line-height:1.8em;
}
.homepage .entry {
	font-size:16px;
	line-height:1.5em;
}
/**********  thumbnail img  ********** 
.entry .fl {
	width:206px;
	height:126px;
	margin:0 15px 15px 0;
	margin-top:-1px;
}
.entry .fl a {
	display:block;
}
.entry .fl a img {
	width:200px;
	height:120px;
	padding:3px;
	background-color:#D5D09F;
	border:none;
}
.entry .fl a:hover img, .entry .fl a:hover .newpost {
	background-color:#C7BF7E;
}
.entry .fl .newpost {
	background-color:#D5D09F;
	background-position:3px 3px;
	background-repeat:no-repeat;
	width:200px;
	height:120px;
	padding:3px;
	float:left;
}
.newpost1, .newpost5, .newpost9, .newpost13 {
	background-image:url(images/newpost/1.jpg);
}
.newpost2, .newpost6, .newpost10, .newpost14 {
	background-image:url(images/newpost/2.jpg);
}
.newpost3, .newpost7, .newpost11, .newpost15 {
	background-image:url(images/newpost/3.jpg);
}
.newpost4, .newpost8, .newpost12, .newpost16 {
	background-image:url(images/newpost/4.jpg);
}
*********************/
.entry .more {
	text-align:right;
	margin-bottom:8px;
}
.entry .more a {
	font-weight:bold;
}
.entry .more .small {
	font-size:9px;
	font-weight:normal;
}
/********************/

.navigation {
	clear:both;
	height:40px;
}
.navigation a {
	color:#CC0000;
	padding-bottom:8px;
	display:inline-block;
	font-weight:bold;
}
.navigation a .small {
	font-size:9px;
	font-weight:normal;
}
.navigation a:hover {
	color:#697B2D;
}
/*****************/

.title3 {
	background:#A4381F url(images/sidetitle.jpg) no-repeat left bottom;
	color:#fff;
	font-size:14px;
	padding-left:30px;
	text-transform: capitalize;
	padding-top:8px;
	height:18px;
	font-family: "Arial Black", Gadget, sans-serif;
	line-height:1em;
}
#sidebar ul {
	padding:0;
}
#sidebar ul ul {
	padding:12px 12px 10px;
	background:#DAD7AB url(images/sidetitle2.jpg) no-repeat center top;
}
#sidebar ul li.widget_search div,#sidebar ul li.widget_calendar div#calendar_wrap{
	padding:22px 0 10px;
	background:#DAD7AB url(images/sidetitle2.jpg) no-repeat center top;
}
#sidebar li.widget_text div.textwidget,#sidebar li.widget_tag_cloud div.tagcloud{
	padding:22px 12px 10px;
	background:#DAD7AB url(images/sidetitle2.jpg) no-repeat center top;
}


#sidebar ul ul ul {
	margin:12px 0 12px 12px;
	padding:0;
	background:none;
}
#sidebar li {
	list-style:none;
	background:#DAD7AB url(images/sidebottom.gif) no-repeat center bottom;
	padding-bottom:21px;
	margin-bottom:10px;
}
#sidebar .side_bottom{}
#sidebar li li {
	margin:0;
	background:none;
	padding:8px 0 4px;
	border-bottom:dashed 1px #F3F1E2;

}
#sidebar li a{
	background: url(images/sidenarrow.gif) no-repeat left 3px;
	color:#000;
	padding:0 0 0 18px;
	border:none;
}
 #sidebar li.widget_recent_comments li{	background: url(images/sidenarrow.gif) no-repeat left 11px;
	color:#000;
	padding:8px 0 4px 18px;
	border-bottom:dashed 1px #F3F1E2;
}

 #sidebar li.widget_recent_comments li:hover{	background: url(images/sidenarrow2.gif) no-repeat left 12px;
}
#sidebar li a:hover {
	background: url(images/sidenarrow2.gif) no-repeat left 4px;
}
#sidebar li a:hover {
	color:#990000;
}
#sidebar #searchform {
	width:191px;
	height:20px;
	background:url(images/searchbg.jpg) no-repeat 25px top;
	padding-left:45px;
	padding-top:2px;
}
#sidebar .field {
	width:136px;
	float:left;
	border:none;
	background:none;
}
#sidebar .submit {
	width:50px;
	border:none;
	background:none;
	cursor:pointer;
	text-align:center;
}
#sidebar img{ max-width:90%;}
#sidebar li.widget_recent_comments a, #sidebar li.widget_calendar a, #sidebar li.widget_tag_cloud a {
	background:none;
	color:#900;
	border-bottom:none;
}
#sidebar li.widget_recent_comments a:hover, #sidebar li.widget_calendar a:hover, #sidebar li.widget_tag_cloud a:hover {
	background:none;
	text-decoration:underline;
}
#sidebar li.widget_tag_cloud a {
	display:inline;
}
#sidebar #wp-calendar {
	width:260px;
}
#sidebar #wp-calendar * {
	text-align:center;
}
#sidebar #wp-calendar caption {
	font-weight:bold;
}
#sidebar #wp-calendar a {
	padding:0;
	margin:0;
	background:#ECE9D6;
	display:inline;
	padding:2px 8px;
}
/************************/



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

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 577px; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width:585px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
	float:none;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
.sticky {
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
a.thumbnailimg img {
	border:solid 2px #DAD7AB;
}
a.thumbnailimg:hover img {
	border:solid 2px #fff;
}
/************************/

.commentlist {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}
.commentlist li.even, li.pingback {
	background-color:#E5E2C5;
	border:solid 1px #D6D1A3;
}
.commentlist li.odd {
	background-color:#D6D1A3;
}
li.comment, li.trackback, li.pingback {
	list-style:none;
	margin-bottom:1px;
}
.commentlist ul.children li {
	position:relative;
}
li.depth-1 {
	padding:5px;
	position:relative;
}
img.avatar {
	background-color:#fff;
	border:solid 1px #999;
	padding:1px;
	float:left;
	margin-top:-5px;
	margin-right:3px;
}
li.depth-1 .comment-author {
	clear:both;
	height:36px;
	padding-top:5px;
}
li.depth-1 .commentmetadata {
	color:#555555;
}
.commentmetadata a {
	color:#555555;
}
.commentmetadata a:hover {
	color:#CC0000;
}
.comment-author .url {
	color:#697B2D;
	font-weight:bold;
}
.comment-author .url:hover {
	color:#CC0000;
}
.comment-author .says {
	color:#697B2D;
}
.reply {
	position:absolute;
	right:25px;
	top:20px;
}
.reply a {
	color:#CC0000;
}
.reply a:hover {
	color:#697B2D;
}
.commentlist li.depth-2 {
	margin-left:50px;
}
.commentlist ul.children li.even, .commentlist ul.children li.odd {
	position: relative;
	background:none;
	border:none;
	background-image:url(images/comment_narrow.gif);
	background-repeat:no-repeat;
	background-position:left 12px;
}
ul.children img.avatar {
	position:absolute;
	left:-55px;
}
ul.children .comment-body {
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#F4F2E6;
	margin-left:12px;
	position:relative;
	padding:5px 5px 25px;
	margin-bottom:10px;
	z-index:1;
}
ul.children .comment-author {
	height:1em;
}
ul.children .comment-author .fn {
	color:#000;
}
ul.children .comment-author .fn a {
	color:#CC0000;
}
ul.children .comment-author .fn a:hover {
	color:#697B2D;
}
ul.children .commentmetadata {
	height:20px;
	background-color:#E1DEBB;
	width:100%;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	margin-top:0;
	color:#555555;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	padding-top:5px;
}
ul.children .commentmetadata a {
	margin-right:15px;
	display:inline-block;
	float:right;
}
ul.children .reply {
	position:absolute;
	left:25px;
	top: auto;
	bottom:5px;
	width:50px;
}
/***********************/

#respond {
	position: relative;
	width: 100%;
	z-index:2;
	background-color:#ECE9D6;
}
li #respond {
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	width: 68.9%;
}
li #respond h3#reply-title {
	background:none;
}
#commentform {
	padding:0;
	width:100%;
	background:url(images/line.jpg) repeat-x left top;
	padding-top:5px;
}
#commentform #author, #commentform #email, #commentform #url {
	position:absolute;
	height:22px;
	color:#999;
	display:block;
	left:60px;
	top:0;
	border:solid 1px #DAD3CB;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
p.comment-form-url, p.comment-form-email, p.comment-form-author {
	position:relative;
	padding:2px 0;
}
#comment {
	height:120px;
	border:solid 1px #DAD3CB;
	color:#999;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:98%;
	padding:2% 1%;
	line-height:1.5em;
}
#respond #submit {
	background:#D65536 url(images/submit.png) no-repeat left top;
	text-indent:-1000px;
	width:173px;
	height:35px;
	padding:0;
	border:none;
	cursor:pointer;
	clear:both;
}
#respond #submit:hover {
	background:#EB6762 url(images/submit.png) no-repeat left -35px;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
h3.commenttitle, h3#reply-title {
	margin:15px 0 0;
	font-family:"Microsoft Sans Serif";
	width:94%;
	background:url(images/comment2.jpg) no-repeat left top;
	padding-left:6%;
	height:35px;
	clear:both;
	color:#A5381E;
	font-size:16px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight:bold;
}
h3.commenttitle a {
	color:#A5381E;
	font-size:16px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight:bold;
}
.nocomments, .nopassword {
	font-family:"Microsoft Sans Serif";
	text-align:center;
	width:100%;
	float:left;
	font-size:30px;
	color:#ccc;
}
.nopassword {
	font-size:18px;
}
.page-title {
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 5px;
}
div.SearchResults {
	background:none;
}
div.SearchResults #s {
	width:200px;
}
/***********************/



table {
	border-collapse: separate;
}
.entry table, .commentlist table {
	border-spacing: 0;
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry th, .commentlist th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry td, .commentlist td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote {
	padding:10px;
	border-left:solid 3px #736969;
}
.commentlist > li.bypostauthor {
}
/***********/
.pagetitle {
	text-align:center;
}
/*GWL ADD ON 2012.12.11*/
.side select{ margin: 5px 0 5px 45px; width:175px;}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}
.sticky .entry{
	background: -moz-linear-gradient(#ECE9D6, #F3F1E5);
	background: -o-linear-gradient(#ECE9D6, #F3F1E5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECE9D6), to(#F3F1E5)); /* older webkit syntax */
	background: -webkit-linear-gradient(#ECE9D6, #F3F1E5);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	padding:5px;
	margin-bottom:10px;
}
.format-aside .entry{ background-color:#F1EFE2;padding:0 3px;	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
}

a#backtop{ display:block; width:24px; height:44px; position:fixed; bottom:100px; left:50%; margin-left:480px;background:url(images/up1.jpg) no-repeat; }
a#backtop:hover{ background:url(images/up2.jpg) no-repeat;}