
body {
	margin:0 auto;
	background:#fff;
	font-family:'Arial','Arial Bold','Ubuntu','Helvetica';
	min-height:100%;
	font-size:16px;
	position:relative;
}
html {
	height:100%;
}
#content_wrap {
	
}

#banner_wrap {
	color:#fff;
	height:auto;
	position:relative;
	background:url(../images/banner.jpg) center top no-repeat;	
	padding-bottom:100px;
}
@media (max-width: 800px) and (min-width: 10px)
{
	.home_text h1 {
		line-height:80px !important;
		padding:0 !important;
		margin-bottom:50px !important;
	}
	.home_contentleft {
		width:100% !important;
		float:none !important;
		border-bottom:1px solid #ccc;
		padding-bottom:20px;
		margin-bottom:0px;
	}
	.home_contentleft .board_indi {
		display:block !important;
		width:100% !important;
		margin-bottom:5px !important;
	}
	.home_contentright {
		width:100% !important;
		float:none !important;
	}
	.home_text span {
		display:block !important;
	}
	#banner_wrap {	
		height:auto;
			background-size:auto 100% !important;
		padding-bottom:100px;
		
	}
	.banner_text h1 {
		font-size:80px !important;
	}
	.post_form {
		width:300px !important;
		margin-left:-170px !important;
	}
	.post_form textarea {
		width:90% !important;
	}
	.post_title a {
		
	}
	.post_right {
		width:100% !important;
	}


	.replyform {
		max-width:80% !important;
	}
	.replyform label {
		width:100%;
	}
	.replyform textarea {
		//display:block !important;
		padding:2% !important;
		width:95% !important;
	}

}
.search_form {
	text-align: center;
	margin-bottom:20px;
}
.search_form input {
	padding:5px 20px;
	height: 15px;
	background: #333;
	color:#999;
	outline: none;
	border-radius: 20px;
	border: none;
}
.shortbanner {
	height:300px !important;
}
.shortbanner .banner_left, .shortbanner .banner_right {
	margin-top:15px;
}
.banner_right a {
	color:#fff !important;
	text-decoration:none !important;
}
.shortbanner .banner_text {
	top:-30px;
	padding-top:0;
	margin-top:0;
}
.shortbanner .banner_navi {
	padding:5px 2%;
}
.shortbanner .start_button {
	display: none;
}
.shortbanner h1 {
	margin-bottom:10px !important;
	line-height: 100px;
}



.banner_navi {
	padding:20px 2%;
	text-shadow:-1px 1px 1px #000;
}
.clear {
	clear:both;
}
.banner_left {
	float:left;
}
.banner_right {
	float:right;
}
.banner_text {
	position:relative;
	top:30px;
	text-align:center;
	font-size:25px;
	text-shadow:1px 1px 5px #000;
}
.banner_text h1 {
	font-size:100px;
	margin-bottom:30px;
	font-weight:bold;
}
#posts_wrap {
	min-height:500px;
}
.banner_text p {
	margin:0;
	margin-bottom:10px;
	padding:0;
}

.home_text {
	
}
.home_text h1 {
	font-family: 'Arial Black','Gadget','sans-serif'
	margin-top:150px;
	margin-bottom:0;
}
.home_text span {
	color:#ec4b55;
}
.home_text p {
	margin-top:0;
}
#posts_wrap {
	padding:2%;
}
.general_message {
	padding:20px;
	border:1px solid #ccc;
	background:#efefef;
}
.general_message h1 {
	margin:0;
	padding:0;
	font-size:20px;	
	color:#293e6a;
	line-height:20px;
}
.general_message p {
	margin-top:10px;
	padding-top:0;
	line-height:20px;
}

