@charset "utf-8";
/* 
Theme Name:   RED THEME
Theme URI:    http://www.markhung.com
Description:  A kind of two-column fixed-width theme for wordpress by Mark Hung.
Version:      1.0
Author:       Mark Hung
Author URI:   http://markhung.com/blog
Tags:         fixed width, two columns, widgets, red, grey

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
---------------------------------------------------- © 2009 Mark Hung
*/

/* reset
---------------------------------------------------- © by lifesinger

@charset "utf-8";
/* 
Theme Name:   RED THEME
Theme URI:    http://www.markhung.com
Description:  A kind of two-column fixed-width theme for wordpress by Mark Hung.
Version:      1.0
Author:       Mark Hung
Author URI:   http://markhung.com/blog
Tags:         fixed width, two columns, widgets, red, grey

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
---------------------------------------------------- © 2009 Mark Hung
*/

/* reset
---------------------------------------------------- © by lifesinger
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: ''; }
legend { color: #000; }
fieldset, img { border: none; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
hr { border: none; height: 1px; *color: #fff; }

/* html5 reset */
section, article, aside, header, footer, nav, dialog, figure { display:block; }

/**/
body{ background:#F0F0F0 url(images/bg.gif) repeat-x 0 0 scroll; line-height:1.5; color:#575757;}
.clear{ clear:both; height:0;}
.hr{height:0;border-bottom:1px dotted #CCC; margin:5px 0; clear:both;}

/*links*/
a{ color:#000;}
a:hover{ color:#C00;}

/* header */
header{ position:relative; width:995px; height:127px; margin:0 auto;}
header h1{ font-size:3em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; position:absolute; top:15px; left:0px;}
header h1 a,header h1 a:hover{ color:#B30000; text-decoration:none; text-shadow:5px 5px 2px #CCC;}
header>nav{ position:absolute; left:0px; bottom:0px; height:40px;}
header>nav ul{ font-size:14px; font-weight:bold; font-family:"Microsoft Yahei","Trebuchet MS", Tahoma, Arial; height:40px; float:left; display: inline; margin: 0 0 0 5px; list-style:none; line-height:40px;}
header>nav ul li{display: inline; padding: 0;}
header>nav ul li a{float: left; padding:0 10px; text-shadow:1px 1px 1px #ccc; color:#000;}
header>nav ul li a:hover{ color:#FFF; text-decoration:none; background:#b30000; text-shadow:1px 1px 1px #000; -webkit-border-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px;}

/* search */
#search{position: absolute; top: 20px; right: 10px;}
#search form#searchform{ width: 200px; height: 25px; background-color: #fff; border:1px solid #DDD; }
#search form#searchform .searchinput{ position: absolute; top: 5px; left: 8px; color: #666; font-size: 13px; width: 165px; border:0;}
#search form#searchform .button{ position: absolute; top: 1px; left: 175px; background: url(images/mag.gif) no-repeat; height: 25px; width: 25px; border: 0; cursor: pointer; }

/* section */

section#single_01{ width:650px; float:left; padding:20px 20px;  overflow:hidden; clear:both; *zoom:1; background-color:#FFF; border-top:1px dotted #CCC;  -webkit-border-radius:5px; -moz-border-radius:5px;}


section#container, section#page, section#single{ width:980px; padding:20px 20px; margin:50px auto 0 auto;   overflow:hidden; clear:both; *zoom:1; background-color:#FFF; border-top:1px dotted #CCC;  -webkit-border-radius:5px; -moz-border-radius:5px;}
section#centent{ float:left; width:650px; padding:0; margin:0;}
#centent{ float:left; width:650px; padding:0; margin:0;}

/* article */
article{ margin-bottom:15px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; }
article time{ font-weight:bold; color:#B30000;}
article h1{font-size:2em; font-family:"Microsoft Yahei","Trebuchet MS", Tahoma, Arial; text-align:center; text-shadow:2px 2px 1px #CCC; margin-bottom:5px; }
article h2{ font-size:1.8em; font-family:"Microsoft Yahei","Trebuchet MS", Tahoma, Arial;}
article h2 a { text-decoration:none; padding:2px; text-shadow:1px 1px 1px #ccc; color:#000;}
article h2 a:hover { background:#B30000; text-decoration:none; color:#fff; text-shadow:1px 1px 1px #000; -webkit-border-radius:5px; -moz-border-radius:5px;}
article h2 sup{ font-size:14px; margin:0 0 3px 3px;}
article h2 sup a, article h2 sup a:hover{color:#FFF;text-shadow:1px 1px 1px #000;  padding:1px 2px;  background:#B30000; -webkit-border-radius:3px; -moz-border-radius:3px;}
article .entry{ float:none; padding:10px 0; }
article .entry a{ color:#333; text-decoration:underline;}
article .entry a:hover{ color:#B30000; text-decoration:none;}
article .entry p{ line-height:1.8; padding-bottom:18px;}
article .entry img{ text-align:center; margin:0 auto; padding:4px; border:1px solid #DDD;}
article .entry a img{ background:#FFF; text-decoration:none; }
article .entry a:hover img{ background:#DDD; text-decoration:none;}

article .entry_01 img{ text-align:center; margin:0 auto; padding:4px; border:1px solid #DDD; }
article .entry_01 a img{ background:#FFF; text-decoration:none; }
article .entry_01 a:hover img{ background:#DDD; text-decoration:none;}

/* social networks: */
#networks{ border:1px solid #DDD; background:#FAFAFA; height:30px; line-height:30px; text-align:center;  -webkit-border-radius:5px; -moz-border-radius:5px;}
#networks ul{ list-style:none; display: inline; overflow:hidden; *zoom:1; clear:both;}
#networks ul li{ padding:0; display:inline;}
#networks ul li a{ float: left; padding:0 10px;}

/* aside */
aside{ float:right; width:260px; background:#FFFFFF;}
aside ul{ text-align:left;}
aside ul li{list-style: none; padding-bottom:10px; }
aside ul li.subscribe{ position:relative; background:url(images/subscribe.png) no-repeat 0 0; height:70px; text-indent:-999em;}
aside ul li.subscribe a{ position:absolute; width:270px; height:70px; top:0; left:0;}
aside h2{font-family:"Microsoft Yahei","Trebuchet MS", Tahoma, Arial; font-size:1.2em; color:#B30000; padding:0 0 0 5px; text-shadow:1px 1px 1px #ccc;}
* html body aside ul li{height: 1%;}
aside ul ul{border-bottom:1px solid #DDD; border-top:1px solid #DDD; background:#FAFAFA;}
aside ul ul li{ overflow:hidden; display:block; padding:0;}
aside ul ul li a{ line-height:22px; height:22px; color:#333; display:block; padding:2px 2px 2px 14px; white-space:nowrap; }
aside ul ul li a:hover{ color:#B30000; display:block; padding:2px 2px 2px 14px; background:#F0F0F0 url(images/dot.png) no-repeat 3px 50%; text-decoration:none;}

/* comments */
#comments{ width:100%;}
#comments h2{ font-size:1.5em; font-family:"Microsoft Yahei","Trebuchet MS", Tahoma, Arial; text-shadow:1px 1px 1px #CCC;}
#comments ol{list-style: none; margin: 0; padding: 0; font-size:14px;}
#comments ol li{ border: 1px solid #DDD; margin: 16px 0; padding:10px; background: #EAF2FB;  -webkit-border-radius:5px; -moz-border-radius:5px;}
#comments ol li p{ line-height:1.8;}
#comments ol li small {text-align: right; font-size: 8pt; font-family: Tahoma;}

#single_01 #comments{ width:100%;}
#single_01 #comments h2{ font-size:1.5em; font-family:"Microsoft Yahei","Trebuchet MS", Tahoma, Arial; text-shadow:1px 1px 1px #CCC;}
#single_01 #comments ol{list-style: none; margin: 0; padding: 0; font-size:14px;}
#single_01 #comments ol li{ border: 1px solid #DDD; margin: 16px 0; padding:10px; background: #EAF2FB;  -webkit-border-radius:5px; -moz-border-radius:5px;}
#single_01 #comments ol li p{ line-height:1.8;}
#single_01 #comments ol li small {text-align: right; font-size: 8pt; font-family: Tahoma;}

#respond{ background:#F0F0F0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:15px 50px 20px 50px; }
#respond h2{font-size:1.5em; font-family:"Microsoft Yahei","Trebuchet MS", Tahoma, Arial; text-shadow:1px 1px 1px #CCC; margin-bottom:20px;}
#respond p{ margin-bottom:10px;}
#respond input[type="text"]{ border:1px solid #DDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px; width:350px; color:#333;}
#respond textarea{border:1px solid #DDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px; width:530px; color:#333;}
#respond input:focus,#respond textarea:focus{background: #fffeec;}

#single_01 #respond{ background:#F0F0F0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:15px 50px 20px 50px; }
#single_01 #respond h2{font-size:1.5em; font-family:"Microsoft Yahei","Trebuchet MS", Tahoma, Arial; text-shadow:1px 1px 1px #CCC; margin-bottom:20px;}
#single_01 #respond p{ margin-bottom:10px;}
#single_01 #respond input[type="text"]{ border:1px solid #DDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px; width:350px; color:#333;}
#single_01 #respond textarea{border:1px solid #DDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px; width:650px; color:#333;}
#single_01 #respond input:focus,#respond textarea:focus{background: #fffeec;}


#single_01 #respond{ background:#F0F0F0; border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:15px 50px 20px 50px;width:550px; }
#single_01 #respond h2{font-size:1.5em; font-family:"Microsoft Yahei","Trebuchet MS", Tahoma, Arial; text-shadow:1px 1px 1px #CCC; margin-bottom:20px;}
#single_01 #respond p{ margin-bottom:10px;}
#single_01 #respond input[type="text"]{ border:1px solid #DDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px; width:350px; color:#333;}
#single_01 #respond textarea{border:1px solid #DDD; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:5px;width:500px;  color:#333;}
#single_01 #respond input:focus,#respond textarea:focus{background: #fffeec;}


/* footer */
footer{ width:995px; margin:0 auto; background:#333; color:#FFF; text-align:center; padding:10px 0;}
footer a{ color:#FFF;}
footer a.blogname{ color:#F90;}
footer a:hover{ color:#FFF; text-decoration:none;}
footer p{ font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:14px; text-shadow:1px 1px 1px #000;}

/* about me */
#aboutme{ border-top:1px solid #DDD; border-bottom:1px solid #DDD; background-color:#ffffea; padding:8px; margin-bottom:10px;}
#aboutme p{ line-height:1.8; text-indent:2em;}
#aboutme img{ float:left; padding:3px; background:#CCC; margin-right:8px;}
#aboutme ul{ text-align: right;}
#aboutme ul li{ display:inline; padding:0 3px;}

/* infoBox */
#infoBox{ width:100%; position:fixed; left:0; bottom:0; background:#ff8; border-top:1px solid #FF0; z-index:2000;}
#infoBox p{ font-size:12px; padding:5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0;}
#infoBox a{ color:#00f;}

/* postnav */
#postnav{ height:30px; line-height:30px; border-top:1px solid #ddd;}
#postnav .prev{ float:left;}
#postnav .next{ float:right;}


/*20106月22日 */


#story_main{ width:980px; margin:auto; margin-top:10px;}
.clear{ clear:both;}