/*
Theme Name: PhilNa
Theme URI: http://philna.com/theme
Description: <a href="http://philna.com">yinheli's</a> first theme base on hybrid and iNove Inspired by <a href="http://www.microsoft.com/windows/windows-7/default.aspx">Microsoft Windows 7</a> and I created many functions.Doesn’t require any plugin. 
Version: 1.0.9
Author: yinheli
Author URI:http://philna.com
Tags:blue,two-columns,fixed-width,theme-options
*/

/*
* Copyright (c) 2009 yinheli
*/
/*static*/
*{
margin:0;
padding:0;
}
html{
background:#B1D0ED;
}
body{
background:#DEE9F6;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 13px; 
color:#464646;

}
h1, h2, h3, h4, h5, h6{
font-weight:bolder;
font-family:arial,sans-serif;
text-shadow:1px 1px 1px #fff;
}
small {
font-size:10px;
}

a{cursor:pointer;color:#3b5998;-moz-outline-style:none;text-decoration:none}

a img{
border:0;
}
a:hover{
text-decoration:none;
color:#2F63B3;
}
blockquote{
background:#FFF6CF url(img/blockquote.gif) no-repeat top left;
border:1px dashed #FFE59F;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
-moz-box-sizing:content-box;
padding:10px 12px 10px 25px;
margin:12px 0;
}

ul.bottom_ li, ol.bottom_ li{
margin-bottom:10px;
}

.aligncenter{
text-align:center;
margin-left: auto;
margin-right: auto;
}
.center{
text-align:center;
}
.floatright,.alignright{
float:right;
margin-left:10px;
}
.floatleft,.alignleft{
float:left;
margin-right:10px;
}
.fixed{
clear:both;
}

/*总体布局*/
#main{
background:#DEE9F6 url(img/main_bg.gif) repeat-x;
}
#warp{
background:#FFF url(img/warp_bg.gif) repeat-y top center;
margin:0 auto;
width:984px;
}
#page{
background:url(img/page_pg.jpg) no-repeat;
}
#footer{
background:url(img/footer.jpg) no-repeat;
margin:0 auto;
height:96px;
width:984px;
}
#footerbg{
background:#B1D0ED url(img/footer_bg.gif) repeat-x;
}

/*标题*/
#title{
padding:40px 0 0 40px;
width:400px;
float:left;
}
#title a{
text-decoration:none;
cursor:pointer;
color:#444;
font-size:40px;
font-weight:lighter;
text-shadow: 1px 1px 1px #fff;
}

#title #dec{font-size:14px; padding-left:5px;}

/*导航*/
#nav{
margin-top:20px;
clear:both;
float:left;
width:984px;
display:block;
font-size:14px;
padding:5px 0 8px 0;
background:url(img/nav.jpg) no-repeat bottom center ;
}
#nav a{
display:block;
text-decoration:none;
margin:auto 5px;
padding:5px;
color:#0066cc;
}
#nav .home a{
margin-left:30px;
margin-left:25px!important;
}
#menus{
display:inline;
}
#menus li{
list-style:none;
float:left;
}
#nav .current_page_item a{
color:#3b5998;
font-weight:normal;
}
#menus li a:hover{
color:#006699;
}

#header-right{
float:right;
text-align:right;
padding:30px 20px 0px 0px;
width:470px;
}

/*搜索*/
#search{
line-height:25px;
margin:20px 0 0 0;
}

#search .textfield{
border:1px solid #B6D4F0;

border-top-left-radius:3px;
-moz-border-radius-topleft: 3px;
border-bottom-left-radius:3px;
-moz-border-radius-bottomleft:3px;

background:#FFF;
font-size:16px;
width:350px;
padding:5px 22px 6px 4px;
color:#777;
border-right:none;
}

#search .textfield:hover, #search .textfield:focus {
  border-color:#5F8BBF;
  box-shadow:0 0 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4)
  text-decoration:none;
}

button.search{

   border:1px solid #B6D4F0;

border-top-right-radius:3px;
-moz-border-radius-topright: 3px;
border-bottom-right-radius:3px;
-moz-border-radius-bottomright:3px;

border-left:1px solid #B6D4F0;

   font-size:17px;
   border-left:none;
   margin-left:-1px;	
}

