/* this stylesheet contains some example styling for the blog pages. For the full layout you will require the default Perch Quill Feather. Feel free to edit  */

.date {
	font-weight: bold;
    padding: 0.5em 0 0 0;
}

.comments {
	border-bottom: 1px dotted #DEE0E0;
}



@media only screen and (min-width: 700px) {
    .comments li{
	   overflow: auto;
    }

    .comments img {
		float:left;
        margin-right: 2.8571429%; /* 20 / 700 */
        margin-bottom: 20px;
        width: 12.8571429%; /* 90 / 700 */
	}
	
	.comments .comment {
		float: right;
        width: 83.5714286%; /* 585 / 700 */
	}
}







.imageright { width:45%; display:inline-block; text-align:right; margin:2% 0 2% 2%; float:right; }
.imageleft { width:45%; display:inline-block; text-align:right; margin:2% 2% 2% 0; float:left; }
.imagefull { width:100%; margin:15px 0; clear:both; }


.side-news-item { margin:20px 0 10px 0; padding-bottom:10px; border-bottom:1px solid #f5f5f5; }
.side-news-item h4 { font-size:18px; margin-bottom: 8px; }
.side-news-item img { width:100%; }
.side-news-item p { font-size:12px; line-height:15px; margin-top:5px; }
.side-news-item .show-hide-link { margin-left:0; margin-bottom:25px; padding:3px 5px; }


.hat { display:none; }

.util-item { width:auto !important; }


.paging { width:100%; text-align:center; font-size:10px; }
.paging a { font-size:10px; }
.paging a:hover { color:#099ED8; }


.meta { margin-bottom:30px; }





.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-half {
	width:50%; float:left; margin:5px 20px 10px 0;
}



.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.donwlod-file img { max-width:45%; display:inline-block; }
.donwlod-file p { max-width:45%; display:inline-block; margin-left:5%; vertical-align: top; }


h1 { margin-top:25px; }