/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Hawiki
	Based on style:		prosilver (the default phpBB 3.0.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Gramziu
    --------------------------------------------------------------
*/

/* BEGIN @include common.css */ 
 /* General Markup Styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

html {
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 101%;
}

body {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	/* This sets the default font size to 10px */
		font-size: 10px;
	margin: 0;
	padding: 0;
}

h1 {
	/* Forum name */
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 2.4em;
		font-weight: 300;
	letter-spacing: -1px;
	margin-right: 200px;
	margin-top: 20px;
}

h2 {
	/* Forum header titles */
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 2.1em;
		font-weight: 300;
	letter-spacing: -1px;
}

h2.solo { margin-bottom: 20px; }

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 1.8em;
		font-weight: 300;
	letter-spacing: -1px;
	margin-bottom: 3px;
	margin-top: 20px;
	padding-bottom: 2px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 1.6em;
		font-weight: 300;
}

h5 {
	/* Custom footer headlines */
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: 700;
}

p {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: 400;
	line-height: 1.5;
	margin-bottom: 20px;
}

img { border-width: 0; }
i { cursor: inherit; }

hr {
	border: 0 none transparent;
	border-top-style: solid;
	border-top-width: 1px;
	clear: both;
	display: block;
	height: 1px;
	margin: 5px 0;
}

hr.dashed {
	border-top: dashed;
	border-top-width: 3px;
	margin: 10px 0;
}

hr.divider { display: none; }
p.right { text-align: right; }

/* Main blocks
---------------------------------------- */
#wrap {
	/* Back to top link */
	float: left;
	height: 0;
	width: 0;
}

.wrap {
	/* Control over page width */
	margin: 0 auto;
	padding: 0 20px;
	width: 1200px;
}

.main-content {
	/* Left site section */
	float: left;
	width: 870px;
}

.side-bar {
	/* Control over sidebar */
	float: left;
	padding-left: 20px;
	width: 290px;
}

.main-content:nth-last-child(2) {
	/* Back to full width when sidebar is off */
	float: none;
	width: 100%;
}

/* Site head
---------------------------------------- */
.headerbar-bg { margin-bottom: 20px; }
.headerbar { min-height: 92px; }

.navbar { position: relative; }

.navbar > ul {
	font-size: 1.2em;
	line-height: 40px;
	list-style: none;
}

.navbar a:hover { text-decoration: none; }

.navbar li {
	float: left;
	margin-right: 20px;
}

.navbar ul li.rightside {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}

.navbar .fa-lg {
	font-size: 1em;
	margin-right: 5px; 
	vertical-align: 0;
}

.navbar-leg strong { margin: 5px; }

/* Site logo */
#logo {
	/* Control over main logo */
	display: inline-block;
	float: left;
	margin-top: 32px;
	width: auto;
}

#logo img { display: block; 

height: 30px;
    width: 160px;
}

/* Search box */
#search-box {
	border-style: solid;
	border-width: 1px;
	display: block;
	float: right;
	margin-top: 27px;
	overflow: hidden;
	position: relative;
	text-align: right;
	white-space: nowrap;
}

#search-box #keywords {
	border: none;
	font-size: 1em;
	height: 36px;
	padding: 0 20px;
	transition: color 0.3s ease-out;
	width: 232px;
}

#search-box .button {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		font-size: 1.083em;
	height: 36px !important;
	line-height: 36px;
	padding: 0;
	transition: color 0.3s ease-out;
	width: 36px !important;
}

/* Custom menu */
#cmenu {
	float: left;
	font-size: 1.2em;
	height: 92px;
	line-height: 92px;
	list-style: none;
	margin-left: 40px;
}

#cmenu > li {
	float: left;
	line-height: 92px;
	padding: 0 10px;
	position: relative;
}

#cmenu > li > a {
	display: inline-block;
	transition: box-shadow 0.15s ease;
}

#cmenu > li > a:hover { text-decoration: none; }
#cmenu > li:hover > ul { display: block; }

#cmenu > li > ul {
	border-style: solid;
	border-width: 2px 0 0;
	display: none;
	font-size: 0.833em;
	list-style: none;
    position: absolute;
    z-index: 999;
}

#cmenu > li > ul > li {
	line-height: 40px;
	padding: 0 20px;
}

#cmenu > li > ul > li > a {
	display: inline-block;
	min-width: 150px;
	white-space: nowrap;
	width: 100%;
}

#cmenu > li > ul > li > a:hover { text-decoration: none; }
#cmenu > li > ul > li:first-child > a { border-width: 0; }

#cmenu-top {
	display: none;
	right: 0;
}

#cmenu-top > li > ul {
	position: relative;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.bottombar { position: relative; }

.bottombar ul {
	font-size: 1.3em;
	line-height: 4.5;
	list-style: none;
}

.bottombar a:hover { text-decoration: none; }

.bottombar li {
	float: left;
	margin-right: 30px;
}

