/*
Theme Name: AboutCG.Tut
Theme URI: http://www.wpyou.com/
Description: A Web 2.0 Wordpress Lovers Theme designed by <a href="http://www.wpyou.com/">WPYOU</a>.
Version: 1.0
Author: Bob
Author URI: http://www.wpyou.com/
Tags: black, white, blue, cms, fixed width, two columns, widgets
/*  

/* ȫ��CSS���� */
body{ margin:0 auto; background-color:#050505; color:#EEE; font-size:12px; font-family:'����',Arial,Verdana,Sans-Serif;}
div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}
img,a img{margin:0; padding:0; border:none;}
ul,ol,li{list-style:none;}
table,td,input,select{font-size:12px;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ margin:0 auto;padding:0;}

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

/* Default Link */
a{ color:#EEE; text-decoration: none;}
a:hover{ color:#FFF; text-decoration: underline; }

a,area {blr:expression(this.onFocus=this.blur()) }  /* for IE */
:focus {-moz-outline-style: none; }  /* for Firefox */   

/* Header */
.header{ margin:0px auto; width:750px; }

/* Top */
.top{ float:left; width:750px; height:32px; background:#1B1B1B url(images/header.png) no-repeat 0 0; overflow:hidden;}

/* Language */
#language{ float:left; padding:8px 10px 0px; width:100px; height:20px; background:url(images/header.png) no-repeat 10px -32px;}

/* Top Right */
#topR{ float:right; padding:0px 10px;}

/* ���� */
#search{ float:right;}
#searchInput{ float:left; margin-top:5px; width:126px; height:21px; line-height:19px; border:none; background:url(images/header.png) no-repeat -49px -75px;}
#searchBtn{ float:left; margin-top:12px; width:40px; height:14px; cursor:pointer; border:none; background:#1B1B1B url(images/header.png) no-repeat 0px -60px;}

/* RSS */
.rss{ float:right; padding:7px 50px 0px 20px; width:38px; height:18px;}
.rss a{ width:38px; height:18px; text-indent:-9999px; background:url(images/header.png) no-repeat 0px -75px; display:block;}

/* Banner */
.banner{float:left; width:750px; height:90px; overflow:hidden;}

/* Navigation */
.navigation{ float:left; width:750px; height:52px; color:#A0A0A0; background:#D9D9D9 url(images/navigation.jpg) no-repeat 0 0; overflow:hidden;}

.menu{ float:right; margin-top:18px; padding-right:30px;}
.menu ul{ float:right;}
.menu ul li{ float:left; padding:3px 15px 4px; text-align:center; font-size:14px; font-weight:normal; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; background:url(images/line.gif) no-repeat right 10px;}
.menu ul li.M_help{ background:none;}
.menu ul li a:link, a:visited{ color:#B4B4B4; text-decoration:none;}
.menu ul li a:hover, .menu ul li.current-cat a{ color:#4C4C4C; text-decoration:none;}


/* Logo */
.logo{ float:left; padding-left:15px; font-size:32px; text-indent:-9999px; }
.logo a:link, .logo a:visited, .logo a:hover{ width:155px; height:52px; background:url(images/logo.jpg) no-repeat 0 0; display:block; }

/* Header Right */
.headerR{ float:right; overflow:hidden;}
.top_menu{ float:right; padding-left:14px; color:#DDD; background:url(images/bg.png) no-repeat 0 0px;}

/* �������� */
.wrap{ margin:0px auto; width:750px;}
.content{ float:left; width:750px; background-color:#242424;}
.slidecontent{ float:left; display:none;}

/* �Ŀ���� */
.section{ float:left; width:670px; padding:20px 40px 0px; background-color:#111; overflow:hidden;}
.sec{ float:left; margin-bottom:10px; width:335px; height:90px; overflow:hidden;}

/* ������� */
.friendlink{ float:left; margin-top:-20px; width:700px; height:136px; padding:20px 25px; background:#111 url(images/friendlink.jpg) no-repeat center top; overflow:hidden;}
.friendlink a:link, .friendlink a:visited{ color:#7A7A7A; text-decoration:none;}
.friendlink a:hover{ color:#B2B2B2; text-decoration:underline;}
.sitesPic{ margin:0px 10px; width:680px;}
.sitesPic li{ float:left; margin:3px 2px 2px; height:32px; white-space:nowrap;}
.sitesPic li img{ width:88px;height:31px; }
.sitestxt{ float:left; margin-top:55px; }
.sitestxt li{ float:left; margin:3px 5px 2px; height:20px; white-space:nowrap;}

/* Post List */
.cleft{ float:left; width:504px; padding-left:3px; background-color:#242424; border-right:1px solid #323232;  overflow:hidden;}
.postlist{ float:left; padding:0px 10px 0px 5px; width:489px; overflow:hidden;}

/* Subcats */
.sub_navi{ float:left; margin:0px auto; width:500px;}
.subcats{ float:left; width:500px; height:42px; color:#5E5E5E; background:url(images/subcats.png) repeat-x 0 0; line-height:42px; border:1px solid #1F1F1F; overflow:hidden;}
.subcats ul{ float:left;}
.subcats ul li{ float:left; padding:0px 10px; background:url(images/bg_subcats.png) no-repeat 0 19px; text-align:center;}
.subcats ul li.current-cat a{ color:#999 !important;}
.subcats ul li.allpage{ background:none;}
.subcats ul li a:link, .subcats ul li a:visited{ color:#5E5E5E; text-decoration:none;}
.subcats ul li a:hover{ color:#999;}
.subcats ul li ul{ float:left;}

.subnavi{ float:right; width:490px; height:18px; padding:5px 10px 0px 0px; overflow:hidden;}
.subpageNavi{ float:right; width:95%; margin-top:0px !important; padding:0px 0px 10px !important; font-size:10px; text-align:center; }

/* ����ҳ */
.post{ float:left; width:470px; padding:20px 10px 10px; border-bottom:1px solid #323232;color:#807F7F; line-height:20px;}
.post h2{ height:30px; line-height:30px; font-size:18px; font-weight:normal; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; overflow:hidden;}
.post h2 a{ text-decoration:none;}
.post_title{ float:left; width:420px; overflow:hidden;}
.post_title span, .post_title span a:link, .post_title span a:visited, .post_title span a:hover{ color:#C69C6D;}

.post_comments{ float:right; width:46px;}
.post_comments a:link, .post_comments a:visited{ width:46px; height:40px; line-height:35px; text-align:center; text-decoration:none; color:#6B6B6B; background:url(images/comment.png) no-repeat center top; text-decoration:none; font-size:16px; font-weight:normal; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; display:block;}
.post_comments a:hover{ color:#CDCDCD; background:url(images/comment_hover.png) no-repeat center top; }

.post p{ margin-bottom:15px;white-space:normal;word-wrap:break-word;overflow:hidden;}
.post_container{ width:470px; line-height:20px; margin-top:0px; color:#807F7F; overflow:hidden; }
.thumb_image{ margin:10px auto; padding:0px; text-align:center; border:1px solid #4B4B4B; display:block;}
.post_content img { margin:10px auto; padding:0px; text-align:center; border:1px solid #4B4B4B; display:block;}

/* Archive */
.archive{ width:470px; margin-top:10px; padding:5px 10px 0px;}
.archive img.thumb_image{ float:left; width:150px; height:35px; border:1px solid #808080;}
.archive h2{ float:left; padding:8px 0px 3px 8px; width:310px; overflow:hidden;}

/* Single */
.single{ width:730px; border-bottom:none;}
.single h2{ margin-bottom:25px; text-align:center; font-size:24px;}
.ad_sg_t, .ad_sg_b{ width:730px; padding:10px 10px; text-align:center; background-color:#1B1B1B; border-bottom:1px solid #313131;}
.ad_sg_b{ background-color:#242424; border-bottom:none;}

/* Post Ratings */
.post_other{ color:#5C5C5C; font-size:11px;}
.post-ratings{ float:left; width:280px !important;}
.post-ratings img{ float:left;}

.post_comment{ float:right; width:100px; height:27px;}
.post_comment a:link, .post_comment a:visited{ width:100px; height:27px; background:url(images/post_comments.png) no-repeat center top; text-indent:-9999px; text-decoration:none; display:block;}
.post_comment a:hover{ background:url(images/post_comments_hover.png) no-repeat center top;}

/* ��һƪ ��һƪ */
.post_foot_pro_next{float:left; padding:10px 0px;}
.pro_next{float:left; width:500px; margin:5px 10px; overflow:hidden; }

/* page navi */
.pageNavi{ float:right; width:95%; margin-top:10px; padding:15px 0px 10px; font-size:10px; text-align:center; }
.wp-pagenavi{ float:right; margin-bottom:20px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited{ padding:4px 0px !important; margin: 2px; text-decoration:none !important; color: #7F7F7F !important; border:none !important; background:none !important; }
.wp-pagenavi a:hover {color:#CCC !important; background:none !important;}
.wp-pagenavi a:active {padding:2px 2px; margin:2px; text-decoration: none; border:none !important;}
.wp-pagenavi span.pages, .wp-pagenavi span.extend { padding:4px 0px !important; margin:2px; color:#7F7F7F !important; border:none !important; background:none !important;}
.wp-pagenavi span.current { padding:4px 0px !important; margin:2px; color:#CCC !important; background:none !important; border:none !important;}
.page_next a, .page_pro a{ float:right; padding:6px 10px; display:block; font-size:10px; font-weight:bold; text-align:center; text-decoration:none;text-transform:uppercase;}
.page_pro a{ margin-right:15px; }

.pageleft{ float:left; padding-left:12px;}
.pageright{float:right; padding-right:12px;}

/* Toplayer */
.toplayer{ margin:10px auto; width:420px; padding:10px 15px; height:120px; background:url(images/bg_player.png) no-repeat center top;}
.toplayer2{ float:left;}
.toplayer h4{ font-size:12px; font-weight:normal; line-height:20px; color:#6E6E6E;}
.toplayer h4 span{ padding-right:4px; font-size:14px; color:#C69C6D;}
.toplayer p{ float:left; width:420px; color:#3F3F3F; font-size:11px;}
a.adobe:link, a.adobe visited{ float:left; margin-bottom:10px; padding:15px 0px 0px 0px; width:420px; height:33px; font-size:9px; line-height:45px; color:#3F3F3F;  text-decoration:none; background:url(images/adobe.png) no-repeat right bottom; display:block;}
a.adobe:hover{ background:url(images/adobe_hover.png) no-repeat right bottom; }

/* ���� */
.sidebar{ float:right; padding:0px 10px; width:220px; overflow:hidden;}
.sidebar h2{ padding:7px 0px 5px; color:#CCC; font-size:14px; font-weight:normal; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif;}
.sidebar ul{ margin:0 auto;}
.sidebar ul li{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #333;}
.sidebar ul li ul{ padding:10px 10px;}
.sidebar ul li ul li{ margin-bottom:0px; padding:6px 0px 2px 12px; border:none; height:14px; font-size:13px;overflow:hidden;}
.sidebar a:link, .sidebar a:visited{ color:#807B7B; text-decoration:none;}
.sidebar a:hover{ color:#CCC;}
.sidebar h2 a:link, .sidebar h2 a:visited{ color:#000;}
.sidebar h2 a:hover{ color:#BD0A01;}
.sidebar img{ margin:5px auto 0px; text-align:center;}

/* ����ͨ�� */
.short_url{ height:auto;}
.short_url a:link, .short_url a:visited{ margin-top:5px; width:190px; height:30px; line-height:30px; text-indent:70px; color:#6B6B6B; background:url(images/short_url.jpg) no-repeat center top; text-decoration:none; font-size:18px; font-weight:normal; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; display:block;}
.short_url a:hover{ color:#CDCDCD;}
a.donate:link, a.donate:visited{ margin-top:10px; width:190px; height:40px; color:#6B6B6B; background:url(images/donate.png) no-repeat center top; text-indent:80px; text-decoration:none;font-size:12px; font-weight:bold; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; display:block;}
a.donate:hover{color:#CDCDCD; background:url(images/donate_hover.png) no-repeat center top;}

/* ������� */
.sidebarad{ padding:0px 5px;}
.mailto{ margin:15px 0px 10px;}
.mailto a:link, .mailto a:visited{ color:#B4B4B4; font-size:12px; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; }
.mailto a:hover{ color:#C69C6D;}

/* ���� Tags */
.sidebar_tags{ margin:5px 0px;}

/* ���� ������� */
.contribute a:link, .contribute a:visited{ width:217px; height:113px; background:url(images/contribute.png) no-repeat center top; text-indent:-9999px; text-decoration:none; display:block;}
.contribute a:hover{ background:url(images/contribute_hover.png) no-repeat center top;}

a.sidebar_author:link, a.sidebar_author:visited{ margin-top:15px; width:190px; height:30px; line-height:24px; color:#6B6B6B; background:url(images/author.png) no-repeat 5px top; text-indent:40px; text-decoration:none;font-size:12px; font-weight:bold; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; display:block;}
a.sidebar_author:hover{color:#CDCDCD;}

a.sidebar_rss:link, a.sidebar_rss:visited{width:220px; height:auto; line-height:24px; color:#6B6B6B; background:url(images/feed.png) no-repeat 10px center; text-decoration:none;font-size:12px; font-weight:bold; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; display:block;}
a.sidebar_rss:hover{ color:#CCC; background:url(images/feed_hover.png) no-repeat 10px center;}

/* Sidebar RSS */
.li_rss{ float:left; width:180px; padding-left:40px; background:url(images/feed.png) no-repeat 5px 10px;}
.li_rss_hover{ float:left; width:180px; padding-left:40px; background:url(images/feed_hover.png) no-repeat 5px 10px;}
.li_rss a{ float:left; width:58px; height:20px; line-height:20px; display:block;}

/* ���� */
.singlepost_comments{ float:left; width:710px; padding:20px 20px 15px; background-color:#242424;}
#comments{ width:100%; margin:10px 0px; padding:8px 0px 5px; color:#C69C6D; font-size:14px; font-weight:normal; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; }
.commentlist{ border-top:1px solid #323232;}
.commentlist p{ padding:0px 30px 0px 180px; text-indent:0px;}
.commentlist a:link, .commentlist a:visited, .commentlist a:hover{ background:none; color:#454545; text-decoration:none;}
.commentlist li{ float:left; margin:5px 0px; width:97%; padding:15px 10px 5px 10px; *padding:15px 10px 10px 10px; color:#807F7F; border-bottom:1px solid #323232; position:relative;}

.commentlist li .avatar{ float:left; margin:0px 12px 10px 0px; text-align:center; }
.commentlist li .fn{ float:left; color:#7F7F7F;}
.commentlist li .fn a{ color:#7F7F7F; font-style:normal; font-size:12px; font-family:'����',Arial,Verdana,Sans-Serif; text-decoration:none; }

.commentlist li .authordata{ float:right; width:480px;}
.commentlist li .commentmetadata{ float:left; width:100px; height:14px; position:absolute; top:35px; left:70px; overflow:hidden;}
.commentlist li .commentcontent{ float:right; width:480px;}

.commentlist li ul{ padding:10px 10px; }
.commentlist li ul li{ padding-bottom:15px; border:1px solid #2A2A2A;}

.says{ display:none;}
.reply{ float:right; position:absolute; top:5px; right:5px;}
#editcomment{ float:left; width:430px; padding:0px 10px; font-size:12px; color:#807F7F;}
#editcomment p{ padding:4px 3px 5px;}
#editcomment p label{ padding-bottom:6px; display:inline-block;}
#author, #email, #url{ margin-left:8px; padding:7px 3px 10px; width:195px; border:none; color:#666; font-size:14px; background: url(images/txt.jpg) no-repeat 0px 0px;}

#submit{ margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{ float:left; width:100%; margin:10px 0px; padding:8px 0px 5px; color:#C69C6D; font-size:14px; font-weight:normal; font-family:Microsoft YaHei,Arial,Verdana,Sans-Serif; }
#comment{ margin:-20px 0px 0px 62px; padding:8px 5px; width:350px; height:135px; color:#333; font-size:12px; border:1px solid #CCCCCC;}

#but_submit{ margin-left:72px;}
#submit{ float:right; width:66px; height:31px; font-size:14px; font-weight:bold; text-indent:-9999px; border:none; background:url(images/btn_submit.png) no-repeat center top; cursor:pointer;}
#ctrl_enter{ float:left; margin:16px 0px 0px 5px; color:#066283; font-weight:bold;}
.submit_hover{ border:2px solid #FF6600;}

#comment-guide {float:left;color:#888888; margin:125px 0 0 20px; *margin:135px 0 0 20px;}
#comment-guide ul {margin:6px 0px 0px 20px;}
#comment-guide ul li {margin-bottom:12px; list-style-type:disc;}
#comment-guide li a {color:#888888;}
#comment-guide h3 {font-size:14px;border-bottom:1px solid #323232; margin-left:5px; font-size:12px; font-weight:normal; color:#808080; margin-bottom:18px; padding:0 50px 12px 0;}


h2{ font-size:18px;}

/* �ײ� */
.footer{ margin:0px auto; width:750px; height:34px; line-height:28px; color:#F5F5F5; background:url(images/footer.jpg) no-repeat center 0; overflow:hidden;}
.footer p{ padding:3px 0px; text-align:center; font-size:11px;}
.footer a:link, .footer a:visited{ color:#F5F5F5; text-decoration:none;}
.footer a:hover{ text-decoration:underline;}
.footer .beian{ float:right; margin:-32px 30px 0px 0px; color:#85858;}
.beian a:link, .beian a:visited, beian a:hover{ color:#858585;}