﻿
/*-----------------------------------------------------------------------------------------------
Global
-----------------------------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

a {
text-decoration:none; 
color:#00b0ff;
}

a:hover {
text-decoration:underline; 
}
a img {
text-decoration:none;
border:0;
}

.l {
float:left;
}

.m {
text-align:center
}

.r {
float:right;
}

ul{
list-style-type:none;
}

.clear {
clear:both;
font-size:0;
line-height:0;
height:0px; 
}

table {
border-collapse:collapse;
}

table td {
vertical-align:top;
}

h1 {
font-size:16px;
}

h2 {
font-size:13px
}

h3 {
font-size:12px
}

h4 {
font-size:12px
}

th {
text-align:right; 
font-weight:400;
}

em {
font-style:normal;
color:red;
}

.hiddenText {
visibility:hidden
}

/*a.external {
padding-right:12px;
margin-right:2px;
background:url(images/external.gif) no-repeat bottom right;
}

a.external:hover {
text-decoration:underline; 
}*/

.lightbox img {
padding:5px 5px 15px;
background:url(images/zoom.gif) bottom right no-repeat #fff;
}

textarea, input {
font-family:"Microsoft YaHei","PMingLiU",Verdana,Serif;
}

a.downloadlink {
padding:0 0 0 16px;
background:url(images/download-icon.gif) left 50% no-repeat;
}

a.downloadlink:hover {
text-decoration:underline; 
}

/*-----------------------------------------------------------------------------------------------
Main Container
-----------------------------------------------------------------------------------------------*/
body {
color:#444;
font-family:"Microsoft YaHei","PMingLiU",Verdana,san-serif;
font-size:18px;
line-height:1.7em;
background:#fff; 
text-transform:capitalize;
text-align:center; 
padding:10px 0 0; 
}

#container {
text-align:left; 
width:900px;
margin:0 auto; 
position:relative; 
}

/*-----------------------------------------------------------------------------------------------
Header & Nav
-----------------------------------------------------------------------------------------------*/
#header {
display:none
}

#navigation {
text-align:left; 
float:left; 
text-transform:uppercase;
white-space:nowrap;
margin:0 0 0 10px; 
}

#navigation ul{
display:inline; 
}

#navigation li {
line-height:1.4em; 
display:inline; 
margin:0 20px 0 0; 
}

#navigation li a {
font-size:24px;
color:#eee; 
}

#navigation ul li a:hover, #navigation ul .current_page_item a:link, #navigation ul .current_page_item a:visited {
background:none;
color:#00b0ff; 
text-decoration:none;
border-bottom:2px solid #00b0ff; 
}

#navigation #home a{
font-size:24px;
line-height:24px;
*line-height:28px;
_line-height:28px; 
font-family:"Microsoft YaHei","PMingLiU","宋体",Verdana,san-serif;
font-weight:400;
letter-spacing:-2px;
border:0;
zoom:1;
color:#eee; 
}




/*#navigation #home .shadow {
filter:alpha(opacity=50);
opacity:0.5;
position:absolute;
left:3px;
top:1px;
color:#666;
}*/


/*#navigation #home .star {
color:#E4007F;
margin:0 0 0 2px;
letter-spacing:0;
}

#navigation #home a:hover {
opacity:0.5;
filter:alpha(opacity=50);
}*/

#navigation ul li.feed a{
background:url(images/feed.gif) left 50% no-repeat; 
padding:0 0 0 16px; 
}

#navigation ul li.feed a:hover {
background:url(images/feed.gif) left 50% no-repeat; 
text-decoration:none;
border-bottom:2px solid #00b0ff; 
}

#navigation ul li.new a {
color:#f90;
border-bottom:1px dashed #f90; 
}

#navigation ul li.new a:hover {
color:#00b0ff;
border-bottom:2px solid #f90; 
}

/*-----------------------------------------------------------------------------------------------
Search
-----------------------------------------------------------------------------------------------*/
#search {
height:24px; 
width:150px; 
float:right; 
padding:3px 0 0;
margin:0 10px 0 0;
}

#search #s {
width:120px; 
border:1px solid #eee; 
color:#aaa; 
font-size:12px;
padding:1px 2px 1px 26px; 
background:url(images/search-bg.gif) left 50% no-repeat #fff;  
}

* html #search #s {
margin:0; 
}

#search #s:focus {
border:1px solid #aaa;
}

/*-----------------------------------------------------------------------------------------------
Content
-----------------------------------------------------------------------------------------------*/
#content {
position:relative; 
margin:30px 0 0;
}

