/*  
Theme Name: Spring Festival
Theme URI: http://interculturallearning.net/
Description: This is a three column theme to celebrate the Chinese New Year, i.e. the Spring Festival.
Version: 1.0 Beta
Author: JIN Xiaojun 
Author URI: http://interculturallearning.net/


This theme is based on Relaxation_3column (http://themes.orth.me.uk/3col_rex_ver1/index.php") by Clemens Orthand and StripedPlus 1.0 (http://www.theundersigned.net/2006/05/stripedplus-10-final-released/) by the undersigned, and these authors deserve due credits.

Released under GPL: http://www.opensource.org/licenses/gpl-license.php

*/

html, body {

	margin:0;

	padding: 0;

	text-align: center;

}



body {

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

	background-image: url(images/bg.gif);

	font-size: 12px;

	color:#AA7722;	

}



blockquote {

	border-left: 5px solid #AA0000;

	color: #AA7722;

	font-size: 12px;

	padding-left: 10px;

	margin:2px 15px 2px 15px;	

}



a {

	color: #FFDD88;

	text-decoration: none;

}



p {

	line-height:1.5em;

}



code {

	color: #0000FF;

	text-align: left;

}



hr {

	color: #995500;

}



h1 {

	background: url("images/fu.gif") no-repeat 0 50%;

	color: #FFCB66;

	font-size: 20px;

	font-weight: bold;

	line-height: 1em;

	text-transform:uppercase;

	padding: 5px 0px 5px 38px;

	margin: 38px 0px 0px 0px;

	text-decoration: none;

}



h1 a {	

	color: #FFCB66;

}





h2, h2 a {

	color: #FFCB66;

	font-size: 16px;

	font-weight: bold;

	margin: 0;

	padding: 5px 0 0 0;

}



h3 {

	color: #AA0000;

	font-size: 14px;

	text-transform:uppercase;

	margin: 15px 0 15px 0;

	padding: 0;

}



h4 {

	font-size: 11px;

	font-weight: normal;

	margin: 0;

	padding: 0;

}



h5 {

	color: #FFCB66;

	font-size: 10px;

	font-weight: normal;

	margin: 0;

	padding: 0;

}



img {

	border: none;

}



form {

	margin: 0;

	padding: 0;

}



small {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 10px;

	line-height: 1.2em;

}



input, textarea{

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

	font-size: 11px;

	padding: 2px;

}



input#s, input#author, input#email, input#url, input#code, textarea#comment, input#subscribe {

	border: 3px double #995500;

	background: #550101;

	color:#FFF;

	padding: 3px;

}



input#author, input#email, input#url, input#code{

	margin: 0 5px 0 0;

}



#header {

	float:left;

	position:relative;

	background: transparent url("images/top.jpg") no-repeat top center;

	margin:0;	

	line-height:5px;

	width: 100%;

	height:180px;

}



#header a {

	color: #FFCB66;

}



#header img {

	border: none;

}



#header h1 {

	background:none;

	margin:92px 0 5px 55px;

	padding-left:0px;

	line-height:0.1em;

	font-weight:bold;

	color: #FFFFFF;

	text-transform:uppercase;

}



#header h1 a:link, #header h1 a:visited {

    color: #FFFFFF;

}



#header h1 a:hover {

    color: #AA7722;

    text-decoration:none;

}



#header h2 {

	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;

	margin:0px 0px 5px 55px;

	font-size: 11px;

	font-weight:normal;

	letter-spacing: 0.3em;

	color: #AA0000;

	text-align: left;

}



/*--- Menu ---*/

#menu {

	margin: 25px 0 0 0;

	color: #995500;

	text-align:center;

	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;

	font-size:11px;

	text-transform:uppercase;

	padding-top: 3px;

	padding-bottom: 3px;

}



#menu a {

	text-decoration:none;

	margin-left: 10px;

	margin-right: 10px;

    font-weight: normal;	

}



#menu li {

	list-style-type:none;

	display:inline;

	}



#menu a:hover {

	text-decoration:underline;

}



#container {

	margin: 0;

	padding: 0;

}



.alignleft {

	margin-top: 2px;

	font-size:12px;

	float: left;

	text-align: left;

	padding-top: 5px;

	padding-bottom: 5px;

}