.bottombar ul li.rightside {
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

.bottombar .fa-lg {
	font-size: 1em;
	margin-right: 5px; 
	vertical-align: 0;
}

.cfooter {
	line-height: 1.5;
	min-height: 100px;
	padding: 40px 0;
}

.cfooter h5 {
	margin-bottom: 13px;
	margin-top: 20px;
}

.cfooter h5:first-child { margin-top: 0; }

.cfooter p {
	font-size: 1.2em;
	margin-bottom: 0;
	text-align: justify;
}

.cfooter ul {
	font-size: 1.2em;
	list-style: none;
}

.cfooter ul li {
	border-style: solid;
	border-width: 0 0 1px;
	margin-bottom: 8px;
	padding-bottom: 9px;
}

.cfooter ul li:last-child {
	border-width: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.cfooter-1 {
	float: left;
	width: 100%;
}

.cfooter-1-2 {
	float: left;
	padding-right: 20px;
	width: 25%;
}

.cfooter-1-2:last-child { padding-right: 0; }

.cfooter-1-3 {
	float: left;
	padding-right: 20px;
	width: 33.333333%;
}

.cfooter-1-3:last-child { padding-right: 0; }

.cfooter-1-4 {
	float: left;
	padding-right: 20px;
	width: 25%;
}

.cfooter-1-4:last-child { padding-right: 0; }

.cfooter-social li {
	border: none !important;
	float: left;
	margin-bottom: 3px !important;
	margin-right: 3px;
	padding: 0 !important;
}

.cfooter-social li i {
	font-size: 15px;
	height: 27px;
	line-height: 27px;
	margin-right: 0;
	text-align: center;
	transition: color 0.1s ease-out;
	width: 27px;
}

.get-in-touch li i {
	clear: both;
	margin-right: 15px;
	text-align: center;
	width: 16px;
}

.forabg, .forumbg {
	border-style: solid;
	border-width: 1px 1px 2px;
	clear: both;
	margin-bottom: 20px;
}

.panel {
	border-style: solid;
	border-width: 1px 1px 2px;
	font-size: 1em;
	margin-bottom: 20px;
	padding: 20px 20px 0;
}

.panel > *:first-child	{ margin-top: 0 !important; }
.panel > *:last-child	{ margin-bottom: 20px; }

.cublock {
	border-style: solid;
	border-width: 1px 1px 2px;
	font-size: 10px;
	margin-bottom: 20px;
}

.cublock .headerspace { margin: 0; }

.cublock-head {
	line-height: 4.5;
	padding: 0 20px;
}

.cublock-head h3 {
	border: none;
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
}

.cublock-content { padding: 20px; }

.cublock-content *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.headline-bg {
	border-style: solid;
	border-width: 1px 0 1px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.headline {
	overflow: hidden;
	position: relative;
}

.headline h1, .headline h2, .headline h2.solo, .headline h3, .headline h4, .headline h5 {
	float: left;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 2.1em;
		font-weight: 400;
	letter-spacing: -1px;
	line-height: 90px;
}

.headline h2.solo { margin-bottom: 0; }

.headline ul {
	float: right;
	font-size: 1.2em;
	height: 90px;
	line-height: 90px;
	list-style: none;
	margin-bottom: 0;
}

.headline > p {
	clear: both;
	float: left;
	font-size: 1.2em;
	height: auto;
	line-height: 1;
	margin-bottom: 6px;
}

.headline ul li {
	float: right;
	margin-left: 20px;
}

.headline ul li .fa { line-height: 1; }
.headline .topic-actions { float: left; }

.post {
	border-style: solid;
	border-width: 1px 1px 2px;
	margin-bottom: 2px;
	padding: 0 20px;
}

.bg1 a.top, .bg2 a.top, .bg3 a.top {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.bg1 a.top i, .bg2 a.top i, .bg3 a.top i {
	line-height: 60px;
	transition: line-height 0.3s ease-out;
}

.bg1:hover a.top, .bg2:hover a.top, .bg3:hover a.top { opacity: 1; }
.bg1:hover a.top i, .bg2:hover a.top i, .bg3:hover a.top i { line-height: 20px; }

#preview {
	overflow: hidden;
	padding-bottom: 20px;
}

.rowbg { margin: 5px 5px 2px 5px; }

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	font-size: 1.2em;
	margin: 0 0 20px;
}

ul.linklist li {
	display: block;
	float: left;
	height: auto;
	line-height: 3;
	list-style: none;
	margin-right: 10px;
	width: auto;
}

ul.linklist li a { text-decoration: none; }

ul.linklist li .space {
	display: inline-block;
	width: 20px;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-left: 10px;
	margin-right: 0;
	text-align: right;
}

ul.navlinks { font-weight: 400; }

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles - see tweaks.css
----------------------------------------*/
table.table1 {
	border-style: solid;
	border-width: 1px 1px 2px;
}

#ucp-main table.table1 { padding: 2px; }

table.table1 thead th {
	font-size: 1.2em;
		font-weight: 400;
	line-height: 1.5;
	padding: 19px 0 19px 20px;
}
table.table1 thead th:last-child { padding: 19px 20px; }

table.table1 thead th span { padding-left: 7px; }

table.table1 tbody tr {
	border-style: solid;
	border-width: 1px;
	transition: background-color 0.1s ease-out;
}

table.table1 td { font-size: 1.2em; }
table.table1 tbody td { padding: 18px 0 18px 20px; }
table.table1 tbody td:last-child { padding: 18px 20px 18px 20px; }

table.table1 tbody th {
	padding: 5px;
	text-align: left;
}

/* Specific column styles */
table.table1 .name			{ text-align: left; }
table.table1 .posts			{ text-align: center !important; width: 7%; }
table.table1 .joined		{ text-align: left; width: 15%; }
table.table1 .active		{ text-align: left; width: 15%; }
table.table1 .mark			{ text-align: center; width: 7%; }
table.table1 .info			{ text-align: left; width: 30%; }
table.table1 .info div		{ width: 100%; white-space: normal; }
table.table1 .autocol		{ overflow: hidden; line-height: 1.5; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td { padding: 3px; }

table.info tbody th {
	font-weight: 400;
	padding: 3px;
	text-align: right;
	vertical-align: top;
}

.forumbg table.table1 {
	border: none;
	margin: 0;
}

.forumbg-table > .inner { margin: 0 -1px; }

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts */
.column1 {
	clear: left;
	float: left;
	padding-right: 10px;
	width: 50%;
}

.column2 {
	clear: right;
	float: right;
	padding-left: 10px;
	width: 50%;
}

.column1 *:first-child, .column2 *:first-child { margin-top: 0; }

/* General classes for placing floating blocks */
.left-box {
	float: left;
	line-height: 30px;
	text-align: left;
	width: auto;
}

.right-box {
	float: right;
	line-height: 30px;
	text-align: right;
	width: auto;
}

.left-box i { margin-right: 5px; }
.right-box i { margin-left: 5px; }

dl.details { 
	font-size: 1.2em;
	overflow: hidden;
}

dl.details dt {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	width: 30%;
}

dl.details dd {
	float: left;
	margin-bottom: 6px;
	margin-left: 0;
	padding-left: 5px;
	width: 70%;
}

dl.details dt, dl.details dd { line-height: 1.5; }

/* Pagination
---------------------------------------- */
.pagination {
	float: right;
	min-height: 30px;
	line-height: 30px;
	text-align: right;
	width: auto;
}

.pagination .space {
	display: inline-block;
	width: 20px;
}

.pagination a {
	margin-left: 20px;
	margin-right: 20px;
}

.pagination a:hover { text-decoration: none; }
.pagination span.page-sep { display: none; }
li.pagination { margin-top: 0; }

li.pagination strong, li.pagination a {
	height: 30px;
	line-height: 30px;
}

.pagination strong, .pagination b { font-weight: 400; }

.pagination span strong {
	display: inline-block;
	font-weight: 400;
	margin-left: 0;
	padding: 0 10px;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	display: inline-block;
	font-weight: 400;
	margin-left: 0;
	margin-right: 0;
	padding: 0 10px;
	text-decoration: none;
	transition: background-color 0.15s ease-out;
}

.pagination span a:hover { text-decoration: none; }
.pagination img { vertical-align: middle; }

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	font-size: 0.9em;
	line-height: normal;
	margin-top: 0;
	padding: 0;
	width: auto;
}

.row .pagination .fa-2x {
	font-size: 1.5em;
	line-height: 23px;
}

.row .pagination span { padding-left: 5px; }

.row .pagination a {
	line-height: normal;
	margin: 0 1px 0 0 !important;
	padding: 4px 6px !important;
	transition: background-color 0.3s ease-out !important;
}

.row .pagination i {
	display: block;
	float: left;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	margin-left: 5px;
	margin-top: 10px;
	padding-left: 5px;
	text-align: right;
	width: auto;
}

.copyright-bg { min-height: 50px; }

.copyright {
	font-size: 1.1em;
	line-height: 1.5;
	padding: 20px 0 40px;
}

.copyright a { font-weight: 700; }
.copy-left { float: left; }
.copy-right { float: right; }
.small { font-size: 0.9em !important; }
.titlespace { margin-bottom: 15px; }
.headerspace { margin-top: 20px; }

.error {
	font-size: 1em;
		font-weight: 700;
}

div.rules {
	font-size: 1.2em;
	margin: -20px 0 21px;
	padding: 20px 0;
}

div.rules ul, div.rules ol { margin-left: 20px; }

p.rules {
	margin-top: 18px;
	padding: 20px;
}

p.rules img {
	padding-top: 5px;
	vertical-align: middle;
}

p.rules a {
	clear: both;
	vertical-align: middle;
}

.forum-rules {
	clear: both;
	font-size: 1.3em;
	line-height: 1.5;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 20px;
}

.forum-rules p.rules-title {
	font-size: 1.615em;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 1;
	margin: 0 0 9px;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 1px;
}

.new-post { font-size: 12px; }
.side-bar > h1, .side-bar > h2, .side-bar > h2.solo, .side-bar > h3, .side-bar > h4, .side-bar > h5 { margin-top: 0; }

/* For second .headline-bg */
.spacer {
	clear: both;
	height: 21px;
}

.spacer2 {
	clear: both;
	height: 20px;
}

.spacer3 { margin-bottom: 15px !important; }
.hidden { display: none; }

.simple_close {
	display: block;
	margin-bottom: 20px;
	text-align: right;
	width: 100%;
}

.headerbar {
    position: relative;
}
.search-more {
    position: absolute;
    right: 0;
    top: 65px;
}
.postbody img,
.banner img {
    max-width: 100%;
} 
 /* END @include common.css */ 

/* BEGIN @include links.css */ 
 /* Link Styles
---------------------------------------- */

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
a {
	direction: ltr;
	unicode-bidi: embed;
	transition: color 0.3s ease-out;
}

a:link		{ text-decoration: none; }
a:visited	{ text-decoration: none; }
a:hover		{ text-decoration: underline; }
a:active	{ text-decoration: none; }

/* Coloured usernames */
.username-coloured {
	font-weight: 700;
	display: inline !important;
	padding: 0 !important;
}

/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link { text-decoration: none; }
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited { text-decoration: none; }
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover { text-decoration: underline; }
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active { text-decoration: none; }

/* Links for forum/topic lists */
a.forumtitle {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-decoration: none;
}

a.forumtitle:hover { text-decoration: underline; }

a.topictitle {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-decoration: none;
}

a.topictitle:hover { text-decoration: underline; }

/* Post body links */
.postlink {
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 0;
}

.postlink:hover { text-decoration: none; }

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
	border: none;
	text-decoration: underline;
}

/* Profile links */
.postprofile dt.author a { text-decoration: none; }
.postprofile dt.author a:hover {text-decoration: underline; }

.postprofile a:active {
	font-weight: 700;
	text-decoration: none;
}

/* Profile searchresults */	
.search .postprofile a {
	text-decoration: none; 
	font-weight: 400;
}

.search .postprofile a:hover { text-decoration: underline;  }

/* Back to top of page */
.back2top {
	clear: both;
	height: 20px;
	text-align: right;
}

a.top {
	text-decoration: none;
	display: block;
	float: right;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	width: 40px;
	text-align: center;
}

a.top2 {
	text-decoration: none;
	display: block;
	float: right;
	overflow: hidden;
}

/* Arrow links  */
a.up		{ background: none no-repeat }
a.down		{ background: none no-repeat }
a.left		{ background: none no-repeat }
a.right		{ background: none no-repeat }

a.up, a.up:link, a.up:active, a.up:visited {
	padding-left: 10px;
	text-decoration: none;
	border-bottom-width: 0;
}

a.up:hover { background-position: left top; }
a.down, a.down:link, a.down:active, a.down:visited { padding-right: 10px; }

a.down:hover {
	background-position: right bottom;
	text-decoration: none;
}

a.left, a.left:active, a.left:visited { padding-left: 0; }
a.left i { margin-right: 5px; }
a.left:hover { text-decoration: none; }
a.right, a.right:active, a.right:visited { padding-right: 0; }
a.right i { margin-left: 5px; }
a.right:hover { text-decoration: none; }

/* invisible skip link, used for accessibility  */
.skiplink {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* Feed icon in forumlist_body.html */
a.feed-icon-forum {
	float: right;
	margin: 3px;
} 
 /* END @include links.css */ 

/* BEGIN @include content.css */ 
 /* Content Styles
---------------------------------------- */
ul.topiclist {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.topiclist dl { position: relative; }
ul.topiclist li.row dl { padding: 9px 0; }

ul.topiclist dt {
	display: block;
	float: left;
	width: 59%;
	font-size: 1.3em;
	line-height: 1.5;
	padding-left: 0;
	padding-right: 0;
}

ul.topiclist dd {
	display: block;
	float: left;
	line-height: 1.5;
}

ul.topiclist dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

ul.topiclist li.row dt a.subforum {
	position: relative;
	white-space: nowrap;
	text-decoration: none;
}

.forum-image {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

li.row { transition: background-color 0.1s ease-out; }
li.row strong { font-weight: 400; }

li.header dt, li.header dd {
	line-height: 4.5;
	border-left-width: 0;
	font-size: 1.2em;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

li.header dl.icon {
	min-height: 0;
	font-size: 10px;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 20px;
	padding-right: 30px;
}

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 20px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 55px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	font-size: 1.2em;
}

/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
	list-style-position: inside;
	margin-left: 1em;
}

dl.icon dt li {
	display: list-item;
	list-style-type: inherit;
}

dd.lastpost {
	width: 25%;
	font-size: 1.2em;
	padding-right: 20px;
}

dd.lastpost span i { font-size: 1.833em; }

dd.redirect {
	font-size: 1.2em;
	line-height: 1.5em;
}

dd.moderation { font-size: 1.2em; }

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
	display: block;
	padding-left: 5px;
}

dd.time {
	width: auto;
	line-height: 1.5em;
	font-size: 1.2em;
}

dd.extra {
	width: 12%;
	line-height: 1.5em;
	text-align: center;
	font-size: 1.2em;
}

dd.mark {
	float: right !important;
	width: 8%;
	text-align: center;
	line-height: 1.5em;
	font-size: 1.2em;
}

dd.info { width: 30%; }

dd.option {
	width: 15%;
	line-height: 1.5em;
	text-align: center;
	font-size: 1.2em;
}

dd.searchby {
	width: 47%;
	font-size: 1.2em;
	line-height: 1.5em;
}

ul.topiclist dd.searchextra {
	margin-left: 5px;
	padding: 0.2em 0;
	font-size: 1.2em;
	border-left: none;
	clear: both;
	width: 98%;
	overflow: hidden;
}

/* Container for post/reply buttons and pagination */
.topic-actions {
	margin-bottom: 20px;
	font-size: 1.2em;
	height: 28px;
	min-height: 28px;
	overflow: hidden;
}

div[class].topic-actions { height: auto; }

/* Post body styles
----------------------------------------*/
.postbody {
	line-height: 1.5em;
	width: 85%;
	/*float: left;*/
    float: right;
	/*clear: both;*/
	font-size: 10px;
	/*padding: 0 20px 0 0;*/
    padding: 0 0 0 20px;        
}

.postbody .content {
	font-size: 1.3em;
	margin-top: 18px;
	margin-bottom: 18px;
	/*min-height: 175px;*/
	text-align: justify;
}

.postbody .ignore {
	font-size: 1.2em;
	padding-top: 20px;
}

.postbody h3 {
	padding: 6px 0 9px;
	margin: 0;
	text-transform: none;
	border: none;
	line-height: 1;
	font-weight: 400;
}

.postbody h3 img { vertical-align: bottom; }

/* Topic review panel
----------------------------------------*/
#review { margin-top: 2em; }

#topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
	width: 100%;
}

#topicreview .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}

#topicreview .postbody .right-box { clear: both; }
#topicreview .post { height: auto; }
#topicreview h2 { border-bottom-width: 0; }
.post-ignore .postbody { display: none; }

.topicreview-btt {
	padding: 0 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

/* MCP Post details
----------------------------------------*/
#post_details {
	/* This will only work in IE7+, plus the others */
	overflow: auto;
	max-height: 300px;
}

#expand {
	clear: both;
	float: right;
}

