@CHARSET "UTF-8";

/*-----------------------------------------------------------------
	概述：此文件所含样式是天外网站(www.outsky.org.cn)各个页面通用的样式
	作者：天外(OutSky)
	完成日期：2008/05/15
-----------------------------------------------------------------*/

/*=====================================================================
以下部分是对结构框架的定义
*/
/*-----------------------------------------------------------------
主导航条部分 ----BEGIN */
#main_nav{
margin-left:auto;
margin-right:auto;
width:900px;
height:100px;
border-style:solid;
border-width:1px;
border-color:#000033;
}

/* 导航条中的Logo */
#logo{
float:left;
margin:10px;
}

#main_nav ul{
list-style:none;
color:#CCCCCC;
margin-top:30px;
}

#main_nav li{
float:left;
width:120px;
height:40px;
margin-right:5px;
}

/* 鼠标hover时，在相应的导航项下加一条绿色实线 */
#main_nav a:hover{
border-bottom-color:#00FF00;
border-bottom-width:1px;
border-bottom-style:solid;
}
/* 主导航条部分----END
-----------------------------------------------------------------*/


/*----------------------------------------------------------------
页脚部分----BEGIN */
#footer{
clear:both;
margin-left:auto;
margin-right:auto;
width:900px;
height:100px;
text-align:right;
background-image:url(../picture/footer.png);
position:relative;
z-index:100;
}

.copyright{
clear:both;
margin-right:20px;
color:#426EB4;
font-family:"Courier New", Courier, monospace;
}

.copyright a{
color:#426EB4;
text-decoration:none;
}
.copyright a:hover{
font-weight:bold;
color:#00FF00;
}

.valid_xhtml{
float:right;
margin:20px 15px 5px 5px;
}
.valid_css{
float:right;
margin:20px 10px 5px 5px;
}
/* 页脚部分----END
----------------------------------------------------------------*/

/*----------------------------------------------------------------
主内容区----BEGIN */
#main_section{
margin-left:auto;
margin-right:auto;
width:900px;
}

/*---------------------------------------------------------------
当前位置条结构 ----BEGIN */
#cur_pos{
width:900px;
height:30px;
background-image:url(../picture/cur_pos.png);
}
#cur_pos div{
padding:7px 20px 0 150px;
text-align:left;
color:#CCCCCC;
}
#cur_pos a{
display:inline-block;
border:0px solid #959595;
padding:0 6px;
margin:0 10px;
font-size:12px;
text-decoration:none;
color:#CCCCCC;
}

#cur_pos a:hover{
background:#E6E6E6;
text-decoration:none;
color:#000033;
}

#cur_pos .cur_pos_cur{
padding:3px 6px;
color:#959595;
}
/* 当前位置条结构----END
---------------------------------------------------------------*/

/*------------------------------------------------
侧栏(非正文区域)----BEGIN */
#side_bar{
float:left;
width:300px;
}

/* "天外说"栏(一般是对本页的介绍) */
#mywords{
margin-left:auto;
margin-right:auto;
width:300px;
height:200px;
background-image:url(../picture/mywords2.png);
border:1px solid #000033;
}
#mywords #mywords_main{
margin:65px 30px 50px 30px;
height:100px;
}
#mywords .mywords_quote{
border:1px solid #fff;
margin:0px 15px;
padding:5px 20px;
text-align:left;
background-color:#BFCAE6;
}
.mywords_quote:first-letter{
float:left;
color:#8E1E20;
font-weight:bold;
font-size:30px;
}

/* 站内搜索条 */
#search{
margin-left:auto;
margin-right:auto;
width:300px;
height:150px;
background-image:url(../picture/search.png);
}

/* 分类导航 */
#category_nav{
margin-left:auto;
margin-right:auto;
text-align:left;
width:200px;
overflow:hidden;
background-color:#FFFFFF;
}
#category_nav a{
text-decoration:none;
display:block;
}
#category_nav a:hover{}
#category_nav div{

}
/* 当前的分类 */
#category_nav .cur{
background-color:#959595;
}

/* 添加评论/留言 */
#add_comment{
margin-left:auto;
margin-right:auto;
position:fixed;
bottom:0;
left:5%;
width:300px;
}

#add_comment table{
margin-left:auto;
margin-right:auto;
border-width:0;
border-style:none;
text-align:left;
}

#add_comment td{
color:#CCCCCC;
}
#add_comment input, textarea{
background-color:#F0F0F0;
}