#blogindex #content {
margin:0;
} 

.post {
margin:60px 0 120px; 
}


.posttitle {
background:url(images/entry-title-bg.gif); 
padding:10px 0 10px 10px; 
font-size:50px;
font-family:"Microsoft YaHei","PMingLiU","宋体",Verdana,san-serif;
letter-spacing:2px;
line-height:1em;
color:#ccc;
}

/*.posttitle span {
display:block; 
font-size:12px;
color:#666;
margin:5px 0 0; 
}*/

.post h2 {
font-weight:400;
margin:0 0 20px; 
}

.post h2 a:link, .post h2 a:visited {
color:#ccc;
}

.post h2 a:hover {
text-decoration:underline;
}

.post .postbody {
font-size:24px;
text-transform:none;
padding:0 0 0 10px; 
line-height:1.4em;
letter-spacing:1px;
}

/* For Link Indication plugin */
.post .postbody a.liexternal { padding-right:12px; background: url(images/link-icon_external.gif) no-repeat right 50%;margin-right:1px;}
.post .postbody a.lidouban { padding-right:11px; background: url(images/link-icon_douban.gif) no-repeat right 50%;margin-right:1px;}
.post .postbody a.liflickr { padding-right:11px; background: url(images/link-icon_flickr.gif) no-repeat right 50%;margin-right:1px;}
.post .postbody a.lipdf { padding-right:11px; background: url(images/link-icon_pdf.gif) no-repeat right 50%;margin-right:1px;}
.post .postbody a.lidoc { padding-right:11px; background: url(images/link-icon_doc.gif) no-repeat right 50%;margin-right:1px;}
.post .postbody a.lizip { padding-right:11px; background: url(images/link-icon_zip.gif) no-repeat right 50%;margin-right:1px;}
.post .postbody a.liimg { padding-right:11px; background: url(images/link-icon_img.gif) no-repeat right 50%;margin-right:1px;}
.post .postbody a.libaidu { padding-right:11px; background: url(images/link-icon_baidu.gif) no-repeat right 50%;margin-right:1px;}
/* For Link Indication plugin END*/

.post .postbody p {
margin:0 0 25px;
}

.post .postbody ul {
list-style:circle;
margin:0 0 15px;
}

.post .postbody ol {
margin:0 0 15px;
}

.post .postbody ul li, .post ol li {
margin:0 0 0 20px;
line-height:1.6em;
}

.post .postbody img a:hover{
	border:10px #f00 solid;
}

.postinfo {
display:none; 
color:#aaa;
background:#ddd; 
}

.posttitle .postdate {
margin:0 0 20px; 
color:#eee; 
}

.posttitle .year {
margin:0 0 0 5px;
color:#eee; 
}

/*.postinfo ul li {
line-height:2em; 
}

.postinfo ul {
list-style-type:none;
}

.postinfo .postauthor1 {
padding:0 0 0 20px;
background:url(images/author.gif) left 50% no-repeat; 
color:#aaa; 
}

.postinfo .postauthor2 {
padding:0 0 0 20px;
background:url(images/author2.gif) left 50% no-repeat; 
color:#aaa; 
}

.postauthor1 span {
color:#54A6E2;
}

.postauthor2 span {
color:#8FC31F;
}

.postinfo .postcat {
padding:0 0 0 20px;
background:url(images/folder.gif) left 50% no-repeat; 
}

.postinfo .postcmt {
padding:0 0 0 20px;
background:url(images/comment.gif) left 50% no-repeat; 
}*/

.entry table {
margin:0 auto; 
}

#pages {
text-align:center;
font-size:24px;
color:#ccc;
margin:0 0 100px; 
}

#pages .thispage{
font-weight:400;
color:#333;
padding:0 18px;
}

#pages a {
padding:0 18px;
color:#ddd; 
}

#pages .pagenumber a {

}

#pages .pagenumber a:visited {
color:#aaa;
}

#navbar, #comments {
margin:15px 50px 0; 
}

.page-nav {
	display:none;
margin:0 0 10px 10px; 
color:#ddd;
position:relative; 

}

.page-nav a{
color:#ccc; 
}

.page-nav .pre {
width:100px;
position:absolute; 
/*left:-150px;*/
left:-10px;
top:10px;
}

.page-nav .next {
width:100px;
position:absolute; 
/*left:950px;*/
left:900px;
top:100px;
}

.post a:link img, .post a:visited img {
border:1px solid #fff;
}

.post a:hover img {
border:1px solid #fff;
}

