/* 
Document   : main
Created on : 2009-1-07, 13:50:26
Author     : Administrator
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root { 
    display: block;
}
* {
    margin: 0px;
}
a:active, a:focus{
    outline: none;
}
body {
    background: black url(/images/bg/main-bg.jpg);
    margin-top: 5px;
    font-family: arial;
    font-size: 14px;
    color: #35383D;
    background-attachment: fixed;
}
#wrapper {
    width: 998px;
    position: absolute;
    left: 50%;
    margin-left: -499px;
    /*background: url(/images/v2/footertile_bg.jpg) repeat-x left bottom;*/
}
#logo {
    font-size: 30px;
    color: #FC2671;
    font-weight: bold;
    font-family: Arial;
    text-shadow: rgba(135, 145, 135, 0.644531) 2px 2px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 3px;
}
#page {
    position: relative;
    margin-top: 20px;
}
#page_left {
    float: left;
    width: 530px;  
}
#menu_top {
    height: 27px;
    background: url(/images/v2/post-top-bg-trans.png) no-repeat;
}
#menu {
    width: 510px;
    background: url(/images/v2/post-center-bg.png) repeat-y;
    padding: 10px;
}
#menu_btm {
    width: 530px;
    height: 200px;
    background: url(/images/v2/postBottom-top-bg-trans.png) no-repeat;
}
#page_right {
    float: left;
    width: 450px;
    margin-left: 15px;
}
#page_right_nav {
    float: left;
    width: 229px;
}
#page_right_nav_top {
    height: 19px;
    width: 100%;
    background: url(/images/v2/navigation-top-bg-trans.png) no-repeat;
}
#page_right_nav_middle {
    width: 209px;
    background: url(/images/v2/navigation-center-bg.png) repeat-y;
    padding: 2px 10px;
}
#page_right_nav_btm {
    height: 19px;
    width: 100%;
    background: url(/images/v2/navigation-bottom-bg-trans.png) no-repeat;
}
#page_right_right {
    float: left;
    width: 194px;
    margin-left: 15px;
    padding: 5px;
}
#page_right_right h4 {
    color: white;
    margin-bottom: 3px;
}
#login {
    color: white;
}
#login .login_text input {
    width: 150px;
    border: 1px solid #333333;
}

#menu_inner {
    background: #6666CC;
    float: left;
    width: 560px;
    padding-bottom: 20px;
}
/*日志分类*/
#catalog ul {
    margin-left: 0px;
    list-style: none;
    padding-left: 10px;
    list-style-image: url(/images/v2/CategLi-trans.png);
}
#catalog ul li {
    margin-left: 10px;
    margin-bottom: 4px;
}
#login a, #leave_message a, #message_list ul li a, #catalog ul li a {
    text-decoration: none;
    color: gray;
    font-weight: bold;
    font-size: 14px;
}
#login a:hover, #leave_message a:hover, #catalog ul li a:hover {
    border-bottom: 1px dotted #333333;
    text-shadow: rgba(135, 145, 135, 0.644531) 2px 2px 3px;
}
#catalog h2 a {
    text-decoration: none;
    color: black;
}
#catalog h2 a:hover {
    text-decoration: underline;
}
#menu_slide {
    float: left;
    width: 13px;
    background: #333399 url(/images/slide_1.gif) no-repeat left top;
    height: 50px;
}

#middle {
    float: left;
    width: 222px;
    margin-top: 5px;
    background: #669900;
}
#middle_inner {
    background: #99CC33;
    width: 210px;
    float: left;
    padding-bottom: 20px;
}
#middle_inner ul li a {
    text-decoration: none;
}
#middle_slide {
    float: left;
    width: 12px;
    background: #669900 url(/images/slide_2.gif) no-repeat left top;
    height: 50px;    
}

