@charset "utf-8";
/*
Theme Name: Collins
Theme URI: http://www.collinswang.cn/
Description: Thems for <a href="http://www.collinswang.cn">Colinswang</a>.
Version: 1.6
Author: Collins Wang
Author URI: http://www.collinswang.cn/
Tags: black, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
*{margin:0;padding:0;}
body{background:#0c0c0c repeat-x top;font:12px/20px Tahoma,Verdana,PMingLiU;color:#676767;}
a{blr:expression(this.onFocus=this.blur());}
a:focus{-moz-outline-style:none;}
img{ border:0;}

/*头部*/
#header{width:907px;height:33px;margin:0 auto; margin-top:15px;}
#header #logo{width:219px;height:33px;background:url(images/logo.jpg) no-repeat;float:left;}
#header #logo strong{display:none;}
#header #player{width:220px;height:22px;float:right;margin:5px 0 0 0;}

/*导航*/
#mainNav{width:907px;height:52px;margin:5px auto 0;background:url(images/menu.jpg) no-repeat;overflow:hidden;}
#mainNav #nav{width:889px;height:36px;margin:7px auto 0;overflow:hidden;}
#mainNav #nav ul{list-style:none;margin:0;padding:0;}
#mainNav #nav li{display:inline;}
#mainNav #nav span{display:none;}
#mainNav #nav .menu{display:block;background:url(images/menu-c.jpg) no-repeat;overflow:hidden;float:left;margin:1px 0 0 0;}
#mainNav #nav .menu-en{display:block;background:url(images/menu.jpg) no-repeat;overflow:hidden;float:left;margin:1px 0 0 0;}
#mainNav #nav .home{width:94px;height:35px;background-position:-9px -52px;}
#mainNav #nav .about{width:99px;height:35px;background-position:-103px -52px;}
#mainNav #nav .services{width:114px;height:35px;background-position:-202px -52px;}
#mainNav #nav .portfolio{width:124px;height:35px;background-position:-316px -52px;}
#mainNav #nav .blog{width:90px;height:35px;background-position:-440px -52px;}
#mainNav #nav .download{width:126px;height:35px;background-position:-530px -52px;}
#mainNav #nav .guestbook{width:129px;height:35px;background-position:-656px -52px;}
#mainNav #nav .contact{width:113px;height:35px;background-position:-785px -52px;}
#mainNav #nav .home:hover{background-position:-9px -87px;}
#mainNav #nav .about:hover{background-position:-103px -87px;}
#mainNav #nav .services:hover{background-position:-202px -87px;}
#mainNav #nav .portfolio:hover{background-position:-316px -87px;}
#mainNav #nav .blog:hover{background-position:-440px -87px;}
#mainNav #nav .download:hover{background-position:-530px -87px;}
#mainNav #nav .guestbook:hover{background-position:-656px -87px;}
#mainNav #nav .contact:hover{background-position:-785px -87px;}
#mainNav #nav .home_a{width:94px;height:36px;margin:0;background-position:-9px -122px;}
#mainNav #nav .about_a{width:100px;height:36px;margin:0 0 0 -1px;background-position:-102px -122px;}
#mainNav #nav .services_a{width:115px;height:36px;margin:0 0 0 -1px;background-position:-201px -122px;}
#mainNav #nav .portfolio_a{width:125px;height:36px;margin:0 0 0 -1px;background-position:-315px -122px;}
#mainNav #nav .blog_a{width:91px;height:36px;margin:0 0 0 -1px;background-position:-439px -122px;}
#mainNav #nav .download_a{width:127px;height:36px;margin:0 0 0 -1px;background-position:-529px -122px;}
#mainNav #nav .guestbook_a{width:130px;height:36px;margin:0 0 0 -1px;background-position:-655px -122px;}
#mainNav #nav .contact_a{width:114px;height:36px;margin:0 0 0 -1px;background-position:-784px -122px;}
#mainNav #nav .services_no{width:114px;height:35px;background-position:-202px -158px;}
#mainNav #nav .download_no{width:126px;height:35px;background-position:-530px -158px;}
#mainNav #nav .contact_no{width:113px;height:35px;background-position:-785px -158px;}

/*头图*/
#banner{width:907px;height:158px;background:url(images/banner.jpg) no-repeat;margin:8px auto 0;}

/*主体*/
#main{width:899px;overflow:hidden;margin:-7px auto 0;}
#main .leftMain{width:682px;overflow:hidden;float:left;}
#main .leftMain .title{width:682px;height:18px;background:url(images/title.jpg) no-repeat;}
#main .leftMain .title strong{display:none;}
#main .leftMain .home{background-position:0 0;}
#main .leftMain .about{background-position:0 -30px;}
#main .leftMain .web{background-position:0 -60px;}
#main .leftMain .other{background-position:0 -90px;}
#main .leftMain .blog{background-position:0 -120px;}
#main .leftMain .nocontent{background-position:0 -120px;}
#main .leftMain .contact{background-position:0 -180px;}
#main .rightMain{width:206px;overflow:hidden;float:right;}