#feed{
margin-top:15px;
}
#header-right #feed #rssfeed,#header-right #feed #mailfeed{
text-align:left;
text-indent:-99999px;
height:30px;
width:60px;
float:right;
background:url(img/feed.gif) no-repeat 0 0;
}

#header-right #feed #rssfeed:hover{
background-position:0 -54px;
}
#header-right #feed #mailfeed{
background-position:0 -110px;
}
#header-right #feed #mailfeed:hover{
background-position:0 -164px;
}
.yinheli_welcome{
position:absolute;
width:240px;
left:50%;
top:20px;
}
/*内容*/
#container{
margin:0 auto;
width:960px;
}
#notice{
color:#080;
padding:10px;
background:#EEF8FF;
}

/*文章*/
#content{
float:left;
width:639px;
padding:10px 15px 20px 15px;
overflow:hidden;
}
.post{
padding-bottom:5px;
background:#FFF;
margin-bottom:25px;
border-bottom:1px dotted #ddd;
}


.post h2, .post h3{
margin-top:10px;
margin-bottom:5px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
border-bottom:3px solid #eee;
font-size:25px;
color:#555;
font-weight:normal;
line-height:30px;
padding-left:0px;
padding-bottom:7px;
}

.post h1, h1.post-title, h2.post-title{
	margin-bottom:10px;
	margin-top:10px;
	color:#000;
	line-height:45px;
	padding-left:10px;
	border-bottom:none;
  font-family: 'Francois One', serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.5;
}


.post h1 a, .post h2 a{
color: #3b5998;
}

.post h1 a:hover,.post h2 a:hover{
background-color: #e3edf4;
text-decoration:none;
}

a.download{
border:none;
font-size:20px;
}

.entry-content{
font-size:13px;
line-height:160%;
padding-left:10px;
}
.entry-content a:hover{
text-decoration:underline;
}
.wp-caption{
border:1px solid #CCC;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
-moz-box-sizing:content-box;
border-style:solid;
border-width:1px;
padding:5px 0;
background:#EBF2FF;
text-align:center;
margin-bottom:20px;
}
.entry-content .wp-caption-text{
margin-bottom:0px;
font-size:10px;
color:#555;
text-shadow: 1px 1px 1px #fff;
}
.wp-caption:hover{
border-color:#A6A6A6;
}

.info{
padding:10px 0px 0px 10px;
margin-bottom:15px;
font-size:11px;
color:#888;
text-shadow:1px 1px 1px #fff;
}

.info table td{line-height:18px;}
.info table td img{border:1px solid #ddd; padding:1px; margin-right:5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.info a:hover{text-decoration:underline;}



.editpost,.comments-link{
float:right;
background:url(img/icon.gif) no-repeat scroll 0 -66px;
padding:0 0 2px 20px;
}
.editpost{
margin-left:5px;
background-position:0 -95px
}
.published{
background:url(img/icon.gif) no-repeat scroll 0 0;
padding:0 0 2px 20px;
}
.post-author{
background:url(img/icon.gif) no-repeat scroll 0 -35px;
padding:0 0 2px 20px;
margin-left:10px
}
.entry-content ol,.entry-content ul{
padding-left:25px;
margin-bottom:12px;
}
.entry-content p{
margin-bottom:15px;
}

button, .entry-content .more-link, .btn {
  font:normal 13px arial,helvetica,sans-serif;
  color:#000;
  border:1px solid #ccc;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background-color:#f6f6f6;
  background-image:linear-gradient(top, #fff, #efefef);
  background-image:-moz-linear-gradient(top, #fff, #efefef);
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efefef));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#efefef);
  height:1.9231em;
  padding:0 0.5em;
  cursor:pointer;
  white-space:nowrap;
  overflow:visible; /* fixes width in IE7 */
  outline:0 none /* removes focus outline in IE */}

button::-moz-focus-inner {border:none} /* removes focus outline in FF */
.entry-content .more-link::-moz-focus-inner {border:none} /* removes focus outline in FF */
.btn::-moz-focus-inner {border:none} /* removes focus outline in FF */

button:hover, button:focus, .entry-content .more-link:hover, .entry-content .more-link:focus, .btn:hover, .btn:focus {
  border-color:#999;
  background-color:#f0f1f3;
  background-image:linear-gradient(top, #fff, #ebebeb);
  background-image:-moz-linear-gradient(top, #fff, #ebebeb);
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ebebeb));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#ebebeb);
  box-shadow:0 0 3px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 3px rgba(0,0,0,0.4);
  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4)
  text-decoration:none;
}

