@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body {
	margin: 0;
	padding: 0;
	font-family: "Open Sans", serif;
	font-size: 14px;
	background: #000 url(images/body-bg.jpg) top center repeat-y ;;
	color:#bbb;
}

a    { color: #9bb1cf; text-decoration:none;}
a:hover   { text-decoration:none;color: #fff }

input, textarea, select{
	color : #555;
	border: 2px solid #888;
	padding:3px;
	background-color:#ccc;
	font-size:13px;
}
.input_search {
	background-color:#222;
	margin-left:10px;
	width:170px;
	font-size:13px;
	padding: 4px 8px;

	border:1px solid #B37A37;
	color:#bbb;
}
.d-none {
	display: none !important;
}
input.full {
	width:100%;
}
input.half {
	width:50%;
}
.img-responsive {
	width: 100%;
	height: auto;
}
.max-300 {
	max-width: 180px;
}
img.standard {
	border: 1px solid #C2A687;
	margin-right:15px;
	margin-bottom:1px;
	margin-top:3px;
}
img.flag {
	width:22px;
	height:14px;
	border:1px solid #555;
	margin-bottom:-2px;
}
img.main_articles {
	border: 1px solid #C2A687;

	margin:0 10px 4px 0;
	float:left;
}
img:hover.main_articles {
	border: 1px solid #eee;
}
h1 {
	font-size: 2.5em;
    color: #C2A687;
    margin-bottom: 20px;
}

.cafe {
	color:#C2A687;
}
.error {
	background:#cc7777;
	font-size: 1em;
	padding:6px 0 6px 15px;
	color:#fff;
}
.error2 {
	float:left;
	background:#444 url(images/ex.png) no-repeat 30px 8px ;
	border:1px solid #B37A37;
	padding:6px 20px 6px 87px;
	color:#C2A687;;
	margin:10px 0 20px 0;
}
.blockquote {
  margin: 10px 0 10px 30px;
  padding-left: 15px;
  border-left: 4px solid #999;
  font-style:italic;
}
.wrapper {
	width: 980px;
	margin:0 auto;
}
.header {
	padding:0px;
	padding:10px 0px 20px 0px;
	width:980px;
	height:140px;
}
.logo {
	width:100%;
	float:left;
	padding:30px 0 0 20px;
}
.logo_2 {
	color:#bbb;
	letter-spacing:0px;
}
.headline {
	color:#ccc;
	font-size:2em;
	padding:8px 0 0 25px;
	width:480px;
	float:left;
}
.search {
	float:right;
	width:350px;
	text-align:right;
	padding-top:15px;
	padding-right:0px;
	font-size:1.2em;
	color:#B37A37;
	font-weight:bold;
}
.left-block {
    margin: 30px 0;
}
#container {padding:0px 0 0px 0; width:100%;float:left}
#cssmenu {display:none; }
#menu {height:40px; background:url('images/backoff.png') repeat-x; border-top:0px solid #ff9900; border-bottom:0px solid #ff9900; text-align:center;}
#menu table {border-collapse:collapse; width:0; height:0; margin:-1px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;position:relative;}
#menu ul {display:inline-block;}
#menu ul.level1 {padding-right:2px; background:url('images/divide.gif') no-repeat right top;}
#menu li {float:left;}
#menu ul div {position:absolute; left:-9999px; top:-32000px;}

#menu a {display:block; color:#bbb; height:39px; text-decoration:none;padding:0 14px; text-align:center;     line-height: 39px;}
#menu ul.level1 li.level1-li a.level1-a {float:left; background:url('images/divide.gif') no-repeat left top;}
#menu ul.level1 li.level1-li a:hover.level1-a {background:url('images/hover-nosub.gif') no-repeat left top; border:0px none; color:#ddd; position:relative}
#menu ul.level1 li.level1-li a:hover.level1-a.drop {background:url('images/hover.gif') no-repeat left top;}
#menu ul.level1 li:hover.level1-li {position:relative;}
#menu ul.level1 li:hover.level1-li > a {background:url('images/hover.gif') no-repeat left top; color:#ddd}

#menu ul.level1 li.level1-li a:hover.level1-a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}
#menu ul.level1 li:hover.level1-li > a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}
#menu ul li div ul li {
    padding: 5px 0;
}
#menu ul :hover div {border-left:1px solid #111; border-right:1px solid #111; border-top:0px solid #111; border-bottom:1px solid #111; left:0; top:39px; background:#111;z-index:100; }
#menu ul :hover div ul {border-left:1px solid #444; border-right:1px solid #444; border-top:0px solid #444; border-bottom:1px solid #444; padding-bottom:5px}
#menu ul :hover div ul li {float:none; height:25px;}
#menu ul :hover div ul li a {display:block; height:25px; text-align:left; }
#menu ul :hover div ul li a:hover {color:#ddd;}

.contents {
	float:left;
	width:100%; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:10px
}
.main_image {
	width:100%;
	height:250px;
	float:left;
}
.main_image_legend {
	float:right;
	text-align:right;
	margin-top:228px;
	padding:4px 10px 2px 20px;
	color:#ccc;
	position:relative;
	height:18px;
	width:950px;
	font-size:0.9em;
	background:rgba(50,55,50,0.8);
}
.main_image_source {
	color:#aaa;
	font-style:italic;
}
.left_frame {
	width:220px;
	padding:5px 12px 5px 8px;
	float:left;
}
.left_title {
	color:#ddd;
	text-transform:uppercase;
	padding:5px 5px;
	width:100%;
	font-weight:bold;
	letter-spacing: -1px;
}
.left_frame ul {
	margin:0;
	padding:0 4px;
	list-style: none;
}
.left_frame li {
	padding:3px 5px 3px 13px;
	background:url('images/listing.png') no-repeat;
	background-position:0px 7px;
	line-height: 20px;
}
.left_frame li.a {
	text-decoration:underline;
}
.log {
	border: 1px solid #B37A37;
    width: 160px;
    font-size: 14px;
    padding: 8px;
    background: #333;
    color: #aaa;
}
.log_sub {
	background: #333;
    color: #B37A37;
    font-weight: bold;
    border: none;
    padding: 9px;
    font-size: 14px;
    text-align: center;
    width: 177px;
    border: 1px solid #777;
}
.log_fullname {
	font-weight:bold;
	color:#B37A37;
	padding:0 0 0 5px;
}
.member_block {
	margin: 20px 5px 10px 5px;
    padding: 5px 15px 5px 15px;
}
.member_block[class] {
	background: #08080840;
}
#war_calendar {
	padding-left:5px;
	padding-bottom:25px;
}
.cal_header {
	background-color:#222;
	font-weight:bold;
	color:#949C74;
	height:20px;
}
.cal_header a {
	color:#949C74;
	text-decoration:none;
}
.cal_header a:hover {
	color:#ddd;
}
.cal_days {
	background-color:#949C74;
	font-weight:bold;
	color:#333;
	width:27px;
	text-align:center;
	font-size:0.8em;
}
.cal_months {
	background-color:#333;
	color:#ccc;
	text-align:center;
	font-size:0.75em;
}
.cal_months a {
	text-decoration:none;
}
.cal_dates {
	background:url('images/cal_bkg.gif') no-repeat;
	text-align:center;
	font-size:0.9em;
	padding:6px;
	color:#ccc;
}
.like_today {
	width: 194px;
    padding: 0px 5px 5px 5px;
    font-size: 0.9em;
    background-color: #333;
    margin-left: 5px;
    margin-bottom: 10px;
    border: 5px solid #636363;
}
.like_today li {
	padding-left:0px;
	background:none;
	line-height: 17px;
	margin-bottom: 7px;
}
.like_today li a{
	text-decoration:none;
}
.main {
	float:left;
	width:715px;

	padding:10px 0px 10px 25px;
	height:100%;
	min-height:400px;

}
.main p {
	line-height:22px;
}
.main_h2, h3.main_h2 {
	padding-top:6px;
	font-size:2em;
	color:#ddd;
	color : #C2A687;
	font-weight: normal;
}
.main ul {
	margin:0 0 0 15px;
	padding:0 0 0px 20px;
}
.main li {
	padding:0 0 8px 0;
	line-height:18px;
}
.participate {
	background-color: #4444;
    padding: 10px 20px 10px 20px;
    margin: 15px 0 50px 0;
    border: 4px solid #636363;
    float: left;
    width: 667px;
    line-height: 20px;
    color: #d7d7d7;
}
.ul1 {
	margin:15px 0 15px 0;
}
.ul1 li {
	line-height:18px;
}
.box {
	background-color:#3D3C34;
	padding:0;
	border: 7px solid #222;
}
.input7 {
	background-color:#CC6600;
	color : #FFFFFF;
	border: 3px solid #999;
	font-size:13px;
}
.columns {
	padding:8px 0 8px 0;
	width:100%;
	float:left;
}
.column {
	width:329px;
	float:left;
	padding:5px 10px 5px 10px;
}
.column[class] {
  background-image:url('trans_green2.png');
}
.main-top {
	line-height: 20px;
	font-size: 14px;
}
.main_text{
	text-align:left;
}
.main_sub, h2.main_sub {
	text-transform:uppercase;
	font-size:1.3em;
	color:#ddd;
	border-bottom:1px solid #313131;
	text-align:right;
	padding: 0 0 10px 0;
}
.column h3 {
	text-transform:uppercase;
	color:#ddd;
	font-size:1.15em;
}
.text-center {
	text-align: center;
}
figcaption {
    max-width: 300px;
}
a.read_more {
	border: 0px solid #999;
    float:right;
    line-height: 20px;
    background: #B37A37;
    text-transform: uppercase;
    text-align: center;
    margin-right: 6px;
    font-size: 12px;
    padding: 4px 10px;
	color: #d5d4d4;
}
a.read_more:hover {
	text-decoration:none;
	color:#fff;
}
.new_month {
	border-bottom:1px solid #313131; margin:0; font-weight:bold;
	font-size:1.7em;
	color:#DDDDDD;padding-left:0; padding-right:0; padding-top:35px; padding-bottom:20px;
	float:left;
	width:100%;
}
.timeline_row {
	float:left;
	padding:20px;
}
.new_day {
	font-weight:bold;
	font-size:1.4em;
	width:30px;
	height:31px;
	text-align:center;
	padding:2px 15px 0 0;
	float:left;
	color:#c49359;
	background:url(images/cal_date.png) no-repeat 0 0px;
}
.timeline {
	margin:0;
	width:630px;
	float:right;
}
.timeline2 {
	margin:20px 0;
}
.timeline2 .timeline_row {
    padding: 8px 0;
	display: inline-block;
	float:none;
}
.image_container {
	float:left;
	text-align:center;
	color : #c49359;
	padding-bottom:10px;
	font-style:italic;
	margin:10px 20px 0 0;
	line-height:20px;
}
.image_container a {
	color:#c49359;
}

