@charset "utf-8";

@import url(base.css);
@import url(common.css);

/*======================================

     News List

=======================================*/

div#whiteBlock div.topPhoto{
	float: left;
}
div#whiteBlock div.topText{
	float: right;
	width: 508px;
}
div#whiteBlock div.topGenre{

}
div#whiteBlock h2{
	font-size: 122%;
	font-weight: bold;
}
div#whiteBlock p.topSummary {
	font-size: 92%;
}
div#whiteBlock ul.listBlock {
	padding: 20px 20px 0 0;
	clear: both;
}
div#whiteBlock ul.listBlock li {
	padding: 10px 0 10px 70px;
	text-align: left;
	font-size: 107%;
	border-style: solid none none none;
	border-color: #1e1e1e;
	border-width: 1px;
}
div#whiteBlock ul.listBlock li.category1,
div#whiteBlock div#newsDetail span.category1{
	background: transparent url("../icons/category1.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category2,
div#whiteBlock div#newsDetail span.category2{
	background: transparent url("../icons/category2.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category3,
div#whiteBlock div#newsDetail span.category3{
	background: transparent url("../icons/category3.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category4,
div#whiteBlock div#newsDetail span.category4{
	background: transparent url("../icons/category4.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category5,
div#whiteBlock div#newsDetail span.category5{
	background: transparent url("../icons/category5.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category6,
div#whiteBlock div#newsDetail span.category6{
	background: transparent url("../icons/category6.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category7,
div#whiteBlock div#newsDetail span.category7{
	background: transparent url("../icons/category7.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category9,
div#whiteBlock div#newsDetail span.category9{
	background: transparent url("../icons/category9.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category12,
div#whiteBlock div#newsDetail span.category12{
	background: transparent url("../icons/category12.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category13,
div#whiteBlock div#newsDetail span.category13{
	background: transparent url("../icons/category13.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li.category14,
div#whiteBlock div#newsDetail span.category14{
	background: transparent url("../icons/category14.gif") center left no-repeat;
}
div#whiteBlock ul.listBlock li span {
	padding-left: 20px;
	color: #aaa;
	font-size: 77%;
}

/*======================================

     News Detail

=======================================*/	
div#whiteBlock div#newsDetail{
	padding-right: 20px;
}
div#whiteBlock div#newsDetail span{
	padding-left: 65px;
}
div#whiteBlock div#newsDetail img{
	margin: 0 10px 10px 0 ;
}
div#whiteBlock div#newsDetail embed{
	margin: 0 10px 10px 0 ;
}
div#whiteBlock  div#newsDetail h1{
	font-size: 122%;
	font-weight: bold;
}
/*======================================

     Text AD

=======================================*/
div#whiteBlock div#textAd{
	font-size: 92%;
	padding: 10px 0 0;
	color: #627376;
}
/*======================================

     News Tag

=======================================*/	
div#whiteBlock div#newsTags{
	padding: 10px 0;
}
div#whiteBlock div#newsTags h2{
	float: left;
	margin-right: 8px ;
	font-size: 92%;
}
div#whiteBlock div#newsTags ul{
	float: left;
	font-size: 92%;
}
div#whiteBlock div#newsTags ul li{
	float: left;
	margin-right: 12px;
}

div#whiteBlock div#newsTags ul li{
	float: left;
	margin-right: 12px;
}
/*======================================

     News Comment Browse

=======================================*/	
div#whiteBlock div#commentBlock{
	clear: both;
	padding: 10px 20px 0 0;
}
div#whiteBlock div#commentBlock h3{
	height: 0 !important;
	height /**/: 23px;
	padding-top:23px;
	overflow: hidden;
	outline:none;
	background-color: #000;
	background-image: url("../comment/news/head.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
div#whiteBlock div#commentBlock ul{
	border-style: none solid none solid;
	border-color: #1e1e1e;
	border-width: 1px;
}
div#whiteBlock div#commentBlock ul li{
	padding: 10px 10px;
	border-style: solid none none none;
	border-color: #1e1e1e;
	border-width: 1px;
}
div#whiteBlock div#commentBlock ul li span.nickName{
	display: block;
	float: left;
	font-size: 77%;
	font-weight: bold;
}
div#whiteBlock div#commentBlock ul li span.dateAndTime{
	float: right;
	font-size: 77%;
	color: #aaa;
}
div#whiteBlock div#commentBlock ul li span.commentText{
	display: block;
	clear: both;
}
div#whiteBlock div#commentBlock p.pager{
	height: 25px;
	background-color: #000;
	background-image: url("../comment/news/foot.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
div#whiteBlock div#commentBlock p.empty{
	font-size: 92%;
	padding: 15px;
	color: #444;
}
/*======================================

     News Comment Post

=======================================*/	
div#whiteBlock div#writeBlock{
	clear: both;
	margin-right:20px;
	background-color: #5b5b5b;
}
div#whiteBlock div#writeBlock h3{
	height: 0 !important;
	height /**/: 24px;
	padding-top:24px;
	overflow: hidden;
	outline:none;
	background-color: #000;
	background-image: url("../comment/news/title.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
div#whiteBlock div#writeBlock div#commentBox{
	padding-bottom: 5px;
}	
div#whiteBlock div#writeBlock div#commentBox textarea{
	float: left;
	width: 418px;
	height: 51px;
	padding: 8px;
	margin: 5px 5px 0 5px;
	font-size: 92%;
	border: none #fff 0;
}
* html div#whiteBlock div#writeBlock div#commentBox textarea{
	width: 435px;
	height: 67px;
}
div#whiteBlock div#writeBlock div#commentBox div#btnArea{
	float: right;
	height: 62px;
	padding: 6px 6px 0 0;
}
div#whiteBlock div#writeBlock div#commentBox div#btnArea a#loginBtn{
	display: block;
	height: 0 !important;
	width: 151px;
	height /**/: 29px;
	padding-top:29px;
	overflow: hidden;
	outline:none;
	background-color: #000;
	background-image: url("../buttons/login_mini_btn.gif");
	background-position: left top;
	background-repeat: no-repeat;
}
div#whiteBlock div#writeBlock div#commentBox div#btnArea a#loginBtn:hover{
	background-position: 0 -29px;
}
div#whiteBlock div#writeBlock div#commentBox div#btnArea img{
	display: block;
	padding: 0;
	margin: 0 0 6px 0;
	border: none #fff 0;
}
/*======================================

     Related News

=======================================*/	
div#whiteBlock h4.miniTitleHeader{
	width: 591px;
	margin-left: 0;
	margin-top: 10px;
}
* html div#whiteBlock h4.miniTitleHeader{
	width: 603px;
}