.post_indi {
	padding:50px 0;
	font-size:21px;
	border-bottom:1px solid #ccc;
}
.post_left {
	float:left;
	text-align:center;
	width:30%;
	max-width:250px;
	margin-right:2%;
	margin-bottom:10px;
	
}
.post_right {
	line-height:25px !important;
	font-size:17px !important;
	width:90%;
}
.post_left img, .post_left video {
	max-width:100%;
	margin-bottom:10px;
}
.post_left p {
	margin:0;
	padding:0;
	font-size:10px;
}
.post_left a {
	text-decoration:none;
	color:#293e6a;
}
.post_title {
	padding-bottom:10px;
	color:#293e6a;
}
.post_title b {
	color:#293e6a;
	margin-right:10px;
}
.post_title span {
	margin-right:10px;
}
.post_title a {
	font-weight:bold;
	color:#293e6a;
	text-decoration:none;
	margin-right:10px;
}
.grayText {
	color:#888;
}
.greenText {
	float:none !important;
	color:#6a9a68;
	display:block !important;
}
.start_button {
	color:#fff;
	text-decoration:none;
	margin:20px 0;
	padding:10px 30px;
	background:#5078ce;
}
.datetime {
	color:#777;
	display:block;
	padding:0px 10px;
	font-style:italic;
	font-size:15px;
}
.filename {
	word-break:break-all;
	display:block;
	font-size:15px;
	margin-bottom:5px !important;
}


/* Creation form */
.post_form {
	position:absolute;
	width:500px;
	display:none ;
	top:40px;
	z-index: 999;
	left:50%;
	background: #fff;
	box-shadow: 0px 0px 50px #000;
	padding:20px;
	margin-left:-290px;
	color:#000;
	font-size:15px;
}
.captcha_wrap {
	height:130px;
	overflow: hidden;
}
.post_form label {
	display: block;
	margin-bottom:10px;
}
.post_form label input {
	display: block;
	padding:5px;
	margin-top:5px;
	height: 20px;
	border: 1px solid #ccc;
}
.post_form form {
	width:100%;
	display: block;
}
.post_form label textarea {
	display: block;
	padding:5px;
	font-family: 'Arial';
	border: 1px solid #ccc;
	width:490px;
	min-height: 100px;
	resize:vertical;
}
.post_form h1 {
	text-align: center;
	display: block;
	padding:5px;
	margin-top:0;
	background: #ccc;
	color:#444;
}
.post_form input[type="file"]
{
	border:none;
	margin-left:0;
	padding-left:0;
}
.form_buttons label {
	float: left;
}
.form_buttons label input {

}
.createThread{
	float: right;
		background: #5078ce;
	color:#fff;
	margin-top:15px;
	font-size:20px;
	font-weight: bold;
	padding:10px 20px;
	border: none;
}

.reply_box {
	position: relative;
	top:30px;
}
.reply_box h1 {
	display: block;
	padding:10px 0;
	line-height: 0;
	margin:0;
	text-align: center;
	font-size:19px;
}
.reply_box h1 a {
	color:#000;
	text-decoration: none;
}
.replyform {
	display: none;
}
.reply_box .replyform {
	margin:0 auto;
	width:500px;
	padding:20px;
	border: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom:0px;
}
.replyform label {
	display: block;
	margin-bottom:10px;
}
.replyform label input {
	display: block;
	padding:5px;
	margin-top:5px;
	height: 20px;
	border: 1px solid #ccc;
}
.replyform form {
	width:100%;
	display: block;
}
.replyform label textarea {
	display: block;
	padding:5px;
	font-family: 'Arial';
	border: 1px solid #ccc;
	width:490px;
	min-height: 100px;
	resize:vertical;
}
.replyform h1 {
	text-align: center;
	display: block;
	padding:5px;
	margin-top:0;
	background: #ccc;
	color:#444;
}
.replyform input[type="file"]
{
	border:none;
	margin-left:0;
	padding-left:0;
}
.replyform label {
	float: left;
}
.replyform label input {

}
.postNo {
	cursor: pointer;
}
.postNo:hover {
	color:#444;
}
#post_1 {

}
.roll_post {
	position: absolute;
	width:70%;
	background: #dbeff1;
	left:20px;
	margin-left:80px;
	padding:10px;
	box-shadow: 0px 0px 25px #000;
}
.rollover_post {
}
.back_button {
	float:left;
	margin-left:2%;
}

