@CHARSET "ISO-8859-1";
@font-face {
	font-family : deus;
	src : url("../fonts/contl.ttf");
}

body {
	width : 100%;
	margin : auto;
	background :white;
	font-size : 14px;
}

.head {
	width : 100%
}

.navbar {
	width : 100%;
	margin : 0px;
	position : fixed;
	z-index : 2;
	left : 1px;
	margin-top : -30;
	font-size : 14px;
}

.nav-item a:hover {
	display : block;
	background : #c0c0c0;
	color : black;
}

.dropdown-menu a:hover {
	display : block;
	background : #c0c0c0;
	color : black;
}

.dropdown-item {
	background : #484848;
	display : block;
}

.active {
	color : blue;
	background : grey;
}

.container {
	background : white;
	margin-top : 30px;
	max-width : 1440px;
	
}

.content {
	padding-top : 50px;
	border-bottom : 1px solid black;
	background : white;
	margin : auto;
	background : white;

}

.blog {
	width : 70%;
	padding : 5px;
}

.blog_list h2 a{
	text-decoration : none;
	color : black;
}
.blog_list h2 a:hover{
	text-decoration : none;
	color : grey;
}

.story {
	padding-left : 10px;
	box-shadow: 38px 5px 20px 0px rgba(0, 0, 0, 0.11);
	color : #808080;
}

.story:hover {
	padding : 20px;
	box-shadow: 50px 50px 40px 50px rgba(0, 0, 0, 0.11);
	transition: all 0.5s linear 0s;
	
}

.storym {
	padding : 5px;
}

.descr {
	width : 200px;
	padding : 10px;
	padding-right : 15px;
	padding-left : 15px;
}
.descr:hover {
	background : rgba(211,211,211,0.2);
}
.descr:on click {
	src : url(blog.css);
	background : red;
}

.descrm {
	padding : 5px;
}

.mini {
	font-size : 12px;
}

.topic ul li {
	list-style : none;
	display : block;
	background : rgba(211,211,211,0.5);
	border-bottom : 1px solid black;
	padding : 10px;
	position : relative;
}

.topic ul li:hover {
	background : rgba(168,168,168,1);
}

.topic ul li:onclick {
	background : rgba(168,168,168,1);
}

.comments {
	
}

.com_main {
	font-size : 15px;
	color : grey;
}

.item {
	width : 100%;
	margin : 0;
}

.imglist {
	width : 50%;
}
.descrlist {
	width : 50%;
	padding-left : 20px;
	margin : auto;
	margin-top : 0;
}
.descrlist2 {
	min-width : 200px;
	padding-left : 20px;
	margin : auto;
	margin-top : 0;
}

.page_list {
	text-align : center;
	width : 100%;
}
.pagination li {
	display : block;
	padding : 10px;
	
}

.form {
	border : 0px;
	border-right : 1px solid #c0c0c0;
	border-bottom : 1px solid #c0c0c0;
	color : green;
	font-size : 13px;
	font-style : italic;
	
}

.form2 {
	border : 0px;
	border-bottom : 1px solid #c0c0c0;
	color : green;
	font-size : 13px;
	font-style : italic;
	
}

button:hover {
	border-radius : 10px;
	border : 3px solid grey;
	background : white;
	margin : 10px;
	font-size : 10px;
	color : black;
}

button:onclick {
	display : none;
}

button {
	border-radius : 7px;
	border : 1px solid grey;
	background : grey;
	margin : 10px;
	font-size : 10px;
	font-weight : bold;
	color : white;
}

.search {
	width : 25%;
	padding : 20px;
	padding-top : 20px;
	text-align : left;
	background : white;
	margin-left : 10px;
	border-left : 1px solid rgba(211,211,211,0.5);
	
}
.search input {
	border : 0;
	border-right : 1px solid #c0c0c0;
	border-bottom : 1px solid #c0c0c0;
}




footer {
	width : 100%;
	height : 50px;
	background : black;
	color : white;
	font-weight : bold;
	border-top : 1px solid black;
	margin : auto;
	text-align : center;
	position : bottom;
	bottom : 0;
	position : relative;
}

footer p {
	padding-top : 10px;
}

.amordeus {
	font-family : deus;
	color : rgba(200,255,200,1);
}


@media all and (max-width : 800px){
	.search {
		display : hidden;
	}
	.blog {
		width : 100%;
	}
}