﻿@charset "utf-8";
/* CSS Document */
.area {margin:0 auto; width:990px;}
.area .col1{ float:left; width:650px; }
.area .col2{ float:right; width:330px;}
.bg1 { background:url(../img/bg1.gif) repeat-y;}
.bg2 { background:url(../img/bg2.gif) repeat-y;}
.bg3 { background:url(../img/bg3.gif) repeat-y;}
.bg4 { background:url(../img/bg4.gif) repeat-y;}
.bg5 { background:url(../img/bg5.gif) repeat-y;}

.lineH1 { margin:0 auto; width:650px; height:4px; font-size:1px; clear:both}
.lineH2 { margin:0 auto; width:990px; height:4px; font-size:1px; clear:both}
.lineH3 { margin:0 auto; width:330px; height:14px; font-size:1px; clear:both}
.lineH4 { margin:0 auto; width:650px; height:8px; font-size:1px; clear:both}
.lineH5 { margin:0 auto; width:330px; height:4px; font-size:1px; clear:both}

/* focus */
.focus{ float:left; width:650px; background:#f1ece3; clear:both}
.focus .p1{ float:left; padding:16px 0 0; width:60px; }
.focus .p1 img{ float:right}
.focus .p2{ float:right; width:587px; vertical-align:top;}

/*** left col1 ***/
.ad300 { margin:0 auto; width:300px; clear:both}

/* 博客列表 */

.blog { clear:both; margin:0 auto; width:610px;}
.blog .title{ width:100%; clear:both}
.blog .title h3{ float:left; padding:8px 0 0 25px; background:url(../img/i3.gif) 5px 13px no-repeat; font-size:14px; color:#f60; font-weight:bold;}
.blog .title .search{ float:right; padding-bottom:5px; color:#f60; }
.blog .title .search .n1{ float:left; padding:8px 0 0 5px;}
.blog .title .search .n2{ float:left; padding:3px 0 0 5px;}
.blog .title .search .n2 input{ padding:3px; border:1px solid #f1ece3; background:#fdfcf7 }
.blog .title .search .n3{ float:left; padding-left:5px;}

.blog .listKey{ padding-bottom:6px; border-bottom:3px solid #f1ece3; clear:both}
.blog .listKey ul{}
.blog .listKey li{ padding:5px 0; color:#f1ece3;}
.blog .listKey li span{ color:#000; }
.blog .listKey a{ color:#000; text-decoration: none; border-bottom:1px solid #000}
.blog .listKey a:hover{color:#dea700; text-decoration: none; }
.blog .listKey a.m{color:#ff0;}

.blog .list{clear:both; padding:10px 0; border-bottom:1px dashed #f1ece3;}
.blog .list ul{ float:left; width:440px; }
.blog .list li{ clear:both; padding:0px 0 5px 10px;}
.blog .list li h3{padding:5px 0; font-size:14px; font-weight:bold;}
.blog .list li h4{padding-left:15px; font-size:11px; color:#b88300; background:url(../img/i_post.gif) no-repeat left;}
.blog .list li h5{padding:5px 0; font-size:12px; line-height:160%;}
.blog .list .info{padding:0 5px 0 0; font-size:12px; color:#ccc; }
.blog .list .info .i_read { float:left; padding:0 10px 0 16px; background:url(../img/i_read.gif) no-repeat left;}
.blog .list .info .i_commend { float:left; padding:0 10px 0 16px; background:url(../img/i_commend.gif) no-repeat left;}
.blog .list .info .i_digg { float:left; padding:0 10px 0 16px; background:url(../img/i_digg.gif) no-repeat left;}
.blog .list .info .i_bury { float:left; padding:0 10px 0 16px; background:url(../img/i_bury.gif) no-repeat left;}
.blog .list .info a{ color:#b88300; text-decoration:underline; }
.blog .list .info a:hover{ color:#fff; text-decoration:none; background:#f60;}
.blog .list .info span{ color:#b88300; font-weight:bold}
.blog .pic{ float:left; width:155px;}
.blog .pic img{ margin-top:5px;}

/* 上一页 下一页 */
.PrevNext {margin:0 auto; width:610px; padding:9px 0; text-align:center; font-size:12px; color:#f1ece3; clear:both; }
.PrevNext a{color:#f60; padding:0 4px;}
.PrevNext a:hover{color:red;}
.PrevNext a.m{color:#000;}

/* 飞行日记 */
.flyNote { margin:0 auto; width:610px; clear:both}
.flyNote .search{ float:left; padding:0; color:#f60; }
.flyNote .search .n1{ float:left; padding:10px 0 0 5px; font-weight:bold}
.flyNote .search .n2{ float:left; padding:5px 10px 0 0px;}
.flyNote .search .n2 input{ width:150px; height:14px; height /**/:13px;}
.flyNote .search .n2 select{ width:150px; }
.flyNote .search .n3{ float:left; padding-left:10px;}

.flyNote .listKey{ padding-bottom:6px; border-bottom:1px solid #f1ece3; clear:both}
.flyNote .listKey ul{ clear:both}
.flyNote .listKey li{ padding:5px 0; color:#f1ece3;}
.flyNote .listKey li span{ color:#f60; font-weight:bold }

/* 飞行图库 */
.flyPhoto {}
.flyPhoto .title{ background:#f1ece3; height:36px; clear:both}
.flyPhoto .title h3{ float:left; padding:8px 0 0 32px; font-size:14px; font-weight:bold; color:#f60; background:url(../img/i3.gif) 15px 14px no-repeat;}
.flyPhoto .title span{ float:right; padding:8px 20px 0 0;} 
.flyPhoto .picList { float:left; padding:0 0 0 28px; width:962px; clear:both}
.flyPhoto .picList ul{ padding:10px 0; clear:both}
.flyPhoto .picList li{ float:left; width:240px; height:280px; }
.flyPhoto .picList .pic { float:left; width:210px; height:272px;}
.flyPhoto .picList .pic img{ border:3px solid #eee}
.flyPhoto .picList .pic h4{ padding:6px 0; font-size:14px; height:14px}
.flyPhoto .picList .pic h5{}
.blogindex .picList li {height:auto;}
.blogindex .picList .pic {height:auto;}

.flyPhoto .picList .pic .info{padding:5px 0; font-size:10px; color:#ccc; }
.flyPhoto .picList .pic .info .i_read { float:left; padding:0 10px 0 16px; background:url(../img/i_read.gif) no-repeat left;}
.flyPhoto .picList .pic .info .i_commend { float:left; padding:0 10px 0 16px; background:url(../img/i_commend.gif) no-repeat left;}
.flyPhoto .picList .pic .info a{ color:#b88300; text-decoration:underline; }
.flyPhoto .picList .pic .info a:hover{ color:#fff; text-decoration:none; background:#f60;}
.flyPhoto .picList .pic .info span{ color:#b88300; font-weight:bold}

/* 飞行图库-内页 */
.flyPhotoShow { margin: 0 auto; width:946px; clear:both}
.flyPhotoShow .picShow{ float:left; width:670px; margin-top:22px; }
.flyPhotoShow .picShow .artTitle h2{ padding:2px 0; font-size:20px; font-family:"黑体", sans-serif; }
.flyPhotoShow .picShow .artInfo{ padding:10px 2px; clear:both}
.flyPhotoShow .picShow .editInfo{ padding:12px 20px; border:1px solid #f1f1f1; clear:both}
.flyPhotoShow .picShow .editInfo h3{ color:#888; clear:both}
.flyPhotoShow .picShow .editInfo p{ margin:0; padding-top:10px; line-height:160%; text-align:left; text-indent:2em; background:#fffefe;}

.flyPhotoShow .picShow .bigPic{}
.flyPhotoShow .picShow .bigPic .topInfo{}
.flyPhotoShow .picShow .bigPic h2{ float:left; width:30px; padding:2px 0; font-size:25px; }
.flyPhotoShow .picShow .bigPic .info{padding:15px 0 0; font-size:11px; color:#ccc; }
.flyPhotoShow .picShow .bigPic .info .i_info { float:left; padding:0 20px 0 16px; background:url(../img/i_info.gif) no-repeat left;}
.flyPhotoShow .picShow .bigPic .info .i_commend { float:left; padding:0 20px 0 16px; background:url(../img/i_commend.gif) no-repeat left;}
.flyPhotoShow .picShow .bigPic .info .i_fun { float:left; padding:0 20px 0 16px; background:url(../img/i_fun.gif) no-repeat left;}
.flyPhotoShow .picShow .bigPic .info .i_like { float:left; padding:0 20px 0 16px; background:url(../img/i_like.gif) no-repeat left;}
.flyPhotoShow .picShow .bigPic .info a{ color:#b88300; text-decoration:underline; }
.flyPhotoShow .picShow .bigPic .info a:hover{ color:#fff; text-decoration:none; background:#f60;}
.flyPhotoShow .picShow .bigPic .info span{ color:#b88300; font-weight:bold}
.flyPhotoShow .picShow .bigPic .endPhoto { width:650px; overflow:hidden; clear:both;}
.flyPhotoShow .picShow .bigPic .endPhoto img{ float:left; margin:0; clear:both}
.flyPhotoShow .picShow .bigPic .endPhotoTitle{ padding:10px 0;}

/* 飞行图库-内页-右侧相关图集 */
.flyPhotoShow .picList { float:right; width:210px; margin-top:22px;}
.flyPhotoShow .picList h2{ padding-left:20px; font-size:14px; color:#f60; font-weight:bold; background:url(../img/i3.gif) no-repeat left; clear:both}
.flyPhotoShow .picList ul{ clear:both}
.flyPhotoShow .picList li{ float:left; padding:10px 0; width:210px; clear:both }
.flyPhotoShow .picList .pic { float:left; width:210px;}
.flyPhotoShow .picList .pic img{ float:left;}
.flyPhotoShow .picList .pic h4{ padding:6px 0; font-size:14px; clear:both}
.flyPhotoShow .picList .pic .info{padding:5px 0; font-size:10px; color:#ccc; clear:both }
.flyPhotoShow .picList .pic .info .i_read { float:left; padding:0 10px 0 16px; background:url(../img/i_read.gif) no-repeat left;}
.flyPhotoShow .picList .pic .info .i_commend { float:left; padding:0 10px 0 16px; background:url(../img/i_commend.gif) no-repeat left;}
.flyPhotoShow .picList .pic .info a{ color:#b88300; text-decoration:underline; }
.flyPhotoShow .picList .pic .info a:hover{ color:#fff; text-decoration:none; background:#f60;}
.flyPhotoShow .picList .pic .info span{ color:#b88300; font-weight:bold}


/* right col2 */

.riArea {}
.riArea .title{ float:left; width:330px; background:#f1ece3 url(../img/rTitle_bg1.gif) no-repeat; height:30px; clear:both}
.riArea .title h3{ float:left; padding:6px 0 0 30px; font-size:14px; color:#f60; font-weight:bold;}
.riArea .title span{ float:right; padding:7px 10px 0 0;}

.riArea .list{}
.riArea .list ul{}
.riArea .list li{ padding:5px 15px; line-height:130%;}
.riArea .list .s1{ width:140px; border:1px solid #f1ece3;}

.riArea .list1{ padding:0 15px; }
.riArea .list1 ul{}
.riArea .list1 li{ padding:0 0 0 10px; line-height:200%; background:url(../img/i1.gif) no-repeat left;}
.riArea .list1 h3{ padding-bottom:6px; font-weight:bold; color:#f60;}

.riArea .listKey{}
.riArea .listKey ul{}
.riArea .listKey li{ padding:5px 15px; line-height:160%; letter-spacing:1px;}
.riArea .listKey li span{ padding:2px 5px; background:#000; color:#fff; font-weight:bold}

.riArea .listPic{ padding:0 15px; clear:both;}
.riArea .listPic ul{ clear:both}
.riArea .listPic li{ padding:8px 0; border-bottom:1px dashed #ddd;}
.riArea .listPic h3{ padding-bottom:6px; font-weight:bold;}
.riArea .listPic .info{padding:0 5px 0 0; font-size:12px; color:#b88300; }
.riArea .listPic .info .i_read { float:left; padding:0 10px 0 16px; background:url(../img/i_read.gif) no-repeat left;}
.riArea .listPic .info .i_commend { float:left; padding:0 10px 0 16px; background:url(../img/i_commend.gif) no-repeat left;}
.riArea .listPic .info .i_fun { float:left; padding:0 10px 0 16px; background:url(../img/i_fun.gif) no-repeat left;}
.riArea .listPic .info a{ color:#b88300; text-decoration:underline; }
.riArea .listPic .info a:hover{ color:#fff; text-decoration:none; background:#f60;}
.riArea .listPic .info span{ color:#b88300; font-weight:bold}
.riArea .listPic .pic{ float:left; width:70px;}
.riArea .listPic .pic img{ margin:0px; padding:0;}

.riArea .line{ margin:0 auto; width:300px; font-size:1px; height:1px; background:url(../img/line1.gif) repeat-x;}