.sidebar_wrap {
	position:fixed;
	left:0;
	top:0;
	display: none;
	left:-300px;
	width:300px;
	background: #222;
	border-right:3px solid #111;
	height: 100%;
	z-index: 999;
}
.board_switch {
	position: relative;
	cursor: pointer;
}
.sidebar {
	padding:2% 0;
	position: relative;
	background:;
	height: 90%;
}
.sidebar a {
	color:#fff;
	text-decoration: none;
}
.logo {
	margin:20px;
	padding:0px 10px;
}
.logo img {
	width:100%;
}
.navi_wrap {
	background:;
	position: absolute;
	overflow: hidden;
	height: 90%;
	width:100%;

}
.navi {
	border-top:1px solid #111;
	height: 100%;
	padding-bottom:100px;
	
}

.navi a {
	display: block;
	padding:8px 20px;
	border-bottom:1px solid #111;
}
.navi a:hover {
	background: #111;
}

.pagenation {
	margin-top:20px;
}
.pagenation a {
	float: left;
	margin-right:10px;
	text-decoration: none;
	color:#000;

}
.getting_info_wrap {
	margin:20px 0;
	background:#efefef;
	padding:20px;
	border: 1px solid #ccc;
}
.getting_info_wrap span {
	float:none;
	margin-right:0;
	margin-left:10px;
}
.home_contentleft {
		
}
.home_contentleft h1, .home_contentright h1 {
	border-bottom:1px solid #ccc;
	padding:10px 0;
	margin-top:0;
	color:#ec4b55;
}
.home_contentleft {
	float:left;
	width:68%;
}
.home_contentright {
	float:right;
	width:30%;
}
.home_welcome {
	text-align:center;
	border-bottom:1px solid #ccc;
	font-size:18px;
	padding-bottom:2%;
}
.home_welcome p {
	margin:0 auto;
	margin-bottom:10px;
	max-width:80%;
}
.boards_wrap {
	
}
.boards_wrap .board_indi {
	display:inline-block;
	vertical-align:middle;
	background:#dbeff1;
	vertical-align:middle;
	margin-bottom:5px;
	margin-right:2%;
	width:32%;
	margin-bottom:2%;
}
.boards_wrap .board_indi a {
	display:block;
	padding:10px 10px;
	word-break:break-all;
	border:1px solid #c6d8da;
	color:#000;
	text-decoration:none;
	transition:all .1s ease-in-out;
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	
}
.boards_wrap .board_indi a:hover {
	background:#c6d8da;
}

.large_statistic {
		margin:0px 2%;
		text-align:center;
		border-bottom:1px solid #ccc;
}
.large_statistic h1 {
	color:#5078ce;
	border-bottom:0;
	text-align:center;
	display:block;
	margin-top:30px;
	margin-bottom:0;
	padding-bottom:0;
	font-size:60px;
}
.large_statistic h2 {
	display:block;
	margin:0;
	margin-bottom:30px;
	color:#888;
	padding:0;
	text-align:center !important;
}
.recent_thread {
	padding-top:20px;
}
.recent_thread img {
	float:left;
	max-width:20%;
	
	margin-right:2%;
	margin-bottom:2%;
}
.recent_thread a {
	color:#000;
	text-decoration:none;
}
.recent_thread b {
	color:#5078ce;
	margin-bottom:0;
}
.recent_thread p {
	margin-top:0;
	padding-top:0;

}
.recent_thread {
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
.footer_wrap {
	padding:20px 0;
	padding-bottom:50px;
	position:relative;
}
.footer_wrap .board_switch {
	position:absolute;
	margin-left:2%;
}
.copyright {
	text-align:center;
	padding:0px 2%;
}

.form_errors {
	padding:20px;
	background: #d00f0f;
	margin-bottom:20px;
	color:#fff;
}
.close_webm {
	display: none;
	text-align: center;
	margin:5px 0;
	font-size:14px;
}
.close_webm:hover {
	cursor: pointer;
}
.close_form {
	position:absolute;
	right:0;
	cursor:pointer;
	z-index:999;
	top:2px;
	right:20px;
}