.list_row {
	float:left;
	width:700px;
	padding:4px 0 5px 0;
}
.list_row_header {
	float:left;
	width:700px;
	padding:4px 0 4px 0;
	font-weight:bold;
	border-bottom:2px solid #999;
	margin-bottom:6px;
}
.list_item1 {
	float:left;
	width:30px;
	text-align:right;
}
.list_item2 {
	float:left;
	width:100px;
	text-align:right;
}
.list_item3 {
	float:left;
	width:260px;
	text-align:left;
	padding:0 0px 0 20px;
}
.list_item4 {
	float:left;
	width:80px;
	text-align:right;
	padding:0 0px 0 15px;
}
.participateForm {
	width:100%;
}
.footer {
    color: #888;
    clear: both;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
}
.author {
	margin:20px 0 0 0;
	padding:2px 0 0 0;
	border-top:1px solid #333;
	font-style:oblique;
	color:#777;
	text-align:right;
}
.mapFlash {
	display:block;
}
#rateStatus{float:right; clear:both; width:100%; height:20px;}
#rateMe{ float:right;clear:both; margin:0 0 0 0}
#rateMe li{float:left;list-style:none;}
#rateMe li a:hover,
#rateMe .on{background:url('images/star_on.png') no-repeat;}
#rateMe a{float:left;background:url('images/star_off.png') no-repeat;width:16px; height:16px;}
#ratingSaved{display:none;}
#ResponseDiv { float:right;text-align:right;padding:10px 0 6px 0; color:#aaa;}
.saved{color:red; }
#average { float:right;width:300px;margin:10px 0 10px 0;padding:10px 20px 10px 0;border:1px solid #555 }
#sofar { width:300px;font-size:1.3em;text-align:right }
#all_rating { width:300px;margin:20px 0 0 0;text-align:right }
.aux1 {
	background:none;
	margin-bottom:-9px;
	padding-left:7px;
	border:0px;
}
.aux2 {
	padding:10px 0 10px 0;
}
.aux2.left {
	clear:both;
}
.aux3 {
	float:left;margin:5px 10px 6px 0;
}
.aux4 {
	margin-right:6px; margin-top:3px; margin-bottom:-3px; cursor:pointer;
}
.aux5 {
	padding:15px 0 15px 0;
}
.aux6 {
	width:100%;height:250px;
}
.aux7 {
	float:left;margin:30px 0 0 0;
}
.aux8 {
	float:left;
}
.aux9 {
	width:60px;float:left;
}
.aux10 {
	width:600px;float:right;
}
.aux11 {
	width:90px;float:left;text-align:right;padding-right:10px;
}
.aux12 {
	width:320px;height:130px;font-size:12px;
}
.aux13 {
	margin-bottom:-9px;padding-left:10px;
}
.aux14 {
	border:1px solid #666;background-color:#444;
}
.aux15 {
	padding:0 0 20px 10px;
}
.aux16 {
	margin:0 0 10px -5px;
}
.aux17 {
	font-size:0.85em;padding:0 0 0 5px;
}
.aux18 {
	text-align:right;padding:0 22px 0 0;line-height:20px;
}
.aux19 {
	width:180px;margin:30px 0 0 50px;
}
.aux20 {
	margin:0 20px -2px 0;
}
.aux21 {
	margin-right:16px;
}
.aux22 {
	margin:0;padding:4px 0 4px 15px;font-size:1em;width:340px;display:inline-block;
}
.aux23 {
	margin:0;padding:4px 0 4px 15px;
}
.aux24 {
	float:left;margin-bottom:0px;
}
@media only screen and (max-width: 1020px) {
	* {
	  margin: 0;
	  padding: 0;
	  clear:both;
	  float:none;
	  text-align:center;
	}
	body {
		margin:15px;
		text-align:center;
	}
	input {
		margin:5px 0 5px 0;
		text-align:left;
	}
	#menu {
		display:none;
	}
	.header {
		width:100%;
	}
	.headline {
		width:100%;
		padding:0;
		font-size: 5vw;
	}
	input.full {
		width:90%;
	}
	input.half {
		width:50%;
	}
	.wrapper {
		width:100%;
	}
	.logo {
		padding:0;
	}
	.search {
		width:100%;
	}
	.column h3 {
		margin-bottom: 20px;
	}
	.main_image {
		display:none;
	}
	.main_text{
		height:100%;
	}
	.columns {
		float:none;
		margin:0;
	}
	
	.main {
		width:100%;
		padding:0;
	}
	.left_frame {
		width:100%;
		padding:0;
	}
	.left_frame li {
		background:none;
	}
	.left_title {
		padding:0;
		margin:15px 0 5px;
		font-size: 16px;
		letter-spacing: 0px;
	}
	figcaption {
		max-width: none;
	}
	.like_today {
		width:90%;
		padding:2%;
		display:inline-block;
		margin:20px 0;
		font-size:13px;
	}
	ul.lastArticles li {
		width:45%;
		display:inline-block;
		text-align:left;
	}
	ul.lastArticles li:nth-child(odd) {
		text-align:right;
	}
	.read_more {
		float:none;
		display:inline-block;
		margin-right:6px;
		margin:15px 0 0 0;
	}
	#war_calendar {
		padding:0;
		display: inline-block;
		margin:10px 0 30px 0;
	}
	.timeline_row{
		text-align:left;
		padding:3%;
		margin:0 0 10px 0;
		position:relative;
	}
	.mapFlash {
		display:none;
	}
	.member_block {
		padding:10px 0 10px 0;
		width:50%;
		display: inline-block;
	}
	.main_sub {
		text-align:center;
		padding:0 0 5px 0;
	}
	.column {
		width:96%;
		padding:2%;
		float:none;
		min-height:120px;
		margin:0 0 20px 0 ;
		display: inline-block;
	}
	.participate {
		width:92%;
		padding:2%;
	}
	.author {
		text-align:center;
		margin:10px 0 10px 0;
	}
	.footer {
		text-align:center;
		font-size:12px;
		line-height:14px;
		margin:0 0 10px 0;
		height:auto;
	}
	#rateStatus{width:100%; height:20px; }
	#rateMe{ float:none;width:100%; height:20px; padding:15px 0 0px 0}
	#rateMe .on{background:url('images/star_on.png') no-repeat;}
	#rateMe a { float:none;display:inline-block;background:url('images/star_off.png') no-repeat;width:16px; height:16px;}
	#ratingSaved{display:none;}
	#ResponseDiv { float:none;padding:10px 0 0 0; color:#aaa; text-align:center;width:100%;}
	.saved{color:red; }
	#average { float:none;margin:10px 0 10px 0;width:96%;padding:2%;background:url('trans_green.png');border:0px;text-align:center }
	#sofar { font-size:1.3em;text-align:center;width:100%; }
	#all_rating { margin:20px 0 0 0;text-align:center;width:100%;}
	.error2 {
		background:#444 url(images/ex.png) no-repeat 30px 8px ;
		font-size: 0.9em;
		border:1px solid #B37A37;
		padding:10px 10px 10px 75px;
		color:#C2A687;;
		margin:10px 0 20px 0;
	}
	.main_h2 {
		margin:15px 0 10px 0;
	}
	.image_container {
		float:none;
		display:inline-block;
		margin:10px 0 10px 0;
	}
	.new_month {
		padding:20px 0;
		float:none;
	}
	.new_day {
		float:left;

	}
	
	.timeline {
		width:100%;
		display:inline;
		float:none;
	}
	img.standard {
		margin:0;
		padding:2px;
		width:100%;
		height:auto;
	}
	.list_row_header {
		width:100%;
		float:none;
	}
	.list_row {
		width:100%;
	}
	.list_item1, .list_item2, .list_item3, .list_item4 {
		width:16%;
		display:inline-block;
		float:none;
		padding:0;
	}
	.aux6 {
		width:90%;
		height:80px;
		text-align:left;
	}
	.aux10 {
		display:inline;
		float:none;
	}
	
	.aux11 {
		display:inline;
		font-weight:bold;
		float:none;
		width:130px;
	}
	.aux15 {
		padding:0;
		display:inline-block;
	}
	.aux18 {
		text-align:center;
		padding:10px 0 0 0;
	}
	.aux19 {
		width:100%;
		margin:0;
	}
	.aux22 {
		padding:5px 0 3px 0;
		width:100%;
	}
	.aux24 {
		float:none;
	}
}
@media only screen and (max-width: 480px) {
	ul.lastArticles li {
		width:95%;
		text-align:center;
	}
	ul.lastArticles li:nth-child(odd) {
		text-align:center;
	}
	.member_block {
		width:95%;
	}
	.search_form_text {
		display:none;
	}
}