.alignright {

	margin-top: 2px;

	font-size:12px;

	float: right;

	text-align: left;

	padding-top: 5px;

	padding-bottom: 5px;

}



#topbar {

	float:left;

	position:relative;

	margin:0;

	width: 100%;

	overflow:hidden;

}



#naviline {

	background: url("images/naviline.gif") no-repeat center;

	position:relative;

    height:30px;

}



#naviline p {

	display:block;

	float:left;	

	font-size:11px;

	font-weight: normal;

	line-height:10px;

	color: #FFCB66;

	text-transform:uppercase;

	text-align:left;

	margin: 0 0 0 55px;

	padding:10px 0 0 0;	

}



#naviline .where {

    color: #FFCB66;

}



/* --- top --- */

#topwrapper {

	background: url("images/bg_barmenu.gif") repeat-y top center;

    position:relative;

    float:left;

	width:100%;

	margin-top: 15px;

	padding:0 0 20px 0;

    text-align:left;

    font-size:12px;

}



.topleft {

	float: left;

	margin-left:50px;

	width: 25%;

}



.topcenter {

	float: left;

	margin-left: 20px;

	margin-right: 20px;

	width: 25%;

}



.topright {

	float: left;

	width: 25%;

}



#topwrapper h2 {

	font-size:14px;

	line-height:14px;

	color: #AA0000;

	text-transform:uppercase;

	margin:5px 0 5px 0;

	padding:5px 0 5px 0;

	display:block;

}



#topwrapper ul {

	margin:0px;

	padding:0px;

	border-top:1px solid #AA0000;

	

}



#topwrapper li {

	margin:0px;

	padding:0px;

	border-top:1px solid #AA0000;	

}



#topwrapper ul li {

	list-style-type:none;

	line-height:24px;

}



#topwrapper ul li a:link, #topwrapper ul li a:visited {

	display:block;

	position:relative;

	line-height:24px;

	height:100%;

	color:#995500;

	text-decoration:none;	

}



#topwrapper ul li a:hover {

	color:#FFF;

	background-color:#AA0000;

}



#topwrapper img {

	border:1px solid #AA0000;

	padding:3px;

	margin:0px;

}



/* --- bottom ---*/

#bottomwrapper {

	background: url("images/bg_barmenu.gif") repeat-y top center;

    position:relative;

    float:left;

	width:100%;

	margin-top: 15px;

	padding:0 0 20px 0;

    text-align:left;

    font-size:12px;

}



.bottomleft {

	float: left;

	margin-left:50px;

	width: 25%;

}



.bottomcenter {

	float: left;

	margin-left: 20px;

	margin-right: 20px;

	width: 25%;

}



.bottomright {

	float: left;

	width: 25%;

}



#bottomwrapper h2 {

	font-size:14px;

	line-height:14px;

	color: #AA0000;

	text-transform:uppercase;

	margin:5px 0 5px 0;

	padding:5px 0 5px 0;

	display:block;

}



#bottomwrapper ul {

	margin:0px;

	padding:0px;

	border-top:1px solid #AA0000;

	

}



#bottomwrapper li {

	margin:0px;

	padding:0px;

	border-bottom:1px solid #AA0000;	

}



#bottomwrapper ul li {

	list-style-type:none;

	line-height:24px;

}



#bottomwrapper ul li a:link, #bottomwrapper ul li a:visited {

	display:block;

	position:relative;

	line-height:24px;

	height:100%;

	color:#995500;

	text-decoration:none;	

}



#bottomwrapper ul li a:hover {

	color:#FFF;

	background-color:#AA0000;

}



#bottomwrapper img {

	border:1px solid #AA0000;

	padding:3px;

	margin:0px;

}



#bottomwrapper .divider {

	clear:both;

	display:block;

	background: #AA0000 url("images/bg_divider.gif") no-repeat center;

	height: 30px;

}



.intro {

	clear:both;

	display:block;

	background: #550101;

	border-top: 3px double #AA0000;

	border-bottom: 3px double #AA0000;

	color: #000;

	padding:2px;

	margin-top: 20px;

	margin-bottom: 0px;

	}

	

.intro h3 {

	color: #AA0000;

	font-size: 15px;

	font-weight: bold;

	letter-spacing: 0.2em;

	margin: 5px 0 5px 0;

	text-align:center;

}



