@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0; font-size:12px;}
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; display:block}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul {list-style:none; }
caption, th {text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
.clear{height:0; font-size:0; clear:both; overflow:hidden;}
a{text-decoration:none;}
a:hover{}



body{background:#000 url(../images/footBg.gif) repeat-x; font-family:Verdana, Geneva, sans-serif;}

.homeWarp{}

.homeTop{ background:#000 url(../images/homeTopBg.jpg) no-repeat; width:1320px; height:123px; position:relative}

.homeTop a.logo{float:left;width:195px; height:80px; margin:35px 0 0 80px;}
.homeTop .des{float:left; margin:75px 0 0 0; color:#fff; font-family:"宋体";}
.homeTop a.rss{float:left;width:25px; height:25px; margin:73px 0 0 7px;}

.homeMain{background:#000; width:1330px; clear:both}

.homeMain .aboutMe{background:url(../images/homeAboutMeCloseLight.jpg) 0; _background:url(../images/homeAboutMe.jpg); float:left; width:580px; height:520px; position:relative}
.homeMain .aboutMe:hover{background:url(../images/homeAboutMe.jpg);}
.homeMain .aboutMe .ava{ background:#000; position:absolute; left:134px; top:153px; background:url(../images/ava.jpg)}
.homeMain .aboutMe .glass{ position:absolute; left:121px; top:142px;}
.homeMain .aboutMe .info{position:absolute;left:245px; top:155px; width:180px}
.homeMain .aboutMe .info ul li{color:#eaff00; font-family:Verdana; font-size:11px; padding-bottom:10px;}

.homeMain .aboutMe .info ul li span{float:left; padding-right:5px;}
.homeMain .aboutMe .info ul .social{padding-top:18px; background:url(../images/socail.gif) no-repeat 44px 16px; overflow:hidden}
.homeMain .aboutMe .info ul .social a{float:left; margin:-1px 6px 0 0;}



.homeMain .blogs{background:url(../images/homeBlog.jpg); width:381px; height:520px; float:left; position:relative}
.homeMain .blogs .list {position:absolute; left:10px; top:82px;}
.homeMain .blogs .list a{line-height:27px; height:27px; margin-bottom:1px; display:block; color:#9b9b9b; padding-left:23px; width:285px; }
.homeMain .blogs .list a:hover{color:#fff;}


.homeMain .nav{ background:url(../images/homeNav.jpg); width:360px; height:520px; float:left; position:relative}
.homeMain .nav ul{ position:absolute; left:19px; top:136px;}
.homeMain .nav ul li a{display:block; height:34px; text-indent:-9999px;width:124px; margin-bottom:23px;}

a.Home:hover{width:102px;}
#homeActive{background:url(../images/navHomeActive.jpg) no-repeat;}


a.Blog:hover{width:102px;display:block}
#blogActive{background:url(../images/navBlogActive.jpg) no-repeat;}

a.Photos:hover{width:124px; margin-top:24px;}
#photosActive{background:url(../images/navPhotoActive.jpg) no-repeat;}

a.About:hover{width:114px;margin-top:24px;}
#aboutActive{background:url(../images/navAboutActive.jpg) no-repeat;}


.homeFoot{ position:relative;}
.homeFoot .footLogo{ position:absolute; background:url(../images/footLogo.jpg); width:155px; height:70px; left:85px; top:15px}
.homeFoot .copyRights{position:absolute; left:260px; top:30px; color:#fff; font-size:12px; font-family:Arial;}
.homeFoot a.icp{ color:#666; position:absolute; left:260px; top:48px; font-size:12px; text-decoration:underline;}
.homeFoot a.icp:hover{ color:#fff;}