#right {
    float: left;
    width: 197px;
    margin-top: 104px;
    margin-left: 0px;
    background: #996600;
}
#right_inner {
    background: #CC9933;
    width: 190px;
    float: left;
    font-size: 12px;
    /*    padding-bottom: 20px;*/
}
#right_inner input {
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 1px solid #996600;
    background: #CC9933;
}
#right_slide {
    float: left;
    width: 7px;
    background: #996600 url(/images/slide_4.gif) no-repeat left top;
    height: 50px;    
}

/*日志样式*/
.article_content {
    padding: 5px;
    width: 98%;
    line-height: 22px;
    word-wrap: break-word; 
    word-break: break-all;
    overflow: auto;
    clear: both;
}
.article_content a {
    color: #00A0E3;
}
.article_action {
    top: 3px;
    padding: 5px;
    color: #35383D;
    font-weight: bold;
    font-size: 12px;
    background: #EEE;
}
.article_tags {
    padding: 5px;
    background: #EEE;
    border-bottom: 3px solid white;
}
.article_action a, .article_tags a {
    color: #00A0E3;
    text-decoration: none;
}
.article_action a:hover, .article_tags a:hover {
    text-decoration: underline;
}
/*h2是日志标题*/
h2 {
    font-size: 18px;
    text-shadow: rgba(135, 145, 135, 0.644531) 2px 2px 3px;
}
h2 a {
    text-decoration: none;
    color: #FC2772;
    font-weight: normal;
    text-shadow: rgba(135, 145, 135, 0.644531) 2px 2px 3px;
}
h2 a:hover {
    color: black;
    text-decoration: underline;
}

/*h4是每个类别的导航*/
h4 {
    font-size: 12px;
    color: #0E0E0E;
}
h4 a {
    color: #0E0E0E;
}
h4 a:hover {
    color: white;
}

/*标签云*/
#tag_cloud a {
    color: #353534;
    margin-right: 3px;
    padding: 2px;
    text-decoration: none;
    text-shadow: rgba(135, 145, 135, 0.644531) 2px 2px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 3px;
}
#tag_cloud a:hover {
    background: black;
    color: white;
}
#tag_cloud .tag_hot a {
    font-size: 18px;
}

/*日期*/
.one_post {
    margin-bottom: 15px;
}
.post_nav {
    padding-bottom: 3px;
}
.post_line {
    height: 10px;
    width: 95%;
    border-bottom: 1px dotted #898989;
    clear: both;
}
.mon_day {
    font-size: 26px;
    color: #A5A5F1;
    display: block;
}
.post_date {
    float: left;
    background: #EBEBEB;
    width: 40px;
    text-align: center;
    text-shadow: rgba(135, 145, 135, 0.644531) 2px 2px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 3px;
}
.post_title {
    float: left;
    margin-left: 10px;
}
.post_day {
    font-weight: bold;
    font-size: 18px;
}
.post_month {
    font-size: 14px;
}
.post_info {
    font-size: 12px;
    color: #35383D;
    font-weight: bold;
}

/*Zone列表*/
#zone_list ul {
    list-style-image: url(/images/v2/CategLi-trans.png);
}
#zone_list ul li {
    margin-left: 10px;
}
#zone_list ul li a {
    text-decoration: none;
    color: #87898C;
    font-weight: bold;
    font-size: 14px;
}
#zone_list ul li a:hover {
    border-bottom: 1px dotted gray;
}

/*分页*/
.pagination {
    text-align: left;
}
.pagination a {
    text-decoration: none;
    color: white;
    padding: 3px;
    background: #FC2671;
    /*    background: #7676DC;*/
}
.pagination a:hover {
    background: gray;
}
.pagination .disabled {
    color: white;
    padding: 3px;
    background: gray;
}

#footer {
    font-size: 12px;
    color: white;
    position: relative;
    top: 180px;
}
/*留言列表*/
#message_list ul li a {
}
#message_list ul li a:hover {
}

