/* Almost every work-around used styles */
.clearfix:after 	{content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix 			{display: inline-block}
* html .clearfix 	{height: 1%}
.clearfix 			{display: block}


/*  ==============  The Primary Layout  ==================  */
* {padding:0; margin:0}
body 				{background:#fff;color: #020;margin:0;padding:0;font: 76% /*"微软雅黑","宋体",Georgia, Tahoma, Arial, verdana, sans-serif;*/}
h3 					{font-size: 14px; color: #666}
p			 		{line-height: 1.5em;margin: 1.2em 0}
ol, ul 				{line-height: 1.5em;margin: 1.2em 0 1.2em 2em}
ul li,ol li			{margin-bottom: 0.2em}
img, a img			{border:none}
a, a:hover 			{color:#9BBB38;text-decoration:none}
a:hover 			{color:#f30}
em					{font-style:italic;color:#ef6c6c}
blockquote 			{margin: 0 20px;padding: 0 20px;border-left: 4px solid #E8E7D0;font-size: 1em}
code				{font-family: monospace;  font-size: 12px; background-color: #eee}
pre code			{line-height: 1.3em}
.code 				{overflow:hidden;background:#fff;border-left:2px solid #020;padding: 0 0 0 5px;margin: 5px 2px;color: #000;
				 	font-size:12px;font-family:monospace;white-space: pre;letter-spacing:0}
del, del *			{text-decoration: line-through}


/* The Header */
#header-aw 					{position:static;top:0px;padding:0;width:100%}
#headin-aw 					{width:100%;height:97px;text-align:center;background:url(tes/headerbg.jpg) no-repeat center;position:relative}
.awblog						{font-size:36px;}
.description				{font-size:18px;font-weight:bold}
.aw-f a{color:#020}

h2							{font-size:14px}
h2,h3						{font-family: "Georgia", Tahoma, Arial, sans-serif}
h2 a 						{color: #272}

/* The Main Frame */
#wrapper					{width:100%;background:#fff url(tes/sideshad.png) repeat-y 74% 0;zoom:1;text-align:left}
	#sidebar				{width:25%;float:right;font-size:12px;overflow:hidden}
	#content				{width:74%;float:left;font-size:14px;letter-spacing:0.1em;overflow:hidden}
		#content-aw			{margin:0 auto; width:95%; overflow:hidden;text-align: left}
		#content-aw h2		{margin-top:12px;font-size:16px}

/* ~ The Main Frame */

/* (^single.php) For Post Page - The next and previous navigation */
.nav						{width:100%; margin:25px auto 5px;font-size:12px}
.nav .prev-p				{float:left}
.nav .next-p				{float:right}

/* The Post Title */
.aw-title					{color:#ACB200;	margin:0 0 15px 0}
.aw-tit						{padding-top: 1px;font-size: .9em;color: #666;margin:0 auto}
#content-aw .post h2, 
#content-aw .aw-title		{font-size: 2em; line-height:1em}

/* The Post Date */
.aw-cad						{float:left; width:60px; padding:2px;color:#edf8dd; margin:10px 15px 0 0 ;border:2px solid #ccc}
.aw-Y						{border-bottom:2px solid #020; text-align:center; font-size:12px;background:#557d1a; line-height:22px}
.aw-D						{border-top:1px solid #3e4b23;text-align:center;font-size:32px;background:#2f3d12}


/* The Post Miscellaneous */
.aw-meta 					{float:left;width:80%}
#content-aw a				{border-bottom:1px dashed #060;	color:#060}
#content-aw a:hover			{color:#c30}
#content-aw .aw-meta a,
#content-aw .aw-more a		{text-decoration:none;border:none}


/* The aw-more is just the link to the comment */
.aw-more 					{border-top:2px dashed #ccc; font-size:14px;font-weight:bold; width:100%; text-align:center}
.nob 						{border:none}
a.commentslink				{padding-left:24px;font-size:14px;background: url(tes/commentslink.gif) no-repeat}
a.commentslink:hover		{background-position:0px -19px}

/* The Excerpt Link */
		#content-aw a.more-link			{text-align:center;color:#efe;background:#030;padding:2px;font-size:14px;border:none}
		#content-aw a.more-link:hover	{color:#cf6}

/* (^index.php) .post is for each post in the archive-pages */
.post h2, .aw-title, .aw-cad, .aw-f		{font-family:"Microsoft JhengHei","Microsoft Yahei",Georgia,helvetica,sans-serif}
.post									{margin:25px auto 30px}


/* (^comments.php) Comments Related */
#comment					{width:90%}
#comment-dom				{width: 100%;margin:10px auto 10px}
.comm-list					{font-size:14px}
ol.comm-list				{list-style:none;margin:0px;padding:0px}
ol.comm-list li				{padding:5px;margin-right:25px}
ol.comm-list small			{font-size:14px;margin-left:3px}
ol.comm-list small img		{margin-right:5px}
ol.comm-list li.alt			{background:#fff}
.comm-no 					{font-size:14px; font-weight:bold}
.comm-meta					{font-family:Georgia,Tahoma, Verdena;font-size:10px;color:#666}
/* ~ Comments Related */


/* (^sidebars.php) Sidebars */
#sidebar li.widget			{margin-top:1.3em}
#sidebar h2					{display:inline;color:#262;
							 background:url(tes/arrow.gif) no-repeat center right;
							 font-size:1.2em}
#sidebar ul					{margin: 0 10px 0 5px;padding: 0;list-style-type: none}
#sidebar ul ul li 			{padding: 0 0 0 10px}
#sidebar ul ul li a:hover 	{text-decoration:underline}
p.shortp					{line-height:0}

/* Forms */
input, 
textarea, 
select 			{border: 1px solid #C1C0B5;background-color: #FAFAF0;color: #555;
				 font-size: 1em;font-family: "Lucida Sans Unicode",Georgia Tahoma, Arial, sans-serif}
.form-label		{width: 170px; display: block; float: left}
.btns 			{cursor:pointer}
#s{width:70%}

/* Pages, such as "About", "Tag" */
#aw-page 		{border-bottom:1px dashed #020;margin-bottom:10px;padding-top:30px}
#aw-page img	{border: 1px solid #ced4ca;padding: 3px;margin: 5px 0 5px 0}
.page-title		{color: #63B4CD;margin:0px;margin-bottom:2px}

/* (^footer.php) Footer */
#footer-aw		{width:94%;padding:15px 3%;
			 	 background-color:#000;
				 background-image:url(tes/footerbg.jpg);
				 background-repeat:no-repeat;
				 overflow:hidden;
				 text-align:center;
				 color:#cfc}
.ft-s			{width:30%;margin:0 auto;float:left;text-align:left}
.ft-s h2		{font-size:16px}
.ft-s a			{color:#cfc}
.ft-s a:hover	{color:#020;background:#cfc}
.ss				{width:20%}
.sl				{width:45%}
#respond		{margin-top:20px;color:#c00}
.copyright		{padding:15px;text-align:center;background:#000;color:#ccc}
.linkcat ul 	{margin:2px;padding:0}
.linkcat ul li 	{list-style:none}

/* Miscellaneous */
.tes-pager					{margin-bottom:15px}
	
	/* Enhanced interactive with Firefox */
	*::-moz-selection		{color:#fc5;background-color:#0f581a;}

	/* It depends on whether you activate Avatar */
	.aw-gravatar			{float:right;}
	.gravatar				{background:#030;padding:2px}

.yqlj {float:left;margin: 10px 0px 0px 10px;padding: 5px; font-size:12px;}
.yqlj h2	{color:#262;list-style-type: none
							 background:url(tes/arrow.gif) no-repeat center right;
							 font-size:1.2em}
