/* -------------------------------------------------------------- 

   screen-layout.css
   * default layout
   * for screens, projections

-------------------------------------------------------------- */

/* global resets
-------------------------------------------------------------- */
html, body, div, span,applet,
object, iframe,h1, h2, h3, h4, h5, h6,
p, blockquote, pre,a, abbr, acronym,
address, big, cite, code,del, dfn, em,
font, img, ins, kbd, q, s, samp,small, strike,
strong, sub, sup, tt, var,dd, dl, dt,
li, ol, ul,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%;line-height: 1;
font-family: inherit;
text-align: left;vertical-align: baseline;
}
html {height:100%;margin-bottom : 0.1em;}
body {background-color:#FFFFFF;}
body, p, td, th, li { font-family: “宋体”,verdana,helvetica,sans-serif; font-size:0.875em; line-height:1.75em; color:#444; }
a, a:link{text-decoration:none;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}

/* admin
-------------------------------------------------------------- */
#admin                        { width:960px; margin:0px auto; padding:7px 10px 7px 10px; background:#ffffe1; height:16px; border-bottom:1px solid #c0c0c0; }
#admin p.left                 { font-size:0.9em; margin: 0px; padding: 0px; float:left;  }
#admin p.right                { font-size:0.9em; margin: 0px; padding: 0px; text-align:right; }
#admin a                      { text-decoration:none; }
#admin a:hover span           { text-decoration:underline; }
#admin a img                  { margin:0px 5px -3px 0px; padding:0px; }
/* codes elements
-------------------------------------------------------------- */
pre {
background-color:#FFFEEB;
display:block;
font-family:Consolas,Courier New,Courier,Fixedsys;
font-size:0.875em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.7em;
max-height:240px;
overflow:auto;
padding:5px;
width:600px;
}
code {
font-family:consolas,'courier new',courier,fixedsys;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.7em;
color:#496215;
}
/* main container padding / margin setting
-------------------------------------------------------------- */
.container { margin-left: auto; margin-right: auto; width: 960px;}
.grid_12{display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width: 700px; min-height: 400px;}
.grid_4 {display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width: 220px;}
/* header
-------------------------------------------------------------- */
#topwrapper {margin-bottom : 0px;background : none repeat scroll 0% 0%;float: left;width : 100%;padding-bottom: .25em;}
.logo {float : left;padding-bottom : 5px;width: 70%;}
.logo h1 a {color:#444444;}
.logo img {padding : 10px;border : none;padding-top : 0;display : block;}
.logo h1 {float : left;font-size : 3em;line-height : 1em;text-transform : uppercase;display : inline;margin : 15px 0 0 0;}
.subtitle {background: transparent;color: #777;float: left;padding: 0;width: 70%;}
.subtitle h2{font-size: 1em;}

#navwrapper {float:left;width:100%;font-size:1.25em;}
#navwrapper ul {padding-left:0;margin-left:0;background-color:#FCFAEC;color:#333;float:left;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#navwrapper ul li {display:inline;text-transform:uppercase;}
#navwrapper ul li a {padding : 0.2em 1em;background-color : #FCFAEC;color : #690;text-decoration : none;float : left;border-right : 1px solid #fff;}
#navwrapper ul li a:hover {background-color : #690;color : #eee;}
#navwrapper ul li a#current {background-color : #690;color : #eee;}
/*drop-down cats*/
.headright {border-left : 1px solid #fff;float : right;}
#slickbox {background : inherit;float : left;position : relative;margin : 0 auto;width : 100%;padding : 0;text-transform : lowercase;font-size : 0.9em;}
#slickbox h4 {text-transform : uppercase;padding : 3px 0 3px 0;}
#slickcats {background : #ffc;float : right;position : relative; width : 25%;padding : 5px 10px;}
/* content
-------------------------------------------------------------- */
#content {padding : 0px 0 15px 0;line-height : 1.7em;}
.post {margin-bottom : 2em;}
.post ul {list-style : square;margin : 1px 5px 7px 15px;padding : 5px;}
.post li {margin-bottom : 3px;}
#content ul li {
background-position:-89px -140px;
line-height:1.7em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 0 14px;
}
#content ul li:hover {
background-position:-78px -158px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 0 14px;
}
#post-meta dt {
clear:left;
display:inline;
float:left;
padding:4px 10px 6px 0;
text-align:right;
width:4em;
}
#post-meta dd {
clear:right;
padding:4px 0 6px;
}
span.note,a.note { font-weight:bold;}
span.note { color:#FF5A5D; }
h1 {font-size : 2em;line-height : 1em;text-transform : uppercase; margin-bottom : 0.2em;margin-top : 0.5em;}
div#content h2 {font-size : 1em;line-height : 1em;text-transform:uppercase;display : inline;margin-bottom : 0.2em;margin-top : 2.5em;}
div#content h2 a {color:#444444;}
h3 {font-weight : bold;font-size : 1em;text-transform : uppercase;margin-bottom : 0.2em;margin-top : 2.5em;letter-spacing : 0.2em;color : #34353e;
border-bottom : 1px solid silver;}
#content h2.teaser { margin: 0px 0px 0px 0px; font-size:0.9em; line-height:1.5em; font-weight:bold; color:#000; text-decoration:none; }
#content h2.teaser a { margin: 0px 0px 0px 0px; font-size:1em; font-weight:bold; color:#333; text-decoration:none; }
#content p.teaser { margin: 0px 0px 0px 0px; padding: 0px; }
#content h3 {clear: both;padding-top: 1em;margin-top: 1em;}
div#content h1.big {margin-bottom: 1.5em;}
.post h3 {border-bottom : none;letter-spacing : normal;margin-bottom : -0.5em;}
blockquote {background-color : #FCFAEC; border:1px solid #FEEAB8; padding : 5px 10px;margin : 15px 0;}
.big {display : inline;font-size : 3em;}
.results_content {padding : 0 0 .5em 0;border-bottom : 1px solid silver;}
span.archive-meta {font-size: .9em;}
a.archive-permalink {color:#444444;display: block;font-size: 1.2em;}
.except {margin-top : 1em;}
div.results_date {margin-top: .5em;font-size: .9em;}
.archlist {float : left;color : #333;width : 100%;}
ul.archlist li {display : inline;list-style-type : none;margin-right : 10px;float : left;display : block;width : 215px;}
ul.archlist li a {float : left;margin-right : 3px;}
ul.archlist li a:hover {background : #f3f3f3 !important;color : #444444;}
div.post p img {max-width: 500px;}
div.post-tags {margin: .25em 0;}
ol {list-style-type:decimal;}
/* sidebar
-------------------------------------------------------------- */
#sidebar {font-size : 0.9em;padding : 0 0 25px 0;line-height : 1.5em;margin-top : 1.5em;}
#sidebar img {max-width: 390px;}
input#s {width : 120px;margin : 0 2px 5px 0;font-size : 12px;}
input#s2 {width : 140px;margin : 5px 2px 5px 0;font-size : 12px;}
#searchsubmit {margin-bottom : 5px;}
table#wp-calendar {width: 100%;}
h2.widgettitle {font-weight : bold;font-size : 1em;text-transform : uppercase;margin-bottom : 0.2em;margin-top : 2.5em;letter-spacing : 0.2em;
color : #34353e;border-bottom : 1px solid silver;}
#sidebar h3 {font-weight : bold;font-size : 1.2em;text-transform:uppercase;margin-bottom : 0.2em;margin-top : 1em;letter-spacing : 0.2em;color : #34353e;border-bottom : 1px solid silver;}
#sidebar li {margin-left : 0;padding-left : 0;margin-top : 0.1em;}
#sidebarleft {width : 180px;float : left;}
#sidebarright {width : 180px;float : right;}
#sidebarright img {max-width: 180px;}
#sidebarleft img {max-width: 180px;}
#sidebar li {margin-left : 0;padding-left : 0;margin-top : 0.1em;}
#sidebar p {display : block;background-color : #f3f3f3;padding : 5px;margin-top : 1px;}
#searchform div {padding-left : 0;margin : 0.5em 0;}
div.textwidget {display : block;background-color : #f3f3f3;padding : 5px;margin : 0.5em 0;}
#sidebarright li a img {background : inherit;border : 3px solid silver;padding : 5px;margin : 7px 3px;}
.flickr {background : inherit;margin : 0 auto;width : 100%;padding : 0;}
.flickr li {padding-top : 5px;}
#sidebarleft li a img, .flickr li img {padding : 4px;border : 2px solid silver;margin: 3px 0;}
div.post-meta {font-size: .9em;color: #777;}
div.bottom-nav {float: left;margin: 1em 0;}
/* commentlist
-------------------------------------------------------------- */
#comments                     { margin:40px 0 0 0; }
#comments h3                  { font-size:1em; margin: 0 0 20px 0; padding: 0px 0px 2px 0px; border-bottom: 1px dotted #c0c0c0; }
#comments div.comment         { margin: 0px 0px 20px 0px; }
#comments p.author            { margin: 0px 0px 3px 0px; padding: 0px; font-style: italic; }
#comments p.text              { margin: 0px; padding: 0px; }
#comments p.admin             { margin: 0px 0 0 0; padding: 3px 0 0 0; font-size:0.75em !important; }
#comments #preview            { margin:0; font-size:0.9em; color:red; font-weight:bold; }
#comments div.preview         { margin:0 0 20px 0; padding:10px; border:1px dotted red; }
#commentform                  { margin:0; padding:0; }
#show_commentform             { display:none; }

/*footer*/
#bottomwrapper {clear: both;font-size : 1em;height : auto; text-decoration : none;text-align : center;}
#bottom {background-color : #fff;color : #9c9c9c;font-size: 1em;float : left;display : inline;padding :5px 10px;text-align : left;line-height: 1em; width:940px;}
.footer {text-align : left;font-size : 0.8em;color : #9c9c9c;margin : 0;padding : 0 0 20px 0;}
#powerby {display:none;}
/*misc*/
.left {display : inline;float : left;}
.right {display : inline;float : right;}
/* -------------------------
end for default layout */
a {   background : transparent;  color : #669900;}
a:hover {  background-color : #ffffcc;  text-decoration : none;  color : #000;}
a:focus, a:active {  background-color : #ffffcc;}

img                           { border: 0px solid #fff; }
img.float-left                { float: left; margin: 3px 10px 10px 0px; border: 1px solid #ccc; }
img.float-right               { float: right; margin: 0px 0px 13px 13px; border: 1px solid black; z-index:10;}
img.teaser                    { float: left; margin: 0px 7px 7px 0px; border: 1px solid black; }
img.thumbnail                 { border: 1px solid black; margin: 0px; }
img.float-left-sm             { float: left; margin: 3px 5px 3px 0px; border: 1px solid black; }

img.thumbnail:link            { color: #0000ff; border: 1px solid #000000; }
img.thumbnail:visited         { color: #0000ff; border: 1px solid #000000; }
img.thumbnail:hover           { color: #0000ff; border: 1px dashed #000000; }
img.thumbnail:active          { color: #0000ff; border: 1px dashed #000000; }