html {
	
	font-size:			16px;
	
}
body {
	
	font-family: 		Arial, Helvetica, sans-serif;
	margin:				0 0 ;
	padding:			0 0 ;
	background:#00151E;
	color:#B5CAD3;
	
}
div, textarea, article, aside, footer, header, main, nav {
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	
}

input[type=text], input[type=password], select, textarea {
	
	width:100%;
	outline:0;
	border:1px solid #002D41;
	font-family: 		Arial, Helvetica, sans-serif;
	color:#101010;
	font-size:1em;
	margin:0px;
	padding:5px;
}

select {
	cursor:pointer;
}


a {
	
	&:link {
		
		color:				#FF8246;
		text-decoration:	none;
	}
	
	&:visited {
		
		color:				#FF8246;
	}
	
	&:hover {
		
		color:				#B5CAD3;
	}
}

h1, h2, h3, h4, h5, h6, form {
	
	margin:				0 0;
}
h1{
	font-size:3em;
}

#body_inner {
	
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:center;
	min-height: 100vh;
	
}
#body_inner_content{
	width:100%;
	max-width:1100px;
	background:#001F2D;
	border-left:3px solid #003C57;
	border-right:3px solid #003C57;
	
}

video{
	cursor:pointer;
	
}
.header_image {
	
	display:block;
	width:100%;
	height:100vh;
	max-height:200px;
	background-image:URL('../img/header_image.webp');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:15px 15px;
	border-bottom:1px solid #003C57;
	
}



.site_title, .site_tagline {
	width:100%;
	
}
.site_tagline{
	font-size:1.25em;
	padding-left:2px;
}
.content_media {
	
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:center;
	margin-top:30px;
	
}

.cm_video_w {
	background:#000000;
	width:100%;
	max-width:960px;
	line-height:0;
	margin-top:1px;
	text-align:center;
	
}
.page_content {
	margin:15px 0;
	width:100%;
	max-width:960px;
}

.cm_imgages{
	display:flex;
	flex-wrap:nowrap;
	max-width:960px;
	margin-top:1px;
}
.cm_imgages_thumb {
	max-width:25%;
	margin-right:1px;
	line-height:0;
	
}
.s_image{
	width:100%;
	
	max-width:240px;
}
.post_date {
	width:100%;
	font-size:1.75em;
	color:#FF8246;
	margin-bottom:10px;
}
.video_h {
	width:100%;
	max-width:960px;
}
.video_v {
	
	height:100%;
	max-height:640px;
}
.sep_line {
	width:100%;
	margin:25px 0;
	
}
.sep_line > .line {
	width:100%;
	border-top:3px solid #003C57;
}
.comments {
	
	.name {
		
		margin:25px 0 ;
		border-bottom:3px solid #003C57;
		padding-bottom:25px;
	}
	.add {
		
		margin:25px 0 ;
		text-align:right;
		
		.link {
			
			color:#B5CAD3;
			padding:10px 15px;
			background:#1B3641;
			cursor:pointer;
			border:1px solid #376A81;
			line-height:0;
			&:hover {opacity:0.75;}
			&:active {opacity:0.5;}
		}
	}
	
}
.pagination {
	
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	.pag-elem {
		margin-right:5px;
		width:40px;
		height:40px;
		display:flex;
		border:1px solid #005378;
		background:#00151E;
		align-items:center;
		justify-content:center;
		color:#005378;
	}
	
	.p {
		
		border:1px solid #005378;
		color:#FF8246;
		
	}
	.p:hover {
		
		border:1px solid #FF8246;
		color:#FF8246;
		
	}
	.a {
		
		border:1px solid #005378;
		color:#B5CAD3;
		
	}
	
}
.footer {
	width:100%;
	padding:25px 0 ;
	margin-top:30px;
	border-top:1px solid #003C57;
	background:#00151E;
	text-align:center;
	.pages {
		margin-bottom:15px;
	}
}
.post_note {
	width:100%;
	display:block;
	margin-bottom:15px;
	padding:15px;
	background:#002637;
	border:1px solid #002D41;
	border-left:3px solid #003C57;
}

.comment_form {
	display:none;
}


.add_comment, .send_message {
	
	color:#B5CAD3;
	padding:10px 30px;
	background:#1B3641;
	cursor:pointer;
	border:1px solid #376A81;
}
.comment_info {
	color:#3D7B95;
}
.add_comment:hover, .send_message:hover {
	opacity:0.75;
}
.add_comment:active, .send_message:active {
	opacity:0.5;
}
.dis_button {
	pointer-events: none;
	background:#393939;
	border:1px solid #393939;
	cursor:not-allowed;
}
.form_result_error {
	color:#FFC8C8;
	margin-bottom:10px;
}
.form_result_ok {
	color:#83FF75;
	margin-bottom:10px;
}

.no_comments {
	text-align:center;
	margin-top:30px;
}

.comment_block {
	
	.comment_body {
		margin:15px 0 0 15px;
		
		padding:0 0 0 0;
		
		.comment {
			border-bottom:1px dotted #004362;
			padding: 0 0 5px 0;
		}
		.date {
			text-align:right;
			padding: 5px 0 0 0;
			font-style:italic;
			font-size:0.85em;
		}
	}
}
.content_just{
	color:#83FF75;
}
.content_old {
	color:#B5CAD3;
}

.posts_on {
	display:flex;
	width:100%;
	flex-wrap:nowrap;
	margin-top:35px;
	padding:15px;
	background:#002637;
	.older {
		text-align:left;width:50%;
	}
	.newer {
		text-align:right;width:50%;
	}
}

.sort_media {
	.link {
		
		
		margin-bottom:30px;
		display:block;
		padding:10px 10px;
		background:#00151E;
		text-align:center;
		border:1px solid #003C57;
		color:#B5CAD3;
	}
	.sort_link {
		cursor:pointer;
	}
	.sort_condition {
		display:none;
		padding:20px 10px;
	}
	.select_cond {
		width:100%;
		max-width:320px;
		margin-bottom:10px;
	}

	.sort_button {
		
		margin-top:10px;
		color:#B5CAD3;
		padding:10px 30px;
		background:#1B3641;
		cursor:pointer;
		border:1px solid #376A81;
		
		&:hover {
			opacity:	0.75;
		}
		
		&:active {	
			opacity:	0.5;
		}
	}
}

.footer_string > a {
	color:#B5CAD3;
}

@media only screen and (max-width: 600px) {
	#body_inner_content{
		
		
		
	}
	
	.header_image {
		
		max-height:100px;
		text-align:center;
	}
	
	body {
		
		font-size:0.85em;
		
	}

	.cm_video_w_mobile {
		/*max-height:160px;*/
		
	}
}
@media only screen and (max-width: 1100px) {
	#body_inner_content{
		
		border-left:0px solid #00151E;
		border-right:0px solid #00151E;
		padding:0 5px;
	}
	
	
}