/* reset.css */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table, td, th {
	vertical-align: middle;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
} 
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
blockquote, q {
	quotes: none;
}
ol, ul {
	list-style: none;
}
a img, :link img, :visited img {
	border: 0;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* grid.css */

.container{width:960px;height:auto;margin:10px auto;}

.c-12.showgrid{background:url(12_col.gif) center repeat-y;}
.c-16.showgrid{background:url(16_col.gif) center repeat-y;}
.c-24.showgrid{background:url(24_col.gif) center repeat-y;}

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, 
.c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c20, 
.c21, .c22, .c23, .c24{display:inline;float:left;margin:0 10px;}

.c-24 .c1, .c-24 .c2, .c-24 .c3, .c-24 .c4, .c-24 .c5, .c-24 .c6, .c-24 .c7, .c-24 .c8, .c-24 .c9, .c-24 .c10,
.c-24 .c11, .c-24 .c12, .c-24 .c13, .c-24 .c14, .c-24 .c15, .c-24 .c16, .c-24 .c17, .c-24 .c18, .c-24 .c19, .c-24 .c20,
.c-24 .c21, .c-24 .c22, .c-24 .c23, .c-24 .c24{margin:0 5px}

/*
 * 12 columns Grid
 */
.c-12 .c1{width:60px}
.c-12 .c2{width:140px}
.c-12 .c3{width:220px}
.c-12 .c4{width:300px}
.c-12 .c5{width:380px}
.c-12 .c6{width:460px}
.c-12 .c7{width:540px}
.c-12 .c8{width:620px}
.c-12 .c9{width:700px}
.c-12 .c10{width:780px}
.c-12 .c11{width:860px}
.c-12 .c12{width:940px}

/*
 * 16 columns Grid
 */
.c-16 .c1{width:40px}
.c-16 .c2{width:100px}
.c-16 .c3{width:160px}
.c-16 .c4{width:220px}
.c-16 .c5{width:280px}
.c-16 .c6{width:340px}
.c-16 .c7{width:400px}
.c-16 .c8{width:460px}
.c-16 .c9{width:520px}
.c-16 .c10{width:580px}
.c-16 .c11{width:640px}
.c-16 .c12{width:700px}
.c-16 .c13{width:760px}
.c-16 .c14{width:820px}
.c-16 .c15{width:880px}

/*
 * 24 columns Grid
 */
.c-24 .c1{width:30px}
.c-24 .c2{width:70px}
.c-24 .c3{width:110px}
.c-24 .c4{width:150px}
.c-24 .c5{width:190px}
.c-24 .c6{width:230px}
.c-24 .c7{width:270px}
.c-24 .c8{width:310px}
.c-24 .c9{width:350px}
.c-24 .c10{width:390px}
.c-24 .c11{width:430px}
.c-24 .c12{width:470px}
.c-24 .c13{width:510px}
.c-24 .c14{width:550px}
.c-24 .c15{width:590px}
.c-24 .c16{width:630px}
.c-24 .c17{width:670px}
.c-24 .c18{width:710px}
.c-24 .c19{width:750px}
.c-24 .c20{width:790px}
.c-24 .c21{width:830px}
.c-24 .c22{width:870px}
.c-24 .c23{width:910px}
.c-24 .c24{width:950px}

/* p: prefix/padding-left
   s: suffix/padding-right
-------------------------------------------------- */

/*
 * p: prefix/padding-left
 * s: suffix/padding-right
 * 12 columns Grid
 */
.c-12 .p1{padding-left:80px}
.c-12 .p2{padding-left:160px}
.c-12 .p3{padding-left:240px}
.c-12 .p4{padding-left:320px}
.c-12 .p5{padding-left:400px}
.c-12 .p6{padding-left:480px}
.c-12 .p7{padding-left:560px}
.c-12 .p8{padding-left:640px}
.c-12 .p9{padding-left:720px}
.c-12 .p10{padding-left:800px}
.c-12 .p11{padding-left:880px}

.c-12 .s11{padding-right:880px}
.c-12 .s10{padding-right:800px}
.c-12 .s9{padding-right:720px}
.c-12 .s8{padding-right:640px}
.c-12 .s7{padding-right:560px}
.c-12 .s6{padding-right:480px}
.c-12 .s5{padding-right:400px}
.c-12 .s4{padding-right:320px}
.c-12 .s3{padding-right:240px}
.c-12 .s2{padding-right:160px}
.c-12 .s1{padding-right:80px}


/*
 * 16 columns Grid
 */
.c-16 .p1{padding-left:60px}
.c-16 .p2{padding-left:120px}
.c-16 .p3{padding-left:180px}
.c-16 .p4{padding-left:240px}
.c-16 .p5{padding-left:300px}
.c-16 .p6{padding-left:360px}
.c-16 .p7{padding-left:420px}
.c-16 .p8{padding-left:480px}
.c-16 .p9{padding-left:540px}
.c-16 .p10{padding-left:600px}
.c-16 .p11{padding-left:660px}
.c-16 .p12{padding-left:720px}
.c-16 .p13{padding-left:780px}
.c-16 .p14{padding-left:840px}
.c-16 .p15{padding-left:900px}

.c-16 .s15{padding-right:900px}
.c-16 .s14{padding-right:840px}
.c-16 .s13{padding-right:780px}
.c-16 .s12{padding-right:720px}
.c-16 .s11{padding-right:660px}
.c-16 .s10{padding-right:600px}
.c-16 .s9{padding-right:540px}
.c-16 .s8{padding-right:480px}
.c-16 .s7{padding-right:420px}
.c-16 .s6{padding-right:360px}
.c-16 .s5{padding-right:300px}
.c-16 .s4{padding-right:240px}
.c-16 .s3{padding-right:180px}
.c-16 .s2{padding-right:120px}
.c-16 .s1{padding-right:60px}

/*
 * 24 columns Grid
 */
.c-24 .p1{padding-left:40px}
.c-24 .p2{padding-left:80px}
.c-24 .p3{padding-left:120px}
.c-24 .p4{padding-left:160px}
.c-24 .p5{padding-left:200px}
.c-24 .p6{padding-left:240px}
.c-24 .p7{padding-left:280px}
.c-24 .p8{padding-left:320px}
.c-24 .p9{padding-left:360px}
.c-24 .p10{padding-left:400px}
.c-24 .p11{padding-left:440px}
.c-24 .p12{padding-left:480px}
.c-24 .p13{padding-left:520px}
.c-24 .p14{padding-left:560px}
.c-24 .p15{padding-left:600px}
.c-24 .p16{padding-left:640px}
.c-24 .p17{padding-left:680px}
.c-24 .p18{padding-left:720px}
.c-24. p19{padding-left:760px}
.c-24 .p20{padding-left:800px}
.c-24. p21{padding-left:840px}
.c-24 .p22{padding-left:880px}
.c-24 .p23{padding-left:920px}

.c-24 .s23{padding-right:920px}
.c-24 .s22{padding-right:880px}
.c-24 .s21{padding-right:840px}
.c-24 .s20{padding-right:800px}
.c-24 .s19{padding-right:760px}
.c-24 .s18{padding-right:720px}
.c-24. s17{padding-right:680px}
.c-24 .s16{padding-right:640px}
.c-24 .s15{padding-right:600px}
.c-24 .s14{padding-right:560px}
.c-24 .s13{padding-right:520px}
.c-24 .s12{padding-right:480px}
.c-24 .s11{padding-right:440px}
.c-24 .s10{padding-right:400px}
.c-24 .s9{padding-right:360px}
.c-24 .s8{padding-right:320px}
.c-24 .s7{padding-right:280px}
.c-24 .s6{padding-right:240px}
.c-24 .s5{padding-right:200px}
.c-24 .s4{padding-right:160px}
.c-24 .s3{padding-right:120px}
.c-24 .s2{padding-right:80px}
.c-24 .s1{padding-right:40px}

.alpha{margin-left:0}
.omega{margin-right:0}


/* text.css */

/* common 
-------------------------------------------------- */
.clear {clear: both}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block}
/* Hides from IE-mac */
*html .clearfix {height: 1%}
.clearfix {display: block}

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	font-family: Helvetica, Vendana; 
	font-size: 12px; 
}

