/* -_- Responsive Forum Code -_- */

.board-search:after {
	display: table;
	content: "";
	clear: both;
}

.board-search form:first-child {
	float: left;
	width: 40%;
}

.board-search form:last-child {
	float: right;
	width: 55%;
}

.board-search form:last-child select {float: right;}

.board-search:after {
	display: table;
	content: "";
	clear: both;
}

.board-search .input-wrapper:nth-child(2) {
	float: left;
	width: 67%;
}

.board-search .input-wrapper:nth-child(3) {
	float: right;
	width: 30%;
}

.board-search .input-wrapper input {width: 100%;}

.pagenum .button {
	background: #666;
	color: #fff;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-transform: uppercase;
}

.pagenum .button:hover {
	background: #333;
	color: #fff;
}

.pagenum .label {display: block; margin-right: 10px; text-transform: uppercase;}

ul.threads {list-style: none; padding-left: 0;}

ul.threads li {}

.forum-wrapper:after {
	display: table;
	content: "";
	clear: both;
}

.thread-list-outer {
	float: left;
	width: 40%
}

.message-list,
.forum-general-content {
	float: right;
	width: 55%;
}

.forum-general-content input[type="text"],
.forum-general-content input[type="password"] {
	background-color: rgba(255,255,255,.8);
    border: 1px solid #999;
}

.forum-general-content input[type="text"]:focus,
.forum-general-content input[type="password"]:focus {
	border: 1px solid #000;
}

.forum-general-content input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ededed inset !important;
}

.button.new-thread-button {
	font-size: 18px;
	margin: 20px 0;
	text-transform: uppercase;
}

