/*
Theme Name: WPYOU2012
Theme URI: http://www.wpyou.com/
Description: WPYOU官方主题定制设计和开发: <a href="http://www.wpyou.com/">WPYOU</a>.
Version: 2.0
Author: WPYOU
Author URI: http://www.wpyou.com/
*/
/* Global */
html{ margin:0 auto; padding:0; color:#454545; background-color:#F2F2F2; font:12px/20px Tahoma,Verdana,Arial,Helvetica,Sans-Serif,"宋体";}
body,label,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,input,textarea{margin:0;padding:0;border:0;background:none;outline:0;}
div{margin:0 auto;}
ul,ol,li,dl,dt{list-style:none;}
img,a img{border:0;}
em{ font-style:normal; font-size:12px;}
h1,h2{font-size:20px; font-family:"Microsoft Yahei";}
h3 {font-size:16px;}
h4 {font-size:14px;}

.clearfix{ font-size:1px; width:1px; height:0; line-height:0; margin-top:0px!important; *margin-top:-1px; clear:both; visibility:hidden;}

a:link, a:visited{ color:#115180; text-decoration:none; outline:none;}
a:hover{ color:#413A34; text-decoration:underline;}

.inner{ width:980px; overflow:hidden;}

/* Header */
.header{ border-bottom:1px solid #000; background-color:#282828;}
.head{ padding:0px 22px; height:100px; background:url(images/featured.jpg) no-repeat 0 1px;}

/* Logo */
.logo{ float:left; padding-top:20px;}
.logo a:link, .logo a:visited, .logo a:hover{ width:250px; height:75px; text-indent:-9999px; display:block;}

/* HeaderRight */
.headR{ float:right; width:660px; padding-top:10px; overflow:hidden;}
.umenu{ float:right;}
.umenu a:link, .umenu a:visited{ padding:0px 2px 0px 3px; color:#757575;}
.umenu a:hover{ color:#CCC; text-decoration:none;}
.umenu span{ width:10px; height:12px; font-size:0; background:url(images/icon.gif) no-repeat 3px -18px; *background-position:0px -18px; display:inline-block;}
.umenu strong{ padding-left:15px; color:#289793; background:url(images/icon.gif) no-repeat 0 -168px; *background-position:0px -170px;}

.navi{ float:right; margin-top:15px; overflow:hidden;}
.navi li{ float:left; font-size:16px; font-family:"Microsoft Yahei"; text-align:center;}
.navi li a:link, .navi li a:visited{ width:94px; height:40px; line-height:38px; color:#CCC; text-shadow:1px 1px 2px #000; display:block;}
.navi li a:hover, .navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-menu-item a:hover{ color:#FFF; background:url(images/common.png) no-repeat 0 -136px; _background:none; _background-color:#016672; text-decoration:none; text-shadow:1px 1px 2px #00373E;}

/* Container */
.container{ margin:0 auto 25px;}
.themehead{ height:390px; background:url(images/repeat.png) repeat-x 0 -80px;}

/* Slideshow */
.themeshow{ padding:0 22px; height:360px; background:url(images/featured.jpg) no-repeat 0 -100px; position:relative;}
.slider{ float:left; width:980px; height:320px; overflow:hidden;}
.slider li{ height:320px; overflow:hidden;}
.slider li img{ width:960px; height:320px;}
.slider li h2{ margin-top:5px; color:#135150; text-shadow:1px 1px 0px #FFF; font-size:18px; font-family:Arial;}
.slider li h2 span{ padding-left:30px; font-size:13px; font-weight:normal;}
.slider li h2 span a{ padding:0px 5px;}
#operate{ float:right; position:absolute; bottom:16px; right:30px;}
#operate span{ float:left; margin-left:3px; width:9px; height:8px; font-size:0; background:url(images/common.png) no-repeat -353px -151px; cursor:pointer; overflow:hidden; display:block;}
#operate span.hov{ background-position:-370px -151px;}

/* Slogan */
.slogan{ float:left; margin-top:11px; _margin-top:-2px; width:585px; height:28px; line-height:28px; text-indent:-9999px; text-align:center; font-size:22px; background:url(images/slogan.gif) no-repeat 0 0; display:block;}

/* Steps */
.steps{ text-indent:-9999px; text-align:center; font-size:22px; background:url(images/steps.png) no-repeat 0 0;}
.steps a{ width:980px; height:80px; line-height:80px; display:block;}

/* Features */
.features{ float:left; margin-bottom:15px; width:980px;}

.aboutus{ float:left; padding:0px 20px 0px 7px; width:270px; height:240px; background:url(images/fline.png) no-repeat right center;}
.aboutus h2{ margin-bottom:10px; padding-bottom:8px; font-weight:normal; border-bottom:1px solid #DDD;}
.aboutus h2 span{ padding-left:3px; color:#016672;}

.flist{ float:right; width:680px;}
.section{ float:left; margin-bottom:15px; padding-left:15px; width:325px; height:105px; overflow:hidden;}
.section h3{ margin-bottom:5px; padding-left:38px; height:26px; line-height:24px; font-size:14px; color:#016672; background-image:url(images/icon.gif); background-repeat:no-repeat;}
.fdesign h3{ background-position:0 -50px;}
.fseo h3{ background-position:0 -78px;}
.foption h3{ background-position:0 -106px;}
.fservice h3{ background-position:0 -134px;}

/* HomeContent */
.main{ background:url(images/vline.gif) repeat-y 706px 0;}
.column{ float:left; margin-bottom:15px; padding:1px; width:690px; border:1px solid #D7D7D7; border-top:2px solid #0292A2; background-color:#FFF; overflow:hidden;}
.column h2{ padding-left:12px; height:34px; line-height:32px; font-size:16px; font-weight:normal; background:#F5F5F5 url(images/common.png) repeat-x 0 -98px;}
.column h2 em{ float:right; padding-right:10px; font-weight:normal; color:#7E9EBE;}

/* HomeThemes */
.homeThemes{ width:976px;}
.homeThemes h2{ padding-left:0; height:42px; line-height:36px; background-position:0 -94px;}
.homeThemes h2 span{ float:left; padding:0px 14px; height:42px; display:block; cursor:pointer;}
.homeThemes h2 span.mon{ color:#FFF; background:url(images/common.png) no-repeat center -50px; text-shadow:1px 1px 2px #00373E;}
.homeThemes h2 span a{ color:#454545; text-decoration:none;}
.homeThemes h2 span.mon a{ color:#FFF;}
.homeThemes h2 em{ color:#7E9EBE;}
.homeThemes ul{ float:left; padding:15px 8px 10px; width:960px; height:550px; background-color:#F5F5F5; overflow:hidden; display:block;}
.homeThemes ul li{ float:left; padding:0px 6px; width:308px; height:275px; overflow:hidden; position:relative;}
.homeThemes h3{ width:308px; height:20px; font-weight:normal; font-size:13px;}
.homeThemes h3 a{ float:left; width:220px; height:20px; overflow:hidden;}
.homeThemes h3 span{ float:right; width:80px; font-size:12px; color:#999; text-align:right;}
.homeThemes h3 span .post-ratings{ float:right; padding-top:2px;}

/* ThemeImg Hover */
.thumbimage{ margin-bottom:4px; padding:2px; display:block; border:1px solid #D9D9D9;}
a:hover img.thumbimage{ border:1px solid #227C80; background-color:#CEDDE7;}

.homeThemes ul li img.thumbimage{ width:300px; height:240px;}
.relatedtheme li img.thumbimage{ width:220px; height:160px;}
.themelist li img.thumbimage{ width:330px; height:245px;}

.homeThemes ul li a:hover span, .relatedtheme li a:hover span, .themelist li a:hover span, a.screenimage:hover span{ width:60px; height:60px; background:url(images/demo.png) no-repeat 0 0; display:none; position:absolute; top:31%; left:40%; display:block; cursor:pointer;}
a.screenimage:hover span{ top:40%; left:44%;}

/* HomeColum */
.areaMain{ float:left; width:692px;}
.latestPost{ float:left; width:344px; border-right:1px solid #DEE0E0;}
.latestPost ul{ padding:10px; height:200px; background-color:#F5F5F5; overflow:hidden;}
.latestPost ul li{ padding-left:15px; height:20px; background:url(images/icon.gif) no-repeat 3px 9px; overflow:hidden;}
.hotBbs{ float:right; width:343px; border-left:1px solid #FFF;}
.hotBbs h2 em{ *margin-top:-32px;}

/* Cases */
.cases{ margin-bottom:0px;}
.caseLogo{ padding:12px 11px 0px 13px; *padding:15px 5px 0px 8px;}
.caseLogo img{ padding:0px 5px 5px; width:120px; height:35px;}

/* Page */
.wide{ padding:0px 10px; width:960px;}
.pagehead{ border-bottom:1px solid #033F45;}
.pagehead, .pagetitle{ height:100px; line-height:100px;}
.pagehead h2{ float:left; padding:0px 10px; width:500px; height:100px; text-shadow:1px 1px 2px #00373E; font-size:34px; font-weight:normal; color:#F5F5F5; overflow:hidden;}
.pagehead h2 a:link, .pagehead h2 a:visited{ color:#F5F5F5;}
.pagehead h2 a:hover{ color:#E3ECF2; text-decoration:none;}
.sloganPage{ float:right; padding:0px 10px; width:400px; height:100px; text-indent:-9999px; background:url(images/sloganPage.png) no-repeat right center;}
.blockgray{ height:25px; border-top:1px solid #FFF; background:url(images/repeat.png) repeat-x 0 -440px;}

.content{ float:left; width:690px; overflow:hidden;}

/* SinglePost */
.post h1{ margin-bottom:5px; padding-bottom:6px; line-height:34px; font-size:28px; font-weight:normal; border-bottom:1px solid #DDD;}
.postmeta, .postmeta a{ color:#AAA;}
.postmeta a:hover{ color:#666;}
.postmetabtm{ padding:5px 10px; border:1px solid #E6E6E6; background-color:#F9F9F9;}
.post blockquote, .post pre{ margin:0px 10px 15px; padding:8px 15px; border:1px solid #DDD; color:#666; background-color:#FFFFDF;}
.post blockquote p, .post pre p{ margin-bottom:0; line-height:20px;}

.blog{ float:left; margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #DDD; overflow:hidden;}
.blog h2{ font-size:18px; font-weight:normal;}
.blog .postmeta{ margin:2px 0px 8px 0px;}
.blog em{ float:right; margin-top:10px; *margin-top:-5px;}

/* SingleTheme */
.excerpt{ margin-bottom:20px; height:160px; line-height:22px; overflow:hidden;}
.themedetails{ float:left; margin-top:20px; width:500px; color:#FFF; line-height:24px; overflow:hidden;}
.themedetails h1{ margin-bottom:12px; padding-bottom:10px; height:38px; line-height:41px; font-size:26px; font-weight:normal; text-shadow:1px 1px 2px #00373E; background:url(images/stheme.png) no-repeat 0 45px; overflow:hidden;}
.thememeta{ float:left; width:250px; height:180px; *height:170px;}
.thememeta li{ height:29px; line-height:29px; overflow:hidden;}
.thememeta li em{ margin-left:10px; padding-left:4px; font-size:11px; border-bottom:1px dotted #DDD; vertical-align:middle; color:#DDD;}
.thememeta li em.uplog{ padding-left:16px; background:url(images/stheme.png) no-repeat -478px -144px; _background-position:-478px -138px;}
.thememeta li b{ font-size:18px; font-weight:normal; color:#C7E1E4; text-decoration:line-through;}
.thememeta li.disprice{ font-size:26px; color:#FF3;}
.thememeta li.disprice em{ margin-left:0; padding-left:0; font-size:16px; border:none; color:#B4D8DC;}
.thememeta li span{ float:left; padding-right:3px; width:62px; text-align:right; font-size:12px; color:#B4D8DC; white-space:nowrap;}
.thememeta a{ color:#FFF;}
.thememeta a:hover{ color:#C0DEE2; text-decoration:none;}
.tips{ padding-top:10px; line-height:18px; border-top:1px solid #1E747E; color:#5BA3AA; clear:both;}
.buysteps{ margin-top:13px; height:38px; background:url(images/buysteps.png) no-repeat 0 0; display:block;}
.metal{ margin-top:20px; color:#454545;}
.metal a{ color:#454545;}
.themeimage{ float:right; margin-top:22px; padding-top:28px; width:460px; background:url(images/stheme.png) no-repeat 0 -300px; overflow:hidden; position:relative;}
.themeimage img{ float:right; width:460px; height:270px; display:block;}

.themelink{ float:right; width:460px; line-height:38px; overflow:hidden;}
.themelink a{ float:right; margin-left:5px; padding:0 15px 0 35px; height:38px; font-size:13px; text-align:center; border-left:1px solid #CCC; border-right:1px solid #CCC; background:#F8F8F8 url(images/stheme.png) no-repeat -462px -37px; display:block;}
.themelink a.purchase{ float:left; margin-left:0; padding:0; width:145px; text-indent:-9999px; border:none; background-color:#F75F04; background-position:0 -11px;}
.themelink a.opacity{ opacity:0.3; filter:"alpha(opacity=30)"; filter:alpha(opacity=30); cursor:text;}
.themelink a.forumurl{ background-position:-462px -84px;}
.themelink a:hover{ background-color:#EBF2F5;}

.nosaletip{ line-height:20px; color:#FFB;}
.themelink a.nopurchase{ background-color:#CCC; background-position:-145px -11px;}

.payform{ width:460px; height:300px; position:absolute; bottom:40px; right:22px; display:none;}
.payhead{ width:460px; height:50px; line-height:60px; color:#BBB; background:url(images/featured.jpg) no-repeat -542px -123px;}
.payhead #close{ float:right; margin-top:25px; width:45px; height:12px; font-size:0; background:url(images/stheme.png) no-repeat -449px -11px; cursor:pointer; display:block;}
.payformer{ width:460px; height:250px; background:url(images/stheme.png) no-repeat 0 -49px;}
#purchaseform{ float:left; padding:62px 0px 0px 68px; width:210px;}
#purchaseform .pf{ margin-bottom:10px; width:210px; height:34px; line-height:36px;}
#purchaseform .pferror{ color:#F00;}
#purchaseform #buyersubmit{ float:right; width:145px; height:38px; text-indent:-9999px; font-size:24px; cursor:pointer;}

/* ThemeContent */
.tabbar{ margin-bottom:15px; width:100%; height:36px; font-size:16px; font-weight:normal; border-bottom:1px solid #779CBB;}
.tabbar span{ float:left; margin-right:5px; padding:0px 10px; height:36px; line-height:34px; cursor:pointer; display:block;}
.tabbar span.selected{ font-size:18px; color:#115180; background-color:#F2F2F2; border:1px solid #779CBB; border-bottom:none; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px;}

.tabdiv{ display:none;}
.single{ display:block;}
.entry{ line-height:22px;}
.entry p{ margin-bottom:15px;}
.entry img{ max-width:680px;}
.entry h3, .entry h4{ margin:15px 0px; padding:6px 0px 4px 12px; font-size:15px; font-family:"Microsoft Yahei"; color:#115180; border-bottom:1px solid #B4C9DA; background:#CCDBE6 url(images/repeat.png) repeat-x 0 -400px;}
.entry ol, .entry ul{ padding:0 20px 0px 20px; font-size:12px; color:#666;}
.entry ol li{ list-style:decimal;}
.entry ul li{ list-style:disc;}
.alignleft{ float:left;}
.alignright{ float:right;}
.alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; text-align:center; clear:both; display:block;}
.wp-caption{ margin:10px; padding-top:4px; background-color:#F3F3F3; border:1px solid #DDD; border-radius:3px; text-align:center; font-size:13px;}

/* ThemeFeatures */
.wpyoufeatures{ float:left; margin-top:15px;}
.wpyoufeatures .section{ float:left; padding:0 30px 0 20px; width:290px; height:130px; border-bottom:1px solid #DFDFDF; overflow:hidden;}
.wpyoufeatures .section p{ margin-top:15px; color:#666;}
.wpyoufeatures h3{ padding-left:40px; height:32px; line-height:32px; font-size:14px; color:#494949; background:url(images/icon.gif) no-repeat 0 0;}
.wfoption h3{ background-position:0 -190px;}
.wfbrowser h3{ background-position:0 -231px;}
.wfseo h3{ background-position:0 -272px;}
.wfwc h3{ background-position:0 -313px;}
.wfthumb h3{ background-position:0 -355px;}
.wfwidget h3{ background-position:0 -394px;}
.wfcode h3{ background-position:0 -435px;}
.wffunction h3{ background-position:0 -475px;}
.wfue h3{ background-position:0 -516px;}
.wfup h3{ background-position:0 -550px;}

/* AfterSale */
.entry ul.aftersale{ padding:0px 10px 15px 10px; background:url(images/after_sales.gif) no-repeat right 0;}
.entry ul.aftersale li{ padding-left:26px; list-style:none; line-height:32px; font-size:14px; font-weight:bold; color:#115180; background:url(images/icon.gif) no-repeat 0 -590px;}

/* RelatedTheme */
.related{ margin-top:25px;}
.related h2{ margin-bottom:15px; width:100%; height:36px; font-size:16px; font-weight:normal; border-bottom:1px solid #779CBB;}
.related h2 span{ float:left; padding:0px 10px; height:36px; line-height:34px; font-size:18px; color:#115180; background-color:#F2F2F2; border:1px solid #779CBB; border-bottom:none; border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; display:block;}
.relatedtheme{ float:left;}
.relatedtheme li{ float:left; padding:0px 2px; height:195px; overflow:hidden; position:relative;}
.relatedtheme li h4{ width:210px; height:16px; line-height:16px; font-size:13px; font-weight:normal; overflow:hidden;}

/* ServiceLIst */
.entry ul.servicelist{ float:left; padding:0; width:964px;}
.entry ul.servicelist li{ float:left; padding:10px 15px; width:230px; height:190px; border-right:1px solid #F2F2F2; border-bottom:1px solid #FFF; background-image:url(images/table.png); background-repeat:repeat-y; list-style:none;}
.entry ul.servicelist li.title{ height:auto; border-right:1px solid #278C98; border-bottom:none; text-align:center; background:#016672 url(images/repeat.png) repeat-x 0 -20px; text-shadow:1px 1px 0px #005C67;}
.entry ul.servicelist li.title h2{ font-weight:normal; color:#CCE3E6;}
.entry ul.servicelist li.sbtitle{ text-align:center; background-color:#F0F0F0; background-position:0 0;}
.entry ul.servicelist li.sbtitlealt{ background-color:#ECECEC; background-position:-963px 0;}
.entry ul.servicelist li.sbtitle h2{ line-height:180px; font-size:26px; font-weight:normal; color:#333;}
.entry ul.servicelist li.sbtitle h2 span{ margin-top:-150px; font-size:13px; font-weight:normal; color:#F30; display:block;}
.entry ul.servicelist li.mid{ background-color:#E8F0F2; background-position:-261px 0;}
.entry ul.servicelist li.midalt{ background-color:#E8F0F2; background-position:-1224px 0;}
.entry ul.servicelist li.last{ background-color:#DFF0EE; background-position:-762px 0;}
.entry ul.servicelist li.lastalt{ background-color:#DFF0EE; background-position:-1725px 0;}
.entry ul.servicelist li.last div{ padding:60px 0 0 18px;}
.entry ul.servicelist li.mid, .entry ul.servicelist li.mid ul li{ width:470px;}
.entry ul.servicelist li.last, .entry ul.servicelist li.last ul li{ width:170px; font-size:13px; font-weight:bold; border-right:none;}
.entry ul.servicelist li ul{ padding:0; width:100%;}
.entry ul.servicelist li ul li{ padding:10px 0; height:auto; border:none; background:none;}

/* Archive - Themes */
.themelist{ float:left; width:690px;}
.themelist li{ float:left; margin-bottom:15px; padding:0px 8px 15px 7px; width:330px; height:276px; border-bottom:1px solid #E0E0E0; overflow:hidden; position:relative;}
.themelist li h3{ float:left; padding:0px 5px; width:325px; height:20px; font-size:13px; font-weight:normal; overflow:hidden;}
.themelist li h3 a{ float:left; width:240px; height:20px; overflow:hidden;}
.themelist li h3 span{ float:right; width:80px; font-size:12px; color:#999; text-align:right;}
.themelist li h3 span .post-ratings{ float:right; padding-top:2px;}

/* Archive  - Postlist */
.postlist{ float:left; width:690px;}
.postlist li{ margin:5px 0px; padding-left:25px; height:28px; line-height:25px; border-bottom:1px solid #E8E8E8; background:url(images/icon.gif) no-repeat 10px -624px;}
.postlist li a{ float:left; width:560px; font-size:13px; overflow:hidden;}
.postlist li span{ float:right; width:80px; text-align:right; color:#AAA;}

/* Sidebar */
.sidebar{ float:right; width:260px; overflow:hidden;}
.sidebar img{ float:left; display:block;}
.sidebar h3{ margin-bottom:10px; font-size:14px; color:#016672;}
.sidebar ul li{ float:left; margin-bottom:10px;}
.sidebar ul li ul{ margin:10px 15px 5px;}
.sidebar ul li ul li{ margin-bottom:0px; padding:0px 5px 0px 10px; width:235px; height:22px; background:url(images/icon.gif) no-repeat 5px -624px; overflow:hidden;}
.sidebar ul li div{ padding:12px 8px 12px 12px; width:240px; overflow:hidden;}
.sidebar ul li div img{ margin:5px 0px;}

.sidebar ul li.quotes{ margin-bottom:0px; color:#FFF; background:url(images/repeat.png) repeat-x 0 -85px;}
.sidebar ul li.quotes p{ margin-bottom:5px;}
.sidebar ul li.quotes span{ color:#CCC; text-align:right; display:block;}
.sidebar ul li.quotes span strong{ color:#EEE;}
.sidebar ul li.quotes span a:hover{ text-decoration:none;}

.sidebar ul li.subcats{ padding:8px 0 0; width:260px; background:#E4EBF1 url(images/featured.jpg) no-repeat -490px -63px;}
.sidebar ul li.subcats h3{ margin-bottom:0; padding:0 12px 10px; color:#FFF;}
.sidebar ul li.subcats ul{ margin:0; width:260px; overflow:hidden;}
.sidebar ul li.subcats ul li{ padding:0px; width:260px; height:32px; border-bottom:1px solid #02707B; background:none;}
.sidebar ul li.subcats a{ padding-left:30px; height:32px; line-height:32px; font-size:13px; font-weight:bold; color:#FFF; background:url(images/icon.gif) no-repeat 16px -622px; display:block;}
.sidebar ul li.subcats a:hover, .sidebar ul li.current-menu-item a, .sidebar ul li.subcats ul li.current-cat a{ color:#016672; background-color:#CFE7E9;}
.sidebar ul li.subcats div{ padding:10px 0px 5px; width:260px; overflow:hidden;}

/* Page Navigation */
.pagenavi{ margin:15px auto; line-height:30px; text-align:center; overflow:hidden; }
.pagenavi a:link, .pagenavi a:visited{ padding:5px 8px 4px; margin:0px 3px; color:#016672; background:#E4EBF1 url(images/repeat.png) repeat-x 0 -410px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.pagenavi a:hover, .pagenavi a.current{ color:#FFF; background-position:0 -10px; text-decoration:none;}
.pagenavi a.current{ font-weight:bold;}
.pageleft, .pageright{ width:320px; overflow:hidden;}
.pageleft{ float:left; padding-left:10px; text-align:left;}
.pageright{float:right; padding-right:10px; text-align:right;}

/* Comments*/
.postcmt{ width:100%;}
#addcomment, #comments{ margin-bottom:15px; padding:6px 0px; text-indent:15px; font-size:14px; border-top:1px solid #CADAE6; border-left:1px solid #CADAE6; border-bottom:1px solid #B8CDDC; border-right:1px solid #B8CDDC; color:#115180; background:url(images/repeat.png) repeat-x 0 -402px;}
.post_comment p{ padding:5px 10px;}
.post_comment ol li{ margin:10px 5px; padding:10px 10px 5px 10px; list-style:none; }
.commentlist{ padding:0px 5px; clear:both;}
.commentlist li{ margin-bottom:10px; padding:3px; background-color:#FFF; border:1px solid #E3E3E3; position:relative;}
.commentlist li.alt{ background-color:#F6F6F6; border:1px solid #DDD;}
.commentlist li.comment-author-admin{ background:#F6F6F6;}
.commentlist li ul{ margin:10px 10px;}
.commentlist li ul.children{ margin:10px 0px;}
.commentlist li p{ padding:5px 10px;}

.comment-author{ width:100%; height:30px; padding-bottom:5px; border-bottom:1px solid #ECECEC;}
.avatar{ float:left; padding:1px; border:1px solid #E5E5E5;}
.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{ position:absolute; right:10px; top:5px;}
#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;}

#commentform p{ margin-bottom:5px; padding:0px 5px;}
#author, #email, #url, #comment{ padding:5px; width:45%; border:1px solid #DDD; background-color:#FFF;}
#comment{ width:98%; height:150px; overflow-y:scroll;}
#submit{ float:right; margin:0 2px; width:100px; height:32px; line-height:32px; text-align:center; font-size:14px; font-weight:bold; color:#FFF; background:url(images/common.png) no-repeat 0 -50px; cursor:pointer;}

/* Other */
.nobg{ background:none;}
.nodisplay{ display:none;}
.error{ margin:50px 150px; line-height:30px;}
.error404{ height:320px; background:url(images/404.gif) no-repeat center 60px;}
.post-ratings{ display:inline;}

/* Search */
.search{ padding:15px 0px; height:50px; background:url(images/repeat.png) repeat-x 0 0;}
#searchform{ float:left; padding-left:15px; width:490px; height:50px; background:url(images/common.png) no-repeat 0 0;}
.searchInput{ float:left; margin-top:10px; width:440px; height:26px; line-height:26px; font-size:13px; color:#666;}
.searchBtn{ float:left; margin-top:5px; width:45px; height:38px; text-indent:-9999px; cursor:pointer; display:block;}

.snsshare{ float:right; padding:10px 10px 0px 50px; width:214px; height:40px; background:url(images/common.png) no-repeat -508px 0;}
.snsshare a{ float:left; margin-right:10px; width:30px; height:30px; background-image:url(images/common.png); background-repeat:no-repeat; display:block;}
a.feed{ background-position: -388px -148px;}
a.sinawb{ background-position: -434px -148px;}
a.qqwb{ background-position: -480px -148px;}

/* Footer */
.footer{ padding-top:15px; border-top:1px solid #000; color:#999; background-color:#1E2124;}
.footer a:link, .footer a:visited{ color:#787878;}
.footer a:hover{ color:#CCC;}

.footnavi{ float:left; width:706px; height:150px; border-right:1px solid #000;}
.footnavi h3{ margin-bottom:5px; font-size:13px; color:#CCC;}
.footnavi ul{ float:left; width:120px;}

.theme_sum{ float:right; padding:30px 84px 0px 28px; width:160px; height:104px; line-height:24px; text-align:right; font-size:14px; color:#666; border-left:1px solid #2C2C2C;}
.theme_sum em{ font-size:16px; color:#067E8C;}

.cp{ margin-top:12px; border-top:1px solid #292929; color:#666; background-color:#171A1C; text-align:center; position:relative;}
.cpinner{ padding:15px 0px; line-height:26px; border-top:1px solid #000;}
.gotop{ float:right; width:30px; height:20px; text-indent:-9999px; position:absolute; top:30px; right:60px; background:url(images/icon.gif) no-repeat 0 -658px;}
.cp a:link, .cp a:visited{ color:#666;}
.cp a:hover{ color:#999;}

/* Blogroll */
.friendlink{ margin:15px auto 0px; border-top:1px solid #000; overflow:hidden;}
.friendlink ul{ float:left; padding-top:10px; width:980px; border-top:1px solid #292929;}
.friendlink ul li{ float:left; margin:5px 10px 0px 0px;}
.friendlink ul li h3{ font-size:13px;}
.friendlink a:link, .friendlink a:visited{ color:#666;}
.friendlink a:hover{ color:#999;}

/* Extra Banner */
.banner{ margin:0 auto 15px; width:980px; text-align:center; overflow:hidden;}
.banner div{ float:right; width:14px; height:14px; position:absolute; top:9px; right:10px; display:block;}
.notice{ width:980px; text-align:center;}
.sidead{margin-top:0px;}