/* text init 
-------------------------------------------------- */
body {
	font: 12px/162% arial, verdana, sans-serif;
}

a {cursor: pointer;text-decoration: none;color: #369;}
a:link {color: #369;}
a:hover {background-color: #039;color: #fff;}

p, ol, ul {margin: 1em 0;}

h1 {
	font-family: "Microsoft Yahei", arial, verdana, sans-serif;
	font-size: 20px;
	line-height: 2;
}
h1 a {
	color: #369;
}
h1 a:hover {background: none;color: #009F3C;}
h1 a:hover span {
	display: inline;
}
/* 
.hidden {display: none;color: #666699;}
*/

h2 {
	margin-bottom: 2px;
	line-height: 1.5;
	color: green;
	font-family: arial, "Microsoft YaHei", verdana, sans-serif;
	font-size: 16px;
}


/* here goes your style 
-------------------------------------------------- */
.post {
	padding-top: 3em;
}
.top-nav {
	background: transparent url(img/t_bg.png) repeat-x scroll 0 0;
	height: 33px;
	margin-bottom: 1.9em;
}

#header {
	border-bottom: 1px dashed #ddd;
}
#header a {color: #368332;}
#header a:link {color: #368332;}
#header a:visited {color: #368332;}
#header a:hover {background-color: #368332;color: #fff;}
#header h1 {float: left;}
#header sup {
	color: green;
	font-family: 'Microsoft YaHei', arial, verdana, sans-serif;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 20px;
}

a#logo {
background: transparent url(img/logo.jpg) no-repeat scroll 0 0;
width: 164px;height:46px;display: block;}
a#logo:hover {background-image: url(img/logo_hover.jpg);}

.entry {position: relative;}
.weather {position: absolute;
	top: -72px;
	left: 110px;
	width: 24px;
	height: 24px;
	display: block;
}
.weather.sunny {background: transparent url(img/sunny.png) no-repeat scroll 0 0;}
.weather.cloudy {background: transparent url(img/cloudy.png) no-repeat scroll 0 0;}
.weather.overcast {background: transparent url(img/overcast.png) no-repeat scroll 0 0;}
.weather.rainy {background: transparent url(img/rainy.png) no-repeat scroll 0 0;}
.weather.storm {background: transparent url(img/storm.png) no-repeat scroll 0 0;}
.weather.thunder {background: transparent url(img/thunder.png) no-repeat scroll 0 0;}
.weather.snowy {background: transparent url(img/snowy.png) no-repeat scroll 0 0;}
.weather.rainbow {background: transparent url(img/rainbow.png) no-repeat scroll 0 0;}
.postmetadata {border-bottom: 1px solid #eee;}
.r {float: right;display: inline;}
#search {
	float: right;
}
#searchsumbit {
	background-color: #368332;
	border: 1px solid #000;
}

#content {
	min-height: 420px;
	margin-top: 2em;
}
#sidebar {
	margin-top: 2em;
}
#sidebar ul li {
	margin: 1em 0;
}
#sidebar .widget ul li, #sidebar .widget ul {margin: 0;}

#footer {
	border-top: 1px dashed #ddd;
	color: #999;
	margin-top: 40px;
	padding-top: 6px;
	padding-bottom: 20px;
	position: relative;
}
#w3counter {
	position: absolute;
	top: 8px;
	left: 120px;
}

/* `comment 
-------------------------------------------------- */
.commentmetadata img{
	float: left;
	display: inline;
	margin-right: 10px;
}
.more {color: #666;
	display: inline;
	float: left;
	width: 600px;
}
.more p {color: #333;}
h3 {padding-top: 2em;font-family: "Microsoft YaHei", verdana, sans-serif;font-size: 16px;}

.navigation {text-align: right;border-top: 1px dashed #eee;}

#commentform label {color: green;}