/*
Theme Name: AboutCG
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, 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:50px;}
.menu ul{ float:right; height:15px;}
.menu ul li{ float:left; padding:7px 15px 4px; text-align:center; text-indent:-9999px; font-size:14px; font-weight:bold; background:url(images/line.gif) no-repeat right 10px;}
.menu ul li.M_help{ background:none;}

.M_homepage a:link, .M_homepage a:visited{ width:30px; height:15px; background:url(images/menu.gif) no-repeat left 0px; display:block; text-decoration:none;}
.M_homepage a:hover{ background:url(images/menu.gif) no-repeat left -24px; }

.M_video a:link, .M_video a:visited{ width:58px; height:15px; background:url(images/menu.gif) no-repeat right 0px; display:block; text-decoration:none;}
.M_video a:hover{ background:url(images/menu.gif) no-repeat right -24px; }

.M_photo a:link, .M_photo a:visited{ width:58px; height:15px; background:url(images/menu.gif) no-repeat right -48px; display:block; text-decoration:none;}
.M_photo a:hover{ background:url(images/menu.gif) no-repeat right -71px; }

.M_bbs a:link, .M_bbs a:visited{ width:30px; height:15px; background:url(images/menu.gif) no-repeat left -48px; display:block; text-decoration:none;}
.M_bbs a:hover{ background:url(images/menu.gif) no-repeat left -71px; }

.M_help a:link, .M_help a:visited{ width:30px; height:15px; background:url(images/menu.gif) no-repeat left -96px; display:block; text-decoration:none;}
.M_help a:hover{ background:url(images/menu.gif) no-repeat left -120px; }

#Tabs_1 .mOn .M_homepage a{ background:url(images/menu.gif) no-repeat left -24px; }
#Tabs_2 .mOn .M_video a{ background:url(images/menu.gif) no-repeat right -24px; }
#Tabs_3 .mOn .M_photo a{ background:url(images/menu.gif) no-repeat right -71px; }
#Tabs_4 .mOn .M_bbs a{ background:url(images/menu.gif) no-repeat left -71px; }




/* 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;}
.slidecontent{ float:left; display:none;}

/* SlideShow */
.slideshow{ width:750px; height:270px; overflow:hidden; position:relative;}
.slideimg{ float:left; }
.showimg{ width:750px; height:270px; z-index:10;}
.showimg img{ width:750px; height:270px; overflow:hidden; display:block;}
.opacity{ width:750px; height:30px; position:absolute; z-index:99; bottom:1px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; overflow:hidden;}
.operate{ position:absolute; z-index:1000; right:10px; bottom:5px;}
.operate span{ float:left; padding:1px 5px; margin-left:1px; height:22px; line-height:22px; font-size:14px; font-weight:bold; cursor:pointer; color:#888; text-align:center;}
.operate span.hov{ color:#FFF;}
#msg{ float:left; width:750px; height:26px; line-height:26px; position:absolute; z-index:100; bottom:0px; overflow:hidden; }
#msg li{ padding-right:150px; height:24px; line-height:22px; text-align:center; font-size:14px; font-weight:bold; color:#004C94; display:block;}
#msg li a:link, #msg li a:visited{ color:#222; text-decoration:none;}
#msg li a:hover{ color:#FF0000; text-decoration:underline;}

.mOut{ cursor:pointer;}
.mOn{ cursor:pointer;}

/* Featured */
.featured{ float:left; width:750px; height:154px; background:#E3E3E3 url(images/featured.jpg) 0 0; overflow:hidden;}
.fpost{ float:left; margin:15px 2px 10px 4px; _margin:15px 1px 10px 3px; width:244px; height:124px; background:url(images/bg_featured.gif) no-repeat center 0; overflow:hidden;}
.fpost img{ padding:2px 2px; width:240px; height:120px;}

/* �������� */
.txt{ float:left; width:750px; height:120px; overflow:hidden;}
.txt img{ width:750px; height:120px;}

/* �Ŀ���� */
.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;}


/* baobei tuijian */
.bb_recommend{ float:left; margin-left:10px; padding:5px 0px; width:446px; height:257px; border:1px solid #CCC; overflow:hidden;}
.baobei{ border-bottom:1px dashed #DDD;}
.baobei h2{ width:426px; line-height:20px; padding:12px 10px 6px; font-size:16px;}
.baobei_detail{ padding:0px 10px 5px; color:#333; line-height:20px;}
.baobei_detail p{ padding:6px 0px;}

.allcats{ float:left; margin-left:-10px;}

/* ��һ�������� */
.bb_cats{ float:left; margin:10px 0px 0px; width:334px;}
.cats_content{ margin:0px 0px 0px 10px; height:275px; border:1px solid #CCC;}
.cats_content h2{ padding:7px 0px 5px 8px; font-size:14px; background:url(images/bg.png) no-repeat 0 -255px;}
.cats_content ul{ float:left; padding:10px 5px 12px 10px;}
.cats_content ul li{ margin:6px 0px 2px; padding-left:12px; width:290px; height:16px; font-size:14px; background:url(images/spot_cats.gif) no-repeat 0 6px; overflow:hidden;}
.cats_content ul li a:link, .cats_content ul li a:visited{ color:#333;}
.cats_content ul li a:hover{ color:#BD0A01;}

/* ����02 ���� */
.sidebar2 ul{ margin:0 auto;}
.sidebar2{ float:right; width:302px;}
.sidebar2 li{ margin-bottom:10px; background:#FFFBEE;}
.sidebar2 h2{ padding:7px 0px 5px 8px; font-size:14px; background:url(images/bg.png) no-repeat right -232px;}
.sidebar2 li ul{ padding:10px 10px; border:1px solid #CCC;}
.sidebar2 li ul li{ margin-bottom:0px; padding:6px 0px 2px 12px; width:268px; height:14px; font-size:13px; background:url(images/spot_cats.gif) no-repeat 0 12px; overflow:hidden;}
.sidebar2 h2 a:link, .sidebar2 h2 a:visited{ color:#000;}
.sidebar2 h2 a:hover{ color:#BD0A01;}


/* ����ҳ */
.post{ padding:20px 20px; line-height:20px; background-color:#181818;}
.post p{ margin-bottom:15px;}
.post img { margin:10px auto; padding:2px; max-width:700px; text-align:center; border:solid 2px #333; display:block;}
.txtcenter{ text-align:center; font-size:24px;}
.post_content{ margin-top:20px;}


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


/* ��ҳ */
.page_navi{ float:left; width:100%; height:45px; line-height:45px; text-align:center; background:url(images/bg_pagenavi.jpg) no-repeat left center; }


/* ���� */
#comments{ width:100%; margin:10px 0px; padding:8px 0px 5px; text-indent:8px; background:#F3F3F3; border-bottom:1px solid #BBC5CC; }
.commentlist{ }
.commentlist p{ text-indent:0px;}
.commentlist a:link, .commentlist a:visited{ background:none; color:#454545;}
.commentlist a:hover{ background:none; color:#CC0000; text-decoration:underline;}
.commentlist li{ float:left; margin:5px 0px; width:96%; padding:15px 10px 5px 10px; background:#FFF; border:1px solid #BBC5CC;}
.commentlist li.alt{ background:#FFFAF4; border:1px solid #BBC5CC;}
.commentlist li .gravatar{ float:left; width:48px; margin:0px 8px 5px 0px; padding:1px 1px; text-align:center; border:1px solid #C7C7C7;}
.commentlist li .gravatar img{ margin:0px !important; padding:0px !important;}
.commentlist li .floor{ float:left; width:48px; margin-top:1px; padding:2px 0px 1px; text-align:center; border-top:1px solid #A7B6BE; background:F8F8F8; color:#999999;}
.commentlist li .authordata{ float:right; width:480px;}
.commentlist li .commentmetadata{ float:right; color:#999999;}
.commentlist li .commentcontent{ float:right; width:480px;}
#editcomment{ float:left; font-size:14px;}
#editcomment p{ padding:10px 10px 5px;}
#author, #email, #url{ margin-left:8px; width:40%; border:1px solid #CCCCCC; color:#906; font-weight:bold; font-size:14px; background:#FCFCFC; padding:5px 3px;}

#submit{ margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{ float:left; width:100%; margin:10px 0px; padding:8px 0px 5px; text-indent:8px; background:#F3F3F3; border-bottom:1px solid #BBC5CC; }
#comment{ margin:-23px 0px 0px 72px; padding:8px 5px; width:80%; color:#333; font-size:14px; border:1px solid #CCCCCC;}

#but_submit{ margin-left:72px;}
#submit{ float:left; width:220px; height:32px; font-size:18px; font-weight:bold; letter-spacing:3px;}
#ctrl_enter{ float:left; margin:16px 0px 0px 5px; color:#066283; font-weight:bold;}
.submit_hover{ border:2px solid #FF6600;}

/* �ײ� */
.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;}