/* Content container styles
----------------------------------------*/
.content {
	overflow: hidden;
	line-height: 1.5;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

#postingbox h2, #qr_editor_div h2 { font-size: 1.6em; }
#message h2 { font-size: 2.1em; }

.content h2, .panel h2 {
	font-size: 1.615em;
	margin-top: 20px;
	margin-bottom: 10.5px;
	padding-bottom: 0;
	line-height: 1;
}

.content h3 { font-size: 1.384em; }
.panel h2 { margin-top: 0; }
.content > *:last-child { margin-bottom: 0; }
.content fieldset { font-size: 1em; }

.panel h3 {
	margin: 0 0 9px;
	padding-bottom: 0;
	line-height: 1;
}

.panel p { margin-bottom: 2em; }

.content p {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 1em !important;
	margin-bottom: 1em;
	line-height: 1.5em;
}

dl.faq {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-top: 2em;
	margin-bottom: 2em;
	line-height: 1.5em;
}

dl.faq:nth-child(2) { margin-top: 0 !important; }
dl.faq dt { font-weight: 700; }

.content dl.faq {
	font-size: 1em;
	margin-bottom: 0.5em;
}

.content li { list-style-type: inherit; }

.content ul, .content ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

.posthilit { padding: 0 2px 1px 2px; }

/* Post author */
p.author {
	margin: 0;
	padding: 20px 0 6px 0;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1;
}

p.author a i { margin-right: 5px; }

/* Post signature */
.signature {
	margin-top: 20px;
	padding-top: 20px;
	font-size: 1.2em;
	border-top-style: solid;
	border-top-width: 5px;
	clear: left;
	line-height: 1.5em;
	overflow: hidden;
	width: 100%;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

.signature li { list-style-type: inherit; }

.signature ul, .signature ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

/* Post noticies */
.notice {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	width: auto;
	margin-top: 10px;
	padding-top: 10px;
	font-size: 1.2em;
	border-top-style: dashed;
	border-top-width: 3px;
	clear: left;
	line-height: 1.5em;
}

/* Jump to post link for now */
ul.searchresults {
	list-style: none;
	text-align: right;
	clear: both;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	font-size: 0.95em;
	font-style: italic;
	overflow: hidden;
	margin: 20px 40px 0;
	padding: 20px;
}

blockquote:before {
	content: "\f10d";
	float: left;
	font-family: FontAwesome;
		font-size: 40px;
		font-style: normal;
		font-weight: normal;
	line-height: 40px;
	padding: 0 20px 0 0;
}

blockquote blockquote {
	font-size: 1em;
	margin: 20px 40px;
}

blockquote blockquote blockquote {
	font-size: 1em;
	margin: 20px 40px;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: 700;
	display: block;
	font-size: 1em;
}

blockquote cite cite { font-size: 1em; }

/* Code block */
dl.codebox {
	padding: 20px;
	font-size: 1em;
	margin: 20px 0 0;
}

dl.codebox dt {
	text-transform: uppercase;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 0.8em;
	font-weight: 700;
	display: block;
}

blockquote dl.codebox { margin-left: 0; }

dl.codebox code {
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	line-height: 1.5em;
}

/* Attachments
----------------------------------------*/
.attachbox {
/*	float: left;
	width: auto; */

    width: 100%;

	margin: 10px 10px 10px 0;
	padding: 6px;
	border-style: dashed;
	border-width: 1px;
	clear: left;
}

.attachbox dt {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.attachbox a {
    white-space: nowrap;
    width: 200px;
    height: 200px;
    display: block;
}
.attachbox a img {
    vertical-align: middle;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	/*clear: left;*/
    text-align: center;
	border-top-style: solid;
	/*border-top-width: 1px;*/

	border-top-width: 0px;    
}

.attachbox dd {
    display: bloc;
    float: left;
    width: 200px;
    height: 220px;
    margin: 0 10px 10px 0;
}


.attachbox dd dd { border: none; }

.attachbox p {
	line-height: 1.5em;
	font-weight: 400;
	clear: left;
}

.attachbox p.stats {
	line-height: 1.5em;
	font-weight: 400;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
	border-style: solid;
	border-width: 1px;
	cursor: default;
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p { font-size: 100%; }

dl.file {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

dl.file dd {
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border-style: solid;
	border-width: 1px;
}

dl.thumbnail dd {
	font-style: italic;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.attachbox dl.thumbnail dd { font-size: 100%; }

dl.thumbnail dt a:hover img {
	border-style: solid;
	border-width: 1px;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls { font-family: "Open Sans", Arial, Helvetica, sans-serif; }

fieldset.polls dl {
	margin-top: 5px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 5px 0 0 0;
	line-height: 1.5;
}

fieldset.polls dl:first-child { border-top: none; }
fieldset.polls dl.voted { font-weight: 700; }

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 20px;
	margin-left: 0;
	font-size: 1em;
}

fieldset.polls dd.resultbar { width: 50%; }
fieldset.polls dd input { margin: 2px 0; }

fieldset.polls dd div {
	text-align: right;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 700;
	padding: 0 2px;
	overflow: visible;
	min-width: 13px;
}

.pollbar1 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

.pollbar2 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

.pollbar3 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

.pollbar4 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

.pollbar5 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	/* Also see tweaks.css */
	margin: 20px 0 0 0;
	min-height: 80px;
	width: 15%;
	/*float: right;*/
    float: left;
	display: inline;
}

.pm .postprofile {
	border-left-style: solid;
	border-left-width: 1px;
}

.postprofile dd, .postprofile dt {
	line-height: 1.5;
	font-size: 1.1em;
}

.postprofile strong { font-weight: 700; }

.avatar {
	border: none;
	margin-bottom: 3px;
}

.online { margin-right: 5px; }

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt			{ width: 50% !important; }
dl.pmlist dt textarea	{ width: 100% !important; }
dl.pmlist dd			{ width: 50% !important; margin-left: 50% !important; }

dl.pmlist dd:nth-of-type(n+2) { clear: none !important; }
dl.pmlist dd:nth-child(n+3) { margin-top: 3px; }


.header-button {
    background: #8e0e15 none repeat scroll 0 0;
    height: 64px;
    line-height: 64px;
    font-size: 22px;
    color: #ffffff;
    font-weight:bold;
    font-family: 'Open Sans', sans-serif;
}

.header-button a {
    float: right;
    font-weight: 300;
    font-size:14px;
    color: #fff;
    display: block;
    width: 160px;
    height: 42px;
    background: #000000;
    line-height: 42px;
    text-align: center;
    margin-top: 11px;
}
.header-button a:active,
.header-button a:visited,
.header-button a:hover {
    text-decoration: none;
    color: #fff;
} 
 /* END @include content.css */ 

/* BEGIN @include buttons.css */ 
 /* Button Styles
---------------------------------------- */
.buttons {
	float: left;
	width: auto;
	height: auto;
}

.buttons div {
	float: left;
	margin: 0 20px 0 0;
}

/* Rolloff state */
.buttons div a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

/* Big button images */
.fbutton a {
	padding: 0 20px;
	line-height: 30px;
	height: 30px !important;
	transition: background-color 0.3s ease-out;
}

.fbutton i { margin-right: 5px; }
.fbutton a:hover { text-decoration: none; }
.fbutton a:active { line-height: 32px; }

/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
	/*padding-top: 20px;*/
	padding-top: 12px;
    padding-bottom: 6px;
	list-style: none;
}

ul.profile-icons li { float: left; }
ul.profile-icons li span { margin-left: 5px; }

ul.profile-icons li a:hover {
	background: none;
	text-decoration: none;
}

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	/*float: right;*/
	width: auto;
}

#cp-main .postbody ul.profile-icons { padding-top: 0; }

.postbody ul.profile-icons li a, .postbody ul.profile-icons li a:visited, .postbody ul.profile-icons li a:link {
	line-height: 1.5;
	text-align: center;
	margin: 0 10px 0 /*10px*/ 0;
	padding: 0;
	display: block;
	transition: color 0.3s ease-out;
}

.postbody dd ul.profile-icons li a, .postbody dd ul.profile-icons li a:visited, .postbody dd ul.profile-icons li a:link {
    line-height: 30px;
    text-align: left;
    padding: 0 12px;
}

.postbody ul.profile-icons li label {
	text-align: center;
	margin: 0;
	padding: 0 10px;
	display: block;
	transition: background-color 0.3s ease-out;
}

/* Positioning of user icons */
dd ul.profile-icons {
	float: left;
	width: 100%;
	position: relative;

    clear: both;
}

dd ul.profile-icons > li {
	/*width: 30px !important;*/

	padding: 0;
	border-style: solid;
	border-width: 1px;
}

dd ul.profile-icons li { /*width: 100%;*/ margin-right: 16px; margin-bottom: 2px;}

dd ul.profile-icons li a, dd ul.profile-icons li a:visited, dd ul.profile-icons li a:link {
	float: left;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding: 0 20px;
	margin: 0;
	display: block;
	width: 100%;
	transition:
		background-color 0.1s ease-out,
		color 0.1s ease-out;
}

dd ul.profile-icons li a i {
    margin-right: 6px;
}

dd ul.profile-icons li a:hover { text-decoration: none; }

.profile-icons-more {
	width: 100%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	transition: box-shadow 0.5s ease-out;
}

.profile-icons-drop {
	list-style: none;
	display: none;
	position: absolute;
	top: 49px;
	left: 0;
	width: 100%;
	z-index: 9999;
	border-style: solid;
	border-width: 1px;
}

.profile-icons-more:hover .profile-icons-drop { display: block !important; } 
 /* END @include buttons.css */ 

/* BEGIN @include cp.css */ 
 /* Control Panel Styles
---------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-menu {
	float:left;
	width: 19%;
	margin-bottom: 20px;
	padding-right: 20px;
}

#cp-main {
	float: left;
	width: 81%;
}

#cp-main *:last-child { margin-bottom: 0; }
#cp-main .content { padding: 0; }
#cp-main .panel p { font-size: 1.3em; }

#cp-main .panel ol {
	margin-left: 2em;
	font-size: 1.2em;
}

#cp-main .panel li.row { padding-left: 20px; }
#cp-main .panel li.row dl.icon { background-position: 0 50%; }

#cp-main .panel li.row dl.icon dl.icon dt {
	padding-left: 0;
	padding-right: 55px;
}

ul.cplist {
	border-style: solid;
	border-width: 0;
	margin-bottom: 20px;
}

#cp-main .panel li.header dt {
	padding-left: 20px;
	padding-right: 35px;
}

#cp-main table.table1 { margin-bottom: 20px; }

#cp-main table.table1 thead th {
	font-weight: 400;
	padding: 0 0 0 20px;
	text-align: left;
}

#cp-main table.table1 thead th:last-child, #cp-main table.table1 tbody td:last-child {
	padding-left: 0;
	padding-right: 20px;
}

#cp-main table.table1 thead th:only-child, #cp-main table.table1 tbody td:only-child {
	padding-left: 20px;
	padding-right: 20px;
}

#cp-main table.table1 tbody th {
	font-style: italic;
	background-color: transparent !important;
	border-bottom: none;
}

#cp-main .pagination {
	float: right;
	width: auto;
}

#cp-main .postbody p { font-size: 1.2em; }

#cp-main .postbody p.author {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#cp-main .pm-message {
	border-style: solid;
	border-width: 1px;
	margin: 10px 0;
	width: auto;
	float: none;
}

.pm-message h2 { padding-bottom: 5px; }

#cp-main .postbody h3, #cp-main .box2 h3 {
	margin-top: 0;
	padding-top: 0;
	border-bottom: 0;
}

#cp-main .buttons { margin-left: 0; }
#cp-main ul.linklist { margin: 0; }
#cp-main ul.linklist:first-child { margin-bottom: 20px !important; }
#cp-main ul.linklist li { line-height: 1.5; }
#cp-main table.table1 { border-width: 0; }

/* MCP Specific tweaks */
.mcp-main .postbody {
	padding: 0;
	width: 100%;
}

.tabs-container h2 {
	float: left;
	margin: 20px 0;
}

.tabs-container #minitabs { float: right; }

.tabs-container:after {
	display: block;
	clear: both;
	content: '';
}

/* CP tabbed menu
----------------------------------------*/
#tabs { width: 100%; }

#tabs ul {
	margin:0;
	padding: 0;
	list-style: none;
	line-height: 55px;
	height: 55px;
}

#tabs li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: 400;
}

#tabs a {
	float: left;
	text-decoration: none;
	display: inline;
	cursor: pointer;
	padding: 0 20px;
	transition: background-color 0.3s ease-out;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
	line-height: 55px;
	height: 55px;
	width: 100%;
}

#minitabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#minitabs a {
	display: block;
	float: right;
	padding: 0 20px;
	font-size: 1em;
	font-weight: 400;
	transition: background-color 0.3s ease-out;
}

#minitabs a:hover { text-decoration: none; }

/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation { width: 100%; }

#navigation ul {
	border-style: solid;
	border-width: 0;
	list-style: none;
	margin-top: 20px;
}

#navigation ul:first-child { margin-top: 0; }

/* Default list state */
#navigation li {
	padding: 0;
	font-weight: 400;
	display: inline;
}

/* Link styles for the sub-section links */
#navigation a {
	display: block;
	padding: 10px;
	text-decoration: none;
	font-weight: 400;
}

#navigation a:hover {
	text-decoration: none;
	background-image: none;
}

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
	border-style: solid;
	border-width: 0;
	padding: 20px;
	font-size: 2.1em;
	font-weight: 300;
	margin-bottom: 20px;
}

#cp-main .panel { border-width: 0; }
#cp-main .panel > *:last-child { margin-bottom: 20px; }
#cp-main .panel > *:first-child { margin-top: 0; }
#cp-main .pm { padding-top: 20px; }
#cp-main #topicreview .postbody { padding-right: 0; }

#cp-main #topicreview .post { padding-top: 20px; }

/* Friends list */
.cp-mini {
	border-style: solid;
	border-width: 0;
	padding: 10px;
	margin: 20px 0 0;
}

dl.mini dt { font-weight: 700; }
dl.mini dd { padding-top: 4px; }
.friend-online { font-weight: 700; }
.friend-offline { font-style: italic; }

/* PM Styles
----------------------------------------*/
#pm-menu { line-height: 1.5em; }

/* PM panel adjustments */
.reply-all {
	font-size: 11px;
	padding-top: 5px;
}

/* Defined rules list for PM options */
ol.def-rules { padding-left: 0; }

ol.def-rules li {
	line-height: 1.5em;
	padding: 1px;
}

/* PM marking colours */
.pmlist li.bg1 { padding: 0 3px; }
.pmlist li.bg2 { padding: 0 3px; }

.pmlist li.pm_marked_colour, .pm_marked_colour {
	padding: 0;
	border-style: solid;
	border-width: 0 3px;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	padding: 0;
	border-style: solid;
	border-width: 0 3px;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	padding: 0;
	border-style: solid;
	border-width: 0 3px;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	padding: 0;
	border-style: solid;
	border-width: 0 3px;
}

.pm-legend {
	border-left-width: 10px;
	border-left-style: solid;
	border-right-width: 0;
	margin-bottom: 3px;
	padding-left: 3px;
}

/* Avatar gallery */
#gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	border-style: solid;
	border-width: 1px;
	text-align: center;
} 
 /* END @include cp.css */ 

/* BEGIN @include forms.css */ 
 /* Form Styles
---------------------------------------- */

/* General form styles
----------------------------------------*/
fieldset {
	border-width: 0;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 400;
}

input {
	background-image: none; /* For Firefox Mobile */
	cursor: pointer;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 400;
	outline: none;
	padding: 0 3px;
	vertical-align: middle;
}

select {
	background-image: none; /* For Firefox Mobile */
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 400;
	outline: none;
	padding: 5px;
	transition: border-color 0.3s ease-out;
	vertical-align: middle;
}

option { padding-right: 1em; }

textarea {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	width: 60%;
	padding: 2px;
	font-size: 1em;
	line-height: 1.5em;
	outline: none;
	transition:
		box-shadow 0.5s ease-out,
		border-color 0.3s ease-out,
		color 0.15s ease-out !important;
}

label {
	cursor: default;
	padding-right: 5px;
}

label input { vertical-align: middle; }
label img { vertical-align: middle; }

/* Definition list layout for forms
---------------------------------------- */
fieldset dl { padding: 0 0 9px; }

fieldset dt {
	display: inline-block;
	float: left;
	padding-right: 20px;
	text-align: left;
	width: 40%;
}

fieldset dd {
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 60%;
}

/* Specific layout 1 */
fieldset.fields1 dt {
	display: block;
	width: 150px;
}

fieldset.fields1 dd {
	display: block;
	float: none;
	margin-left: 150px;
	width: auto;
}

fieldset.fields1 dd:nth-of-type(n+2) { clear: both; }
fieldset.fields1 div { margin-bottom: 3px; }
#options-panel .fields1 { margin: 20px 0; }

/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div { margin-bottom: 0; }

/* Specific layout 2 */
fieldset.fields2 dt {
	display: block;
	width: 300px;
}

fieldset.fields2 dd {
	display: block;
	float: none;
	margin-left: 300px;
	width: auto;
}

/* Form elements */
dt label {
	font-weight: 400;
	text-align: left;
}

dd label { white-space: nowrap; }
dd input, dd textarea { margin-right: 3px; }
dd select { width: auto; }
dd textarea { width: 85%; }

/* Hover effects */
#timezone { width: 95%; }
* html #timezone { width: 50%; }

/* Quick-login on index page */
fieldset.quick-login {
	display: table-cell;
	min-width: 0;
}

fieldset.quick-login input { width: auto; }

fieldset.quick-login input.inputbox {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	margin-bottom: 5px;
}

fieldset.quick-login label {
	padding-right: 2px;
	line-height: 1.5em;
}

fieldset.quick-login .button2 {
	width: 100% !important;
	margin-top: 5px;
}

fieldset.quick-login .ql-bg {
	width: 100%;
	display: inline-block;
	line-height: 30px;
	height: 30px;
	text-align: center;
	padding: 0;
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
	text-align: center;
	line-height: 30px;
}

fieldset.display-options label {
	white-space: nowrap;
	padding-right: 0;
	padding-left: 20px;
}

fieldset.display-options select { margin-left: 5px; }
fieldset.display-options #sd { margin-left: 0; }
fieldset.display-options input { margin-left: 20px; }

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
	text-align: right;
	line-height: 1.5em;
	white-space: nowrap;
	padding-right: 1em;
}

fieldset.display-actions label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.sort-options { line-height: 1.5em; }

/* MCP forum selection*/
fieldset.forum-selection {
	margin: 5px 0 3px 0;
	float: right;
}

fieldset.forum-selection2 {
	margin: 5px 0 3px 0;
	float: right;
}

fieldset.forum-selection2 select { margin-right: 5px; }

/* Jumpbox */
fieldset.jumpbox {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
}

fieldset.jumpbox select { margin-right: 20px; }

fieldset.quickmod {
	width: 50%;
	float: right;
	text-align: right;
	height: 2.5em;
	margin-bottom: 20px;
}

#quick-mod-select { margin-right: 20px; }

/* Submit button fieldset */
fieldset.submit-buttons {
	text-align: center;
	vertical-align: middle;
}

fieldset.submit-buttons input { vertical-align: middle; }

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
#format-buttons {
	margin: 15px 0 -1px;
	border-width: 1px 1px 0;
	width: 80%;
}

#format-buttons select {
	padding: 5px 10px;
	vertical-align: top !important;
}

#format-buttons input, #format-buttons select {
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	border-style: none;
}

#format-buttons .fa-cfb {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	font-size: 1.166em;
}

/* Main message box */
#message-box {
	float: left;
	width: 80%;
}

#message-box textarea {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	width: 450px;
	height: 270px;
	min-width: 100%;
	max-width: 100%;
	font-size: 1em;
}

#cp-main #message-box textarea { margin-bottom: 0; }
#message { margin-bottom: 20px; }

/* Emoticons panel */
#smiley-box {
	width: 18%;
	float: right;
}

#smiley-box img { margin: 3px; }

/* Input field styles
---------------------------------------- */
.inputbox {
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	cursor: text;
	transition:
		border-color 0.3s ease-out,
		color 0.15s ease-out;
}

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox { width: 85%; }
.autowidth { width: auto !important; }

/* Form button styles
---------------------------------------- */
input.button1, input.button2 { font-size: 12px; }

a.button1, input.button1, input.button3, a.button2, input.button2 {
	width: auto !important;
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	transition:
		border-color 0.3s ease-out,
		background-color 0.3s ease-out;
}

a.button1, input.button1 {
	font-weight: 700;
	border: none;
}

input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	background-image: none;
	font-variant: small-caps;
}

/* Alternative button */
a.button2, input.button2 {
	border-style: solid;
	border-width: 1px;
}

