/*
	Main background styles
	Boostrap Breakpoints set:
	-lg 1200px
	-md 992px
	-sm 767px

*/

html {
	height: 100%;
}
body {
	background: #232325;
	min-height: 100%;
}

body.home_page > .background-container {
	background-image: url('../../../Images/forum_background.jpg');
	background-size: cover;
}

.background-container {
	padding: 20px 0;
	background-color: #535353;
}
/* Font Awesome */
.social_icons i:hover {
	color: #ff7b18;
}

/* Reseller Font Overrides */
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand,
header .btn,
header ul.reset li,
header ul.reset li a,
footer,
.dropmenu a span {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

/**
	Navigation and Header overrides (including breadcrumnbs)
**/

.navbar-default
{
	background-color: #232325;
	border-color: #222427;
}

.navigate_section {
	margin: 0;
}

.navigate_section,
.breadcrumb {
	background-color: #232325;
	color: #b0b0b0;
}

.breadcrumb > li > a {
	color: #b0b0b0;
}

.breadcrumb > li.active > a {
	color: #fa785a;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #fa785a;
	background-color: transparent;
}

/* Normal, standard links. */
a:link, a:visited
{
	color: #fa785a;
}

/* Links that open in a new window. */
a.new_win:link, a.new_win:visited
{
	color: lightgray;
}

/* Font Awesome link colors */
i.fa {
	color: #929191;
}

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
	color: #cacacc;
}

/*
	Table overrides
*/

.table_list td.icon,
.table_list td.info,
.table_list td.stats,
.table_list td.lastpost {
	border-bottom: 1px solid #232325;
}

.table_list td.icon {
	border-left: 1px solid #232325;
}

.table_list td.lastpost {
	border-right: 1px solid #232325;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	border-color: #232325;
}

.topic_table .catbg th {
	background-color: black !important;
	color: #909090;
}

.approvetbg,
.approvebg {
	background-color: #2d2d30;
	color: #ebebeb;
}

h3.catbg a img {
	border-bottom: 0px !important;
	color: #232325 !important;
}

/*
	Bootstrap button overrides
*/
.btn-success {
	background-color: #404041;
	border: none;
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
	background-color: #404041;
	opacity: .8;
	border: none;
}

.btn-primary,
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary,
.dropmenu li li a:hover,
.dropmenu li li:hover > a {
	background-color: #fa785a;
	border-color: #fa785a;
}

.btn-primary:hover {
	opacity: 0.8;
}

.dropmenu li a.active {
	background-color: #fa785a;
}

.dropmenu li a.active:hover {
	opacity: 0.8;
}

.dropmenu li a.firstlevel:hover,
.dropmenu li:hover a.firstlevel {
	color: #fa785a;
	opacity: 0.8;
}

/*
	Icon areas (on board areas)
*/
.description,
.plainbox {
	background-color: #2d2d30
}

.description input,
.description select,
.plainbox input,
.plainbox select {
	background-color: #404041;
	color: white;
	border: 0px;
}

.description .marginleft {
	margin-left: 2em;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */

.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td,
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
	color: #fa785a;
	background: #434345;
}

tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
{
	color: #fff;
}
tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
{
	color: #a8a8a8;
}

/* Topic page styles */
.post_wrapper .body_content {
	color: #000;
}

.poster h4,
.poster .profile ul,
.poster .email {
	background-color: #232325;
}

.postcount {
	color: #535353;
}

#forumposts .display-info h1,
#forumposts .views,
#forumposts .replies {
	color: #ebebeb;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body, .windowbg2, .windowbg3
{
	color: #cacacc;
	background-color: #434345;
}
.windowbg4
{
	color: #FFF;
	background-color: #2e2d32;
}

.windowbg h1,
.windowbg h2,
.windowbg h3,
.windowbg h4,
.windowbg h5,
.windowbg h6 {
	color: #cacacc;
}

h3.catbg a:hover,
h4.catbg a:hover,
.table_list tbody.header td a:hover {
	color: #fff;
}

.information {
	color: #000;
}

a.moderation_link, a.moderation_link:visited
{
	color: red;
	font-weight: bold;
}

/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
	color: #aeaeae;
}

h3.catbg img.icon, h4.titlebg img.icon, a.collapse img
{
	background-color: transparent;
	border-radius: 30%;
}

h4.titlebg img.icon {
	background-color: transparent;
}