button:active, .entry-content .more-link:active, .btn:active {
  background-color:#ddd;
  background-image:linear-gradient(top, #ccc, #fff);
  background-image:-moz-linear-gradient(top, #ccc, #fff);
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#fff));
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc, endColorStr=#ffffff)}

.entry-content .more-link{
margin:10px 0px;
padding:2px 3px;
text-decoration:none;
color:#666;
font-size:11px;
}
.entry-content .more-link:hover{
 text-decoration:none !important;	
}





.entry-content img{
max-width:625px;
}
.entry-content img .border,.entry-content img .sided{
background:#FFF;
padding:3px;
border:1px solid #B1D0ED;
}
.entry-content a img{
border:0;
}
.entry-content table{
margin:5px 0 10px;
background:#EEF8FF;
}
.entry-content table caption{
font-size:15px;
}
.entry-content table tr td {
border-bottom:0px solid #ddd;
padding:2px 10px;
}
.entry-content table tr th {
background:#DEE9F6;
padding:1px 10px;
text-align:left;
}

.entry-content .wp_syntax table,.entry-content .wp_syntax table tr td{
border:none;
}
.entry-content .wp_syntax table tr td{padding:0 3px;}
.entry-content .wp_syntax table{
margin:0;
}
#related_posts{
margin-bottom:10px;
border:1px solid #DEE9F6;
color:#646464;
}
#related_posts h3{
padding:10px 0 0 10px;
font-weight:lighter;
color:#5AB21D;
}
#related_posts ul li {
border-bottom:1px solid #E3E4E6;
line-height:18px;
list-style:none;
padding:3px 5px;
background:none;
}
#related_posts .count {
font-size:10px;
}
#related_posts .excerpt {
color:#999999;
display:block;
font-size:11px;
}

.entry-content .pages{
background:url(img/icon.gif) no-repeat scroll 0 -226px;
padding:3px 0 3px 27px;
height:16px;
line-height:16px;
}
.entry-content .pages a{
padding:3px;
text-decoration:none;
}
.entry-content .pages a:hover{
background:#DEE9F6;
}
.cat-links,.tag-links{
background:url(img/icon.gif) no-repeat scroll 0 -124px;
padding:2px 0 2px 22px;
}
.tag-links{
margin-left:5px;
background-position:0 -148px;
}
#linkcat{
margin-bottom:15px;
}
#linkcat ul{
padding-left:0;
}
#linkcat li{
list-style:none;
float:left;
width:25%;
overflow:hidden;
}
#linkcat li a{
background:url(img/icon.gif) no-repeat 0 -303px;
padding-left:21px;
}
#pagenavi, #postnavi {
border-top:1px solid #CCC;
margin:10px -5px 0;
padding:10px 5px 0;
display:block;
}
#pagenavi {
font-size:11px;
}
#pagenavi .newer a, #postnavi .prev a{
background:url(img/icon.gif) no-repeat scroll 0 -363px;
float:left;
height:16px;
line-height:16px;
padding-left:22px;
}
#pagenavi .older a, #postnavi .next a{
background:url(img/icon.gif) no-repeat scroll 100% -380px;
float:right;
height:16px;
line-height:16px;
padding-right:22px;
}

