/*
Theme Name: The Enhancing Spring (TES) 1.4
Theme URI: http://www.ifgogo.com/116/the-tes-wordpress-theme/
Description: Except some of the images/icons, everything is original from awflasher.com. It's designed for a auto-fit layout and friendly SEO. 
Version: 1.2 
Author: aw
Author URI: http://www.awflasher.com/blog/
Tags:the-enhancing-spring,two column,fixed width,green-style
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* 
The Primary Layout
              		For the essential styles of TES                         
*/
* 					{padding:0; margin:0}
body 				{color:#020;margin:0;padding:0;font: 76% georgia;}
h3 					{font-size: 15px; 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:underline}
a:hover 			{color:#f30}
em					{font-style:normal; font-weight:bold ;color:#666666}
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;}
del, del *			{text-decoration: line-through}
.clearfix:after 	{content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix 			{display: inline-block}
* html .clearfix 	{height: 1%}
.clearfix 			{display: block}
.fL					{float:left}
.fR					{float:right}


/* The Header */
#header-aw 					{position:static;top:0px;padding:0;width:100%}
#headin-aw 					{width:100%;height:97px;text-align:center;background:#efc url(images/bg.jpg) no-repeat center 0;position:relative}
#header-aw a				{text-decoration:none}
#header-aw a:hover			{text-decoration:underline}
.awblog						{font-size:48px}
.description				{font-size:18px;font-weight:bold}
.aw-f a{color:#020}

h2							{font-size:15px}
h2,h3						{font-family: Tahoma, Arial, sans-serif}
h2 a 						{color: #272}

/* The Main Frame */
#wrapper					{width:100%;background:#fff;text-align:left;max-width:1200px;margin:0 auto;}
	#sidebar				{width:25%;float:right;font-size:15px;overflow:hidden}
	#content				{width:71%;float:left;font-size:15px;overflow:hidden}
		#content-aw			{margin:0 auto; width:95%; overflow:hidden;text-align: left}

/* ~ The Main Frame */

/* (^single.php) For Post Page - The next and previous navigation */
.nav						{width:100%; margin:15px auto 5px;font-size:9px; font-family:Tahoma}
.nav .prev-p				{float:left}
.nav .next-p				{float:right}

/* The Post Title */
.aw-title					{color:#ACB200;}
.aw-tit						{padding-top: 1px;font-size: .9em;color: #666;margin:0 auto}
#content-aw .post h2, 
#content-aw .aw-title		{margin-top:10px;font-size: 2em; line-height:1em}
#content-aw h2				{font-size:16px;margin-top:15px}
.aw-title a					{text-decoration:none}

/* 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:86%}
#content-aw a				{color:#060;}
#content-aw a:hover			{color:#c30}
.meta-small					{font-size:11px;font-family:verdana,PMingLiU;line-height:1.75em}
p.postendmeta				{font-size:11px;font-family:verdana;margin:0}


/* 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:0 18px;font-size:11px;font-family:Verdana;background:transparent url(images/icons.gif) no-repeat scroll 0 -22px;}
a.commentslink:hover		{background-position:0px -35px}

/* 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:"Trebuchet MS",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:"Trebuchet MS",Tahoma, Verdena;font-size:10px;color:#666}
/* ~ Comments Related */


/* (^sidebars.php) Sidebars */
#sidebar li.widget, li.pagenav	{margin-top:1.3em}

#sidebar h2, div.commentbar		{margin:1.2em 0 0.6em 0;padding:2px 10px 3px 6px;
								color:#000;font-size: 1em;background:#DAE7B4; border-top:1px solid #9BC14A}
#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}

/* Forms */
input, 
textarea, 
select 			{border: 1px solid #C1C0B5;background-color: #FAFAF0;color: #555;
				 font-size: 1em;font-family:"Trebuchet MS" Tahoma, Arial, sans-serif}
.form-label		{width: 170px; display: block; float: left}
.p 				{cursor:pointer}
#s				{width:70%}

/* Pages, such as "About", "Tag" */
#aw-page img	{border: 1px solid #ced4ca;padding: 3px;margin: 5px 0 5px 0}
.expage			{margin-top:20px;color:#262;}

/* (^footer.php) Footer */
#footer-aw		{width:94%;padding:15px 3%;
			     background:#000 url(images/bg.jpg) no-repeat scroll 0 -97px;
				 overflow:hidden;color:#cfc;margin-top:25px;}
.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}

/* Icons */
.stumble,.delicious,.feedburner	{display:block; width:67px; height:65px; background:transparent url(images/icons/spirit.gif) no-repeat 0 0}
.delicious						{background:transparent url(images/icons/spirit.gif) no-repeat 0 -130px}
.feedburner						{background:transparent url(images/icons/spirit.gif) no-repeat 0 -65px}

/* Thanks to Brain's Threaded Comments */
.commentbar .fL							{color:#000;font-weight:bold}
#content-aw div.commentbar 				{font-size:12px; margin-bottom:0}
#content-aw div.commentbar .fR a		{font-size:11px; text-decoration:none; border:none;margin-right:5px}
#content-aw .commhead 		 			{padding:3px 8px 6px; background:#eee;border-top:1px solid #cdc; font-family:verdana;letter-spacing:0; margin:0 0 10px}
#content-aw .commhead a, .commentbar a	{font-size:11px; border:none; text-decoration:none}

.comment 						{position:relative;margin:3px;margin-top:6px;padding:4px;background-color:#fff;}
.comment .body					{padding-left:4px;}
.comment cite					{font-style:normal;font-weight:bold;float:left;}
.odd							{background-color:#f8f8f8;}
.comment div 					{position:relative;}
.comment .comment img			{margin:0px;}
#comments 						{font-family:tahoma;}
.commmeta 						{font-size:10px; font-family:tahoma; color:#333;}
.comment p 						{margin:0.8em 0}
.comment .collapseicon,
.collapsed .collapseicon 		{width:11px;height:11px;overflow:hidden;background:transparent url(images/icons.gif) no-repeat scroll 0 0;
	cursor:pointer;margin:4px 6px 0 0;}
.collapsed .collapseicon 		{background:transparent url(images/icons.gif) no-repeat scroll 0 -11px;}
.comment .reply 				{text-align:right;font-size:80%;padding:0px 6px 6px 0px;}
.comment{border:1px solid #ddd;}
input#subscribe					{width: auto;}
.comment .title abbr			{border: none;}
.collapsed .body,
.collapsed .comment				{display:none;}

.formr							{margin:10px 0;}
#addcomment 					{padding:10px 20px}
#addcommentbutton 				{margin-top:5px}
.add label						{float:left;display:block;width:110px;}
#commentform textarea 			{width: 97%;}
.comm-func,.comm-lu,#reroot,
.reply, p.subscribe-to-comments {font-size:10px;font-family:verdana;}
.comm-lu 						{margin-bottom:5px;font-size:11px}
.comm-lu .u-n					{font-weight:bold}
p.subscribe-to-comments label 	{cursor:pointer}
#subscribe						{border:none}
.commentlist .title				{padding-left:5px}
.authorspec 					{margin:5px}
.authorspec a					{display:block;margin:0 10px 0 0;float:left; 
								width:64px; height:64px;padding:1px; background:#000;
								border:1px solid #060}
.authorspec a:hover				{border-color:#c9EF9C}

/* 2.5 needed */
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}