/*时间*/
#main .rightMain .today{width:206px;height:24px;padding-top:4px;overflow:hidden;background:url(images/rightBg.gif) no-repeat;font-size:11px;text-align:center;}
#main .rightMain .today span{font-family:PMingLiU;}

/*右边盒子*/
.rightBox{width:206px;overflow:hidden;margin-top:10px;}
.rightBox .title{width:206px;height:20px;overflow:hidden;background:url(images/rightBg.gif) no-repeat;}
.rightBox .title strong{display:none;}
.rightBox .content{width:206px;overflow:hidden;background:url(images/rightBg.gif) repeat-y -211px 0;}
.rightBox .content .txt{width:196px;margin:0 auto;}
.rightBox .bottom{width:206px;height:5px;overflow:hidden;background:url(images/rightBg.gif) no-repeat 0 -146px;}

/*右侧关于我*/
.aboutRight .title{background-position:0 -31px;}
.aboutRight .txt{}
.aboutRight .pic{ background:url(images/about05.jpg); width:196px; height:103px}

/*右侧最新评论*/
.comRight .title{background-position:0 -54px;}
.comRight .txt{font:11px/16px Tahoma,Verdana,PMingLiU;}
.comRight .txt img{border:0;}
.comRight .txt ul{list-style:none;}
.comRight .txt a{color:#676767;display:block;width:190px;padding:5px 3px 2px;overflow:hidden;margin:0 auto;text-decoration:none;border-bottom:1px solid #202020;}
.comRight .txt a:hover{background:#0c0c0c;color:#999;}

/*右侧友情链接*/
.linksRight .title{background-position:0 -77px;}
.linksRight .txt ul{list-style:none;}
.linksRight .txt li{display:inline;}
/*.linksRight .txt a{float:left;display:block;width:45px;height:45px;border:1px solid #171717;padding:1px;}*/
.linksRight .txt a{color:#676767;display:block;width:190px;padding:5px 3px 2px;overflow:hidden;margin:0 auto;text-decoration:none;border-bottom:1px solid #202020;}
.linksRight .txt a:hover{background:#0c0c0c;color:#999;}

/*右侧最新留言*/
.magRight .title{background-position:0 -100px;}
.magRight .txt{font:11px/16px Tahoma,Verdana,PMingLiU;}
.magRight .txt img{border:0;}
.magRight .txt ul{list-style:none;}
.magRight .txt a{color:#676767;display:block;width:190px;padding:5px 3px 2px;overflow:hidden;margin:0 auto;text-decoration:none;border-bottom:1px solid #202020;}
.magRight .txt a:hover{background:#0c0c0c;color:#999;}

/*右侧联系方式*/
.contactRight .title{background-position:0 -123px;}
.contactRight .txt{background:url(images/rightBg.gif) no-repeat 0 -154px;font:11px/18px Tahoma,Verdana;padding:50px 0 5px;}
.contactRight .txt ul{list-style:none;margin-left:7px;}

/*版权*/
#copyright{width:899px;overflow:hidden;margin:-42px auto 0;padding:20px 0 10px 0;font-size:10px;font-family:Tahoma,Verdana;}
#copyright span{font-size:11px;font-family:PMingLiU;}
#copyright font{color:#048ec6;font-size:10px;font-family:Tahoma,Verdana;}
#copyright .siaocaImg{width:41px;height:14px;background:url(images/copyright.gif) no-repeat;display:block;float:left;}
#copyright a{color:#676767;text-decoration:none;}
#copyright a:hover{color:#fc0;text-decoration:none;}

/*日志分页*/
.pageLog{text-align:center;}
.pageLog a{color:#676767;text-decoration:none;}
.pageLog a:hover{color:#fc0;text-decoration:none;}

/*作品*/
.portfolioImg{_margin-left:-12px;}
.portfolioImg a{display:block;float:left;width:200px;height:110px;background:url(images/imgBg.gif) no-repeat;padding:5px;margin:14px 2px 0 12px;position:relative;}
.portfolioImg a span{display:none;position:absolute;top:88px;left:176px;}
.portfolioImg a:hover span{display:block;}
.portfolioImg a img{border:0;}

/*留言&评论*/
#msgList{width:682px;overflow:hidden;margin:0 auto;}
#msgList ul{list-style:none;}
#msgList .reply{padding:2px;color:#676d59;}
.l1{background:#171717;padding:5px;margin-bottom:10px;}
.l1 a{color:#676767;text-decoration:none;}
.l1 a:hover{color:#fc0;text-decoration:none;}
.l1 .name{height:17px;background:url(images/msg_a.gif) no-repeat 0 0;padding:3px 0 0 27px;}
.l1 .name span{color:#333;font-size:11px;font-family:PMingLiU;}
.l1 .name span font{font-size:11px;font-family:Tahoma,Verdana;}
.l1 .msgBottom{height:20px;background:url(images/msg_a.gif) no-repeat right -40px;text-align:right;padding-right:30px;font-size:11px;font-family:PMingLiU;}
.l1 .msgContent{padding:8px 5px 5px;}
.msgPage{width:675px;overflow:hidden;margin:0 auto;font-size:11px;font-family:Tahoma,Verdana;color:#1f1f1f;}
.msgPage a{color:#333;text-decoration:none;}
.msgPage a:hover{color:#676767;}
.msgPage ul{list-style:none;}
.msgPage li{display:inline;}
.subMsg{width:682px;overflow:hidden;margin:0 auto;}
.subMsg strong{color:#048ec6;}
.subMsg .msgn{width:200px;height:18px;font-size:12px;color:#676767;font-family:Tahoma,Verdana,PMingLiU;border:1px solid #202020;background:#0c0c0c;}
.subMsg .msgc{width:600px;height:100px;font-size:12px;color:#676767;font-family:Tahoma,Verdana,PMingLiU;border:1px solid #202020;background:#0c0c0c;overflow:auto;margin-top:5px;}
.subMsg .msgb{width:82px;height:22px;overflow:hidden;border:0;background:url(images/btn.jpg) no-repeat;cursor:pointer; float:left;}
.subMsg .con{width:345px;overflow:hidden;}
.subMsg .con ul{list-style:none;}
.subMsg .con li{display:block;float:left;cursor:pointer;width:19px;height:19px;overflow:hidden;}
.subMsg span{font-size:11px;font-family:PMingLiU;color:#333;}

/*关于*/
.aboutPage{margin-top:10px;}
.aboutPage .leftImgInfo{float:left;}
.aboutPage .leftImgInfo .aboutContact{margin:5px auto;font-size:11px;line-height:18px;color:#333;}
.aboutPage .leftImgInfo .imgFace{width:180px;height:180px;background:#2b2b2b;padding:4px;}
.aboutPage .leftImgInfo .imgFace img{border:1px solid #000;}
.aboutPage ul{list-style:none;float:left;margin-left:10px;}
.aboutPage span{color:#333;}

/*版权*/
#copyright{width:899px;overflow:hidden;margin:20px auto 0;padding:10px 0 10px 0;font-size:10px;font-family:Tahoma,Verdana; text-align:right; border-top:1px #676767 solid;}
#copyright span{font-size:11px;font-family:PMingLiU;}
#copyright font{color:#048ec6;font-size:10px;font-family:Tahoma,Verdana;}
#copyright .siaocaImg{width:41px;height:14px;background:url(images/copyright.gif) no-repeat;display:block;float:left;}
#copyright a{color:#676767;text-decoration:none;}
#copyright a:hover{color:#fc0;text-decoration:none;}

/*日志*/
.log{width:682px;overflow:hidden;margin:8px 5px; float:left;}
.logmain{width:160px;overflow:hidden;margin:8px 4px; float:left; text-align:center;font-size: 1.2em}
.logTitle{width:100%;height:40px;padding:0px;background:url(images/logTitle.gif) repeat-y; text-align:center; margin-bottom:3px; overflow:hidden;}
.logTitlemain{width:100%; font-size:16px;height:25px;padding:5px;background:url(images/logTitle.gif) no-repeat; text-align:left;padding-left:10px;color:#FFFFFF; margin-top:10px; margin-bottom:10px;}
.log .logTitle .logT{display:block;float:left;color:#048ec6;text-decoration:none;font-weight:bold;margin-top:2px !important;*margin-top:4px !important;margin-top:2px; text-align:center; width:100%;}
.log .logTitle .logT:hover{color:#676767;}
.log .logTitle .logC{display:block;height:15px;text-decoration:none;float:right;color:#676767;background:url(images/commentsIco.jpg) no-repeat 0 3px;padding:0 0 0 16px;font-size:10px;margin-top:2px;}
.log .logTitle .logC:hover{color:#fc0;background:url(images/commentsIco.jpg) no-repeat 0 -14px;}
.log .logTime{width:674px;height:18px;overflow:hidden;margin:-2px auto 0;font-size:11px;color:#333;text-align:right;}
.log .logTime span{font-family:PMingLiU;}
.log .logTime a{font-size:11px;font-family:PMingLiU;color:#333;text-decoration:none;}
.log .logTime a:hover{color:#676767;text-decoration:none;}
.log .logContent{width:100%;margin:0 auto;color:#676d59;text-align:center;}
.log .logContentmain{width:100%;margin:0 auto;color:#676d59;text-align:left; font-size:12px;}
.log .logContent a{color:#3a3d32;text-decoration:underline;}
.log .logContent a:hover{color:#fc0;text-decoration:none;}
.log .logAll{width:682px;height:11px;margin:0 auto;font:11px PMingLiU;text-align:right;background:url(images/allContent.gif) no-repeat left; clear:both;}
.log .logAll a{color:#333;text-decoration:none;}
.log .logAll a:hover{color:#676767;text-decoration:none;}
.log .logTitle .logTContent{display:block;float:left;color:#048ec6;text-decoration:none;font-weight:bold;margin-top:2px !important;*margin-top:4px !important;margin-top:2px;}
.alignleft{ float:left;}
.alignright{ float: right; padding-right:5px;}


#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}


small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}


h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li ul li {
	font-size: 1em;
} 

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
	
.navigation{ clear:both;}
/* End Typography & Colors */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