/*没有文章*/
.no-data{
padding:10px;
background:#DEE9F6;
}
.position{
background:url(img/icon.gif) no-repeat 0 -261px;
padding-left:25px;
margin-bottom:20px;
}
/* 评论*/
#cmtswitcher {
background:#FFFFFF;
padding-top:5px;
margin-top:10px;
}
#cmtswitcher a.tab, #cmtswitcher a.curtab {
color:#555555;
display:block;
float:left;
margin-bottom:-1px;
text-decoration:none;
}
#cmtswitcher a.tab {
border-color:#FFFFFF #FFFFFF #CCCCCC;
border-style:solid;
border-width:1px;
}
#cmtswitcher a.curtab {
background:#FCFCFC none repeat scroll 0 0;
border-color:#CCCCCC #CCCCCC #FCFCFC;
border-style:solid;
border-width:1px;
}
.addcomment,.addtrackback{
float:right;
padding-left:20px;
padding-bottom:3px;
margin-left:18px;
background:url(img/icon.gif) no-repeat scroll 0 -173px;
padding-left:20px;
}
.addcomment{
margin-left:5px;
background-position:0 -199px
}
#commenttab,#trackbacktab{
float:left;
padding:1px 6px;
}
/*评论列表*/
#commentlist {
background:#FCFCFC none repeat scroll 0 0;
border-top:1px solid #CCC;
margin-left:-6px;
}
#commentlist p{
margin-bottom:10px;
line-height:150%;
}
#commentlist p a:hover{
text-decoration:underline;
}
#comments .display{
display:block;
}
#comments .nodisplay{
display:none;
}
#thecomments li,#thetrackbacks li{
list-style:none;
}
#thecomments li{
padding:10px 10px 3px 58px;
border-bottom:1px solid #EEE;
}
#thetrackbacks{
margin-top:15px;
}
.comment-meta,.trackback .date,.trackback .act{
float:right;
color:#808080;
cursor:default;
font-style:italic;
font-size:10px;
}
.trackback .title{
padding:5px 0 5px 15px;
}
#thetrackbacks li{
padding:0 10px 10px 15px;
border-bottom:1px solid #EEE;
}
#thecomments li p .waiting{
color:#808080;
}
.comment-author{
margin-bottom:2px;
}
.comment-author .avatar{
float:left;
margin-left:-50px;
background:#FFF;
border:1px solid #DEE9F6;
padding:3px;
}
.admincomment .comment-author .avatar{
border:1px solid #B1D0ED;
}
#thetrackbacks .messagebox,#thecomments .messagebox{
padding:10px;
background:#DEE9F6;
margin:15px;
}
#thecomments .tip{
position:absolute;
z-index:3;
width:350px;
border:1px solid #B1D0ED;
background:#FFF;
padding-bottom:10px;
}
/*评论框*/
#respond .row {
margin-bottom:3px;
display:block;
}
#respond .textfield {
width:200px;
}
.cmarea{
position:relative;
}
#respond input.textfield, textarea, .sendtext, .sendmsg{
background:#FFFFFF url(img/textfield.gif) repeat-x scroll center top;
border:1px solid #A6A6A6;
}
#respond{
margin-top:15px;
}
#respond .welcome img{
background:#FFF;
border:1px solid #DEE9F6;
padding:3px;
margin-right:10px;
}
#respond .welcome img:hover{
border:1px solid #B1D0ED;
}
#respond .welcome *{
vertical-align:middle;
margin-bottom:10px;
}
#emoticon{
float:right;
margin-top:3px;
margin-right:15px;
}
#respond .feed{
float:left;
background:url(img/comrss.png) no-repeat;
padding-left:15px;
}
#submitbox{
margin-top:5px;
}
#submit,.sendsub{
-moz-border-radius:11px;
-webkit-border-radius:11px;
-khtml-border-radius:11px;
border-radius:11px;
-moz-box-sizing:content-box;
overflow:visible;
border-style:solid;
border-width:1px;
background:#21759B url(img/button-grad.png) repeat-x scroll left top;
color:#FFFFFF !important;
font-weight:bold;
cursor:pointer;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px !important;
line-height:16px;
padding:2px 8px;
float:right;
}
#comment {
width:635px;
}
.reply img{
border:0;
}
#commentload{
position:absolute;
top:40px;
left:147px;
background:#FFF;
border:1px solid #B1D0ED;
padding:15px 20px;
vertical-align:text-top;
width:300px;
}
#commentload *{vertical-align:middle;}