/*Menu*/
.menu {
    margin-left: 20px;
    float: right;
}
.menu a {
    font-size: 12px;
    color: #FC2671;
    font-weight: normal;
    margin-right: 10px;
    text-decoration: none;
    padding: 0px 3px;
    font-family: arial;
    text-shadow: rgba(135, 145, 135, 0.644531) 2px 2px 3px;
}
.menu a:hover {
    text-decoration: line-through;
}

/*关于*/
#about {
    margin: 10px 0px 0px 0px;
    padding-bottom: 100px;
    line-height: 20px;
    color: black;
}
#about .ab {
    color:  BLACK;
    font-size: 16px;
    font-weight: bold;
}
#about h2 {
    font-size: 18px;
    color: #DA9A1B;
}
#about p {
    margin: 10px 0px 10px 10px;
    color: black;
    font-size: 12px;
    padding-bottom: 20px;
}

/*一般ul列表*/
.ul_list {
    list-style-image: url(/images/v2/CategLi-trans.png);
}
.ul_list li {
    padding: 3px 0px;
}
.ul_list li a {
    text-decoration: none;
    color: #333333;
}
.ul_list li a:hover {
    border-bottom: 1px dotted gray;
    color: gray;
}

.ul_list2 ul {
    list-style: none;
    padding-left: 0px;
}
.ul_list2 ul li {
    padding: 3px 2px;
    background: #333333;
    margin-bottom: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 3px;
}
.ul_list2 ul li a {
    text-decoration: none;
    color: white;
    font-size: 12px;
    text-shadow: rgba(135, 145, 135, 0.644531) 2px 2px 3px;
}
.ul_list2 ul li a:hover {
    color: gray;
}

#tag_related p {
    margin-bottom: 3px;
}
#tag_related a {
    color: #00A0E3;
    text-decoration: none;
}
#tag_related a:hover {
    text-decoration: underline;
}
.page_inner_title {
    color: #35383D;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
#reply_title {
    font-size: 14px;
    color: #35383D;
    font-weight: bold;
    height: 25px;
    line-height: 35px;
    margin-top: 20px;
}

#reply_list table, #reply {
    background: #F5F3F3;
    padding: 5px;
    margin: 8px 0px;
}
#reply_list table td {
    background: white;
    padding: 15px 0px;
}
#reply {
    font-family: arial;
}
#reply .input_text input, #reply textarea {
    width: 425px;
}
#reply textarea {
    width: 425px;
    overflow-y: auto;
}

#validate_code input {
    height: 30px;
    font-size: 22px;
    font-weight: bold;
    font-family: arial;
    width: 100px;
}

.submit_btn input {
    background: #1D1C08;
    color: white;
    border: 0px;
    width: 60px;
    padding: 2px 10px;
    font-weight: bold;
    font-family: arial;
    cursor: pointer;
}

/*scroll link*/
#scroll_link {
    background:white;
    position:fixed;
    right:0px;
    top:0px;
    height:110px;
    width:180px;
    padding: 2px;
    display: none;
    font-size: 12px;
}
#scroll_link ul {
    list-style: none;
    padding-left: 0px;
}
#scroll_link ul li a {
    text-decoration: none;
    font-size: 12px;
    color: #FC2671;
}
#scroll_link ul li a:hover {
    text-decoration: underline;
}
.hand {
    cursor: pointer;
}

/*search div and twitter 05-27-2009*/
#search_div {
    padding: 3px;
    background: #EEE;
}
#search_body {
    background: white;
    padding: 10px;
}
#search_f {
    background: url(/images/searchBox-bg-trans.png) no-repeat left center;
    width: 280px;
}
#search_f form {
    position: relative;
    left: 20px;
    top: 22px;
}
#search_f input {
    border: 0;
    width: 185px;
    height: 25px;
    font-size: 14px;
}
#search_f img {
    cursor: pointer;
    position: relative;
    left: 240px;
    top: -12px;
}