/*















THEME NAME: page-style















THEME URI: http://www.pagemod.cn/2008/10/page-style-released.html















Description: 3-column wordpress theme , created by <a href="http://www.pagemod.cn/">page</a>.Compatible :WP v2.5-v2.8.















VERSION: 1.6















AUTHOR: page















AUTHOR URI: http://www.pagemod.cn















TAGS: three-columns,fixed-width,right-sidebar,green,orange,yellow































	The CSS, XHTML and design is released under GPL:















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















	















	2009.06.30 update v1.6















	fixed IE7bug















	















	2009.01.16 update v1.5















	fixed IE7bug















	















	2008.12.24  update v1.4















	Compatible :WP v2.5-v2.7















*/































/* Begin html tags */















* { margin:0; padding:0; list-style-type: none;} 















body {font-size: 59.5%; /* Resets 1em to 10px */font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;background:#D3D2AE url(img/bkground6.gif);color: #333;margin:10px auto;height:auto;}







HTML {



        scrollbar-3dlight-color:#7B8763;



	scrollbar-arrow-color:#ffffcc;



	scrollbar-base-color:#C78D4D;



	scrollbar-track-color:#C78D4D;



	scrollbar-darkshadow-color:#7B8763;



	scrollbar-face-color:#7B8763;



	scrollbar-highlight-color:#7B8763;



	scrollbar-shadow-color:#C78D4D;



	background-position: center;}











hr{display: none;}















a{

	color: #B15C19;

	text-decoration: none;

	font-weight: bold;

}















a:hover {

	color: #A39856;

	text-decoration: underline;

	font-weight: bold;

}















h2{font-size:1.5em;}















h3,h4{font-size:1.1em;font-weight:bold;}















small{font-size:1em;}















.clear{clear:both;}

















/* End html tags */





 























/* Begin Structure */















#header {background: #C78D4D url(img/header.gif) no-repeat;width: 960px;height:125px; margin:auto;color:#D8DED3;font-size:1.2em;}















#content{width:950px;margin:0px auto;font-size:1.2em;background:#C1C08C url(img/content.gif) no-repeat top center; padding:5px;















   -moz-border-radius: 10px;















   -khtml-border-radius: 10px;















   -webkit-border-radius: 10px;















   border-radius: 10px;















}















#maincontent{background:#F0EFDF url(img/contentback.gif) repeat-y;float:left;width:540px;line-height:1.7em;}















#sidebar{float:right;width:400px;color:#C6C5A1;}















#sidebar-left{float:left;width:180px;}















#sidebar-right{float:right;width:215px;}















#footer{background: url(img/footer.gif) no-repeat;width:840px;height:60px;margin:auto;font-size:1.2em;padding:20px 0 0 120px;color:#ccc;}















*html #sidebar-right{clear:right;}































/* End Structure */































/* begin header*/















#header h1{font-size:0em;padding:25px 150px 0 0px;text-align:right;}















#header h1 a{color:#D8DED3;}















.description{font-size: 0em; padding:3px 160px 0 0;text-align:right;}















/* End header*/































/* begin maincontent*/















.contentpadding{padding:2px 15px;z-index:10px;}















.topcorner{background: url(img/contentt.gif) no-repeat top center;height:15px;}















.bottomcorner{background: url(img/contentb.gif) no-repeat bottom center;height:15px;}































#maincontent a:hover{color:#C78D4D;}















#maincontent h2 a{color:#58573F;}















.entry{margin-top:1em;overflow:hidden;}































.entry p {margin-bottom:0.7em;overflow:hidden;}















.entry ol {padding: 0 0 0 35px;list-style-type:decimal;}















.entry ul {list-style-type:none;}















.entry ul li{padding: 0 0 0 15px;background: url(img/ol.gif) no-repeat left center;margin-left:10px;}















.entry img {border:medium none;}