.post blockquote {
border-left:1px solid #ccc;
margin:0 0 15px;
padding:15px 15px 10px;
background-color:#f3f3f3;
color:#666;
}

.post blockquote:hover {
color:#222
}

.post img {
margin:0 10px 5px 0;
}

.post .img-r {
float:right;
margin:0 0 1em 1em;
} 

.post .img-l {
float:left;
margin:0 1em 1em 0;
}

#random {
display:none; 
margin:0; 
padding:15px 0 10px 10px; 
border-top:1px dashed #ccc; 
border-bottom:1px dashed #ccc; 
}

#random li {
padding:1px 0; 
height:20px; 
clear:both;
}

#random ul {
background:url(images/random-li-bg.gif) left top;
}

#random h3 {
font-size:16px;
color:#aaa; 
margin:0 0 10px; 
letter-spacing:2px;
font-weight:400;
}

#random .randomPdate {
color:#aaa;
float:right;
}

#archivelist li{
list-style-type:none;
line-height:1.8em;
width:33%;
float:left;
display:inline;
margin:0;
}

#archivelist li:hover {
background:#f3f3f3;
}

#archives,#tags {margin:-20px 0 0;}

#archives h2,#tags h2 {
font-size:24px;
font-weight:400;
color:#bbb;
margin:20px 0 10px;
}

#archives h3, #tags h3 {
font-weight:400;
font-size:14px;
border-bottom:1px dashed #ccc;
margin:0 0 5px;
}

#archives h3 a ,#tags h3 a{
color:#000;
}

#archives h3 span ,#tags h3 span {
color:#aaa;
}

/*-----------------------------------------------------------------------------------------------
Comment
-----------------------------------------------------------------------------------------------*/
.commenttitle {
/*background:url(images/entry-title-bg.gif); */
padding:10px 0 10px 10px; 
font-size:50px;
font-family:"Microsoft YaHei","PMingLiU","宋体",Verdana,san-serif;
letter-spacing:2px;
font-weight:400;
color:#ccc; 
}


h2#comments {
margin:100px 0 30px; 

}

.post .commentlist {
margin:20px 0 0; 
}

.post .commentlist p {
margin:0 0 10px;
border:0;
line-height:1.6em;
}

.post .commentlist li {
list-style:none;
margin:0 0 100px;
padding:0; 
background:#fff; 
zoom:1;
}

.post .commentlist .commentlistend {
list-style:none;
background-color:#FFF;
position:relative;
border:0;
display:none; 
}

.post .commentlist li .commenttime {
font-size:30px;
color:#eee;
}

.post .commentlist .yourcomment .commentmetadata {
}

.post .commentlist .yourcomment .commenttext {
}

.post .commentlist .mycomment .commentmetadata, .post .commentlist .mycomment .commentmetadata a {
color:#ff800f;
}

.post .commentlist .mycomment .commenttext {
color:#ff800f; 
}


.post .commentlist .firstcomment .commentmetadata {
color:#e4007f;
}

.post .commentlist .firstcomment .commentmetadata a {
color:#e4007f;
}

.post .commentlist .firstcomment .commenttext {
color:#e4007f;
}


.post .commentlist li .commentauthor {
font-size:30px;
line-height:1em;
letter-spacing:1px;
}

.post .commentlist li .commentauthor a {
padding:0 20px 0 0;
background:url(images/orange.gif) right center no-repeat; 
display:inline-block;
}

.post .commentlist li .commentmetadata {
padding:0 0 0 10px; 
}

.post .commentlist .commenttext {
padding:10px 0 0 10px;
font-size:18px;
}

.post .commentlist .commenttext .notice {
color:red;
font-size:12px;
margin:0 0 3px;
padding:0 0 0 18px;
background:url(images/exclamation.gif) left 50% no-repeat;
}

.post .commentlist li ul, .post .commentlist li ol, .post .commentlist li blockquote {
margin:0 20px 0 0;
padding:10px 0 10px 30px;
border:0;
background-color:transparent;
}

.post .commentlist li ol li {
list-style:decimal;
display:list-item;
border:0;
margin:0 0 0 20px;
}

.post .commentlist li ul li {
list-style:circle;
display:list-item;
border:0;
margin:0 0 0 20px;
}

.post .commentlist li blockquote {
margin:0;
padding:20px 0 0 45px;
background:url(images/quote.gif) 10px 10px no-repeat;
color:#999;
}

.post .commentlist li blockquote a {
color:#00b0ff;
}

.post .commentlist li blockquote a:hover {
text-decoration:underline;
}