ul.threads li {
	padding: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.threads li:after {
	display: table;
	content: "";
	clear: both;
}

ul.threads li .count {
	font-style: italic;
	float: right;
	width: 8%;
	opacity: .5;
	text-align: center;
}

ul.threads li:nth-child(odd) {
	background: rgba(0,0,0,.1);
}

ul.threads li .date {float: left; width: 20%;}

ul.threads li a {float: left; width: 60%;}

.message-list .pagenum {margin-bottom: 20px;}

.message-list .pagenum:last-child {margin-bottom: 0;}

.forum-wrapper .message h2 {
	font-size: 24px;
	margin-bottom: 12px;
}

.message-byline {
	color: #a1a1a1;
	font-style: italic; margin-bottom: 12px;
}

.forum-username {color: #707070; font-weight: bold;}

.forum-user-loc {display: block;}

.post-controls .button {text-transform: uppercase;}

.post-controls:after {
	display: table;
	content: "";
	clear: both;
}

.post-controls .left-col:after {
	display: table;
	content: "";
	clear: both;
}

.post-controls .left-col {float: left;}

.post-controls .left-col .button {float: left;}

.post-controls .left-col form {float: left; margin-left: 15px;}

.post-controls .right-col {float: right;}

.forum-wrapper .light-button {
	background: #fff;
	border: 1px solid #666;
	padding: 0 10px;
}

.forum-wrapper .light-button:hover {
	background: #666;
	color: #fff;
}

.replies-wrapper {
	border-top: 1px solid rgba(0,0,0,.2);
	margin-top: 30px; padding-top: 30px;
}

.reply-message {border-bottom: 1px dotted rgba(0,0,0,.2); margin-bottom: 30px; padding-bottom: 30px;}

.forum-wrapper .post-controls {margin-top: 15px;}

.replies-wrapper .post-controls {opacity: .5;}

.replies-wrapper .reply-message:last-child {
	border-bottom: 1px solid rgba(0,0,0,.2);
}

.post-controls-bottom .left-col .button:last-child {margin-left: 15px;}

.forum-wrapper .replies-wrapper .message h2 {font-size: 20px; opacity: .7;}

.post-controls-bottom {border-bottom: 1px solid rgba(0,0,0,.2); margin-bottom: 20px; padding-bottom: 30px;}

.thread-list-toggle {display: none;}

.board-search form:last-child {display: none;}

.error {font-weight: bold;}

.login-form-wrapper .light-button {font-family: 'Montserrat', sans-serif; text-transform: uppercase; width: auto;}

.searchresultsheader strong {font-size: 14px;}

.results-table-header h4.date-label {
	float: left;
    width: 20%;
}

.results-table-header h4.message-label {
	float: left;
    width: 75%;
}

.results-table-header:after {
	display: table;
	content: "";
	clear: both;
}

ul.search-threads li a {
	width: 75%;
}

.message-header:after {
	display: table;
	content: "";
	clear: both;
}

.message-header h2 {
	float: left;
	width: 77%;
}

.message-header .post-status {
	float: right;
	width: 20%;
}

label.error {
	color: #fca600;
} 

.submit-wrapper input.button {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	width: auto;
}

.message-byline em span {font-weight: normal;}

.thread-list-outer .pagenum {margin-bottom: 20px;}

/* ==========================================================================
   
   RESPONSIVE STYLES
   
   ========================================================================== */

/* SCREEN SIZE LESS THAN 1010px WIDE */

@media all and (max-width : 1010px) {

	{}

	.post-controls {text-align: center;}
	
	.post-controls .left-col {float: none; text-align: center;}
	
	.post-controls .left-col .button,
	.post-controls .left-col form {float: none; display: inline-block;}
	
	.post-controls .right-col {float: none; margin-top: 10px; text-align: center;}

	.pagenum-bottom {text-align: center;}

}

/* SCREEN SIZE LESS THAN 900px WIDE */

@media all and (max-width : 900px) {

	.thread-list-toggle {display: block; margin-bottom: 20px;}
	
	.thread-list-toggle .active-text {display: none;}
	
	.forum-wrapper.active .thread-list-toggle .default-text {display: none;}
	
	.forum-wrapper.active .thread-list-toggle .active-text {display: inline-block;}
	
	.forum-wrapper.active .thread-list-toggle .forum-menu-button {
		    background: url('../img/x-icon.png') left center no-repeat;
	}
	
	.thread-list-toggle .forum-menu-button {
		font-size: 18px;
		text-transform: uppercase;
	}
	
	.thread-list-outer {
		float: none;
		width: 100%;
	}	
	
	.message-list,
	.forum-general-content {
		float: none;
		width: 100%;
	}
	
	.thread-list {clear: both;}
	
	.thread-list-outer {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		height: 170px; overflow: hidden; 
		margin: 20px 0 30px 0;
		padding: 30px 0;
	}
	
	.forum-wrapper.active .thread-list-outer {
		height: auto;
	}
	
	.thread-list-outer .pagenum {
		float: left;
		width: 70%;
	}
	
	.thread-list-outer .new-thread-button {
		float: right;
		text-align: right;
	}
	
	.thread-list-outer .pagenum:last-child {
		float: none;
		width: 100%;
	}
	
	.forum-general-content input {max-width: 400px;}
	
	.forum-general-content.post-page-content input {
		max-width: 100%;
	}	
	
}


/* SCREEN SIZE LESS THAN 720px WIDE */

@media all and (max-width : 719px) {

	.board-search form:first-child {
		width: 70%;
	}
	
	.board-search form:last-child {
    	width: 25%;
	}
	
	.thread-list-outer .pagenum {
    	float: none;
    	width: 100%;
	}
	
	.thread-list-outer .new-thread-button {
		float: none;
		text-align: left;
	}

	.forum-general-content input {max-width: 100%; width: 100%;}
	
	ul.threads li .date {
    	width: 30%;
	}
	
	ul.search-threads li a {
		width: 60%;
	}

	.thread-list-outer {height: 185px;}

}

/* SCREEN SIZE LESS THAN 480px */

@media all and (max-width : 479px) {

	.board-search form:first-child {
		float: none;
		width: 100%;
	}
	
	.board-search form:last-child {
    	float: none;
    	margin-bottom: 20px;
    	text-align: center;
    	width: 100%;
	}
	
	.board-search form:last-child select {
		float: none;
	}
	
	.forum-wrapper .message h2 {font-size: 21px;}
	
	.forum-wrapper .replies-wrapper .message h2 {font-size: 18px;}
	
	ul.threads li .date {width: 27%;}
	
	ul.threads li a {width: 53%;}
	
	ul.threads li .count {width: 14%;}
	
	.post-controls .left-col form {margin-left: 0}
	
	.pagenum .button:nth-child(2),
	.pagenum .button:last-child {display: none;}

}