#content {

	color:#AA7722;

	float: left;

	padding-left: 50px;

	padding-right: 10px;

	text-align: left;

	width: 468px;

}



#content a:hover {

	color:#AA0000;

	text-decoration: none;

}



#content ul {

	list-style:none;

	margin:none;

	padding:0px;

}



#content li {

    list-style:none;

	margin:0px;

	padding:0px;

}



#content ul {

	list-style:none;

	margin:none;

	padding:0px;

}



#content ul li {

	background: transparent url(images/bullet.gif) no-repeat 0 0.3px;

	margin-left: 3px;

	margin-bottom:2px;

	padding-left:15px;

	list-style-type:none;

}



#content ol {

	list-style-type:decimal;

	margin-left: 20px;

	padding:0px;

}



#content ol li {

	margin: 0px 0px 5px 10px;

	padding:0px;

	list-style-type:decimal;

}



#content img {

	 border: 1px solid #AA0000;

	 padding:3px;

	 margin: 8px 10px 2px 0;

	 }

	 

#content .rssnews ul li {

    background: transparent url(images/bullet_rss.gif) no-repeat 0 0.3px;

	list-style-type: none;

	margin-left: 10px;

	padding-left: 15px;

}

	 

#content .archiv ul li {

	list-style-type:none;

	background:none;

}



#content .translate {

	text-align:center;

	}



#content .translate img {

	border:none;

	margin:1px;

	padding:none;

	}



#footer {

	clear:both;

	font-size: 11px;

	margin:0;

	padding-bottom:10px;

	height:auto;

}



#footer-inner {

	background: url("images/bg_divider.gif") repeat-y top center;

	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;

	font-size:10px;

	color: #000;

	text-transform:uppercase;

	padding: 10px 0px 10px 0px;

	height: auto;

}



#footer-inner a {

	color: #550101;

}





#page {

	background: transparent url("images/bg_middle.gif") repeat-y top center;

	margin: 0 auto;

	padding: 0px;

	text-align: left;

	width: 864px;

}



#sidebar {

	width: 320px; 

	display:block;

	float: left;

	font-family: "Trebuchet MS", 'Lucida Grande', Verdana, Arial, Sans-Serif;

	color:#000;

    overflow: hidden;

	padding: 0px;

    margin-left:10px;

}



.sideblock {

	clear:both;

	display:block;

	padding:none;

	margin:none;

	}





/* --- left sidebar --- */

#sideleft {

	background: transparent;

	float: left;

	margin-left:10px;

	padding-left:10 0px 0px 10px;

	font-size: 0.9em;

	color: #000;

	width: 128px;

}



#sideleft a {

	color: #995500;

}



#sideleft img {

	padding: none;

	margin: none;

	border: none;

}



#sideleft a:hover {

	color: #FFCB66;

	text-decoration: none;

}



#sideleft h2 {

	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;

	color: #AA0000;

	font-size: 11px;

	font-weight: normal;

	letter-spacing:0.2em;

	margin-top: 20px;

	margin-bottom: 11px;

	margin-left:0px;

	margin-right:0px;

	padding:0px;

}

#sideleft ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#sideleft li {

	list-style-type: none;

	margin:none;

	padding:none;

}



#sideleft ul li li{

	background: url(images/bullet.gif) no-repeat top left;

	padding-left: 10px;

	margin-bottom:5px;

}



/* --- right sidebar --- */

#siderite {

	float: left;

	margin-left:10px;

	padding-left:10px 10px 0px 0px;

	font-size: 0.9em;

	color: #000;

	width: 128px;

}



#siderite a {

	color: #995500;

}



#siderite img {

	padding: none;

	margin: none;

	border: none;

}



#siderite a:hover {

	color: #FFCB66;

	text-decoration: none;

}



#siderite h2 {

	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;

	color: #AA0000;

	font-size: 11px;

	font-weight: normal;

	letter-spacing:0.2em;

	margin-top: 20px;

	margin-bottom: 10px;

	padding:0px;

}



#siderite ul {

	list-style-type: none;

	margin: 0;

	padding: 0px;

}



#siderite li {

	list-style-type: none;

	margin:none;

	padding:none;

}



#siderite ul li li {

	background: url(images/bullet.gif) no-repeat top left;

	font-stretch:condensed;

	padding-left: 10px;

	margin-bottom:5px;

	color: #000;

}





