﻿
.noscreen {display:run-in;}
.noprint {display:none;}

.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

/* Content */
#content {float:left; width:365px; _width:345px; margin:0; padding:20px;}

    /* Content - article */
    #content .article {clear:both; margin:0px; padding:20px; background:url("../Images/design/content_article_bg_365.jpg") 0 0 no-repeat; height:250px;}
    #content .article h2 {text-align:left; margin:0 -20px; padding:10px; background:#DEE5FD url("../Images/design/content_title_bg.gif") 0 0 repeat-y; color:#192666;}
    #content .article h2 span {background:url("../Images/design/ico_list.gif") 0 50% no-repeat; padding-left:25px;}
    
    #content .article p {text-align:justify;line-height: 17px;}
    #content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}
    #content .info a {color:#6685CC;}
    #content .info a:hover {color:#FF9000;}
    
    #content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
    #content .info span.date {background:url("../Images/design/ico_date.gif") 0 50% no-repeat;}
    #content .info span.cat {background:url("../Images/design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.user {background:url("../Images/design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.comments {background:url("../Images/design/ico_comments.gif") 0 50% no-repeat; margin-left:25px;}

    /* Content - More */
    #content .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("../Images/design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content .btn-more a:hover {background:url("../Images/design/btn_more.gif") -95px 0 no-repeat;}

/* content_discuss */
#content_activity {float:none; width:700px;}

    /* Content - article */
    #content_activity .article {clear:both; background:url("../Images/design/content_article_bg_700.jpg") 0 0 no-repeat;}
    #content_activity .article h2 {text-align:left; margin:0 -20px; padding:10px; background:#DEE5FD url("../Images/design/content_title_bg_700.gif") 0 0 repeat-y; color:#192666;}
    #content_activity .article h2 span {background:url("../Images/design/ico_list.gif") 0 50% no-repeat; padding-left:25px;}
    
    #content_activity .article p {text-align:left;margin:20px;}
    
    /* Content - More */
    #content_activity .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content_activity .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("../Images/design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content_activity .btn-more a:hover {background:url("../Images/design/btn_more.gif") -95px 0 no-repeat;}

#content_activity1 {float:none; width:700px;}

    /* Content - article */
    #content_activity1 .article {clear:both; background:url("../Images/design/content_article_bg_700.jpg") 0 0 no-repeat;}
    #content_activity1 .article h2 {text-align:left; margin:0 -20px; padding:10px; background:#DEE5FD url("../Images/design/content_title_bg_700.gif") 0 0 repeat-y; color:#192666;}
    #content_activity1 .article h2 span {background:url("../Images/design/ico_list.gif") 0 50% no-repeat; padding-left:25px;}
    
    #content_activity .article p {text-align:left;margin:20px;}
    
    /* Content - More */
    #content_activity1 .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
    #content_activity1 .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("../Images/design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
    #content_activity1 .btn-more a:hover {background:url("../Images/design/btn_more.gif") -95px 0 no-repeat;}

    
    
