﻿/***整个空间页面
***********************************************************************************************/
    /*整个页面*/
    body {background:#F3F1E6 url(bg.png) top repeat-x;color:#555;}
    /*全部内容，包括空间名称和简介区域*/
    .warp {width:966px;}
    /*默认的链接*/
    a{color:#555; text-decoration:none;}/*默认链接样式*/
    a:hover{ color:#333;}/*鼠标划过时的样式*/

/***空间名称和简介区域
***********************************************************************************************/
    /*主体部分*/
    .header {width:100%; height:150px;}
        /*左背景图*/
        .header .lc {}
        /*右背景图*/
        .header .rc {}
        /*空间名称*/
        .header h1 {top:15px;left:0;line-height:36px;font-size:30px; font-family:Arial;  }
            /*空间名称链接*/
            .header h1 a {color:#999;text-decoration:none;}
            .header h1 a:hover {color:#eee;}
        /*空间简介*/
        .header .desc {top:55px;left:5px;width:500px; color:#999; text-align:left;}
        /*TAB菜单下方的横线*/
        .header .tabline { display:none;}
        /*TAB菜单主体*/
        .header .tab{top:93px;width:100%; padding-left:0; height:30px; line-height:30px; background: #000;}
            /*TAB选中状态*/
            .header .tab a.on,
            .header .tab a.on:link,
            .header .tab a.on:visited{color:#FFF;}
            /*TAB未选中状态*/
            .header .tab a{color:#fff;text-decoration:none;font-size:14px; font-weight:600; line-height:30px; }
            /*TAB与TAB之间的分割符*/
            .header .tab b{ display:block; width:10px; line-height:30px; text-indent:-9999px; }

/***内容主体框架 主要大列
***********************************************************************************************/
    /*主体区  顶部空间名称、导航，底部版权直接的大框架*/
    .cntbody{ padding: 15px; margin:0; font-size:120%; border:solid 1px #ccc; background:#fff; 
        }
        /*主两列 包含主要内容和常规侧边栏*/
        .cntpri{ 
            }
            /*主列：内容框架 包含列表、详细内容等*/
            .colcnt_a{ }
            /*常规侧边栏：常用模块列*/
            .colcnt_b{}
        /*特殊侧边栏：通常显示三列时才会呈现*/
        .colcnt_c{
        }

/***页码区域
***********************************************************************************************/
    /*主体*/
    .pagebar {text-align:center; font-size:120%;}
        /*当前页码（不可点击）*/
        .pagebar span { padding:2px 6px; margin:5px 3px 0 0;vertical-align: middle;font-weight:bold; border:1px solid #000; background:#444; color:#ff6;}
        /*页码（可点击）*/
        .pagebar a { padding:2px 6px; margin:5px 3px 0 0;vertical-align: middle;border:1px solid #ccc; background:#F3F1E6; text-decoration:none;}
        /*页码（可点击的选中状态）*/
        .pagebar a:hover {border-color: #989378;background: #D6D1BD;}
        /*首页、上一页和尾页、下一页（不可点击）*/
        .pagebar strong {padding:2px;}
        /*首页、上一页和尾页、下一页（可点击）*/
        .pagebar a.a {padding:2px;border-color: #666; text-decoration:underline;}
        /*首页、上一页和尾页、下一页（可点击的选中状态）*/
        .pagebar a.a:hover {background: none;border-color: #333; color:#ff6;text-decoration:none;}
        /*页码下的统计区域*/
        .pagebar small { font-size:11px; color:#555;}


/***通用区块 block
***********************************************************************************************/
    /*区块总体
    -------------------------------------------------------------*/
    .boc {margin-bottom:10px;padding:7px 0; text-align:left; }
        /*区块名称区*/
        .boc .head { height:42px;padding:0 5px 0 5px;}
            /*区块名称*/
            .boc .head h3 { float:left; line-height:38px;color:#989378;font-size:18px;font-weight:bold;}
            /*区块名称区的相关操作（如 新建照片集、更多**）*/
            .boc .head p { float:right;margin-top:10px;}
        /*区块内容区*/
        .boc .body  {padding:7px;}
            /*区块中的线条（通用分割线）*/
            .boc .body div.line {margin-top:8px;line-height:8px;border-top:1px solid #ccc}
    
    /*通用区块列表内容（如 最新评论）
    -------------------------------------------------------------*/
    /*区块内容项的标题*/
    .boc dt{}
    /*区块内容项的描述*/
    .boc dd{}
    
    /*简洁的区块内容列表*/
    .boc li{ list-style-type:none; margin-left:0; line-height:190%; }


/***评论
***********************************************************************************************/
    /*评论列表
    -------------------------------------------------------------*/
    .Comment table { width:75%; }
    .Comment table.odd{ background:#E6E6E1;}
    .Comment .line{display:none;}
    .Comment .who{width:130px; font-weight:600; text-align:center;}
        .Comment .who span{ display:block; text-align:left; }
    .Comment .said div{margin-bottom:10px;}
    .Comment .said span{color:#888;}
    /*评论表单
    -------------------------------------------------------------*/
    .fm textarea, .fm input{ background:#fff url(input-bg.gif) repeat-x 0 1px; }
    .fm textarea, .fm input{ border:solid 1px #ccc;padding: 0.3em;}/* */
    .fm input:focus,.fm textarea:focus{ background:#fffef4 url(input-focus-bg.gif) repeat-x 0 1px;}
    .fm .submit input {padding:3px 6px;border:1px solid #db6600;background:#db6600 url(input-submit.jpg); cursor:pointer;}
    .fm .submit input:hover {border:1px solid #111;background: #111 url(input-submit-over.jpg);}
    
    /*空间首页评论列表
    -------------------------------------------------------------*/
    .ShortComment table{width:98%}
    .ShortComment table.odd{ background:#f1f1f1;}
    
    /*留言板评论列表
    -------------------------------------------------------------*/
    .GuestBook table{width:98%}
    /*发表留言
    -------------------------------------------------------------*/
    .SendMsg .fm{border:none;}
    .SendMsg .fm label { width: 50px; }
    .SendMsg .fm .submit { margin-left:50px; }


/***相册
***********************************************************************************************/
    /*相册列表 表格型
    -------------------------------------------------------------*/
    .AlbumList .item{ padding:20px 0; text-align:center;}
    .AlbumList .item div{ background:url(album_album_bg.gif) no-repeat center; width:100%; height:122px; text-align:center;}
    .AlbumList .item div img{ margin:8px 0 0 8px; border:1px solid #333;}

    /*相册列表 列表型
    -------------------------------------------------------------*/
    .AlbumTop h3{ text-align:center; margin-bottom:20px;}
    .AlbumTop .body{ text-align:center;}
    .AlbumTop .body div{ background:url(album_album_bg.gif) no-repeat center; width:100%; height:122px; text-align:center;}
    .AlbumTop .body div img{ margin:8px 0 0 4px; border:1px solid #333;}
    
    /*相册信息
    -------------------------------------------------------------*/
    .AlbumTop { background:#f1f1f1}
    .AlbumInfo .body div{ background:#f6f6f6;}
    .AlbumInfo .body div img{ margin:20px}
    .AlbumInfo .body p{ margin:20px}
    .AlbumInfo .body p span{ line-height:30px}

    /*图片列表
    -------------------------------------------------------------*/
    .PictureList .item{ padding:20px 0; text-align:left;}

    /*浏览图片
    -------------------------------------------------------------*/
    .ViewPicture { text-align:center;}
        /*照片标题*/
        .ViewPicture .body h3{ font-size:24px; margin:10px auto 35px;}
        /*照片描述*/
        .ViewPicture .body span{ display:block; margin:15px auto;}
        
		.ViewPicture .scrollpicture { margin:15px auto;}
		.ViewPicture .scrollpicture a.la{ display:block; width:36px; height:88px; background:url(scrollarrowleft.jpg) no-repeat right top; cursor: pointer;}
		.ViewPicture .scrollpicture a.ra{ display:block; width:36px; height:88px; background:url(scrollarrowright.jpg) no-repeat left top; cursor: pointer;}
		.ViewPicture a.ActiveImg{border:4px solid #3EACCD;padding:2px; display:block;}
		.ViewPicture a.img img{filter:alpha(opacity=50)!important;-moz-opacity:0.5;}
		.ViewPicture a.img:hover img{filter:alpha(opacity=80)!important;-moz-opacity:0.8;}


/***博客
***********************************************************************************************/
    /*日志列表
    -------------------------------------------------------------*/
    /*日志标题*/
    .BlogList div.tit h1{margin:0 0 20px 0;}
    /*日志标题链接*/
    .BlogList div.tit h1 a {color:#f60;font-size:32px; line-height:32px;font-weight:600;}
    .BlogList div.tit h1 a:hover{color:#111;}
    /*日志内容（摘要）*/
    .BlogList div.cnt {color:#333333;line-height:200%;font-size:14px;}
    .BlogList div.cnt div{}
    /*内容中的链接*/
    .BlogList div.cnt a{color:#f60; text-decoration:underline;}
    /*阅读全文链接*/
    .BlogList div.more{margin:14px 0 16px 0}
    .BlogList div.more a {color:#f60;font-size:14px}
    .BlogList div.more a:visited{color:#28AAB8}
    /*日志信息区上（发表时间等）*/
    .BlogList div.tpt {margin:5px 0;color:#666666; font-size:13px;}
    /*日志操作区下（如分类、阅读、评论等）*/
    .BlogList div.opt {color:#666666;font-size:13px;}
    .BlogList div.opt a {color:#f60;font-size:13px;}
    .BlogList div.opt a:hover{ text-decoration:underline;}
    /*分隔线*/
    .BlogList div.line {margin-top:19px;line-height:19px;border-top:1px solid #B5DEE1; }
    /*无日志提示信息*/
    .BlogList div.none {padding:100px 0 100px 0;color:#333333;font-size:14px}

    /*浏览日志
    -------------------------------------------------------------*/
    /*日志标题*/
    .BolgView div.tit h1{margin:10px 0;color:#f60;font-size:32px; line-height:32px;font-weight:600;}
    /*日志内容*/
    .BolgView div.cnt {color:#333333;line-height:200%;font-size:14px;}
    .BolgView div.cnt div{}
    /*内容中的链接*/
    .BolgView div.cnt a{color:#f60; text-decoration:underline;}
    /*日志信息区上（发表时间等）*/
    .BolgView div.tpt {margin:5px 0;color:#666666; font-size:13px;}
    /*日志操作区下（如分类、阅读、评论等）*/
    .BolgView div.opt {color:#666666;font-size:13px;}
    .BolgView div.opt a {color:#f60;font-size:13px;}
    .BolgView div.opt a:hover{ text-decoration:underline;}
    /*分隔线*/
    .BolgView div.line {margin-top:19px;line-height:19px;border-top:1px solid #B5DEE1; }
    


/***个人首页Profile
***********************************************************************************************/
    .Profile{}
    .Profile div{ margin:5px;}
    .Profile h3{ margin:15px 5px;}
    .Profile p{ margin:5px; }
    .Profile .avatar{border:solid 1px #ccc; background:#FFF;  text-align:center;width:170px; height:202px; float:left; margin-right:10px;}
      .Profile .avatar img{ margin-top:5px;}

