@charset "utf-8";
/* CSS Document */

/*WEBBOARD*/
#webboard {
	height:100%;
    overflow:hidden;
    padding:30px 10px;
	background:#161415;
	 border:1px solid #323232;
}
#webboard div.addnewtopic{
    float:right;
    padding:3px;
    width:120px;
}
#webboard div.addnewtopic .icon, #webboard div.boardheader .icon ,#webboard .newtopicform .formrow .icon{
    background-color:transparent;
}
#webboard div.addnewtopic .icon img,#webboard div.boardheader .icon img,#webboard .newtopicform .formrow .icon img{
    display: block;
    width:auto;
}
/*WEBBOARD COMMENT*/

#webboard .article div.topic {
    margin:0px 0px 20px;
    border:1px solid #414141;
}

#webboard .article div.topic div.topic-header {
    font-size:1.6em;
    font-weight:600;
    padding:5px;
	background:#5e0101;
    color:#FFF;
}
#webboard .article div.topic div.topic-posttext {
    font-size:1.2em;
    padding:10px;
}
#webboard .article div.topic div.topic-detail {
    padding:5px;
	background:#212020;
	border-top:1px solid #414141;
}
#webboard .article div.topic div.topic-detail span {
    margin:5px;
}

#webboard .article div.comment {
    margin:20px;
    background:#ededed;
}
#webboard .article div.comment div.comment-header {
    font-size:1.2em;
    font-weight:700;
    padding:5px;
    background:#7f7f7f;
	border-bottom:1px solid #414141;
    color:#fff;
}
#webboard .article div.comment div.comment-posttext {
    font-size:1.2em;
    padding:10px;
	background:#292929;
}
#webboard .article div.comment div.comment-detail {
    padding:5px;
	background:#212020;
	border-top:1px solid #414141;
}
#webboard .article div.comment div.comment-detail span {
    margin:5px;

}

#webboard .article div.comment_alt {
    margin:20px;
    background:#e1e1e1;
}
#webboard .article div.comment_alt div.comment-header {
    font-size:1.1em;
    font-weight:700;
    padding:7px;
    background:#474747;
    border-bottom:1px solid #414141;
    color:#fff;
}
#webboard .article div.comment_alt div.comment-posttext {
    font-size:1em;
    padding:10px;
    background:#292929;
}
#webboard .article div.comment_alt div.comment-detail {
    padding:5px;
	background:#212020;
	border-top:1px solid #414141;
}
#webboard .article div.comment_alt div.comment-detail span {
    margin:5px;

}

#webboard .article .boardheader {

    overflow:hidden;
    padding:5px 0px;
    font-weight:700;
    font-size:1.2em;
    margin:0px 0px 10px 0px;
    background:#5e0101;
    color:#FFF;
}
#webboard .article .boardheader .topicheader {

    width:64%;
    float:left;
    text-align:center;
}
#webboard .article .boardheader .read {

    width:10%;
    float:left;
    text-align:center;
}
#webboard .article .boardheader .post {

    width:10%;
    float:left;
    text-align:center;
}
#webboard .article .boardheader .date {

    width:15%;
    float:left;
    text-align:center;
}
#webboard .article div.newtopicform {

    padding:10px 50px;
}
#webboard .article div.newtopicform form.newtopicform {
    margin-top:10px;
}
#webboard .article div.newtopicform div.formrow {

    margin:5px;
    overflow:hidden;
    clear:both;
}
#webboard .article div.newtopicform div.formrow div {

    float:left;
}
#webboard .article div.newtopicform div.formrow div.icon {
    width:50px;
}
#webboard .article div.newtopicform div.formrow div.label {
    width:150px;
    font-size:1.2em;
}
#webboard .article div.newtopicform div.formrow div.input {
    width:500px;
}

#webboard .article .topiclist {
    cursor: pointer;
    padding:5px 0px;
    overflow:hidden;
    background:#292929;
;
}
#webboard .article .topiclist_alt{
    background:#212020;
}
#webboard .article div.topiclist:hover{
    background:#5e0101;
    color:#fff;
}
#webboard .article div.topiclist:hover a{
    color:#fff;
}
#webboard .article .topiclist .topic-icon {
    text-align:center;
    float:left;
    width:5%;
}
#webboard .article .topiclist .topic-text {
    float:left;
    width:59%;
}
#webboard .article .topiclist .topic-read {
    float:left;
    width:10%;
    text-align:center;
}
#webboard .article .topiclist .topic-post {
    float:left;
    width:10%;
    text-align:center;
}
#webboard .article .topiclist .topic-date {
    float:left;
    width:15%;
    text-align:center;
}
#webboard .footer {
	height:auto;
} 
#webboard .footer .pageno {
    text-align:center;
    font-size: 12px;
}
#webboard .footer .pageno span {
    display:inline-block;
    padding:3px 7px;
    margin:5px;
    border:1px solid #414141;
    background:#323232;
    color:#fff;
    cursor: pointer;
}
#webboard .footer .pageno span:hover{
    border:1px solid #414141;
    background:#900000;
    color:#fff;
}
#webboard .footer .pageno span.current_page{
    border:1px solid #414141;
    background:#900000;
    color:#fff;
}