/* ---for sidesingle ---*/

#sidesingle {

	float:left;

	font-size:11px;

	color: #000;

    overflow: hidden;

    padding: 10px 10px 0 10px;

	margin-left: 10px;

}



#sidesingle img {

	margin:1px;

	padding:1px;

	border: none;

}



#sidesingle a {

	color: #995500;

}



#sidesingle a:hover {

	color: #AA0000;

}



#sidesingle h2 {

	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;

	color: #AA0000;

	font-size: 12px;

	font-weight: normal;

	text-transform:uppercase;

	letter-spacing: 0.2em;

	margin-top: 20px;

	margin-bottom: 10px;

	margin-left:0px;

	margin-right:0px;

	padding:0px;

}



#sidesingle ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#sidesingle li {

	list-style-type: none;

	margin: none;

	padding: none;

}



#sidesingle ul li {

	background: url(images/bullet.gif) no-repeat top left;

	padding-left: 10px;

	margin-bottom: 5px;

}



#noindent {

	margin: 0 0 0 -10px;

	padding: 0;

}



#content #comment {

	width: 98%;

}



.commentbody {

	position: relative;

	background: #AA0000;

	color: #000;

	font-size: 11px;

	margin: 0 0 10px 0;

	border: 3px double #995500;

}



.commentbody p {

	padding: 10px;

	line-height: 1.2em;

}

	

.commentlink {

	padding: 0px;

	font-size: 10px;

}



#content ol.commentlist li {

	list-style-type:none;

	margin-left:0px;}



.commentcount {

	position: absolute;

	float: right;

	right: 36px;

	top: 0;		

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

	font-size: 30px;

	font-weight: bold;	

	color: #995500;	

}



html[xmlns] .commentcount {

	position: absolute;

	right: 7px;

	top: 0;

}



.date {

	color: #AA0000;

	font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;

	letter-spacing: 0.09em;

	text-transform:uppercase;

	margin-bottom:1px;

	padding:0px;

}



.navigation {

	padding-top:30px;

}



.post {

	margin: 0px 0px 30px 0px;

	text-align: justify;

	}

	

.postmetadata {

	background: #550101;

	color: #000;

	font-size: 11px;

	text-transform:uppercase;

	letter-spacing: 0.09em;

	margin-top: 5px;

	padding:10px 0px 10px 0px;

	text-align: center;

	border-top:3px double #FFCB66;

	border-bottom:3px double #FFCB66;

}



.postmetadata a {

	color: #995500;

}



.metadata {

	color: #AA0000;

	font-size: 11px;

	text-transform:uppercase;

	padding-top: 10px;

	padding-bottom: 0px;

	text-align: left;

	border-top: 1px dotted #AA0000;

}





.alt {

	line-height: 1.2em;

	padding:10px 0px 10px 0px;

}



.alt a {

	color: #995500;

}



.entry a:link {

	border-bottom: 1px dotted #FFDD88;

	}



.block {

	display:block;

	font-size:12px;

	text-align: center;

	padding: 10px;

	margin-top: 2px;

}





/*--- totop --- */



.totop {

	clear: both;

	display:block;

	margin-top: 30px;

	text-align:center; 

}



#content .totop img, #content .totop img a:link{

	border: none;

	margin:none;

	padding:none;

	}



/* ----calendar--------- */

#wp-calendar {

	border: 2px solid #AA0000;

	margin: 0 0 5px 0;

	font-size:9px;

	line-height: 1.2em;

	text-align: center;

	width:100%;

} 



#wp-calendar a:link {

	color: #FFCB66;

	}



#wp-calendar caption {

	background: #550101;

	margin:10px 0 0 0;

	border-top: 2px solid #AA0000;

	border-right: 2px solid #AA0000;

	border-left: 2px solid #AA0000;

	color: #AA0000;

	width:100%;

}



#wp-calendar td {

	border:1px solid #AA0000;

	border-collapse: collapse;

}



#wp-calendar td a {

	display: block;

	width: 100%;

	font-weight:700;

}



#wp-calendar td.pad {

	background: #550101;

}





#wp-calendar #today {

	color:#FFCB66;

	font-weight:700;

}



#wp-calendar #today a {

	color:#FFCB66;

	font-weight:700;

	text-decoration:underline;

}