/* 

	Description: Newton Chinese School.
	Author: Hui Zhou
	Version: 1.0
*/

body {
	width: 980px;
	background: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	margin: 0px auto 0px;
	padding: 0px;
	}

#wrapper {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	}
#topbanner {
	text-align: center;
	background: #dedede;
	border-bottom: 1px solid #ccc;
	padding: 8px 0;
	}

/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #2C64B4;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFFFFF;
	width: 980px;
	height: 80px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}
	
.headerleft {
	/*width: 202px;*/
	width: 980px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}
	
.headerleft a img {
	border: none;
	margin-top: 14px;
	padding: 0px;
	}

.headerright {
	width: 200px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 10px 20px 0px 0px;
	overflow: hidden;
	}
	
.headerright a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.topbanner {
	float: right;
	text-align: right;
	margin-top: 3px;
        margin-right: 10px;
	overflow: hidden;
	}
	
/************************************************
*	Navbar     navbar.gif 								*
************************************************/

#navbar {
	background: #F3F0E7 url(images/navbar.gif);
	width: 980px;
	height: 34px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}

#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#navbar ul {
	margin: 0px;
	padding: 8px 0px 0px 10px;
	}
	
#navbar ul li a {
	font-size: 14px;
	font-family: Verdana, Arial, Tahoma;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px 10px 0px 10px;
	font-weight: bold;
	text-decoration: none;
	}

#navbar ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
.navbarleft {
	width: 610px;
	height: 34px;
	float: left;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
.navbarright {
	width: 340px;
	float: right;
	text-align: right;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px 10px 0px 0px;
	}

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 980px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	}

#content p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}
	
#content h1 {
	color: #2C64B4;
	font-size: 16px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content h1 a, #content h1 a:visited  {
	color: #2C64B4;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#content h1 a:hover {
	color: #333333;
	text-decoration: none;
	}

#content h2 a, #content h1 a:visited  {
	color: #D8AE58;
        font-size: 14px;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#content h2 a:hover {
	color: #333333;
	text-decoration: none;
	}

#content h2 {
	color: #D8AE58;
	font-size: 14px;
	font-family: verdana, arial, times new roman;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}
	
#content h4 {
	color: #2C64B4;
	font-size: 14px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	

	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#contentbox {
	width: 680px;
	float: left;
}

#contentmain {
	float: right;
	width: 530px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	}
	
#contentleft {
	float: right;
	width: 530px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	}
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul{
	list-style-type: disc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ul li{
	list-style-type: disc;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#content blockquote p{

	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.postmeta {
	width: 530px;
	color: #979797;
	font-size: 11px;
	text-align: right;
	padding: 3px 0px 10px 0px;
	margin: 0px;
	border-top: 1px dotted #B7B7B7;
	}

.aright {
	float:left;
	}
	
.postinfo {
	width: 390px;
	float: left;
	font-size: 11px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	}

.postinfo2 {
	width: 130px;
	float: left;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}

/************************************************
*	Left Sidebar 		#FFFFFF;    	#2C64B4;		   	    * 
************************************************/

#l_sidebar {
	float: left;
	width: 120px;
	margin: 0px;
	padding: 20px 20px 20px 5px;
	line-height: 29px;
	display: inline;
	z-index:20;
	}
	
#l_sidebar h2 {
	color: #333333;
	font-size: 16px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	padding: 10px 0px 3px 0px;
	margin: 0px;
	border-bottom: 1px dotted #B7B7B7;
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}

#l_sidebar ul li {
	padding: 0px;
	margin: 0px;
	/*border-bottom: 1px dotted #B7B7B7;*/
	}

#l_sidebar ul li a{
	font-weight: bold;
	font-size: 12px;
	color: #2C64B4;
	text-decoration: none;
	margin: 0px;
	padding: 3px 0px 3px 5px;
	display: block;
	
	}
	
/*  color: #333333;
	*/
#l_sidebar ul li a:visited {
	font-weight: bold;
	font-size: 12px;
	color: #2C64B4;
	text-decoration: none;
	margin: 0px;
	padding: 3px 0px 3px 5px;
	display: block;
	}

#l_sidebar ul li a:hover {
	background: #F7F9FD;
	color: #2C64B4;
	text-decoration: none;
	margin: 0px;
	padding: 3px 0px 3px 5px;
	}
	
/************************************************
*	Right Sidebar 		    	    	        * 
************************************************/

#r_sidebar {
	float: right;
	width: 260px;
	margin: 0px;
	padding: 20px 20px 20px 0px;
	line-height: 25px;
	display: inline;
	z-index:10;
	}
	
#r_sidebar h2 {
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	padding: 10px 0px 3px 0px;
	margin: 0px;
	border-bottom: 1px dotted #B7B7B7;
	}
	
#r_sidebar h3 {
	color: #2C64B4;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
	margin: 0px;
	}
	
#r_sidebar a img {
	border: none;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	}
	
#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}

#r_sidebar ul li {
	padding: 0px;
	margin: 0px;
	border-bottom: 1px dotted #B7B7B7;
	}
	
#r_sidebar ul li a, #r_sidebar ul li a:visited {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 3px 0px 4px 0px;
	display: block;
	}

#r_sidebar ul li a:hover {
	background: #F7F9FD;
	color: #2C64B4;
	text-decoration: none;
	margin: 0px;
	padding: 3px 0px 4px 0px;
	}
	
	