.post .commentlist li blockquote p {
padding:0;
color:#999;
}

.post .commentlist li img {
display:inline;
float:none;
vertical-align:middle;
}

#commentform {
margin:20px 0 0 0; 
padding:0 10px; 
}

#commentform p {
margin:0 0 30px; 
}

#commentform label {
font-size:30px;
display:block; 
_margin:0 -3px 0 0; 
color:#ccc; 
}

.textfield {
border:1px solid #fff;
border-bottom:1px solid #00b0ff;
width:500px; 
padding:5px 0;
font-size:18px;
}

#commentform #submit {
border:0;
color:#00b0ff; 
font-size:30px;
font-weight:400;
background:#fff; 
}

.commentbox {
border:1px solid #00b0ff;
height:10em;
padding:2px;
width:880px; 
font-size:18px;
}

.post textarea {
overflow:auto;
}

#commentform input:focus, #commentform input.focus, {
border:1px solid #fff;
border-bottom:1px dashed #00b0ff;
}

#commentform textarea:focus, #commentform textarea.focus {
border:1px dashed #28C6FF; 
/*background:#f8fdff; */
}

#commentform #submit:focus, #commentform #submit.focus {
border:0;
}

#commentform #submit:hover, #commentform #submit.hover {
}

#commentform p.cmtlogin {
}

#commentform #wp_grins {
}

/*-----------------------------------------------------------------------------------------------
Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar{
line-height:1.8em; 
color:#999; 
margin:20px 10px 0 ; 
border-top:1px solid #ccc;
padding:20px 0 0; 
}

/*#sideleft {
float:left; 
width:270px; 
margin:0 25px 0 0;
display:inline;
}


#sidemid{
float:left; 
width:275px; 
margin:0 25px 0 0;
display:inline;
}

#sideright {
float:left; 
width:205px; 
display:inline;
}

#sideright .jiwaide {
width:205px;
text-align:center;
}*/

#sideleft {
}

.sideblock {
margin:0 0 30px;
}

#sidemid, #sideright {
display:none;
}

#sidebar ul {
}

#recentcmt li {
padding:0;
display:inline;
margin:0 40px 0 0;
zoom:1;
background:#fff;
}

#recentcmt a:visited {
color:#999;
 }

#douban .douban_item {
padding:0;
display:inline;
margin:0 20px 0 0;
zoom:1;
background:#fff;
*white-space:nowrap;
}

.item2{
color:#acacac; 
}

.item2 a{
color:#32bffe; 
}

.item3{
color:#c1c1c1; 
}

.item3 a{
color:#65cffe; 
}

.item4{
color:#d6d6d6; 
}

.item4 a{
color:#99dfff; 
}

.item5{
color:#ebebeb; 
}

.item5 a{
color:#ccefff; 
}

#recentcmt li:hover, #twitter_update_list li:hover {
color:#999999; 
}

#recentcmt li:hover a, #twitter_update_list li:hover a {
color:#00b0ff; 
}

#sidebar h3 {
padding:0 15px 0 0;
color:#333; 
font-size:24px;
letter-spacing:2px;
font-weight:400;
float:left;
}

#sidebar #misc, #sidebar #link {
/*display:none;*/
}

#sidebar #link li, #sidebar #cat li{
display:inline; 
margin:0 10px 0 0; 
}

.widgets li, #misc ul li {
display:inline; 
margin:0 10px 0 0; 
}

.widgets {
display:none;
}

#sidebar #douban table td {
vertical-align:bottom;
padding:0 10px 0 0;
}

#sidebar #douban a img {
border-bottom:2px solid #fff;
}

#sidebar #douban a:hover img {
border-bottom:2px solid #00b0ff;
}

#douban_mn .douban_item {
display:inline;
}

/*-----------------------------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------------------------*/
#footer {
border-bottom:2px solid #08264D; 
text-align:center; 
width:100%; 
padding:0 0 20px;
margin:0;
/*display:none; */
}

#footer .jenfy {
margin:0 0 15px;
}

#blogindex #twitter_div {
/*display:inline-block;*/
/*display:none; */
margin:15px 0 0;
background:url(images/twitter-top.gif) left top no-repeat #f5f5f5;
color:#888;
}

#blogindex #twitter_div #twitter_update_list {
display:inline-block;
padding:14px 70px 5px 8px;
background:url(images/bird.gif) right top no-repeat;
min-height:15px;
_height:15px;
}

#blogindex #twitter_div #twitter_update_list a{
margin:0 0 0 10px;
}