input.button3 {
	border-style: solid;
	border-width: 1px;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited {
	text-decoration: none;
	padding: 0 20px;
	line-height: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: text-bottom;
}

a.button2, a.button2:link, a.button2:visited {
	text-decoration: none;
	padding: 0 20px;
	line-height: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: text-bottom;
}

.button1:active, .button2:active, .button3:active { line-height: 32px; }
input.disabled { font-weight: 400; }

/* Topic and forum Search */
.search-box { float: left; }

.search-box input {
	height: 30px;
	padding-left: 5px;
	width: 150px;
}

.search-box .inputbox { margin-right: 20px; }
.search-box label { padding-right: 0; }
.search-box input.button2 {	padding-left: 20px; }

.full 	{ width: 95%; }
.medium { width: 50%; }
.narrow { width: 25%; }
.tiny 	{ width: 10%; } 
 /* END @include forms.css */ 

/* BEGIN @include tweaks.css */ 
 /* Style Sheet Tweaks

These style definitions are mainly IE specific 
tweaks required due to its poor CSS support.
-------------------------------------------------*/

* html table, * html select, * html input { font-size: 100%; }
* html hr { margin: 0; }

table.table1 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
html>body table.table1 { width: 100%; }	/* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */

* html input.button1, * html input.button2 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

/* Misc layout styles */
* html .column1, * html .column2 { width: 45%; }

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html  */
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after, .panel:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
	height: 1%;
	overflow: hidden;
}

/* viewtopic fix */
* html .post {
	height: 25%;
	overflow: hidden;
}

/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
	height: 4%;
	overflow: hidden;
}

/* Simple fix so forum and topic lists always have a min-height set, even in IE6
	From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}

* html li.row dl.icon dt {
	height: 35px;
	overflow: visible;
}

* html #search-box {
	width: 25%;
}

/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html dl.details dd {
	margin-left: 30%;
	float: none;
}

/* Headerbar height fix for IE7 and below */
* html #site-description p {
	margin-bottom: 1.0em;
}

*:first-child+html #site-description p {
	margin-bottom: 1.0em;
} 
 /* END @include tweaks.css */ 

/* BEGIN @include colours.css */ 
 /* --------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: #2C2C2C;
	background-color: #E1E1E1;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover	{ color: #555555; }
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover	{ color: #555555; }
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover	{ color: #555555; }
hr, hr.dashed									{ border-top-color: #E1E1E1; }

/* Search box
--------------------------------------------- */
#search-box {
	background-color: #EBEBEB;
	border-color: #D1D1D1;
}

#search-box #keywords {
	background-color: transparent;
	background-image: none; /* For Firefox Mobile */
	color: #3C3C3C;
}

#search-box #keywords:hover, #search-box #keywords:focus { color: #ae6b03; }
#search-box input.button:hover { color: #ae6b03; }

#search-box .button {
	background-color: transparent;
	color: #3C3C3C;
}

/* Custom menu
--------------------------------------------- */
#cmenu > li > a {
	background-color:transparent;
	box-shadow: 0 2px 0 transparent;
	color: #3C3C3C;
}

#cmenu > li > a:hover { box-shadow: 0 2px 0 #614923; }

#cmenu > li > ul {
	background-color: #2C2C2C;
	border-color: #614923;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
}

#cmenu > li > ul > li > a { color: #B2B2B2; }
#cmenu > li > ul > li > a:hover { color: #E5E5E5; }

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar-bg {
	background-color: #EBEBEB;
	box-shadow: 0 2px 2px #CBCBCB;
}

