* {
	box-sizing: border-box;
}
table, th, td {
	border: 0px;
	border-collapse: collapse;
	padding: 2px;
}
textarea {
	resize: vertical;
}
.body2 {
	margin: 0px;
	background-color: #A2ABB2;
	color: #ffffff;
	text-shadow: 2px 2px #000000;
}
.body3 {
	background-image: url("../../gfx/uteditor/uteditor-background.jpg");
	background-position: 0 top; 
  	background-repeat: no-repeat;
	background-attachment: scroll;
	margin-left: 8%;
	margin-right: 15%;
}
.header {
	height: 150px;
	background: rgba(0, 0, 0, 0.2);
	padding: 15px;
	position: relative;
	text-align:left;
	font-size: 15pt;
	font-weight: bold;
	line-height: 18px;	
}
.header a {
	bottom: 0;
	position: absolute;
	text-decoration:none;
	color: #ffffff;
}
.vnavi {
	background: rgba(0, 0, 0, 0.2);
	padding: 0px;
}
.navbar-nav {
	width: 100%;
}
.main {
	background: rgba(0, 0, 0, 0.4);
	margin-top:7px;
	margin-right:4px;
	float:left;
	width:80%;
	padding:0 20px;
}
.d-block a {
	font-size: 15pt;
	text-decoration:none;
	color: #ffffff;
}
.right {
	background: rgba(0, 0, 0, 0.2);
	float:left;
	width:19%;
	padding:15px;
	margin-top:7px;
}
.footer {
	background: rgba(0, 0, 0, 0.2);
	padding:10px;
	margin-top:7px;
}

.box1 {
	text-align:left;
	font-size: 15pt;
	font-weight: bold;
	line-height: 18px;	
}
.box2 {
	text-align:center;
	font-size: 13pt;
	line-height: 16px;	
}
.box3 {
	text-align:left;
	font-size: 10pt;
	line-height: 13px;
}
.blog_tab_top {
	width: 49%;
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
	background: rgba(0, 0, 0, 0.2);
	float:left;
	padding:5px;
	margin:2px;
	display:block;
	text-align:left;
	font-size: 12pt;
	border: 1px solid #121212;
}
.menu2 {
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
	background: rgba(0, 0, 0, 0.2);
	margin-top:7px;
	float:left;
	width:100%;
	padding:15px;
}
.el0 {
	padding-left: 20px;
}
.el1 {
	padding-left: 30px;
}
.el2 {
	padding-left: 40px;
}

.dropdown-menu a, .nav-item a, .menu2 a, .blog_tab_top a {
	background: rgb(122,190,149); /* Fallback for older browsers without RGBA-support */
	background: rgba(122,190,149, 0.4);
	padding-top:5px;
	padding-bottom:5px;
	margin:2px;
	display:block;
	text-decoration:none;
	transition: 0.3s;
	color: #ffffff;
	text-shadow: 2px 2px #000000;
	font-size: 12pt;
	font-weight: bold;
	line-height: 14px;
}


.dropdown-menu a:hover, .nav-item a:hover, .menu2 a:hover, .blog_tab_top a:hover {
	background-color: #000000;
	color: #7abe95;
}
.right a {
	color: #ffffff;
	text-shadow: 2px 2px #000000;
	background: rgb(122,190,149); /* Fallback for older browsers without RGBA-support */
	background: rgba(122,190,149, 0.4);
	transition: 0.3s;
}
.right a:hover {
	background-color: #000000;
	color: #7abe95;
}
.blog_header {
	background: rgb(122,190,149); /* Fallback for older browsers without RGBA-support */
	background: rgba(122,190,149, 0.2);
	padding:10px;
}
.blog_header_el_r {
	width: 180px;
	text-align: right;
	float: right;
	border: 1px dotted #A2ABB2;
	padding:4px;
	margin-left:4px;
}
.blog_comment_header_r {
	width: 250px;
	text-align: right;
	float: right;
	border: 1px solid #000000;
	padding:2px;
	margin-left:2px;
}
.blog_footer {
	background: rgb(122,190,149); /* Fallback for older browsers without RGBA-support */
	background: rgba(122,190,149, 0.2);
	padding:10px;
}
.article_bg {
	background: rgb(162,171,178); /* Fallback for older browsers without RGBA-support */
	background: rgba(162,171,178, 0.4);
	padding:5px;
}
.article_bg pre {
	color: #5affaa;
	background: #000000;
}
.tagcloudlink {
	line-height:22pt;
}
.big img{
	padding: 8px;
	text-shadow: 2px 2px #000000;
}
.display_comment{
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
	background: rgba(0, 0, 0, 0.2);
	float:left;
	width:100%;
	padding:5px;
	margin-top:5px;
	border: 1px solid #121212;
}
.preview_blog{
	height: 150px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}


@media only screen and (max-width:700px) {
	/* For mobile phones: */
	.body3 {
		margin-left: 0px;
		margin-right: 0px;
	}
	.main, .right {
		width:100%;
	}
	.dropdown-menu {
		width: 100%;
	}
	.blog_tab_top {
		display:none;
	}
	.header {
		height: 50px;
	}
	.header a{
		font-size: 10pt;
	}
	.body3{
		background-size: 185%;
	}
}