#add_comment_head{
width:300px;
height:30px;
background-image:url(../picture/add_comment.png);
background-position:top;
}

#add_comment_body{
width:300px;
background-image:url(../picture/sidebar_bg_body.png);
background-repeat:repeat-y;
overflow:auto;
}

#add_comment_foot{
width:300px;
height:25px;
background-image:url(../picture/add_comment.png);
background-position:bottom;
}

/* 侧栏(非正文区域)----END
---------------------------------------------------------------*/

/*---------------------------------------------------------------
主内容区域----BEGIN */
#main_content{
float:left;
width:599px;
min-height:500px;
}
/* 主内容区----END
---------------------------------------------------------------*/

#article{
margin-left:auto;
margin-right:auto;
width:599px;
margin-top:2px;
margin-bottom:1px;
}

#article_head{
width:599px;
height:50px;
background-image:url(../picture/text.png);
background-position:top;
}

#article_body{
width:599px;
background-image:url(../picture/article_bg_body.png);
background-repeat:repeat-y;
overflow:auto;
}

#article_foot{
width:599px;
height:50px;
background-image:url(../picture/text.png);
background-position:bottom;
}

/*---------------------------------------------------------------
留言/评论结构 ----BEGIN */
.msg{
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
width:80%;
background-color:#F0F0F0;
border:1px solid #959595;
}
.msg_top{
height:60px;
}
.msg_id{
font-family:Arial, Helvetica, sans-serif;
float:left;
margin-top:10px;
margin-left:20px;
font-weight:bold;
font-size:large;
color:#000000;
}
.msg_visitor_brief{
float:right;
background-color:#FFFFFF;
width:250px;
height:60px;
border:1px solid #959595;
border-top-width:0;
color:#000000;
}
.msg_visitor_brief_name{
font-family:Arial, Helvetica, sans-serif;
float:left;
width:80px;
height:50px;
font-weight:bold;
padding-top:10px;
color:#000000;
}
.msg_visitor_brief_info{
font-family:Arial, Helvetica, sans-serif;
float:right;
padding:5px 0 0 0;
width:160px;
height:55px;
font-size:9px;
color:#000000;
text-align:left;
}

.msg_bottom{
}
.msg_text{
text-align:left;
padding:5px 10px 5px 10px;
color:#000000;
}

/* 首字特殊效果 */
.msg_text:first-letter{
color:red;
font-weight:bold;
font-size:30px;
}
.msg_reply{
margin-left:20%;
background-color:#000033;
width:80%;
border:1px solid #959595;
}
.msg_reply_top{
float:left;
width:55%;
height:25px;
}
.msg_reply_brief{
font-family:Arial, Helvetica, sans-serif;
border:1px solid #959595;
text-align:left;
font-size:smaller;
background-color:#909091;
}
.msg_reply_bottom{}
.msg_reply_text{
clear:both;
padding:5px;
text-align:left;
font-weight:bolder;
color:#E0E0E0;
}

/* 首字特殊效果 */
.msg_reply_text:first-letter{
color:#79F407;
font-weight:bold;
font-size:30px;
}

.msg_del{
margin-left:10%;
margin-top:10px;
margin-bottom:20px;
width:80%;
background-color:#000033;
}
.msg_del_top{
float:left;
width:55%;
height:30px;
}
.msg_del_brief{
font-family:Arial, Helvetica, sans-serif;
border:1px solid #959595;
text-align:left;
font-size:smaller;
background-color:#909091;
}
.msg_del_bottom{
}

/* 高度自适应 */
.msg_del_reason{
clear:both;
overflow:hidden;
text-align:left;
}

.msg_del_reason_title{
float:left;
width:50px;
height:50px;
font-size:large;
font-weight:bold;
color:#C82E31;
padding:0 10px 20px 10px;
margin:10px;
}
.msg_del_reason_text{
float:left;
text-align:left;
font-weight:bolder;
width:70%;
margin-top:20px;
margin-bottom:20px;
color:#CCCCCC;
}
/* 留言/评论结构----END
---------------------------------------------------------------*/

/*---------------------------------------------------------------
翻页条结构 ----BEGIN */
.page_nav{
margin:0 20px 0 20px;
padding:10px 30px 10px 0;
text-align:right;
background-color:#FFFFFF;
}
.page_nav a{
display:inline-block;
border:1px solid #CCCCCC;
padding:3px 6px;
font-size:12px;
background-color:#FFFFFF;
text-decoration:none;
}
.page_nav a:visited{
background-color:#FFFFFF;
}
.page_nav a:hover{
background-color:#E6E6E6;
text-decoration:none;
}