.headerbar										{ background-color: transparent; }
.navbar-bg										{ background-color: #2C2C2C; }
.navbar											{ background-color: transparent; }
.navbar a, .navbar a:link, .navbar a:visited	{ color: #B2B2B2; }
.navbar a:hover									{ color: #E5E5E5; }
.navbar-leg strong i							{ color: #666666; }

.bottombar-bg											{ background-color: #1C1C1C; }
.bottombar												{ background-color: transparent; }
.bottombar a, .bottombar a:link, .bottombar a:visited	{ color: #B2B2B2; }
.bottombar a:hover										{ color: #E5E5E5; }
.bottombar ul											{ color: #B2B2B2; }

.cfooter-bg																	{ background-color: #2C2C2C; }
.cfooter 																	{ background-color: transparent; }
.cfooter h5																	{ color: #999999; }
.cfooter p, .cfooter li, .cfooter a, .cfooter a:link, .cfooter a:visited	{ color: #777777; }
.cfooter ul li																{ border-color: #333333; }

.cfooter li i {
	color: #999999;
	background-color: #1C1C1C;
}

.cfooter-social a:hover i	{ color: #999999; }
.get-in-touch li i			{ color: #3C3C3C; }
.get-in-touch span span		{ color: #999999; }

.forabg, .forumbg {
	background-color: #614923;
	border-color: #D1D1D1;
}

.panel {
	background-color: #F5F5F5;
	color: #555555;
	border-color: #D1D1D1;
}

.panel h3																{ color: #ae6b03; }
.cublock																{ border-color: #D1D1D1; }
.cublock-head															{ background-color: #3C3C3C; }
.cublock-head h3														{ color: #EEEEEE; }
.cublock-head h3 a, .cublock-head h3 a:link, .cublock-head h3 a:visited	{ color: #EEEEEE; }
.cublock-content														{ background-color: #FAFAFA; }

.headline-bg {
	background-color: #D7D7D7;
	border-color: #C7C7C7;
}

.headline																						{ background-color: transparent; }
.headline ul a, .headline ul a:link, .headline ul a:visited, .headline p						{ color: #4C4C4C; }
.headline h2, .headline h2 a, .headline h2 a:link, .headline h2 a:visited, .headline h2 a:hover	{ color: #4C4C4C; }
.post																							{ border-color: #D2D2D2; }
.post:target h3 a																				{ color: #ae6b03; }
.bg1, .bg2, .bg3																				{ background-color: #FAFAFA; }
.ucprowbg																						{ background-color: #DCDEE2; }
.fieldsbg																						{ background-color: #E7E8EA; }

/* Horizontal lists
----------------------------------------*/
ul.linklist																{ background-color: transparent; }
ul.navlinks, ul.navlinks a, ul.navlinks a:link, ul.navlinks a:visited	{ color: #666666; }

/* Table styles
----------------------------------------*/
table.table1			{ border-color: #DDDDDD; }
table.table1 thead th	{ color: #EEEEEE; }
table.table1 tbody tr	{ border-color: #BFC1CF; }

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #FAFAFA;
	color: #000000;
}

table.table1 td			{ color: #7D7D7D; }
table.table1 td strong	{ color: #555555; }

table.table1 tbody th {
	background-color: #FFFFFF;
	color: #333333;
}

table.info tbody th { color: #000000; }

/* Misc layout styles
---------------------------------------- */
dl.details dt				{ color: #555555; }
dl.details dd				{ color: #7D7D7D; }
.sep						{ color: #1198D9; }

/* Pagination
---------------------------------------- */
.pagination span strong {
	background-color: #3C3C3C;
	color: #EEEEEE;
}

.pagination span a, .pagination span a:link, .pagination span a:visited {
	background-color: #614923;
	color: #EEEEEE;
}

.pagination span a:hover {
	background-color: #3C3C3C;
}

/* Pagination in viewforum for multipage topics */

.row .pagination a											{ box-shadow: none !important; }
.row .pagination span a:hover, li.pagination span a:hover	{ background-color: #614923; }

.row .pagination a, .row .pagination a:link, .row .pagination a:visited {
	background-color: #3C3C3C;
	color: #EBEBEB;
}

.row .pagination i { color: #D7D7D7; }

/* Miscellaneous styles
---------------------------------------- */
.copyright-bg														{ background-color: #1C1C1C; }
.copyright, .copyright a, .copyright a:link, .copyright a:visited	{ color: #555555; }
.copyright a:hover													{ color: #666666; }
.error																{ color: #BC2A4D; }
.reported															{ box-shadow: 5px 0 0 #D45748 inset; }
div.rules-bg														{ background-color: #D45748; }

div.rules {
	background-color: transparent;
	color: #FFFFFF;
}

p.rules															{ background-color: #3C3C3C; }
p.rules a, p.rules a:link, p.rules a:visited, p.rules a:hover	{ color: #BBBBBB; }

.forum-rules {
	background-color: #3C3C3C;
	color: #E1E1E1;
}

.forum-rules p.rules-title						{ color: #E1E1E1; }
.clear											{ background: transparent; }
.new-post, .new-post:link, .new-post:visited	{ color: #D45748; }

/* For custom_menu.html */
.custom-menu li ul {
	background-color: #FAFAFA;
	border-color: #CCCCCC;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
}

.custom-menu a, .custom-menu a:link, .custom-menu a:visited						{ color: #CCCCCC; }
.custom-menu a:hover															{ background-color: #111111; }
.custom-menu li ul a, .custom-menu li ul a:link, .custom-menu li ul a:visited	{ color: #666666; }
.custom-menu li ul a:hover														{ background-color: #EAEAEA; }

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link		{ color: #ae6b03; }
a:visited	{ color: #ae6b03; }
a:hover		{ color: #2C2C2C; }
a:active	{ color: #ae6b03; }

/* Links on gradient backgrounds */
.navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link				{ color: #EEEEEE; }
.navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited	{ color: #EEEEEE; }
.navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover			{ color: #EEEEEE; }
.navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active		{ color: #C8E6FF; }

/* Links for forum/topic lists */
a.forumtitle, a.forumtitle:visited, a.forumtitle:hover	{ color: #555555; }
a.forumtitle:active										{ color: #1C1C1C; }
a.topictitle, a.topictitle:visited, a.topictitle:hover	{ color: #555555; }
a.topictitle:active										{ color: #1C1C1C; }

/* Post body links */
.postlink {
	color: #368AD2;
	border-bottom-color: #368AD2;
}

.postlink:visited {
	color: #5D8FBD;
	border-bottom-color: #5D8FBD;
}

.postlink:active { color: #368AD2; }

.postlink:hover {
	background-color: #D0E4F6;
	color: #0D4473;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active { background-color: transparent; }

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a	{ color: #105289; }
.postprofile a:hover, .postprofile dt.author a:hover					{ color: #D31141; }
.postprofile a:active													{ color: #105289; }

/* Profile searchresults */	
.search .postprofile a			{ color: #105289; }
.search .postprofile a:hover	{ color: #D31141; }

/* Back to top of page */
a.top {
	background-color: #D2D2D2;
	color: #999999;
}

a.top2 { color: #CCCCCC; }

/* Arrow links  */
a.up:hover			{ background-color: transparent; }
a.left, a.right		{ color: #ae6b03; }
a.left:hover		{ color: #2C2C2C; }
a.right:hover		{ color: #2C2C2C; }

/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.forums		{ background-color: #FAFAFA; }
ul.topiclist li	{ color: #444444; }
li.row strong	{ color: #6C6C6C; }
li.row:hover	{ background-color: #FAFAFA; }
li.row:hover dd	{ border-left-color: #CCCCCC; }
li.header dt	{ color: #EEEEEE; }
li.header dd	{ color: #EEEEEE; }

/* Forum list column styles */
ul.topiclist dd.searchextra { color: #333333; }

/* Post body styles
----------------------------------------*/
.postbody																						{ color: #333333; }
.postbody h3, .postbody h3 a, .postbody h3:link, .postbody h3 a:visited, .postbody h3 a:hover	{ color: #ae6b03; }

/* Content container styles
----------------------------------------*/
.content				{ color: #373737; }
.content h2, .panel h2	{ color: #ae6b03; }
dl.faq dt				{ color: #333333; }

.posthilit {
	background-color: #F3BFCC;
	color: #BC2A4D;
}

.announce {
	/* Highlight the announcements posts box */
	border-color: #614923;
}

.unreadpost {
	/* Highlight the unread posts box */
	border-color: #D45748;
}

/* Post author */
p.author		{ color: #A5A5A5; }
p.author a i	{ color: #A5A5A5; }

/* Post signature */
.signature {
	border-top-color: #E1E1E1;
	color: #A5A5A5;
}

/* Post noticies */
.notice {
	border-top-color: #EEEEEE;
	color: #A5A5A5;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #F0F0F0;
	color: #999999;
}

blockquote:before {
	color: #DDDDDD;
	text-shadow: 0 1px 0 #AAAAAA;
}

/* Nested quotes */
blockquote blockquote				{ background-color: #FFFFFF; }
blockquote blockquote blockquote	{ background-color: #F0F0F0; }

/* Code block */
dl.codebox		{ background-color: #F0F0F0; }
dl.codebox dt	{ border-bottom-color: #E0E0E0; }
dl.codebox code	{ color: #2E8B57; }

.syntaxbg		{ color: #FFFFFF; }
.syntaxcomment	{ color: #FF8000; }
.syntaxdefault	{ color: #0000BB; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #007700; }
.syntaxstring	{ color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #FFFFFF;
	border-color:  #C9D2D8;
}

.pm-message .attachbox	{ background-color: #F2F3F3; }
.attachbox dd			{ border-top-color: #C9D2D8; }
.attachbox p			{ color: #666666; }
.attachbox p.stats		{ color: #666666; }
.attach-image img		{ border-color: #999999; }

/* Inline image thumbnails */

dl.file dd { color: #666666; }

dl.thumbnail img {
	border-color: #666666;
	background-color: #FFFFFF;
}

dl.thumbnail dd				{ color: #666666; }
dl.thumbnail dt a:hover		{ background-color: #EEEEEE; }
dl.thumbnail dt a:hover img	{ border-color: #368AD2; }

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #F0F0F0;
	color: #666666;
}

fieldset.polls dl.voted	{ color: #000000; }
fieldset.polls dd div	{ color: #FFFFFF; }

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { border-right-color: transparent; }

.pollbar1 {
	background-color: #2C2C2C;
	border-bottom-color: #2C2C2C;
	border-right-color: #2C2C2C;
}

.pollbar2 {
	background-color: #2C2C2C;
	border-bottom-color: #2C2C2C;
	border-right-color: #2C2C2C;
}

.pollbar3 {
	background-color: #2C2C2C;
	border-bottom-color: #2C2C2C;
	border-right-color: #2C2C2C;
}

.pollbar4 {
	background-color: #2C2C2C;
	border-bottom-color: #2C2C2C;
	border-right-color: #2C2C2C;
}

.pollbar5 {
	background-color: #ae6b03;
	border-bottom-color: #ae6b03;
	border-right-color: #ae6b03;
}

/* Poster profile block
----------------------------------------*/
.postprofile { color: #7C7C7C; }

.rtl .postprofile {
	border-right-color: #EEEEEE;
	border-left-color: transparent;
}

.pm .postprofile {
	border-left-color: #DDDDDD;
}

.rtl .pm .postprofile {
	border-right-color: #DDDDDD;
	border-left-color: transparent;
}

.postprofile strong	{ color: #7C7C7C; }
.online				{ color: #7FBE00 !important; }

/*  	
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

.fbutton a										{ background-color: #614923; }
.fbutton a, .fbutton a:link, .fbutton a:visited	{ color: #FFFFFF; }
.fbutton a:hover								{ background-color: #333333; }

.fbutton a:active {
	background-color: #000000;
	color: #CCCCCC;
}

.postbody ul.profile-icons li a, .postbody ul.profile-icons li a:visited, .postbody ul.profile-icons li a:link	{ color: #828282; }
.postbody ul.profile-icons li a:hover																			{ color: #614923; }

dd ul.profile-icons li a, dd ul.profile-icons li a:visited, dd ul.profile-icons li a:link {
/*	background-color: #F5F5F5;*/
    background-color: white;
	color: #333333;
}

dd ul.profile-icons > li {
	background-color: transparent;
	border-color: #C3C3C3;
}

dd ul.profile-icons li a:hover {
	/*background-color: #333333;*/
	color: #CCCCCC;
}

.profile-icons-more {
	background-color: #EBEBEB;
	color: #666666;
}

.profile-icons-more:hover {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
}

.profile-icons-drop {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
	border-color: #C3C3C3;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */

/* Main CP box
----------------------------------------*/

#cp-main .topiclist						{ background-color: #333333; }

ul.cplist {
	background-color: #FFFFFF !important;
	border-color: #DDDDDD;
}

#cp-main .panel li.header dd, #cp-main .panel li.header dd a, #cp-main .panel li.header dd a:link, #cp-main .panel li.header dd a:visited, #cp-main .panel li.header dt, #cp-main .panel li.header dt a, #cp-main .panel li.header dt a:link, #cp-main .panel li.header dt a:visited { color: #999999; }

#cp-main table.table1 thead		{ background-color: #2C2C2C; }
#cp-main table.table1 thead th	{ color: #999999; }
#cp-main .postbody p.author		{ border-color: #e2e2e2; }
#cp-main .postbody p.rules		{ background-color: #DDDDDD; }

#cp-main .pm-message {
	border-color: #DBDEE2;
	background-color: #FFFFFF;
}

/* CP tabbed menu
----------------------------------------*/
#tabs																	{ background-color: #3C3C3C; }
#tabs a, #tabs a:link, #tabs a:visited									{ color: #FFFFFF; }
#tabs a:hover															{ background-color: #333333; }
#tabs .activetab a, #tabs .activetab a:link, #tabs .activetab a:visited	{ background-color: #333333; }

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs { background-color: #333333; }

#minitabs a {
	color: #FFFFFF;
	background-color: #333333;
}

#minitabs a:hover				{ background-color: #614923; }
#minitabs li.activetab			{ background-color: #614923; }
#minitabs li.activetab a		{ background-color: #614923; }
#minitabs li.activetab a:hover	{ background-color: #333333; }

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation ul {
	background-color: #E1E1E1;
	border-color: #DDDDDD;
}

#navigation a							{ color: #666666; }
#navigation a:hover						{ color: #ae6b03; }
#navigation #active-subsection a		{ color: #ae6b03; }
#navigation #active-subsection a:hover	{ color: #ae6b03; }

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
	background-color: #E1E1E1;
	border-color: #DDDDDD;
	color: #333333;
}

#cp-main .panel					{ background-color: #E1E1E1; }
#cp-main .pm					{ background-color: #E1E1E1; }
#cp-main .pm .signature			{ border-top-color: #E1E1E1; }
.mcp-main #topicreview .post	{ background-color: #FFFFFF; }
.ucp-main #topicreview .post	{ background-color: #EEEEEE; }

/* Friends list */
.cp-mini {
	background-color: #EEEEEE;
	border-color: #DDDDDD;
}

dl.mini dt { color: #666666; }

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current { color: #333333 !important; }

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #BC2A4D;
	border-right-color: #BC2A4D;
}

.pmlist li.pm_marked_colour, .pm_marked_colour		{ border-color: #FF6600; }
.pmlist li.pm_replied_colour, .pm_replied_colour	{ border-color: #A9B8C2; }
.pmlist li.pm_friend_colour, .pm_friend_colour		{ border-color: #5D8FBD; }
.pmlist li.pm_foe_colour, .pm_foe_colour			{ border-color: #000000; }

/* Avatar gallery */
#gallery label {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
}

#gallery label:hover { background-color: #EEEEEE; }

/* --------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #CCCCCC;
	background-color: #FFFFFF;
	color: #333333;
}

select:focus, select:hover	{ border-color: #ae6b03; }
label						{ color: #555555; }
option.disabled-option		{ color: graytext; }
textarea					{ box-shadow: 0 1px 2px #D7D7D7 inset; }
textarea:focus				{ box-shadow: 0 2px 3px #D7D7D7 inset; }
fieldset.fields1			{ background-color: transparent; }

/* Definition list layout for forms
---------------------------------------- */
dd label	{ color: #555555; }
dt span		{ color: #7D7D7D; }

/* Hover effects */
fieldset dl:hover dt label			{ color: #000000; }
fieldset.fields2 dl:hover dt label	{ color: inherit; }

/* Quick-login on index page */
fieldset.quick-login label			{ color: #888888;}
fieldset.quick-login input.inputbox	{ background-color: #F2F3F3; }
fieldset.quick-login .ql-bg			{ color: #888888; }

fieldset.quick-login .button2 {
	background-color: #DDDDDD;
	color: #888888;
}

/* Posting page styles
----------------------------------------*/
#format-buttons {
	border-color: #C3C3C3;
	border-style: solid;
}

#format-buttons select { background-color: transparent; }

#message-box textarea { color: #333333; }

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF; 
	border-color: #CCCCCC;
	color: #5C5C5C;
}

.inputbox:hover { border-color: #ae6b03; }

.inputbox:focus {
	border-color: #ae6b03;
	color: #333333;
}

/* Form button styles
---------------------------------------- */
a.button1, input.button1 {
	color: #EBEBEB;
	background-color: #614923;
}

input.button3, a.button2, input.button2 {
	color: #333333;
	background-color: transparent;
	border-color: #C3C3C3;
}

input.button3 { background-image: none; }

/* Alternative button */
a.button1, a.button1:link, a.button1:visited { color: #EBEBEB; }
a.button2, a.button2:link, a.button2:visited { color: #333333; }

.button1:active, .button2:active, .button3:active {
	background-color: #000000 !important;
	border-color: #000000 !important;
	color: #CCCCCC !important;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	background-color: #333333;
	border-color: #333333;
	color: #BCBCBC;
}

input.disabled { color: #666666; } 
 /* END @include colours.css */ 

/* BEGIN @include responsive.css */ 
 /* Responsive - first break
----------------------------------------*/
@media only screen and (max-width: 1219px) {
    .header-button {font-size: 12px;}
}
@media only screen and (max-width: 790px) {
    .header-button {line-height: 14px;}
}

@media only screen and (min-width: 980px) and (max-width: 1219px) {

.wrap {
    padding: 0 20px;
    width: 960px;
}

.main-content { width: 690px; }
.side-bar { width: 230px; }
#search-box #keywords { width: 172px; }
#format-buttons .fa-cfb { padding: 0 8px; }
.postbody { width: 80%; }
.postprofile { width: 20%; }

table.table1 span.rank-img {
    float: left;
    padding: 0;
    width: 100%;
}

}

/* Responsive - second break
----------------------------------------*/
@media only screen and (min-width: 788px) and (max-width: 989px) {

.wrap {
    padding: 0 20px;
    width: 768px;
}

.main-content { width: 100%; }

.side-bar {
    padding: 0 !important;
    width: 50%;
}

#search-box #keywords { width: 172px; }
#format-buttons .fa-cfb { padding: 0 7px; }

#smiley-box {
    float: none;
    width: 100%;
}

#format-buttons { width: 100%; }
#message-box {  width: 100%; }
.postbody { width: 75%; }
.postprofile { width: 25%; }
fieldset.quickmod { width: 100%; }
#timezone { width: 75% !important; }
#dateoptions { width: 75% !important; }

#format-buttons input, #format-buttons select {
    padding-left: 5px;
    padding-right: 5px;
}

.column1 {
    width: 100%;
    float: none;
    padding-right: 0;
}

.column2 {
    width: 100%;
    float: none;
    padding-left: 0;
}

fieldset.fields2 dt { width: 280px; }
fieldset.fields2 dd { margin-left: 280px; }

fieldset.display-actions {
    line-height: 30px;
    text-align: center;
}

fieldset.display-actions > * {
    clear: both;
    float: none;
    display: inline;
}

table.table1 span.rank-img {
    float: left;
    padding: 0;
    width: 100%;
}

}

/* Responsive - third break
----------------------------------------*/
@media only screen and (min-width: 646px) and (max-width: 787px) {

.wrap {
    padding: 0 10px;
    width: 626px;
}

.main-content { width: 100%; }

.side-bar {
    padding: 0 !important;
    width: 50%;
}

#search-box #keywords { width: 172px; }
#cmenu { display: none; }
#cmenu-top { display: block; }

#cmenu-top:before {
    color: #B2B2B2;
    content: "\f0c9";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    float: right;
    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 39px;
}

.navbar { height: 40px; }

.navbar ul {
    position: absolute;
    background-color: #1C1C1C;
    z-index: 999;
    width: auto;
    padding: 0 20px;
}

.navbar > ul:before {
    color: #B2B2B2;
    content: "\f007";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 1;
}

.navbar ul li {
    display: none;
    float: none !important;
    width: 100%;
    padding: 0;
    margin: 0 !important;
    border-top: 1px solid #2c2c2c;
}

.navbar ul li a {
    display: inline-block;
    width: 100%;
}

.navbar .fa-lg { width: 30px; }

.navbar > ul:hover {
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    padding-bottom: 5px;
    z-index: 99;
}

.navbar > ul:hover li { display: block; }
ul.linklist { text-align: center; }

ul.linklist li { 
    float: none !important; 
    display: inline-block;
    line-height: 3;
}

.postbody {
    width: 100%;
    padding-right: 0;
}

.postprofile {
    width: 100%;
    border-top: 5px solid #e1e1e1;
    padding-top: 20px;
}

.postprofile dd {
    float: left;
    width: 75%;
}

.postprofile dt {
    float: left;
    width: 25%;
    min-height: 18px;
}

fieldset.display-options label {
    width: 100%;
    float: left;
    padding: 0;
}

fieldset.display-options select {
    width: 50%;
    display: block;
    margin: 0 auto !important;
}

fieldset.display-options select:first-child { margin-top: 2px !important; }

fieldset.display-options input {
    width: 50% !important;
    margin: 0;
}

fieldset.display-actions {
    line-height: 30px;
    text-align: center;
}

fieldset.display-actions > * {
    clear: both;
    float: none;
    display: inline;
}

fieldset.quickmod { width: 100%; }

#smiley-box {
    float: none;
    width: 100%;
}

#format-buttons { width: 100%; }
#message-box {  width: 100%; }

.topic-actions > .pagination {
    margin-top: 20px;
    width: 100%;
}

.column1 {
    width: 100%;
    float: none;
    padding-right: 0;
}

.column2 {
    width: 100%;
    float: none;
    padding-left: 0;
}

#tabs ul { height: auto; }
#tabs li { display: block; }

#tabs a {
    width: 33.333%;
    text-align: center;
}

#cp-menu {
    padding: 0;
    width: 100%;
}

#cp-main { width: 100%; }
#timezone { width: 75% !important; }
#dateoptions { width: 75% !important; }

#format-buttons input, #format-buttons select {
    padding-left: 5px;
    padding-right: 5px;
}

fieldset.fields2 dt { width: 280px; }
fieldset.fields2 dd { margin-left: 280px; }

table.table1 span.rank-img {
    float: left;
    padding: 0;
    width: 100%;
}

}

/* Responsive - fourth break
----------------------------------------*/
@media only screen and (min-width: 570px) and (max-width: 645px) {

.wrap {
    padding: 0 10px;
    width: 550px;
}

.navbar { height: 40px; }
#cmenu { display: none; }
#cmenu-top { display: block; }

#cmenu-top:before {
    color: #B2B2B2;
    content: "\f0c9";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    float: right;
    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 39px;
}

.navbar { height: 40px; }

.navbar ul {
    position: absolute;
    background-color: #1C1C1C;
    z-index: 999;
    width: auto;
    padding: 0 20px;
}

.navbar > ul:before {
    color: #B2B2B2;
    content: "\f007";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 1;
}

.navbar ul li {
    display: none;
    float: none !important;
    width: 100%;
    padding: 0;
    margin: 0 !important;
    border-top: 1px solid #2c2c2c;
}

.navbar ul li a {
    display: inline-block;
    width: 100%;
}

.navbar .fa-lg { width: 30px; }

.navbar > ul:hover {
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    padding-bottom: 5px;
    z-index: 99;
}

.navbar > ul:hover li { display: block; }

ul.linklist { text-align: center; }

ul.linklist li { 
    float: none !important; 
    display: inline-block;
    line-height: 3;
}

.postbody {
    width: 100%;
    padding-right: 0;
}

.postprofile {
    width: 100%;
    border-top: 5px solid #e1e1e1;
    padding-top: 20px;
}

.postprofile dd {
    float: left;
    width: 75%;
}

.postprofile dt {
    float: left;
    width: 25%;
    min-height: 18px;
}

fieldset.display-options label {
    width: 100%;
    float: left;
    padding: 0;
}

fieldset.display-options select {
    width: 50%;
    display: block;
    margin: 0 auto !important;
}

fieldset.display-options select:first-child {
    margin-top: 2px !important;
}

fieldset.display-options input {
    width: 50% !important;
    margin: 0;
}

fieldset.display-actions {
    line-height: 30px;
    text-align: center;
}

fieldset.display-actions > * {
    clear: both;
    float: none;
    display: inline;
}

fieldset.quickmod { width: 100%; }

.cfooter > div {
    width: 100%;
    padding: 0 !important;
}

.cfooter > div:nth-child(n+2) { margin-top: 20px; }
.main-content { width: 100%; }

.side-bar {
    padding: 0 !important;
    width: 100%;
}

#smiley-box {
    float: none;
    width: 100%;
}

#format-buttons { width: 100%; }
#message-box {  width: 100%; }

.topic-actions > .pagination {
    margin-top: 20px;
    width: 100%;
}

#tabs ul { height: auto; }
#tabs li { display: block; }

#tabs a {
    width: 50%;
    text-align: center;
}

#cp-menu {
    padding: 0;
    width: 100%;
}

#cp-main { width: 100%; }

#format-buttons input, #format-buttons select {
    padding-left: 4px;
    padding-right: 4px;
}

#timezone { width: 75% !important; }
#dateoptions { width: 75% !important; }

.column1 {
    width: 100%;
    float: none;
    padding-right: 0;
}

.column2 {
    width: 100%;
    float: none;
    padding-left: 0;
}

ul.profile-icons span { display: none; }

table.table1 span.rank-img {
    float: left;
    padding: 0;
    width: 100%;
}

}

/* Responsive - fifth break
----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 569px) {

.wrap {
    padding: 0 5px;
    width: 460px;
}

.navbar { height: 40px; }
#cmenu { display: none; }
#cmenu-top { display: block; }

#cmenu-top:before {
    color: #B2B2B2;
    content: "\f0c9";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    float: right;
    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 39px;
}

.navbar { height: 40px; }

.navbar ul {
    position: absolute;
    background-color: #1C1C1C;
    z-index: 999;
    width: auto;
    padding: 0 20px;
}

.navbar > ul:before {
    color: #B2B2B2;
    content: "\f007";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 1;
}

.navbar ul li {
    display: none;
    float: none !important;
    width: 100%;
    padding: 0;
    margin: 0 !important;
    border-top: 1px solid #2c2c2c;
}

.navbar ul li a {
    display: inline-block;
    width: 100%;
}

.navbar .fa-lg { width: 30px; }

.navbar > ul:hover {
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    padding-bottom: 5px;
    z-index: 99;
}

.navbar > ul:hover li { display: block; }

#search-box #keywords {
    width: 414px;
    clear: both;
    padding: 0 10px;
}

.headerbar { min-height: 145px; }

#logo {
    text-align: center;
    width: 100%;
}

#logo img { display: inline-block; }
ul.linklist { text-align: center; }

ul.linklist li { 
    float: none !important; 
    display: inline-block;
    line-height: 3;
}

dd.posts { display: none !important; }
dd.topics { display: none !important; }
dd.views { display: none !important; }
dd.lastpost { width: 41%; }
dd.redirect { width: 41%; }

fieldset.display-options label {
    width: 100%;
    float: left;
    padding: 0;
}

fieldset.display-options select {
    width: 50%;
    display: block;
    margin: 0 auto !important;
}

fieldset.display-options select:first-child {
    margin-top: 2px !important;
}

fieldset.display-options input {
    width: 50% !important;
    margin: 0;
}

fieldset.display-actions {
    line-height: 30px;
    text-align: center;
}

fieldset.display-actions > * {
    clear: both;
    float: left;
    display: inline;
}

fieldset.display-actions select + input { margin-top: 3px; }
fieldset.quickmod { width: 100%; }
#jumpbox { clear: both; }

fieldset dt {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

fieldset dd {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

#tz { width: 100% !important; }
#tabs ul { height: auto; }
#tabs li { display: block; }

#tabs a {
    width: 50%;
    text-align: center;
}

#cp-menu {
    padding: 0;
    width: 100%;
}

#cp-main { width: 100%; }

.postbody {
    width: 100%;
    padding-right: 0;
}

.postprofile {
    width: 100%;
    border-top: 5px solid #e1e1e1;
    padding-top: 20px;
}

.postprofile dd {
    float: left;
    width: 75%;
}

.postprofile dt {
    float: left;
    width: 25%;
    min-height: 18px;
}

.cfooter > div {
    width: 100%;
    padding: 0 !important;
}

.cfooter > div:nth-child(n+2) {
    margin-top: 20px;
}

.main-content {
    width: 100%;
}

.side-bar {
    padding: 0 !important;
    width: 100%;
}

#smiley-box {
    float: none;
    width: 100%;
}

#format-buttons { width: 100%; }
#message-box {  width: 100%; }
#message-box textarea { width: inherit !important; }

.topic-actions > .pagination {
    margin-top: 20px;
    width: 100%;
}

#format-buttons input, #format-buttons select {
    padding-left: 10px;
    padding-right: 10px;
    border: none !important;
}

#format-buttons { border: 1px solid #C3C3C3; }

.column1 {
    width: 100%;
    float: none;
    padding-right: 0;
}

.column2 {
    width: 100%;
    float: none;
    padding-left: 0;
}

dl.pmlist dt { width: 100% !important; }
dl.pmlist dd:nth-child(n+3) { margin-top: 3px !important; }
ul.profile-icons span { display: none; }

table.table1 span.rank-img {
    float: left;
    padding: 0;
    width: 100%;
}

}

/* Responsive - sixth break
----------------------------------------*/
@media only screen and (min-width: 350px) and (max-width: 479px) {

.wrap {
    padding: 0 2px;
    width: 100%;
}

.navbar { height: 40px; }
#cmenu { display: none; }
#cmenu-top { display: block; }

#cmenu-top:before {
    color: #B2B2B2;
    content: "\f0c9";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    float: right;
    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 39px;
}

.navbar { height: 40px; }

.navbar ul {
    position: absolute;
    background-color: #1C1C1C;
    z-index: 999;
    width: auto;
    padding: 0 20px;
}

.navbar > ul:before {
    color: #B2B2B2;
    content: "\f007";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 1;
}

.navbar ul li {
    display: none;
    float: none !important;
    width: 100%;
    padding: 0;
    margin: 0 !important;
    border-top: 1px solid #2c2c2c;
}

.navbar ul li a {
    display: inline-block;
    width: 100%;
}

.navbar .fa-lg { width: 30px; }

.navbar > ul:hover {
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    padding-bottom: 5px;
    z-index: 99;
}

.navbar > ul:hover li { display: block; }

#search-box #keywords {
    width: 291px;
    clear: both;
    padding: 0 10px;
}

#search-box {
    float: none;
    display: inline-block;
}

.headerbar {
    min-height: 145px;
    text-align: center;
}

#logo {
    text-align: center;
    width: 100%;
}

#logo img { display: inline-block; }
ul.linklist { text-align: center; }

ul.linklist li { 
    float: none !important; 
    display: inline-block;
    line-height: 3;
}

dd.posts { display: none !important; }
dd.topics { display: none !important; }
dd.views { display: none !important; }
dd.lastpost { width: 41%; }
dd.redirect { width: 41%; }

fieldset.display-options label {
    width: 100%;
    float: left;
}

fieldset.display-options select {
    width: 50%;
    display: block;
    margin: 0 auto !important;
}

fieldset.display-options select:first-child { margin-top: 2px !important; }

fieldset.display-options input {
    width: 50% !important;
    margin: 0;
}

fieldset.quickmod { width: 100%; }
#quick-mod-select { margin: 0; }
#jumpbox { clear: both; }
#jumpbox .jumpbox > select { margin: 0; }

fieldset dt {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

fieldset dd {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

.search-box .inputbox { margin: 0; }
.search-box input { width: 140px; }
.topic-actions > .search-box { margin-top: 20px; }

#tz { width: 100% !important; }

#tabs ul { height: auto; }
#tabs li { display: block; }

#tabs a {
    width: 50%;
    text-align: center;
}

#cp-menu {
    padding: 0;
    width: 100%;
}

#cp-main { width: 100%; }

.postbody {
    width: 100%;
    padding-right: 0;
}

.postprofile {
    width: 100%;
    border-top: 5px solid #e1e1e1;
    padding-top: 20px;
}

.postprofile dd {
    float: left;
    width: 100%;
}

.postprofile dt {
    float: left;
    width: 100%;
    min-height: 18px;
}

.cfooter > div {
    width: 100%;
    padding: 0 !important;
}

.cfooter > div:nth-child(n+2) { margin-top: 20px; }
.main-content { width: 100%; }

.side-bar {
    padding: 0 !important;
    width: 100%;
}

.topic-actions > .pagination {
    margin-top: 20px;
    width: 100%;
}

#smiley-box {
    float: none;
    width: 100%;
}

#format-buttons { width: 100%; }
#message-box {  width: 100%; }
#message-box textarea { width: inherit !important; }

.column1 {
    width: 100%;
    float: none;
    padding-right: 0;
}

.column2 {
    width: 100%;
    float: none;
    padding-left: 0;
}

#format-buttons input, #format-buttons select {
    padding-left: 10px;
    padding-right: 10px;
    border: none !important;
}

#format-buttons { border: 1px solid #C3C3C3; }

fieldset.display-actions {
    line-height: 30px;
    text-align: center;
}

fieldset.display-actions > * {
    clear: both;
    float: left;
    display: inline;
}

fieldset.display-actions select + input { margin-top: 3px; }
dl.pmlist dt { width: 100% !important; }
dl.pmlist dd:nth-child(n+3) { margin-top: 3px !important; }
ul.profile-icons span { display: none; }

table.table1 span.rank-img {
    float: left;
    padding: 0;
    width: 100%;
}

}

/* Responsive - seventh break
----------------------------------------*/
@media only screen and (max-width: 349px) {

.wrap {
    padding: 0 2px;
    width: 100%;
}

.navbar { height: 40px; }
#cmenu { display: none; }
#cmenu-top { display: block; }

#cmenu-top:before {
    color: #B2B2B2;
    content: "\f0c9";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    float: right;
    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 39px;
}

.navbar { height: 40px; }

.navbar ul {
    position: absolute;
    background-color: #1C1C1C;
    z-index: 999;
    width: auto;
    padding: 0 20px;
}

.navbar > ul:before {
    color: #B2B2B2;
    content: "\f007";

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    height: 40px;
    line-height: 1;
}

.navbar ul li {
    display: none;
    float: none !important;
    width: 100%;
    padding: 0;
    margin: 0 !important;
    border-top: 1px solid #2c2c2c;
}

.navbar ul li a {
    display: inline-block;
    width: 100%;
}

.navbar .fa-lg { width: 30px; }

.navbar > ul:hover {
    width: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
    padding-bottom: 5px;
    z-index: 99;
}

.navbar > ul:hover li { display: block; }

#search-box #keywords {
    width: 196px;
    clear: both;
    padding: 0 10px;
}

#search-box {
    float: none;
    display: inline-block;
}

.headerbar {
    min-height: 145px;
    text-align: center;
}

#logo {
    text-align: center;
    width: 100%;
}

#logo img { display: inline-block; }
ul.linklist { text-align: center; }

ul.linklist li { 
    float: none !important; 
    display: inline-block;
    line-height: 3;
}

ul.topiclist dt { width: 100%; }
dd.posts { display: none !important; }
dd.topics { display: none !important; }
dd.views { display: none !important; }
dd.lastpost { display: none !important; }
dd.redirect { display: none !important; }

dl.icon { background-position: 5px 50%; }
dl.icon dt { padding-left: 40px; }

fieldset.display-options label {
    width: 100%;
    float: left;
    padding: 0;
}

fieldset.display-options select {
    width: 100%;
    display: block;
    margin: 0 auto !important;
}

fieldset.display-options select:first-child { margin-top: 2px !important; }

fieldset.display-options input {
    width: 100% !important;
    margin: 0;
}

fieldset.quickmod {
    width: 100%;
    height: auto;
}

fieldset.quickmod > label { display: none; }
#quick-mod-select { margin: 0; }
#jumpbox { clear: both; }
#jumpbox .jumpbox > label { display: none; }
#jumpbox .jumpbox > select { margin: 0; }

fieldset dt {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

fieldset dd {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

.search-box .inputbox { margin: 0; }
.search-box input { width: 140px; }
.topic-actions > .search-box { margin-top: 20px; }
#tz { width: 100% !important; }
#tabs ul { height: auto; }
#tabs li { display: block; }

#tabs a {
    width: 100%;
    text-align: center;
}

#cp-menu {
    padding: 0;
    width: 100%;
}

#cp-main { width: 100%; }

.postbody {
    width: 100%;
    padding-right: 0;
}

.postprofile {
    width: 100%;
    border-top: 5px solid #e1e1e1;
    padding-top: 20px;
}

.postprofile dd {
    float: left;
    width: 100%;
}

.postprofile dt {
    float: left;
    width: 100%;
    min-height: 18px;
}

.cfooter > div {
    width: 100%;
    padding: 0 !important;
}

.cfooter > div:nth-child(n+2) { margin-top: 20px; }
.main-content { width: 100%; }

.side-bar {
    padding: 0 !important;
    width: 100%;
}

.topic-actions > .pagination {
    margin-top: 20px;
    width: 100%;
}

#smiley-box {
    float: none;
    width: 100%;
}

#format-buttons { width: 100%; }
#message-box {  width: 100%; }
#message-box textarea { width: inherit !important; }
ul.profile-icons span { display: none; }

.column1 {
    width: 100%;
    float: none;
    padding-right: 0;
}

.column2 {
    width: 100%;
    float: none;
    padding-left: 0;
}

#format-buttons input, #format-buttons select {
    padding-left: 10px;
    padding-right: 10px;
    border: none !important;
}

#format-buttons { border: 1px solid #C3C3C3; }

fieldset.display-actions {
    line-height: 30px;
    text-align: center;
}

fieldset.display-actions > * {
    clear: both;
    float: left;
    display: inline;
}

fieldset.display-actions select + input { margin-top: 3px; }
dl.pmlist dt { width: 100% !important; }
dl.pmlist dd:nth-child(n+3) { margin-top: 3px !important; }

table.table1 span.rank-img {
    float: left;
    padding: 0;
    width: 100%;
}

}
@media only screen and (max-width: 569px) {
    .search-more {display:none;}
} 
 /* END @include responsive.css */