/************************************************
*	Footer  									*
************************************************/

#footer {
	background: #F3F0E7 url(images/navbar.gif);
	width: 980px;
	height: 25px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	margin: 0px auto 10px;
	padding: 9px 0px 0px 0px;
	}
	
#footer p {
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px;
	margin: 0px;	
	}

#footer a {
	color: #FFFFFF;

	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #FFFFFF;
	width: 258px;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #333333;
	}
	
#s-head {
	background: #FFFFFF;
	width: 258px;
	color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #333333;
	}

#name, #email, #url, #submit {
	background: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#words {
	background: #FFFFFF;
	width: 450px;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	padding: 4px;

	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 510px;
	color: #333333;
	float: left;
	font-size: 11px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#commentblock h3 {
	color: #333333;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	}
	
#commentblock ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#commentblock ol li {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #B7B7B7;
	}
	
.commentdate {
	font-size: 11px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	background: #FFFFFF;
	width: 480px;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	padding: 5px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	}

.commenttext-admin {
	background: #FFFFFF;
	width: 480px;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	padding: 5px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

code {
        font:1.1em 'Courier New',Courier,Fixed;
        display:block;
        overflow:auto;
        text-align:left;
        background:#fff;
        border:1px solid #A6B0BF;
        border-left:4px solid #246CB0;
        border-right:4px solid #246CB0;
        padding:4px;
}

img.pi {
  float:right;
  padding:10px;
  border:1px solid #999999;
}

img.pino {
  float:right;
  padding:10px;
}

img.pinol {
  float:left;
  padding:10px;
}

img.wpthemes {
  float:left;
  padding-right:20px;
}

blockquote {
	margin: 5px 0 10px 0;
	padding: 0 50px;
	background: transparent url(images/blockquote.gif) no-repeat 0 0;
	color: #666666;
	}


p.highlight {
        text-align:center;
		background-color:#F1F9FD;
        width:420px;
	}

.wrapimage {
        
		padding:0px 30px 0px 10px;
		display:block;
	}
/************************************************
*	Style for RSS in menu					     		    * 
************************************************/
#navbar #rssmenu {
	background: url(images/rssmenu_dbt.gif) left no-repeat;
	padding-left: 22px;
	}




/************************************************
*	Style for newsletter form below posts					     		    * 
************************************************/
#contentleft .postform {
	background: #e8f0f9;
	padding: 10px;
        border: 1px solid #ccc;
	}
#contentleft .postform .postformleft{
	float: left;
	width: 50%;
	}
#contentleft .postform .postformright{
	float: right;
	width: 50%;
	}
.cleared {
	clear: both;	
	}
#center.login {
	background-color: #c4c4c4;
}

.login div.section {
	background-color: #eef5d8;
}
.sectionleft {
	margin-left: 10px;
	display:inline-block
}
.login .submit input {
	border: 1px solid #194b60;
	height: 21px;
	width: 56px;
	background-color: #688b9a;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	padding: 0 0 3px 0;

}

.login .access {
	width: 140px;
	font-size: 10px;
	padding: 10px 0 0 15px;
}

.login .field {
	width: 140px;
	border: 1px solid #a0b5be;
	height: 21px;
	margin: 2px 0 5px 0;
}

.contactform {
	OVERFLOW: hidden; POSITION: static
}
.contactleft {
	CLEAR: both; PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 4px; MARGIN: 5px 0px; WIDTH: 25%; PADDING-TOP: 4px; TEXT-ALIGN: right
}
.contactright {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; FLOAT: right; PADDING-BOTTOM: 4px; MARGIN: 5px 0px; WIDTH: 70%; PADDING-TOP: 4px; TEXT-ALIGN: left
}
.contacterror {
	BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-BOTTOM: #ff0000 1px solid
}
.contactsubmit {
	
}
.highlight_i{
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	font-style:italic
}

/* Sidebar */

	#nav:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("images/menu_tr.gif") no-repeat top right;
		margin: 0;
		height: 9px;
		display: block;
		border-bottom: 1px solid #ddd;
		content: url("images/key-point_tl.gif");
	}
	#nav {
		background: #E0E9E9 url("images/menu_back.gif") right repeat-y;
	}
	#nav:after {
		display: block;
		padding-top: 0;
		line-height: 0.1;
		font-size: 1px;
		content:  url("images/key-point_bl.gif");
		margin: 0 0 0 0;
		height: 8px;
		background: transparent url("images/menu_br.gif") scroll no-repeat bottom right ;
		border-top: 1px solid #fff;
	}
#nav, #nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav {
		margin-bottom: 1em;
	}	
	#nav li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	#nav li span { /* used for un-linked menu items */
		display: block;
		padding: 6px 10px;
		font-weight: bold;
		color: #666;
	}

	#nav li span#configParent, #nav li span #configuration {
		display: inline;
		font-weight: normal;
		padding: 0;
	}
	
	#nav li a {
		display: block;
		padding: 8px 10px;
		text-decoration: none;
		background: #EDF2F2;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #fff;
		border-right: 1px solid #ddd;
	}

	#nav li a:hover {
		background: #E0E9E9;
	}
	
	#nav li li span { /* used for un-linked menu items */
		padding: 4px 8px 4px 20px;
	}
	
	#nav li li a {
		padding: 6px 8px 6px 20px;
	}
	
	#oN {
		background-color: #E0E9E9;
	}
	#oN:hover {
		background-color: #C6DCDC;
	}