.entry table {border:1px solid #A39856;}















.entry table tr th{padding:1px 10px;background:#C5CFB0;}















.entry table tr td{padding:2px 10px;background:#DDD9C0;}































.entry blockquote,.entry pre{margin:10px 20px;padding:5px;background:#F0EFDF;overflow:hidden;















   -moz-border-radius: 6px;















   -khtml-border-radius: 6px;















   -webkit-border-radius: 6px;















   border-radius: 6px;















}















.postmetadata{padding:1px 5px;margin:0.5em 0 25px;border-left:15px solid #DCDBBF;}































.ping-track{padding:5px;background:#BFBE8F;}















.postnav{margin:1em 0;}















/* End maincontent */































/* Begin sidebar */















.sidebar-box{margin-bottom:5px;background:#C78D4D;padding-top:8px;}















#sidebar h2{padding:5px 0 5px 15px;text-transform:uppercase;font-size:1.1em;color:#D8DED3;}















#sidebar li{list-style-position:inside;}















#sidebar ul li{padding:0 15px;margin-bottom:3px;list-style-position:outside;}















#sidebar ul li a{color:#D3D1AD;}















#sidebar img{border:0;}















#sidebar a{color:#D8DED3;}































.s-menu{background:#67767F url(img/smenut.gif) no-repeat;}















.s-menub{background:url(img/smenub.gif) no-repeat bottom;height:15px}















.s-category{background:#a39856 url(img/scatet.gif) no-repeat;}















.s-categoryb{background:url(img/scateb.gif) no-repeat bottom;height:15px}















.s-ark{background:#69555f url(img/sarkt.gif) no-repeat;}















.s-arkb{background:url(img/sarkb.gif) no-repeat bottom;height:15px;}















.s-roll{background:#a39856 url(img/scatet.gif) no-repeat;}















.s-rollb{background:url(img/scateb.gif) no-repeat bottom;height:10px;}















.s-right{background:#A8734B url(img/srightt.gif) no-repeat;}















.s-rightb{background:url(img/srightb.gif) no-repeat bottom;height:10px;}































#myworks ul li{margin-left:-20px;}































#subfeed{margin-bottom:5px;}















.textwidget{padding:0 15px;}















/* End sidebar */















































/* Begin footer */















#footer a{color:#ccc;text-decoration: none;}















#footer a:hover{text-decoration: underline;}















/* End footer */









































/* Align box*/

img.centered, .aligncenter, div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



img.alignright {

padding: 4px;

margin: 2px 7px 2px 2px;

display: inline;

}



img.alignleft {

margin: 1em;

	margin-left: 0;

padding: 4px;

margin: 3px 10px 2px 0;

display: inline;

}



/*End Align box */









/* Begin wp-tags*/















img.centered {display: block;margin-left: auto;margin-right: auto;}













































.aligncenter {















	display: block;















	margin-left: auto;















	margin-right: auto;















}































.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}















.alignright {float: right;}















.alignleft {float: left}































.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;















   /* optional rounded corners for browsers that support it */















   -moz-border-radius: 3px;















   -khtml-border-radius: 3px;















   -webkit-border-radius: 3px;















   border-radius: 3px;















}































.wp-caption img {margin: 0;padding: 0;border: 0 none;}































.wp-caption p.wp-caption-text {line-height: 17px; padding: 0 4px 5px; margin: 0;}































#wp-calendar{width:100%;color:#C1C08C;text-align:center;}















#wp-calendar a{color:#DADAB7;}















#wp-calendar td { text-align:center;}















#wp-calendar tfoot{width:100%;}















/* End wp-tags */































/* Begin comments*/















.message{width:100%;}















#response{margin-top:2em;}















.message-by{float:left;}















.message-count{float:right;}















.message-content{border:1px solid #ddd;padding:5px;margin-top:1em; margin-bottom: 1em; background:#993300;}















.message-entry{border-top:1px solid #ddd;}















.submit{margin-top:10px;}































.avatar-place{}















.inputs input,#commentform input{margin:4px 0;background:#A2B180;border:0;padding:2px;background: #A2B180 url(img/input.gif) no-repeat top center;width:166px;height:16px;}















.message textarea,#comment{border:0;width:380px;height:180px;overflow:hidden;background: #A2B180 url(img/textarea.gif) no-repeat top center;padding:10px;}















.submit input,#commentform #submit{border:0;width:60px;height:30px;background: #A2B180 url(img/submit.gif) no-repeat top left;color:#fff;}















.children li{margin-left:15px;}















.commentlist li{margin-bottom:5px;padding:5px;}















.comment{border:solid 1px #B3B29C;}















.alt{border:solid 1px #C78D4D;}































/* End comments */































.editComment, .editableComment, .textComment{display: inline;}















.comment-childs{margin: 5px 2px 2px 4px;padding: 4px 2px 2px 4px;background-color: #D3D2AE;}















.chalt{background-color: #BFBE8F;}















#newcomment{border:1px dashed #777;width:90%;}















#newcommentsubmit{color:red;}















.adminreplycomment{border:1px dashed #777;width:99%;margin:4px;padding:4px;}















.mvccls{color: #999;}















			















/* Google ICS */















#search_form{width:180px;background:url(img/search_bg.gif) no-repeat;height:33px; margin:3px 0 0 18px;*left:18px;position:relative;}















#search_form input{padding:10px 10px 0;width:130px;border:0;color:#7B8763;background:none;font-size:12px;height:19px;}















#search_form input.search_btn{margin:4px 0 0 ;padding:0;width:25px;border:0;background:url(img/search_button.gif) no-repeat;text-indent:-999em;height:25px;cursor:pointer;}















/* end Google ICS */















































/* pagenav*/















	.wp-pagenavi {position:relative; left:10px; z-index:300; }















	.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active  {float:left;  background:#BFBE8F  !important; padding:3px 8px !important; color:#555 !important; margin:0 3px 0 0 !important; border:none !important;}















	.wp-pagenavi a:hover {background:#C78D4D !important; color:#eee !important; text-decoration:none; border:none !important;}















	.wp-pagenavi span.pages {float:left; padding: 3px 10px !important; margin: 0px 3px 0px 0px !important; color: #555 !important; border: none !important;	background:#8C9862 !important;}















	.wp-pagenavi span.current {float:left; background:#8C9862  !important;  padding:3px 5px !important; color:#555 !important; margin:0 3px 0 0 !important; border:none !important;}















	.wp-pagenavi span.extend {float:left;  background:none !important;  padding:3px 5px !important; color:#602600 !important; margin:0 3px 0 0 !important; border:none !important;}















/* end pagenav */

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */





.suckertreemenu ul{

	margin: 0px;

	padding: 0;

	list-style-type: none;

	color: ;

	font-size: 9px;

	border: 0;

border-color: #666666;

}

 

/*Top level list items*/

.suckertreemenu ul li{

	position: relative;

	display: inline;

	float:center;

	color: #FFFFCC;

	border: 1px solid 64745B;

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

	font-size: 9px;

	font-weight: bold;

	background-position: center;

	text-align: center;

	text-indent: 0px;

}

 

/*Top level menu link items style*/

.suckertreemenu ul li a{

	display: block;

	width: 150px; /*Width of top level menu link items*/

	padding: 5px 0px;

	border: 1px solid 64745B;

	text-align: center;

	text-decoration: none;

	color: #FFFFCC;

	font-size: 9px;

	background-image: url();

	

}

 

	

/*1st sub level menu*/

.suckertreemenu ul li ul{

	left: 0;

	position: absolute;

	top: 100%; /* no need to change, as true value set by script */

	display: block;

	visibility: hidden;

	vertical-align: top;

	

	background-image: url();

	background-color: #003300;

	color: #FFFFCC;

	border: 1px solid 64745B;

 

}

 

/*Sub level menu list items (undo style from Top level List Items)*/

.suckertreemenu ul li ul li{

	top: 0;

	display: list-item;

	float: none;

	color: D4C791;

	background-image: url();

	background-color: #003300;

	border: 1px solid 64745B;

 

}

 

/*All subsequent sub menu levels offset after 1st level sub menu */

.suckertreemenu ul li ul li ul{

	left: 149px; /* no need to change, as true value set by script */

	top: 0;

	color: D4C791;

	border: 1px solid 64745B;

}

 

/* Sub level menu links style */

.suckertreemenu ul li ul li a{

	display: block;

	width: 170px; /*width of sub menu levels*/

	color: #FFFFCC;

	text-decoration: none;

	padding: 5px 5px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #000000;

	border-right-color: white;

	border-bottom-color: #000000;

	border-left-color: white;

}

 

.suckertreemenu ul li a:hover{

white space: nowrap;

	overflow-x: hidden;

	color: #FFCC33;

	font-family: Verdana, Arial, Helvetica, sans-serif, "Baskerville Old Face";

	font-size: 10px;

	text-decoration: none;

	border: 1px solid 64745B;	

}

 

.suckertreemenu {

	width: 818px;

	vertical-align: center;

	margin: 0px auto;

	color: D4C791;

	border: 1px solid 64745B;

}

 

/*Background image for top level menu list links */

.suckertreemenu .mainfoldericon{

	background: url() no-repeat center right;

	color: D4C791;

	border: 1px solid 64745B;	

}

 
/*Background image for subsequent level menu list links */

.suckertreemenu .subfoldericon{

	color: D4C791;

	background-color: ffccoo;

	background-image: url(../arrow_right_black.gif);

	background-repeat: no-repeat;

	background-position: center;

	border: 1px solid 64745B;

	

	

}

 

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 0em top spacing between the two in IE*/

	padding-top: 1em;

	color: D4C791;

	border: 1px solid 64745B;

}

 

/* Holly Hack for IE \*/

* html .suckertreemenu ul li {

	float: left;

	height: 1%;

	color: D4C791;

	border: 1px solid 64745B;

}

* html .suckertreemenu ul li a {

	height: 1%;

	color: D4C791;

border: 1px solid 64745B;

}

/* End */

 



 

 

<script type="text/javascript"> 

//SuckerTree Horizontal Menu (Sept 14th, 06)

//By Dynamic Drive: http://www.dynamicdrive.com/style/

 

var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas

 

function buildsubmenus_horizontal(){

for (var i=0; i<menuids.length; i++){

  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")

    for (var t=0; t<ultags.length; t++){

		if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu

			ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item

			ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"

		}

		else{ //else if this is a sub level menu (ul)

		  ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it

    	ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"

		}

    ultags[t].parentNode.onmouseover=function(){

    this.getElementsByTagName("ul")[0].style.visibility="visible"

    }

    ultags[t].parentNode.onmouseout=function(){

    this.getElementsByTagName("ul")[0].style.visibility="hidden"

    }

    }

  }

}

 

if (window.addEventListener)

window.addEventListener("load", buildsubmenus_horizontal, false)

else if (window.attachEvent)

window.attachEvent("onload", buildsubmenus_horizontal)

 

function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

</script>