/* rounded bars needs a different background here */
h4.catbg,
h4.catbg2,
h3.catbg,
h3.catbg2,
div.cat_bar,
.table_list tbody.header td.catbg,
div.roundframe div.cat_bar,
div.roundframe div.cat_bar h3.catbg
{
	background: #000;
}

h4.titlebg,
h3.titlebg,
div.title_bar,
div.title_barIC,
div.title_barIC h4.titlebg,
tr.catbg th.first_th,
tr.catbg th.last_th,
tr.titlebg th.first_th,
tr.titlebg th.last_th
{
	background: #434345;
}

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice,
.windowbg span.topslice span,
.windowbg span.botslice,
.windowbg span.botslice span,
.windowbg2 span.topslice,
.windowbg2 span.topslice span,
.windowbg2 span.botslice,
.windowbg2 span.botslice span
{
	background: #434345;
}

.contentboard
{
	background: #242426;
}
.roundframe
{
	background: #232325;
}

span.upperframe,
span.upperframe span,
span.lowerframe,
span.lowerframe span
{
	background: #232325;
}

/* Styles for the board index.
------------------------------------------------- */

/* the board title! */
.table_list tbody.content td.info a.subject
{
	color: #fa785a;
}

.lastpost a {
	color: #fa785a;
}

/* Header */
header
{
	background: #000;
	box-shadow:  none;
}

header,
header ul.reset li,
header ul.reset li a {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

header .btn-primary,
header .btn-success {
	box-shadow: 0 -4px #2c3e50 inset;
	text-shadow: 0 1px #2c3e50;
}

header .btn-success,
header .btn-primary,
header .btn-primary:hover, header .btn-primary:focus, header .btn-primary:active,
header .btn-success:hover, header .btn-success:focus, header .btn-success:active
{
	background-color: #232325;
}

/* Footer */
footer {
	margin-top: 0;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

footer, footer a
{
	box-shadow: none;
	background-color: #232325;
	text-align: left;
	color: #908486;
}

.footcop {
	text-align: right;
	padding-top: 1em;
}

/* Footer Style changes on tablet & mobile sizes */
@media (max-width: 992px) {
	footer {
		text-align:center;
	}

	.footcop {
		text-align:center;
	}
}

/* Views and messages image size reset (shame) */
.display-info {
	background: #333 none repeat scroll 0 0;
    margin: 0 15px;
    overflow: hidden;
    padding: 20px;
}
.display-info h1 {
	float: left;
	font-size: 27px;
}
.display-info ul.info li {
    font-size: 1.3em;
    margin-left: 20px;
}
.display-info ul.info li.replies img,
.display-info ul.info li.views img {
	width: auto !important;
}

/* Message & Smiley editor background */
#bbcBox_message,
#smileyBox_message {
	margin: 0 !important;
	padding: 0.5em !important;
	background: #fff;
}

#smileyBox_message + div > div:first-child {
	width: 100% !important;
}

/** Avatars **/
.poster li.avatar img {
	width: auto;
}

@media (max-width: 992px) {
	.poster {
		max-width: 200px;
		margin-left: auto;
		margin-right: auto;
	}

	.poster li.avatar img {
		width: 80px;
	}
}

/* NOTICES */
.notice {
	border-width: 1px;
	border-style: solid;
	color: #333;
	padding: 20px;
	margin: 20px 0;
}
.notice-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.notice-notice {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.notice-warning {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

/* Pagination */
.pagesection:after {
	content: "";
	display: table;
	clear: both;
}
.pagelinks {
	background: #404041;
    border-radius: 4px;
    float: right !important;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 520px) {
	.pagelinks {
		float: none !important;
		display: block;
		margin-right: 0;
		margin-left: 0;
	}
}

/* Topic Table Icon Crowding */
.topic_table td.icon1,
.topic_table td.icon2 {
	min-width: 32px; /* 16px padding l+r + icon width */
}

/* Board Description area */
.description_board {
	background: #232325;
	color: #b0b0b0;
}

/* Prev / Next Links */
@media (min-width: 767px) {
	.pagesection .nextlinks,
	.pagesection .nextlinks_bottom {
		clear: none;
		float: left;
		margin-top: 8px;
	}
}

.nextlinks a,
.nextlinks_bottom a {
	background: #fa785a;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	padding: 2px 8px;
}

.nextlinks a:link,
.nextlinks_bottom a:link {
	color: #fff;
}

.nextlinks a:hover,
.nextlinks_bottom a:hover {
	background: #fa785a;
	color: #fff;
	text-decoration: none;
}

.nextlinks a + a,
.nextlinks_bottom a + a{
	margin-left: 10px;
}