.page_nav_cur{
padding:3px 6px;
}
/* 翻页条结构----END
---------------------------------------------------------------*/

/*---------------------------------------------------------------
文章浏览 ----BEGIN */
.browse_article{
font-family:Arial, Helvetica, sans-serif;
clear:both;
width:550px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
background-color:#F0F0F0;
border:1px solid #959595;
overflow:auto;
}

.browse_article .l{
float:left;
width:70px;
height:70px;
}
.l .l_id{
color:red;
margin-top:10px;
font-weight:bold;
font-size:25px;
}
.browse_article .m{
float:left;
width:260px;
padding:10px 20px;
text-align:left;
}
.m .m_title{
font-size:larger;
font-weight:bold;
}
.m_title a{
font-weight:bold;
text-decoration:none;
}
.m_title a:hover{
color:#8E1E20;
}
.m .m_summary{
font-size:small;
color:#0000FF;
}
.m .m_delete{
font-size:smaller;
color:#8E1E20;
}

.browse_article .r{
float:left;
width:180px;
text-align:left;
}
.r .r_info{
font-size:smaller;
margin:10px 0 10px;
line-height:100%;
color:#959595;
}
.r_info a{
font-size:9px;
text-decoration:none;
}
.r_info a:hover{
color:#8E1E20;
font-weight:bold;
}
/* 文章浏览----END
---------------------------------------------------------------*/
/*==============================================
以下部分是对基本元素的定义
*/
*{
margin:0;
padding:0;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:12px;
line-height:150%;
color:#000033;
}

body{
text-align:center;
background-color:#000033;
}

/* 去掉图片边框,美化图片超链接 */
img{
border:0 none;
}

a{
text-decoration:none;
}

.logo_btn a:hover{
border:0 none;
}

input, textarea{
border:1px solid #000000;
}

/* 提示用户输入用的 */
/* 3种状态：正常、出错、正确 */
.tip_normal{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
color:yellow;
}
.tip_error{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
font-weight:bold;
color:#FF0000;
}
.tip_ok{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
font-weight:bold;
color:#00FF00;	
}

/* 按钮两种状态：正常状态、激活状态 */
.btn_normal{
background-color:#FFFFFF;
color:#000033;
border:1px solid #184785;
}
.btn_focus{
background-color:#959595;
color:#8E1E20;
border:1px solid #000000;
}

.big_red{
margin:-10px 20px 10px -20px;
float:left;
padding-bottom:8px;
width:25px;
height:25px;
color:red;
font-size:20px;
font-weight:bold;
text-align:center;
background-color:#000000;
}
.big_blue{
margin:-10px 20px 10px -20px;
float:left;
padding-bottom:8px;
width:25px;
height:25px;
color:blue;
font-size:20px;
font-weight:bold;
text-align:center;
background-color:#000000;
}
.gray_normal_fonts{
color:#959595;
}
.bold_fonts{
font-weight:bold;
}
.normal_fonts
{
}

/* 强调 */
.emphasize{
font-weight:bolder;
border-bottom:1px dashed #8E1E20;
}

/* 解释 */
.explain{
font-size:smaller;
color:#B6292B;
}

/* 引用 */
.quote{
border:2px solid #FFFFFF;
padding:10px 20px;
background-color:#BFCAE6;
}

/* 备注 */
.remark{
border-left:3px solid #8E1E20;
padding:10px 5px;
}

/* 工具提示 */
.tool_tip{
color:#000099;
border-bottom:1px dashed #993300;
cursor:help;
font-weight:bold;
}

/* 代码 */
.code{
border-left:5px solid #000066;
padding:10px 5px;
}
.code pre{
font-family:"Courier New", Courier, monospace;
}

.hidden{
display:none;
}

/* 本页地址 */
.self_url{
font-size:smaller;
background-color:#CCCCCC;
border:2px solid #666666;
padding:10px 20px;
margin:5px 0;
color:#000066;
}

.small_code{
font-family:"Courier New", Courier, monospace;
color:#000099;
background-color:#CCCCCC;
}

.courier_new{
font-family:"Courier New", Courier, monospace;
}

.announce{
padding:5px 10px;
border:2px solid #999999;
background-color:#990000;
color:#999999;
}