@charset "UTF-8";

#news div.content{
	background-color:#003;
	background-image:url(../images/bg-content-blue.gif);
	background-repeat:repeat;
}

#news article{
	padding:10px;
}

#news article a{
	display:table;
	width:100%;
}

#news article a:hover{
	text-decoration:none;
}

#news article p.thum{
	display:table-cell;
	width:100px;
	vertical-align:top;
	padding-bottom:10px;
}

#news article p.thum img{
	width:100%;
	height:100px;
	object-fit:cover;
	object-position:center;
	vertical-align:bottom;
}

#news article div.text{
	display:table-cell;
	width:auto;
	vertical-align:top;
	padding-left:20px;
	padding-bottom:10px;
}

#news article div.text time{
	font-size:12.5px;
	line-height:1.0em;
}

#news article div.text p.ttx{
	font-weight:bold;
	margin-bottom:5px;
}

#news article div.text p.summary{
	height:50px;
	overflow:hidden;
}

#news h3{
	background-color:#003;
	padding:10px;
	border:groove 1px #fff;
	font-weight:bold;
}

#news h3 i{
	margin-right:5px;
}

#news #sidebar article{
	padding-bottom:10px;
	border-bottom:dotted 1px #fff;
	margin:10px;
}

#news #sidebar article p.ttx{
	height:50px;
	overflow:hidden;
}

#news #sidebar article p.thum{
	width:80px;
}

#news #sidebar article p.thum img{
	width:100%;
	height:80px;
	object-fit:cover;
	object-position:center;
	vertical-align:bottom;
}

#news #main time{
	font-size:12.5px;
	line-height:1.0em;
	margin-bottom:10px;
}

#news #main h4{
	font-size:17.5px;
	lime-height:1.0em;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:solid 1px #fff;
	margin-bottom:20px;
}

@media only screen and (min-width:760px){
	#news div.content{
		border:groove 1px #fff;
		padding:20px;
	}
	
	#news article p.thum{
		width:180px;
	}
	
	#news article p.thum img{
		height:180px;
	}
	
	#news article div.text p.ttx{
		margin-bottom:10px;
	}
	
	#news article div.text p.summary{
		height:100px;
	}
}

@media only screen and (min-width:960px){
	
	#news #main{
		width:70%;
		float:left;
	}
	
	#news #sidebar{
		width:30%;
		float:right;
	}
}