/*
Theme Name: WPSummer
Theme URI: http://www.wpyou.com/
Description: 本高级博客主题设计开发: <a href="http://www.wpyou.com/">WPYOU</a>.
Version: 1.0
Author: WPYOU
Author URI: http://www.wpyou.com/
Tags: blue, black, fixed width, slideshow, two columns, widgets enabled
*/
/* global css */
body{ margin:0 auto; padding:15px 0px; width:100%; font-family:Verdana,Sans-Serif,Arial,'宋体'; font-size:12px; text-align:left; color:#222; background-repeat:repeat-x; background-position:center top; background-color:#222; background-image:url(images/bg.jpg);}
html{ margin:0 auto; padding:0;}
div,form,ul,ol,li,dl,dt,dd,span,p,button,textarea,th,td { margin:0; padding:0;}
input,select{ margin:0;padding:0;line-height:16px;}
img,a img{border:0;}
ul,ol,li{list-style:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ margin:0;padding:0;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:12px;}

.clear{ font-size:1px; width:1px; height:0; line-height:0; margin-top:0px!important; *margin-top:-1px; clear:both; visibility:hidden;}
:focus {-moz-outline-style: none; }  /* for Firefox */   

/* Default Link */
a:link, a:visited{ color:#0660B0; text-decoration:none;}
a:hover{ color:#036; text-decoration:underline;}

/* Wrapper */
.wrapper{ margin:0 auto; padding:10px 0px; width:980px; background:url(images/opacity.png) repeat 0 0; _background:url(images/opacity.gif) repeat 0 0}
.container{ margin:0 auto; background:url(images/navi.png) no-repeat 0 88px;}
.contain{ margin:0 auto; width:960px; background-color:#F9F9F9;}

/* Header */
#header{ margin:0px auto; width:960px;}

/* Top */
.top{ padding:15px 15px 13px; width:930px; height:60px; background:url(images/banner.jpg) no-repeat 350px top; overflow:hidden;}
.logo{ float:left; text-indent:-1000px; }
.logo a:link, .logo a:visited, .logo a:hover{ width:260px; height:60px; background:url(images/logo.png) no-repeat left top; display:block;}

.search{ float:right; margin-top:16px;}
.searchform{ width:250px; height:28px; background:url(images/search.gif) no-repeat 0 0; overflow:hidden;}
.searchInput{ float:left; padding:7px 8px 5px; width:165px; border:none; color:#787878; background:none;}
.searchBtn{ float:right; width:62px; height:28px; line-height:28px; border:none; font-size:13px; color:#FFF; text-indent:-9999px; background:none; cursor:pointer; display:block;}

/* Main Navigation */
.navigation{ padding:0px 10px; width:940px; height:42px; background:url(images/menu.png) repeat-x 0 0;}
.navigation li{ float:left; margin:7px 2px 0px; padding-left:6px; height:32px; font-size:14px; text-align:center; color:#FFF; background:url(images/menu.png) no-repeat 0 -97px;}
.navigation li a:link, .navigation li a:visited{ float:left; padding:0px 5px 0px 7px; height:26px; line-height:25px; color:#FFF; text-shadow:1px 1px 0px #0F60B6; text-decoration:none; cursor:pointer;}
.navigation li a:hover{ color:#FF0; text-shadow:1px 1px 0px #3E7909;}
.navigation li.nobd{ padding-left:0; background:none;}
.navigation li.current-cat a:link, .navigation li.current-cat a:visited{ color:#FF0; text-shadow:1px 1px 0px #0F60B6;}
.navigation li.current-cat a:hover{ color:#FFF; text-shadow:1px 1px 0px #3E7909;}
.navigation li.current-cat ul li a:link, .navigation li.current-cat ul li a:visited{ color:#FFF; background:none;}
.navigation li.current-cat ul li a:hover{ color:#FF0; text-shadow:1px 1px 0px #3E7909;}

/* Sub Navigation */
.subnavi{ padding:0px 15px; width:930px; height:45px; line-height:26px; color:#393939; background:url(images/menu.png) repeat-x 0 -42px; text-shadow:1px 1px 0px #F3F3F3; overflow:hidden;}
.breadcrumb{ float:left; width:350px; height:26px; overflow:hidden;}
.pagelist{ float:right;}
.pagelist li{ float:left; padding-left:10px;}
.pagelist li.current_page_item a{ color:#222;}

/* Content */
#content{float:left; padding:0px 15px; width:930px; background-color:#F9F9F9;}

/* Article */
.article{ float:left; width:660px; overflow:hidden;}

.post{ float:left; width:660px; margin-bottom:5px; padding:10px 0px;}
.post h2{ padding-bottom:8px; line-height:24px; font-size:16px; font-family:'宋体',Arial,Verdana; background:url(images/title.png) no-repeat 0 -90px;}

.pmeta{ color:#888;}
.ptags{ margin-top:5px; padding-left:18px; width:330px; height:22px; background:url(images/title.png) no-repeat -350px -132px; overflow:hidden;}
.pmeta a:link, .pmeta a:visited{ padding:0px 3px; color:#888; }
.pmeta a:hover{ color:#060;}
.pcomments{ float:right; *margin-top:-17px; padding-left:18px; font-weight:bold; background:url(images/title.png) no-repeat 0 -137px;}

a.readmore:link, a.readmore:visited{ float:right; margin-top:-18px; padding-left:14px; height:16px; line-height:15px; font-weight:bold; background:url(images/title.png) no-repeat -185px -139px; display:block;}
a.readmore:hover{ color:#060;}

a.thumbnail:link, a.thumbnail:visited{ float:left; margin:15px 10px 0px 0px; padding:2px; border:1px solid #BBDAEE;}
a.thumbnail:hover{ border:1px solid #7CB5ED;}
.thumbnail img{ width:200px; height:150px;}

.excerpt{ float:right; margin-top:12px; width:440px; line-height:22px; font-size:13px; overflow:hidden;}

.post p{padding:10px 0px 5px;}
.post h3, .post h4{ margin-bottom:15px; padding:20px 0px 3px; font-size:18px; border-bottom:1px solid #E6E6E6;}
.post h5, .post h6{ padding-top:15px; font-size:16px;}
.post ol li{ margin:5px 30px; list-style:decimal; line-height:22px; color:#454545;}
.post ul li{ margin:5px 30px; list-style:disc; line-height:22px; color:#454545;}
.post blockquote, .post pre{ padding:10px 15px; border-left:2px solid #E5E5E5; background-color:#F8F8F8;}

/* Sidebar */
.sidebar{ float:right; width:252px; overflow:hidden;}
.sidebar h3{ padding-left:10px; height:28px; line-height:28px; font-size:13px; color:#036; background:url(images/title.png) no-repeat 0 0; text-shadow:1px 1px 0px #FFF;}
.sidebar ul li{ margin-bottom:8px;}
.sidebar ul li ul{ padding:8px 5px 8px 0px; border:1px solid #C5DDF6; border-top:none;}
.sidebar ul li ul li{ margin-bottom:0px; padding:2px 0px 2px 22px; line-height:18px; border:none; background:url(images/arrow.gif) no-repeat 10px 10px; overflow:hidden;}
.sidebar ul li.widget_text{ line-height:20px;}
.sidebar ul li.widget_text div{ padding:0px 0px; border:1px solid #C5DDF6; border-top:none; text-align:center;}
.sidebar ul li.widget_tag_cloud div{ padding:8px 8px 8px 10px;}
.sidebar a:link, .sidebar a:visited{ color:#555;}
.sidebar a:hover{ color:#0660B0;}

/* Calendar */
#wp-calendar{ width:100%;}
#wp-calendar caption{ padding:5px 0px;}
#wp-calendar th, #wp-calendar td{ padding:4px 10px; text-align:center; text-transform:capitalize; color:#555; border:1px solid #E6E6E6; background-color:#F9F9F9;}
#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited{ font-weight:bold; color:#FF0242;}
#wp-calendar tbody tr td a:hover{ color:#222;}
#wp-calendar tbody tr td:hover{ border:1px solid #D9D9D9; color:#444; background-color:#EEE;}
#wp-calendar tfoot tr td{ padding:8px 10px 0px; border:none; background:none;}
.pad{ border:none !important; background:none !important;}

/* Pagenavi */
.wpagenavi{ margin:0px auto; padding:25px 0px; border-top:1px solid #E9E9E9; text-align:center;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 3px; padding:3px 6px; text-decoration:none; border:1px solid #DDD; color:#333; background:url(images/title.png) no-repeat 0px -40px; white-space:nowrap;}
.wpagenavi a:hover, .wpagenavi a:active{ border:1px solid #9CC6FE; color:#036; background:#FBEEEE url(images/title.png) no-repeat 0px -43px;}
.wpagenavi a.extend{ padding:3px 6px; color:#222;}
.wpagenavi a.extend:hover{ color:#036 !important;}
.wpagenavi a.current, .wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover{ border:1px solid #9CC6FE; font-weight:bold; color:#036 !important; background:#FBEEEE url(images/title.png) no-repeat 0px -43px;}
.wpagenavi span{ margin:0 3px; padding:3px 6px;}
.postnavi{ padding:10px 0px; line-height:24px;}

/* Single */
.single{ margin-bottom:0px; padding-bottom:0px;}
.single h2{ padding-bottom:12px; text-align:center; font-size:20px; background-position:0 -87px;}
.single p{ font-size:14px;}
.single .pmeta{ margin-bottom:20px; text-align:center;}
.single img{ max-width:660px;}

/* Page */
.page{ min-height:800px;}

/* Post Function */
.postmeta{ margin-top:15px; padding:10px 0px; line-height:24px; border-bottom:1px solid #E0E0E0;}

/* Social Bookmark */
.snsmedia{ float:left; width:100%; margin:1px auto 15px; padding:10px 0px; text-align:center; line-height:24px; border-bottom:1px solid #DDD; background-color:#F5F5F5;}
.bookmark{ text-align:center;}
.bookmark img{ margin-right:3px;}

/* Related Content */
.related{ width:100%;}
.related h3{ margin:5px 0px 10px; padding:3px 0px; font-size:13px; border-bottom:1px solid #C5DDF6; color:#036; text-shadow:1px 1px 0px #FFF;}
.related ul{ float:left; margin:0px 0px; padding-left:8px;}
.related ul li{ margin:0px 0px; padding:2px 0 4px 12px; line-height:18px; background:url(images/arrow.gif) no-repeat 0 9px; overflow:hidden; }
.related_post{ float:left; width:320px; overflow:hidden;}
.related_txt{ float:right; width:320px; padding-left:15px; overflow:hidden;}

/* Post Comment */
.post_comment{ float:left; width:100%; margin:15px 0px 5px; overflow:hidden; }
#addcomment, #comments{ float:left; width:99%; line-height:18px; margin:10px 0px; padding:6px 0px 5px; text-indent:15px; text-shadow:1px 1px 0 #FFF; font-size:14px; border-width:1px; border-style:solid; border-color:#DDD #CCC #BBB #DDD; background:url(images/menu.png) repeat-x 0px -141px;}
.post_comment p{ font-size:12px;}
.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }
.commentlist{ width:99%; padding:5px 0px; font-size:12px; clear:both;}
.commentlist li{ background-color:#FFF; border:1px solid #E3E3E3; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.commentlist li.alt{ background-color:#F4F9FF; border:1px solid #D0DDF6; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.commentlist li ul{ margin:10px 10px;}
.commentlist li ul.children{ margin:10px 0px;}

.comment-author{ width:100%; height:30px; padding-bottom:5px; border-bottom:1px solid #ECECEC;}
.commentlist li.alt .comment-author{ border-bottom:1px solid #DFE8F8;}
.avatar{ float:left; padding:1px 1px; border:1px solid #E0E0E0;}
.author_info{ float:left; padding-left:5px; line-height:16px; color:#888;}
.author_info cite{ font-style:normal; font-weight:bold;}
.author_info em{ font-size:10px;}

.reply{ float:right; margin-top:-3px;}
#cancel-comment-reply{ float:right; margin-right:10px;}
.reply a, #cancel-comment-reply a{ color:#999;}
.reply a:hover, #cancel-comment-reply a:hover{ color:#666;}

#respond em{ color:#FF0242;}
#author, #email, #url, #comment{ margin:0px 5px; padding:5px 5px; width:45%; border:1px solid #CCCCCC; border-radius:5px 5px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
#comment{ width:96%; height:150px; font-size:12px; overflow-y:scroll;}
#submit{ float:right; margin:0 10px; padding:6px 10px 4px; font-size:14px; border:1px solid #999; text-shadow:1px 1px 0px #FFF; background:url(images/menu.png) repeat-x 0px -145px; -moz-border-radius:5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; cursor:pointer;}

/* Comment Navigation */
.comment_navi{ float:right; margin:10px 15px 10px 0px; text-align:center;}
.comment_navi span.cpt{ padding:3px 6px 2px; background-color:#E3E3E3; border-bottom:1px solid #D5D5D5;}
.comment_navi a{ padding:3px 3px 2px;}
.comment_navi a:hover{ color:#FF0242;}
.comment_navi .current{ font-weight:bold; color:#FF0242;}

/* FriendLink */
.friendlink{ margin:10px auto 0px; width:960px; overflow:hidden;}
.friendlink h3{ padding:0px 12px 0px 15px; height:36px; line-height:27px; font-size:13px; color:#036; background:#E9E6CD url(images/title.png) repeat-x 0 -38px;}
.friendlink h3 span{ float:right; *margin-top:-30px; font-size:12px; font-weight:normal; color:#B4C8E0;}
.friendlink ul{ float:left; padding:5px 15px 0px;}
.friendlink ul li{ float:left; margin:3px 4px;}
.friendlink ul h4{ display:none;}

/* Footer */
#footer{ margin:10px 15px 0px; padding:15px 0px 20px; width:930px; line-height:24px; color:#787878; text-align:center; border-top:1px solid #E6E6E6;}
#footer a:link, #footer a:visited{ color:#787878;}
#footer a:hover{ color:#0660B0;}

/* AD */
.ad_single{ margin:10px auto 5px; text-align:center;}
.lbanner{ margin-bottom:10px; width:928px; border:1px solid #C5DDF6; text-align:center; overflow:hidden;}