#ed_toolbar_comment input {
background:#F9F9F9;
border:1px solid #CCC;
color:#666;
font-size:10px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
margin:1px 2px 5px 0;
overflow:visible;
padding:1px 1px;
width:auto;
}
#ed_toolbar_comment input:hover {
border:1px solid #CC0033;
color:#0000CC;
}

/*边侧栏*/
#sidebar{
float:right;
width:270px;
padding:10px 10px 20px 10px;
overflow:hidden;
}
#sidebar a{
color:#3b5998;
}
#sidebar a:hover{
text-decoration:underline;
color:#2F63B3;
}
.sidebar-top{
margin-bottom:20px;
}
.widget{
padding:10px 10px 0 0; 
background:#FFF url(img/widget-top.gif) no-repeat top center;
margin-bottom:12px;
}
.sidebar_notice{
background:url(img/widget-top.gif) no-repeat left bottom;
}
#sidebar_notice{
padding-bottom:10px;
}

#sidebar h3{
  font-family: 'Francois One', serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 0.6;
color:#333333;
cursor:default;
background:#F2F2F2;
border-top:1px solid #E2E2E2;
padding:10px;
}
#sidebar ul{
margin-top:10px;
padding-left:15px;
}
#sidebar li{
list-style-type:square;
color:#E2E2E2;
line-height:160%;
}

.widget_right{
float:right;
width:140px;
padding-left:10px;
}

.widget_left{
float:left;
width:110px;
}

#yinheli_recentcomments{
margin-left:-10px;
}
#yinheli_recentcomments li{
list-style:none;
color:#464646;
margin-bottom:5px;
clear:both;
}
#recentcomments li{
list-style:none;
margin-left:-10px;
color:#464646;
margin-bottom:5px;
}

.yrc_avatar img{
float:left;
background:#FFFFFF;
border:1px solid #DEE9F6;
padding:2px;
margin-right:5px;
}
#sidebar .yrc_info a{
color:#3b5998;
}
#sidebar #widget-links li{
list-style:none;
float:left;
width:50%;
overflow:hidden;
}
#sidebar #widget-links li a{
background:url(img/icon.gif) no-repeat 0 -303px;
padding-left:21px;
}
.widget_tag_cloud h3{
margin-bottom:10px;
}
/*底部*/
#foot-cotent{
padding:10px 50px 0 30px;
}
#totop{
float:right;
}
#powered{
width:36px;
height:36px;
background:url(img/wp_logo.gif) no-repeat;
text-indent:-999em;
float:left;
margin-right:10px;
}

/*其他*/
#mailform{
background:url(img/mail.gif) no-repeat scroll 90% top;
}

/*----------Clear any floating---------*/
.clear{clear:both;}

/*---------about the author-------*/
.aboutinfo{padding:5px 5px 5px 5px; color:#666; font-size:11px; line-height:16px; background:#F2F2F2; border:1px solid #E2E2E2;-moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:20px;}
.aboutinfo img.av {margin-right:10px; margin-top:3px;}

/*---------feedburner email subscription-------*/
.subscribe{padding:5px 5px 5px 5px; color:#666; font-size:11px; line-height:16px; background:#f9f9f9; border:1px solid #ddd;-moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom:20px;}
.subscribe img.tag {margin-right:10px; margin-top:3px;}
.subscribe form p input.text{color:#888; padding:3px; border:1px solid #ccc;-moz-border-radius: 3px; -webkit-border-radius: 3px;}

/*------Social Media Icons on about me section---------*/
.connectme{padding:2px; margin:0; font-size:9px;}
.connectme a, .connectme a:visited {background:#fff; padding:8px 3px 1px 3px; margin:0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.connectme a:hover{background:#E2E2E2;}

/*--------flickr--------*/
.flickr{margin:5px}
.flickr img{padding:1px; border:1px solid #ddd; margin:0px 4px 3px 0px; display:inline;}



a.btn, a.btn:visited{padding:6px 10px; font-size:1.4em; color:#1e598e}
a.btn span{font-size:0.6em; color:#666; letter-spacing:normal;}
a.btn:hover{text-decoration:none !important; color:#444}