/* phpBB3 Style Sheet (the default phpBB 3.3.11 style prosilver)
    --------------------------------------------------------------
	Style name:			Food_and_Wine
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Tastenplayer ( https://www.phpbb-skins-by.koliofotis.ch/ )
    --------------------------------------------------------------
*/

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

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

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	line-height: normal;
	margin: 0;
}

html, body {
	color: #28313F;
	background-color: #DADADA;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
	color: #CCCCCC;
	background: #333333;
	-webkit-box-shadow: 0 11px 15px #486685;
	-moz-box-shadow: 0 11px 15px #486685;
	box-shadow: 0 11px 15px #486685;
	padding: 4px 8px 6px;
	width: 60%;
	padding-top: 5px;
	margin: -40px auto 10px;
}

.tpownblock {
	background: transparent;
	padding: 2px 5px 7px;
	margin: 14px 0 -36px 0;
}

.tpownsitedescription {
	font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #555;
	text-shadow: #CCC 1px 3px 0;
}

h2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #222222;
	font-size: 12px;
	font-weight: bold;
	margin: 10px;
}

h2.ucp-title, h2.mcp-title {
	color: #424F66;
	text-align: center;
	background-color: #DEECF5;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	padding: 5px 10px;
	line-height: 1.3em;
	margin: 3px 0;
	display: inherit;
}

h2.posting-title {
	color: #424F66;
	text-align: center;
	background-color: #DEECF5;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	padding: 5px 10px;
	line-height: 1.3em;
	margin: 3px 0;
	display: inherit;
}

h2.memberlist-title {
	color: #424F66;
	text-align: center;
	background-color: #DEECF5;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	padding: 5px 10px;
	line-height: 1.3em;
	margin: 3px 0 18px;
	display: inherit;
}

h3 {
	color: #252353;
	font-weight: bold;
	text-decoration: none;
	border-bottom-color: #666666;
}

hr {
	border-color: #777777;
	border-top-color: #555555;
}

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

a, .navbar a, .breadcrumbs a {
	color: #9DB6D7;
	font-weight: bold;
	text-decoration: none;
}

a:hover, .navbar a:hover, .breadcrumbs a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

a:active, .navbar a:active, .breadcrumbs a:active {
	color: #AC2828;
	text-decoration: none;
}

.navbar a:focus, .breadcrumbs a:focus {
	color: #BB6767;
	text-decoration: none;
}

a:focus {
	color: #3F6496;
	text-decoration: none;
}

a.mark-read.rightside {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #A7BCDA;
	font-weight: bold;
	font-size: 1.1em;
	background: #333333;
	-webkit-box-shadow: 0 5px 10px #486685;
	-moz-box-shadow: 0 5px 10px #486685;
	box-shadow: 0 5px 10px #486685;
	padding: 4px 8px 5px;
	margin-top: 8px;
	margin-bottom: 0;
}

a.mark-read.rightside:hover {
	color: #CCCCCC;
}

a.mark-read {
	color: #293241;
	font-weight: 900;
}

a.mark-read:hover {
	color: #424F66;
}

h2.forum-title a, h2.topic-title a {
	color: #424F66;
	text-align: center;
	background-color: #DEECF5;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	padding: 5px 10px;
	line-height: 1.3em;
	margin: 3px -10px;
	display: inherit;
}

h2.forum-title a:hover, h2.topic-title a:hover {
	color: #7E4A13;
}

h2.searchresults-title a {
	color: #293241;
	font-weight: 900;
}

h2.searchresults-title a:hover {
	color: #424F66;
}

h2.posting-title a {
	color: #293241;
	font-weight: 900;
}

h2.posting-title a:hover {
	color: #424F66;
}

p.advanced-search-link a.arrow-left {
	color: #293241;
	font-weight: 900;
}

p.advanced-search-link a.arrow-left:hover {
	color: #424F66;
}

p.left a {
	color: #293241;
	font-weight: 900;
}

/* Links on gradient backgrounds */
/* Links on gradient backgrounds */
.row-item .topictitle:hover,
.row-item .subforum:hover,
.row-item .username:hover,
.row-item .username-coloured:hover {
	text-decoration: none;
}

.forumbg .header a, .forabg .header a, th a {
	color: #999999;
	font-size: 1em;
	font-weight: 800;
	text-shadow: #333333 1px 1px 0;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
	color: #B5B5B5;
	text-decoration: none;
}

.forabg li.header dl.row-item dt .list-inner, .forumbg li.header dl.row-item dt .list-inner {
	color: #999999;
	font-size: 1em;
	font-weight: 800;
	text-shadow: #333333 1px 1px 0;
}

.forabg li.header dl.row-item dt .list-inner:hover, .forumbg li.header dl.row-item dt .list-inner:hover {
	color: #B5B5B5;
	text-decoration: none;
}

a.forumtitle, a.topictitle {
	color: #b0C4de;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

a.forumtitle:hover, a.topictitle:hover {
	color: #B5B5B5;
	text-decoration: none;
}

a.subforum {
	color: #b0C4de;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
}

a.subforum:hover {
	color: #B5B5B5;
}

a.lastsubject {
	color: #b0C4de;
	font-family: Arial, sans-serif;
	font-size: 1em;
}

a.lastsubject:hover {
	color: #B5B5B5;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
	background-color: #242424;
}

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

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

.postlink:hover {
	background-color: #2D2D2D;
	color: #CCCCCC;
}

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

/* Back to top of page */
.top i {
	color: #000000;
}

.back2top .top {
	float: right;
	margin-right: -5px;
	margin-top: 0;
}

.panel.bg3 a.top {
	color: #333333;
}

a.top .icon::before {
	color: #BA9FB4;
	text-shadow: #3c3e42 0 1px 0;
	text-decoration: none;
	font-size: 16px;
}

/* Arrow links  */
.arrow-left:hover, .arrow-right:hover {
	color: #CCCCCC;
}

a.left-box.arrow-left, a.right-box.arrow-right {
	color: #293241;
	font-weight: 900;
}

a.left-box.arrow-left:hover, a.right-box.arrow-right:hover {
	color: #424F66;
}

.username-coloured {
	font-weight: 900;
	display: inline !important;
	padding: 0 !important;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.top_wrap {
	background-color: transparent;
	background-image: none;
	filter: none;
	border: 1px solid #111111;
	width: 80%;
	padding: 15px 15px 35px;
	margin: 35px auto -18px;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
}

.body_wrap {
	background: transparent;
	background-image: none;
	filter: none;
	border-width: 0;
	width: 70%;
	padding: 15px;
	margin: 35px auto 10px;
}

.footer_wrap {
	background: transparent;
	background-image: none;
	filter: none;
	border: 1px solid #111111;
	padding: 15px;
	margin: -15px auto 15px;
	width: 85%;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
}

.headerbar {
	background-color: #333333;
	background-image: url("./images/background.jpg");
	filter: none;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	color: #666;
	border-left: 20px solid #333333;
	border-right: 20px solid #333333;
	border-bottom: 0;
	border-top: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 12px 15px #333333;
	-moz-box-shadow: 0 12px 15px #333333;
	box-shadow: 0 12px 15px #333333;
	padding: 0;
	margin: 17px 3px 16px 3px;
}

.forumbg {
	background-color: #DADADA;
	background-image: none;
	filter: none;
	border: 1px solid;
	border-radius: 0;
	-webkit-box-shadow: 0 10px 15px #486685;
	-moz-box-shadow: 0 10px 15px #486685;
	box-shadow: 0 10px 15px #486685;
	padding: 5px 15px 22px 15px;
	margin-bottom: 26px;
	margin-top: 12px;
}

.forabg {
	background-color: #DADADA;
	background-image: none;
	filter: none;
	border: 1px solid;
	border-radius: 0;
	-webkit-box-shadow: 0 10px 15px #486685;
	-moz-box-shadow: 0 10px 15px #486685;
	box-shadow: 0 10px 15px #486685;
	padding: 5px 15px 22px 15px;
	margin-bottom: 25px;
}

.navbar {
	background-color: #333333;
	background-image: none;
	filter: none;
	color: #B0C4DE;
	border-radius: 0;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
	margin-top: 16px;
	padding: 6px 10px;
}

#page-footer .navbar {
	border-radius: 0;
	margin: 7px 0 16px 0;
	padding: 5px 10px 3px 10px;
}

#page-footer .navbar:after {
	content: ".";
	color: #2A2A2A;
	border-top: 2px solid #555555;
	width:100%;
	display:block;
	margin:0 auto;
}

#page-footer .navbar ul.linklist > li {
	padding: 0;
}

.panel {
	color: #CCCCCC;
	background-color: #333333;
	border-radius: 0;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
	padding: 5px 10px;
	margin-bottom: 15px;
}

.bg1 {
	background-color: #333333;
}

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
	background-color: #333333;
}

.bg2 {
	background-color: #333333;
}

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
	background-color: #333333;
}

.bg3 {
	background-color: #333333;
}

.bg4 {
	background-color: #404040;
}

.panel.bg5 {
	color: #CCCCCC;
	background-color: #CADCEB;
	border-radius: 0;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
}

.panel.bg5 h2 a {
	color: #333333;
	font-size: 0.8em;
}

.ucprowbg {
	background-color: #DCDEE2;
}

.fieldsbg {
	background-color: #E7E8EA;
}

.panel.bg5 dd.moderation a {
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #CCCCCC;
}

.panel h3 {
	color: #CCCCCC;
	margin: 0.5em 0;
}

/* Header konfiguration
----------------------------------------*/
.simple-headerbar-image {
	border-radius: 0;
	position: relative;
	width: 100%;
}

.site_logo {
	background-image: url("./images/site_logo.png");
	background-repeat: no-repeat;
	display: inline-block;
	width: 345px;
	height: 90px;
	padding-left: 30px;
}

.sitelogo-responsive {
	display: inline-block;
	padding: 30px 0 5px;
	max-width: 50%;
}

.logo {
	float: left;
	width: 100%;
	padding: 0;
	text-align: center;
}

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

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-top-color: #555555;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
	color: #444444;
}

table.table1 tbody tr {
	border-color: #555555;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #2A2A2A;
	color: #000;
}

table.table1 td {
	color: #536482;
}

table.table1 td {
	color: #536482;
}

table.table1 tbody td {
	border-top-color: #555555;
	color: #CCCCCC;
}

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

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

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #CCCCCC;
}

dl.details dd {
	color: #7E8EAD;
}

.sep {
	color: #1198D9;
}

/* Icon styles
---------------------------------------- */
.icon.icon-blue, a:hover .icon.icon-blue {
	color: #196db5;
}

.icon.icon-statblue, a:hover .icon.icon-statblue {
	color: #B1C3D3;
}

.icon.icon-green, a:hover .icon.icon-green {
	color: #1b9A1B;
}

.icon.icon-red, a:hover .icon.icon-red {
	color: #BB1C28;
}

.icon.icon-darkred, a:hover .icon.icon-darkred {
	color: #801921;
}

.icon.icon-orange, a:hover .icon.icon-orange {
	color: #FF6600;
}

.icon.icon-bluegray, a:hover .icon.icon-bluegray {
	color: #536482;
}

.icon.icon-gray, a:hover .icon.icon-gray {
	color: #777777;
}

.icon.icon-lightgray, a:hover .icon.icon-lightgray {
	color: #999999;
}

.icon.icon-black, a:hover .icon.icon-black {
	color: #333333;
}

.icon.icon-lila, a:hover .icon.icon-lila {
	color: #BA9FB4;
}

.icon.icon-altrosa, a:hover .icon.icon-altrosa {
	color: #BA9DA4;
	font-size: 11px;
}

.icon.icon-statrosa, a:hover .icon.icon-statrosa {
	color: #BCA9BC;
}

.icon, .button .icon {
	color: #B5B5B5;
}

.icon.icon-ls {
	font-size: 18px;
}

.navbar i.icon.fa-fw, .navbar i.icon.fa-fw:hover {
	font-size: 15px;
}

/* Jumpbox */
.jumpbox .dropdown li {
	border-top-color: #555555;
}

.jumpbox-cat-link {
	background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
	border-top-color: #B9B9B9;
	color: #333333 !important;
}

.jumpbox-cat-link:hover {
	background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
	border-top-color: #B9B9B9;
	color: #111111 !important;
}

.jumpbox-forum-link {
	background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
	border-top-color: #B9B9B9;
	color: #333333 !important;
}

.jumpbox-forum-link:hover {
	background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
	border-top-color: #B9B9B9;
	color: #111111 !important;
}

.jumpbox .dropdown .pointer-inner {
	border-color: #E1EBF2 transparent;
}

.jumpbox-sub-link {
	background-color: #333333;
}

.jumpbox-sub-link:hover {
	background-color: #333333;
}

/* Miscellaneous styles
---------------------------------------- */
.error {
	font-family: Arial, Helvetica, sans-serif;
	color: #CFBCCB;
	background-color: #070707;
	display: inline-block;
	border: 1px solid #444444;
	-webkit-box-shadow: 0 3px 5px #101010;
	-moz-box-shadow: 0 3px 5px #101010;
	box-shadow: 0 3px 5px #101010;
	padding: 5px;
}

.reported {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: 800;
	background-color: #252525;
	border-bottom: 1px solid #8596A8 !important;
	border-top: 1px solid #8596A8 !important;
}

li.reported:hover {
	background-color: #333333 !important;
}

.sticky, .announce {
	/* you can add a background for stickies and announcements*/
}

p.post-notice {
	color: #CCCCCC;
	font-weight: bold;
	background-color: #945816; /* Old browsers */ /* FF3.6+ */
	background: -webkit-linear-gradient(left top, #7E4A13 0%,#A06018 100%);
}

.post:target .content {
	color: #CCCCCC;
}

.post h3 a.first-unread,
.post:target h3 a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b0C4de;
	font-size: 1em;
	text-decoration: none;
}

h3#review.review a {
	color: #293241;
	font-weight: 900;
}

h3#review.review a:hover {
	color: #424F66;
}

/* Rules
----------------------------------------*/
div.rules {
	color: #CCCCCC;
	background-color: #333333;
	background-image: none;
	filter: none;
	border: 1px solid #111111;
	border-radius: 0;
	padding: 15px 15px;
	-webkit-box-shadow: 0 15px 12px #486685;
	-moz-box-shadow: 0 15px 12px #486685;
	box-shadow: 0 15px 12px #486685;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.rules.postlink, .rules a:link {
	border-bottom-color: #b0C4de;
	color: #b0C4de;
}

.rules.postlink:visited, .rules a:visited {
	border-bottom-color: #b0C4de;
	color: #b0C4de;
}

.rules.postlink:hover, .rules a:hover {
	background-color: #2D2D2D;
	color: #CCCCCC;
}

/* Copyright
---------------------------------------- */
.copyright {
	color: #555555;
	font-size: 10px;
	text-align: center;
	padding: 10px 10px 0;
}

.copyright a {
	color: #3F6496;
	font-weight: bold;
	font-size: 1.1em;
}

.copyright a:hover {
	color: #243343;
	text-decoration: none;
}

.footer-row {
	font-size: 1.1em;
	line-height: 1.8;
}

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

ul.forums {
	background-color: #333333;
	background-image: none;
	filter: none;
	-webkit-box-shadow: 0 15px 15px #486685;
	-moz-box-shadow: 0 15px 15px #486685;
	box-shadow: 0 15px 15px #486685;
}

ul.topiclist li {
	color: #CCCCCC;
}

ul.topiclist dd {
	border-left-color: #555555;
	border-right-color: transparent;
}

.rtl ul.topiclist dd {
	border-right-color: #555555;
	border-left-color: transparent;
}

ul.topiclist li.row:hover dd {
	border-left-color: #666666;
}

li.row {
	border-top-color: #444444;
	border-bottom-color: transparent;
}

li.row strong {
	color: #CCCCCC;
}

li.row:hover {
	background-color: #333333;
}

li.row:hover dd {
	border-left-color: #555555;
}

.rtl li.row:hover dd {
	border-right-color: #555555;
	border-left-color: transparent;
}

li.header dt, li.header dd.posts, li.header dd.topics, li.header dd.views, li.header dd.lastpost {
	color: #555555;
	font-weight: normal;
}

dd.posts, dd.topics, dd.views {
	color: #B0C4DE;
	font-weight: 900;
	line-height: 3.2em;
}

ul.topiclist.topics {
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
}

.forumbg ul.topiclist.topics {
	background-color: #333;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
	padding-bottom: 2px;
}

.topicreview .post.bg1, .topicreview .post.bg2 {
	border: 1px solid #555555;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-bottom: 5px;
}

/* Forum list column styles */
dl.row-item {
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
	background-size: 37px;
}

dl.row-item dt {
	background-repeat: no-repeat;
	background-position: 3px 90%;		/* Position of topic icon */
	background-size: 18px;
}

dl.row-item dt .list-inner {
	padding-left: 55px;					/* Space for folder icon */
}

dl.row-item dt, dl.row-item dd {
	min-height: 41px;
}

/* Post body styles
----------------------------------------*/
.post {
	padding: 5px 10px;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border: 1px solid #DEECF5;
	border-radius: 0;
	position: relative;
}

.post.bg1, .post.bg2 {
	background-color: #333333;
	filter: none;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
}

.postbody {
	color: #CCCCCC;
}

.postbody h3.first a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b0C4de; 
	font-size: 1.05em;
	text-decoration: none;
}

.postbody h3 a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #b0C4de; 
	font-size: 1em;
	text-decoration: none;
}

/* Content container styles
----------------------------------------*/
.content {
	color: #CCCCCC;
}

.panel h2 {
	color: #CCCCCC;
	border-bottom-color:  #555555;
	font-size: 1.3em;
}
.content h2 {
	color: #CCCCCC;
	border-bottom-color:  #555555;
	font-size: 1.3em;
}

.posthilit {
	background-color: #BA9FB4;
	color: #111111;
}

.announce, .unreadpost {
	/* Highlight the announcements & unread posts box */
}

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

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

/* FAQ */
h2.faq-title {
	color: #424F66;
	text-align: center;
	background-color: #DEECF5;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	padding: 5px 10px;
	line-height: 1.3em;
	margin: 3px 0 18px;
	display: inherit;
}

#faqlinks.panel.bg1 dl.faq  {
	font-size: 1.1em;
	line-height: 2.2em;
}

.content h2.faq-title {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-box-shadow: none;
	color: #9DB6D7;
	border-bottom-color: #555555;
}

dl.faq dt {
	color: #CCCCCC;
	border-bottom: 1px solid #555555;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background-color: #222222;
	border-color:#555555;
	margin: 1em 8px 1em 18px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color:#333333;
	margin: 1em 8px 1em 8px;
}

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

/* Code block */
.codebox {
	background-color: #222222;
	border-color: #C9D2D8;
}

.codebox p {
	border-bottom-color:  #CCCCCC;
}

.codebox code {
	color: #B1B1B1;
}

/* Attachments
----------------------------------------*/
.attachbox {
	background-color: #070707;
	border-color: #666;
}

.pm-message .attachbox {
	background-color: #070707;
}

.attachbox dd {
	border-top-color: #555555;
}

.attachbox dt {
	color: #A2A2A2;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.attachbox p {
	color: #666666;
}

.attachbox p.stats {
	color: #666666;
}

.attach-image img {
	border: 2px solid #444444;
}

/* Inline image thumbnails */

dl.file dd {
	color: #8A8A8A;
}

dl.thumbnail img {
	background-color: #070707;
	border-color: #666;
}

dl.thumbnail dd {
	color: #666666;
}

dl.thumbnail dt a:hover {
	background-color: #EEEEEE;
}

dl.thumbnail dt a:hover img {
	border-color: #919FB0;
}

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

fieldset.polls dl {
	border-top-color: #555555;
	color: #C4C4C4;
}

fieldset.polls dl.voted {
	color: #CCCCCC;
}

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

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

.pollbar1 {
	background-color: #AA88A3;
	border-bottom-color: #111111;
	border-right-color: #111111;
}

.rtl .pollbar1 {
	border-left-color: #111111;
}

.pollbar2 {
	background-color: #AA88A3;
	border-bottom-color: #111111;
	border-right-color: #111111;
}

.rtl .pollbar2 {
	border-left-color: #111111;
}

.pollbar3 {
	background-color: #AA88A3;
	border-bottom-color: #111111;
	border-right-color: #111111;
}

.rtl .pollbar3 {
	border-left-color: #111111;
}

.pollbar4 {
	background-color: #AA88A3;
	border-bottom-color: #111111;
	border-right-color: #111111;
}

.rtl .pollbar4 {
	border-left-color: #111111;
}

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

.rtl .pollbar5 {
	border-left-color: #111111;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	color: #9DB6D7;
	border-color: #555555;
}

.pm .postprofile {
	border-color: #555555;
}

.postprofile strong {
	color: #CCCCCC;
	font-weight: 900;
}

.online {
	background-image: url("./icon_user_online.png");
}

.online {
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.cp-main .pm.online {
	background-image: url("./icon_user_online-pm.png");
}

.offline {
	background-image: url(".icon_user_offline.png");
}

.offline {
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.cp-main .pm.offline {
	background-image: url("./icon_user_offline-pm.png");
}

.postprofile dd.profile-warnings {
	color: #C78600; 
	box-shadow: 0 8px 6px -6px #000000;
	margin: 0 8px 7px;
	padding: 5px 0;
}

.no-avatar .avatar-container {
	background: no-repeat;
	background-image: url("./images/no_avatar.png");
	display: block;
	height: 100px;
	margin-top: 3px;
	margin-bottom: 6px;
	width: auto;
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
	border-color: #C7C3BF;
	border-radius: 2px;
	background-color: #D8EBF9;
	background-image: none;
	filter: none;
	-webkit-box-shadow: 0 5px 5px #486685;
	-moz-box-shadow: 0 5px 5px #486685;
	box-shadow: 0 5px 5px #486685;
	color: #000000;
	margin-bottom: 5px;
}

.button:hover,
.button:focus {
	border-color: #C7C3BF;
	border-radius: 2px;
	background-color: #D8EBF9;
	background-image: none;
	filter: none;
	-webkit-box-shadow: 0 5px 5px #486685;
	-moz-box-shadow: 0 5px 5px #486685;
	box-shadow: 0 5px 5px #486685;
	color: #486685;
}

.button .icon,
.button-secondary {
	color: #7E4A13;
}

.button-secondary:focus,
.button-secondary:hover,
.button:focus .icon,
.button:hover .icon {
	color: #486685;
}

.button-search:hover,
.button-search-end:hover {
	border-color: #C7C3BF;
}

.post-buttons .button, .format-buttons .button {
	background-color: #070707;
	background-image: none;
	filter: none;
	color: #919FB0;
	border-color: #444444;
	border-radius: 2px;
	-webkit-box-shadow: 0 3px 5px #101010;
	-moz-box-shadow: 0 3px 5px #101010;
	box-shadow: 0 3px 5px #101010;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 5px;
}

.post-buttons .button:hover, .format-buttons .button:hover {
	background-color: #070707;
	background-image: none;
	filter: none;
	color: #CCCCCC;
	border-color: #666666;
	border-radius: 2px;
	-webkit-box-shadow: 0 3px 5px #101010;
	-moz-box-shadow: 0 3px 5px #101010;
	box-shadow: 0 3px 5px #101010;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 5px;
}

.post-buttons .icon {
	color: #919FB0;
}

.post-buttons .icon:hover {
	color: #CCCCCC;
}

.bbcode-li-buttons .button, .format-buttons .button .icon {
	color: #919FB0;
}

.bbcode-li-buttons .button:hover, .format-buttons .button:hover .icon {
	color: #CCCCCC;
}

.caret	{ border-color: #666666; }
.caret:hover	{ border-color: #C7C3BF; }

.contact-icons a		{ border-color: #DCDCDC; }
.contact-icons a:hover	{ 
	background-color: #D8EBF9; 
	border: 1px solid #666666;
}

/* Pagination
---------------------------------------- */
.pagination {
	float: right;
	text-align: right;
	width: auto;
	margin-top: 10px;
}

.pagination li a {
	background: #D8EBF9;
	filter: none;
	border-color: #C7C3BF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #111111;
	margin-bottom: 0;
}

.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
	background: #D8EBF9;
	filter: none;
	border-color: #333333;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #111111;
}

.pagination li.ellipsis span {
	background: transparent;
	color: #000000;
	font-weight: 900;
}

.pagination li.active span {
	background: #7E4A13;
	filter: none;
	border-color: #333333;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #E5F5FC;
	font-weight: bold;
	margin-bottom: 0;
}

.pagination li.active span:hover {
	background: #8D5A1D;
	filter: none;
	border-color: #333333;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #E5F5FC;
	font-weight: bold;
	margin-bottom: 0;
}

.pagination a.mark {
	color: #293241;
	font-weight: 900;
}

.pagination a.mark:hover {
	color: #424F66;
}

.pagination a.mark, .action-bar.bar-bottom a {
	color: #293241;
	font-weight: 900;
}

.pagination a.mark:hover, .action-bar.bar-bottom a:hover {
	color: #424F66;
}

.row .pagination li a, .row .pagination li span {
	background: #B194AB;
	background-image:none;
	filter: none;
	color: #0C0C0C;
	font-size: 9px;
	font-weight: bold;
	border-color: #CCCCCC;
	border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 1px 3px;
	margin-bottom: 0;
}

.row.pagination li.ellipsis span {
	background: transparent;
	color: #C7C3BF;
	font-weight: 900;
}

.row .pagination li a:hover, .row .pagination li span:hover {
	background: #B194AB;
	filter: none;
	border-color: #888888;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #555555;
}

.action-bar.bar-bottom {
	margin-top: -5px;
}

/* Search box
--------------------------------------------- */
.search-box .inputbox,
.search-box .inputbox:hover,
.search-box .inputbox:focus {
	color: #111111;
	background-color: #D8EBF9;
	border: 1px solid #C7C3BF;
	border-bottom: 3px solid #8798AA;
	border-radius: 2px 0 0 2px;
	height: 25px;
	margin-top: 3px;
}

/* Search header
--------------------------------------------- */
.tpownblock_search{
	background: transparent;
	margin: 0 0 6px 0;
	float: left;
	width: 40px;
}

.search-header a.button-search, .search-header a.button-search-end {
	color: #A7BCDA;
	font-size: 0.9;
	text-shadow: none;
	border: 0;
	background: #333333;
	-webkit-box-shadow: 0 5px 10px #486685;
	-moz-box-shadow: 0 5px 10px #486685;
	box-shadow: 0 5px 10px #486685;
	border-top-width: 0;
	border-bottom-width: 0;
	padding: 3px 8px 4px;
	margin-top: -25px;
	line-height: normal;
}

.search-header i.icon.fa-search::before {
	color: #A7BCDA;
	font-size: 0.9em;
}

.search-header a:hover i.icon.fa-search::before {
	color: #CCCCCC;
	font-size: 0.9em;
}

.search-results li:hover,
.search-results li.active {
	background-color: #CFE1F6;
}

/* Icon images
---------------------------------------- */

.contact-icon						{ background-image: url("./images/icons_contact.png"); }

/* Profile & navigation icons */
.pm-icon							{ background-position: 0 0; }
.email-icon							{ background-position: -21px 0; }
.jabber-icon						{ background-position: -80px 0; }
.phpbb_icq-icon						{ background-position: -61px 0 ; }
.phpbb_wlm-icon						{ background-position: -182px 0; }
.phpbb_aol-icon						{ background-position: -244px 0; }
.phpbb_website-icon					{ background-position: -40px 0; }
.phpbb_youtube-icon					{ background-position: -98px 0; }
.phpbb_facebook-icon				{ background-position: -119px 0; }
.phpbb_skype-icon					{ background-position: -161px 0; }
.phpbb_twitter-icon					{ background-position: -203px 0; }
.phpbb_yahoo-icon					{ background-position: -224px 0; }

/* Forum icons & Topic icons */
.global_read						{ background-image: url("./images/announce_read.png"); }
.global_read_mine					{ background-image: url("./images/announce_read_mine.png"); }
.global_read_locked					{ background-image: url("./images/announce_read_locked.png"); }
.global_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.png"); }
.global_unread						{ background-image: url("./images/announce_unread.png"); }
.global_unread_mine					{ background-image: url("./images/announce_unread_mine.png"); }
.global_unread_locked				{ background-image: url("./images/announce_unread_locked.png"); }
.global_unread_locked_mine			{ background-image: url("./images/announce_unread_locked_mine.png"); }

.announce_read						{ background-image: url("./images/announce_read.png"); }
.announce_read_mine					{ background-image: url("./images/announce_read_mine.png"); }
.announce_read_locked				{ background-image: url("./images/announce_read_locked.png"); }
.announce_read_locked_mine			{ background-image: url("./images/announce_read_locked_mine.png"); }
.announce_unread					{ background-image: url("./images/announce_unread.png"); }
.announce_unread_mine				{ background-image: url("./images/announce_unread_mine.png"); }
.announce_unread_locked				{ background-image: url("./images/announce_unread_locked.png"); }
.announce_unread_locked_mine		{ background-image: url("./images/announce_unread_locked_mine.png"); }

.forum_link							{ background-image: url("./images/forum_link.png"); }
.forum_read							{ background-image: url("./images/forum_read.png"); }
.forum_read_locked					{ background-image: url("./images/forum_read_locked.png"); }
.forum_read_subforum				{ background-image: url("./images/forum_read_subforum.png"); }
.forum_unread						{ background-image: url("./images/forum_unread.png"); }
.forum_unread_locked				{ background-image: url("./images/forum_unread_locked.png"); }
.forum_unread_subforum				{ background-image: url("./images/forum_unread_subforum.png"); }

.sticky_read						{ background-image: url("./images/sticky_read.png"); }
.sticky_read_mine					{ background-image: url("./images/sticky_read_mine.png"); }
.sticky_read_locked					{ background-image: url("./images/sticky_read_locked.png"); }
.sticky_read_locked_mine			{ background-image: url("./images/sticky_read_locked_mine.png"); }
.sticky_unread						{ background-image: url("./images/sticky_unread.png"); }
.sticky_unread_mine					{ background-image: url("./images/sticky_unread_mine.png"); }
.sticky_unread_locked				{ background-image: url("./images/sticky_unread_locked.png"); }
.sticky_unread_locked_mine			{ background-image: url("./images/sticky_unread_locked_mine.png"); }

.topic_moved						{ background-image: url("./images/topic_moved.png"); }
.pm_read,
.topic_read							{ background-image: url("./images/topic_read.png"); }
.topic_read_mine					{ background-image: url("./images/topic_read_mine.png"); }
.topic_read_hot						{ background-image: url("./images/topic_read_hot.png"); }
.topic_read_hot_mine				{ background-image: url("./images/topic_read_hot_mine.png"); }
.topic_read_locked					{ background-image: url("./images/topic_read_locked.png"); }
.topic_read_locked_mine				{ background-image: url("./images/topic_read_locked_mine.png"); }
.pm_unread,
.topic_unread						{ background-image: url("./images/topic_unread.png"); }
.topic_unread_mine					{ background-image: url("./images/topic_unread_mine.png"); }
.topic_unread_hot					{ background-image: url("./images/topic_unread_hot.png"); }
.topic_unread_hot_mine				{ background-image: url("./images/topic_unread_hot_mine.png"); }
.topic_unread_locked				{ background-image: url("./images/topic_unread_locked.png"); }
.topic_unread_locked_mine			{ background-image: url("./images/topic_unread_locked_mine.png"); }

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

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

.panel-container h3 {
	border-color: #A4B3BF;
}

.cp-menu hr, .panel-container hr {
	border-color: #555555;
}

.panel-container .panel li.row {
	border-bottom-color: #222222;
	border-top-color: #555555;
}

ul.cplist {
	border-top-color: #444444;
}

.panel-container .panel li.header dd, .panel-container .panel li.header dt {
	color: #CCCCCC;
}

.panel-container table.table1 thead th {
	color: #333333;
	border-bottom-color: #555555;
}

.cp-main.panel-container table.table1 thead th {
	color: #CCCCCC;
	border-bottom-color: #555555;
}

/* CP tabbed menu
----------------------------------------*/
.tabs .tab > a {
	background: #DDEDFB;
	color: #7E4A13;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	margin-bottom: 3px;
	border-radius: 3px 3px 0 0;
}

.tabs .tab > a:hover {
	background: #BACCD9;
	color: #333333;
}

.tabs .activetab > a,
.tabs .activetab > a:hover {
	background: #cadceb; /* Old browsers */
	background: -moz-linear-gradient(top, #cadceb 0%, #b4c4d1 63%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cadceb 0%,#b4c4d1 63%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cadceb 0%,#b4c4d1 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cadceb', endColorstr='#b4c4d1',GradientType=0 ); /* IE6-9 */
	border-color: #CADCEB;
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: 0 8px 6px -6px #000000;
	-moz-box-shadow: 0 8px 6px -6px #000000;
	box-shadow: 0 8px 6px -6px #000000;
	color: #333333;
}

.tabs .activetab > a:hover {
	color: #000000;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
.minitabs .tab > a {
	background: #DDEDFB;
	color: #7E4A13;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	margin-bottom: 3px;
	border-radius: 3px 3px 0 0;
}

.minitabs .tab > a:hover {
	background: #BACCD9;
	color: #333333;
}

.minitabs .activetab > a, 
.minitabs .activetab > a:hover {
	background: #cadceb; /* Old browsers */
	background: -moz-linear-gradient(top, #cadceb 0%, #b4c4d1 63%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cadceb 0%,#b4c4d1 63%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cadceb 0%,#b4c4d1 63%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cadceb', endColorstr='#b4c4d1',GradientType=0 ); /* IE6-9 */
	border-color: #CADCEB;
	border-radius: 4px 4px 0 0;
	box-shadow: 0 8px 6px -6px black;
	color: #333333;
}

.minitabs .activetab > a:hover {
	color: #000000;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
	border-color: #7E4A13;
}

.responsive-tab .responsive-tab-link:hover:before {
	border-color: #333333;
}

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

/* Link styles for the sub-section links */
.navigation a {
	color: #333;
	background: #CADCEB; /* Old browsers */ /* FF3.6+ */
	background: -webkit-linear-gradient(left, #B4C4D1 50%, #CADCEB 100%);
	background: linear-gradient(to right, #B4C4D1 50%,#CADCEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4C4D1', endColorstr='#CADCEB',GradientType=1 ); /* IE6-9 */
}

.rtl .navigation a {
	background: #B4C4D1; /* Old browsers */ /* FF3.6+ */
	background: -webkit-linear-gradient(left, #CADCEB 50%, #B4C4D1 100%);
	background: linear-gradient(to right, #CADCEB 50%,#B4C4D1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CADCEB', endColorstr='#B4C4D1',GradientType=1 ); /* IE6-9 */
}

.navigation a:hover {
	background: #AABAC6;
	color: #BC2A4D;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.navigation .active-subsection a {
	background: #BACCD9;
	color: #536482;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	margin: 6px 0;
}

.navigation .active-subsection a:hover {
	color: #D31141;
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
	#navigation a, .rtl #navigation a {
		background: #B2C2CF;
	}
}

/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
	color: #333333;
}

.panel-container .panel {
	background-color: #333333;
}

/* Friends list */
.cp-mini {
	background-color: #333333;
	border-radius: 0;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
	margin-bottom: 15px;
}

dl.mini dt {
	color: #CCCCCC;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
	color: #000000 !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: #b4c4d1; /* Old browsers */
	background: -moz-linear-gradient(top, #b4c4d1 0%, #cadceb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b4c4d1 0%,#cadceb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b4c4d1 0%,#cadceb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4c4d1', endColorstr='#cadceb',GradientType=0 ); /* IE6-9 */
	border-color: #C4C4C4;
	-webkit-box-shadow: 0 2px 1px #C4C4C4;
	-moz-box-shadow: 0 2px 1px #C4C4C4;
	box-shadow: 0 2px 1px #C4C4C4;
}

.gallery label:hover {
	background-color: #070707;
	background-image: none;
	filter: none;
	border-color: #C4C4C4;
	-webkit-box-shadow: 0 2px 1px #C4C4C4;
	-moz-box-shadow: 0 2px 1px #C4C4C4;
	box-shadow: 0 2px 1px #C4C4C4;
}

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

/* General form styles
----------------------------------------*/
select {
	background-color: #DADADA;
	border: 3px solid #5F83A7;
	color: #333333;
}

select.bbcode-size {
	border-color: #444444;
	background-color: #070707;
	color: #919FB0;
	font-weight: bold;
	padding: 1px 1px 3px;
	margin-bottom: 1px;
}

label {
	color: #CCCCCC;
}

option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
}

dd label, dt label {
	color: #CCCCCC;
}

fieldset.fields1 {
	background-color: transparent;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #CCCCCC;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

fieldset.fields1 ul.recipients input.button2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #F9F9F9;
	font-size: 1em;
}

/* Quick-login on index page */
fieldset.quick-login {
	margin-top: 5px;
	margin-left: 2px;
	padding-bottom: 6px;
}

fieldset.quick-login input.inputbox {
	background-color: #b0C4de;
	background-image: none;
	filter: none;
	color: #000000;
	border: 1px solid #333333;
	width: 15%;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 1px;
}

fieldset.quick-login label {
	color: #CCCCCC;
	white-space: nowrap;
	padding-right: 2px;
	margin-left: 6px;
	line-height: 1.3em;
}

fieldset.quick-login a {
	color: #CCCCCC;
}

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

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

.message-box textarea.drag-n-drop {
	outline-color: rgba(95,131,167, 0.8);
}

.message-box textarea.drag-n-drop-highlight {
	outline-color: rgba(95,131,167, 0.8);
}

/* Input field styles
---------------------------------------- */
.inputbox, .auto-resized {
	background-color: #DADADA;
	background-image: none;
	filter: none;
	border: 3px solid #5F83A7;
	color: #333333;
}

.inputbox:-moz-placeholder {
	color: #333333;
}

.inputbox::-webkit-input-placeholder {
	color: #333333;
}

.inputbox:hover {
	border: 3px solid #7E4A13;
}

.inputbox:focus {
	border: 3px solid #7E4A13;
}

.inputbox:focus:-moz-placeholder {
	color: transparent;
}

.inputbox:focus::-webkit-input-placeholder {
	color: transparent;
}

input#ch {
	background-color: #DADADA;
	color: #333;
	font-weight: normal;
	border: 3px solid #5F83A7;
	padding: 2px 0 1px 4px;
}

input[type='radio']:checked {
	-webkit-filter: grayscale(100%);
}

input[type='checkbox']:checked {
	-webkit-filter: grayscale(100%);
}

/* Form button styles
---------------------------------------- */

a.button1, input.button1, input.button3, a.button2, input.button2 {
	background-color: #070707;
	background-image: none;
	filter: none;
	color: #919FB0;
	border-color: #444444;
	border-radius: 2px;
	-webkit-box-shadow: 0 3px 5px #101010;
	-moz-box-shadow: 0 3px 5px #101010;
	box-shadow: 0 3px 5px #101010;
	padding-left: 3px;
	padding-right: 3px;
}

a.button1, input.button1 {
	border-color: #444444;
}

input.button3 {
	background-image: none;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border-color: #444444;
	font-weight: bold;
}

/* <a> button in the style of the form buttons */
a.button1, a.button2 {
	color: #919FB0;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
	background-color: #070707;
	background-image: none;
	filter: none;
	color: #CCCCCC;
	border-color: #666666;
	border-radius: 2px;
	-webkit-box-shadow: 0 3px 5px #101010;
	-moz-box-shadow: 0 3px 5px #101010;
	box-shadow: 0 3px 5px #101010;
}

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus {
	border-color: #BA9FB4;
	color: #BA9FB4;
}

input.disabled {
	color: #666666;
}

/* jQuery popups
---------------------------------------- */
.phpbb_alert {
	color: #333333;
	background: #b4c4d1; /* Old browsers */
	background: -moz-linear-gradient(top, #b4c4d1 0%, #cadceb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b4c4d1 0%,#cadceb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b4c4d1 0%,#cadceb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4c4d1', endColorstr='#cadceb',GradientType=0 ); /* IE6-9 */
	border: 2px solid #BA9FB4;
	-webkit-box-shadow: 3px 2px 22px #CCCCCC, inset 60px 0 120px #D8BFD8,  /* left thistle */inset -60px 0 120px #aFEEEE  /* right paleturquoise */;
	-moz-box-shadow: 3px 2px 22px #CCCCCC, inset 60px 0 120px #D8BFD8,  /* left thistle */inset -60px 0 120px #aFEEEE  /* right paleturquoise */;
	box-shadow: 3px 2px 22px #CCCCCC, inset 60px 0 120px #D8BFD8,  /* left thistle */inset -60px 0 120px #aFEEEE  /* right paleturquoise */;
}

.phpbb_alert .alert_close {
	float: right;
	margin-right: -32px;
	margin-top: -10px;
}

.alert_close .icon:before {
	background-color: #000000;
	padding: 3px;
	border: 2px solid #CCCCCC;
}

.darken {
	background-color: #000000;
	opacity: 0.8;
}

.loading_indicator {
	background-color: #000000;
	background-image: url("./images/loading.gif");
}

.dropdown-extended ul li {
	border-top-color: #555555;
}

.dropdown-extended ul li:hover {
	background-color: #2A2A2A;
}

.dropdown-extended .header, .dropdown-extended .footer {
	background-color: #F1F8FF; /* Old browsers */ /* FF3.6+ */
	background-image: -webkit-linear-gradient(top, #F1F8FF 0%, #CADCEB 100%);
	background-image: linear-gradient(to bottom, #F1F8FF 0%,#CADCEB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F8FF', endColorstr='#CADCEB',GradientType=0 ); /* IE6-9 */
	border-color: #B9B9B9;
	color: #333333;
	border-radius: 0;
}

.dropdown-extended .header .header_settings a {
	color: #333333;
	display: inline-block;
	padding: 0 5px;
}

.dropdown-extended .header .header_settings a:hover {
	color: #3F6496;
}

.dropdown-extended .footer {
	border-top-style: solid;
	border-top-width: 1px;
}

.dropdown-extended .footer a {
	color: #333333;
	text-shadow: 1px 1px 1px white;
}

.dropdown-extended .footer a:hover {
	color: #3F6496;
}

.dropdown .pointer {
	border-color: #5B849D transparent;
}

.dropdown .pointer-inner {
	border-color: #CEE2F0 transparent;
}

.dropdown-extended .pointer-inner {
	border-color: #CEE2F0 transparent;
}

.dropdown .dropdown-contents {
	background: #333333;
	border-color: #CEE2F0;
	border-radius: 0;
	-webkit-box-shadow: 0 12px 15px #333333;
	-moz-box-shadow: 0 12px 15px #333333;
	box-shadow: 0 12px 15px #333333;
}

.dropdown-up .dropdown-contents {
	background: #333333;
	border-color: #CEE2F0;
	border-radius: 0;
	-webkit-box-shadow: 0 12px 15px #333333;
	-moz-box-shadow: 0 12px 15px #333333;
	box-shadow: 0 12px 15px #333333;
}

.dropdown li, .dropdown li li {
	border-color: #555555;
}

.dropdown li.separator {
	border-color: #555555;
}

.dropdown-contents a {
	color: #B0C4DE;
	display: block;
	padding: 5px;
}

.dropdown-contents a:hover {
	color: #CCCCCC; 
}

.action-bar .dropdown-contents li a {
	color: #B0C4DE;
	display: block;
	padding: 5px;
}

.action-bar .dropdown-contents li a:hover {
	color: #CCCCCC; 
}

/* Notifications
---------------------------------------- */

.notification_list p.notification-time {
	color: #B7B7B7;
}

li.notification-reported strong, li.notification-disapproved strong {
	color: #DC303D;
}

.badge {
	background-color: #BA9FB4;
	color: #111111;
	border-radius: 2px;
	opacity: 0.8;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1;
	float: right;
	display: inline-block;
	margin-left: 4px;
	vertical-align: baseline;
	position: relative;
	top: 4px;
	padding: 3px 6px 2px;
}

.badge.hidden {
	display: none;
}

/* stat-block
---------------------------------------- */
.statistics-container {
	border: 1px solid;
	border-radius: 0;
	-webkit-box-shadow: 0 10px 15px #486685;
	-moz-box-shadow: 0 10px 15px #486685;
	box-shadow: 0 10px 15px #486685;
	margin: 17px 0 16px 0;
	padding: 0 15px 22px 15px;
}

.statistics-container h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 1em;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	text-shadow: #333333 1px 1px 0;
	margin: 7px 0 8px;
}

.statistics-container p {
	line-height: 1.4em;
	margin-bottom: -1px;
	margin-left: -4px;
}

.stat-block {
	background-color: #333333;
	border-bottom: 5px solid #444444;
	border-radius: 2px;
	padding: 10px 5px 10px 18px;
	margin: -4px 0 -3px 0;
}

.statblock-shadow {
	-webkit-box-shadow: 0 10px 15px #486685;
	-moz-box-shadow: 0 10px 15px #486685;
	box-shadow: 0 10px 15px #486685;
}

.stat-block h3 {
	color: #B0C4DE;
	line-height: 1.3em;
	font-size: 1em;
	border-bottom-color: transparent;
	text-decoration: none;
	margin-bottom: 0.3em;
	margin-top: -1px;
	margin-left: -4px;
}

.stat-block h3 a {
	color: #BCA9BC;
	border-bottom: 1px solid #BCA9BC;
	margin-left: -1px;
}

.stat-block h3 a:hover {
	color: #B0C4DE;
	border-bottom: 1px solid #B0C4DE;
}

.stat-block.statistics {
	border-bottom: 0;
}

.stat-block p {
	color: #CCCCCC;
	line-height: 1.4em;
	margin-left: -4px;
}

.stat-block.permissions {
	background-color: #333333;
	border-bottom: 0;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
	padding: 10px 5px;
	margin: -4px 0 10px 0;
}

.permissions p {
	text-align: left;
	margin-top: 5px;
	font-size: 1.0em;
	line-height: 16px;
	padding-left: 10px;
}

.permissions h3 {
	text-transform: none;
	text-align: left;
	border-bottom-color: transparent;
	padding-top: 1px;
	padding-left: 10px;
}

a#foodwine-online {
	color: #CBB8C7;
	font-weight: bold;
}

/* cp-main
---------------------------------------- */
.cp-main .panel {
	padding: 5px 10px;
	margin-top: 15px;
}

.cp-main .pm {
	background-color: #333333;
	border: 1px solid #333333;
	border-radius: 0;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685
}

.cp-main .pm-message {
	background-color: #333333;
	border-color: #DBDEE2;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685
}

#cp-main.cp-main.ucp-main.panel-container a.mark {
	color: #b0C4de;
}

#cp-main.cp-main.ucp-main.panel-container a.mark:hover {
	color: #CCCCCC;
}

/* MCP - UCP
---------------------------------------- */
#mcp fieldset.display-actions, #ucp fieldset.display-actions {
	text-align: right;
	line-height: 2em;
	white-space: nowrap;
	color: #000000;
}

#mcp fieldset.display-actions a, #ucp fieldset.display-actions a {
	color: #333333;
}

form#mcp_queue fieldset.display-actions {
	color: #000000;
}

#mcp table.table1.responsive thead tr th {
	color: #CCCCCC;
	border-bottom: 1px solid #555555;
}

#mcp h3#review.review a {
	color: #9DB6D7;
}

#mcp h3#review.review a:hover {
	color: #CCCCCC;
}

a#mcp:hover {
	color: #555555;
}

a#mcp {
	color: #444444;
}

form#ucp fieldset dt a {
	color: #b0C4de;
	text-decoration: none;
}

p.linkmcp.responsive-center {
	color: #A2ACC4;
	text-align: center;
	background-color: #CADCEB;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	padding: 5px 10px;
	line-height: 1.3em;
	margin: 3px 0;
}

p.linkmcp.responsive-center a {
	color: #424F66;
}

p.linkmcp.responsive-center a:hover {
	color: #7E4A13;
}

/* online container  */
.online-container {
	background-color: #333333;
	background-image: none;
	filter: none;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
	border-radius: 2px;
	margin-bottom: 8px;
	padding: 5px 10px;
}

h2.viewonline-title {
	color: #424F66;
	text-align: center;
	background-color: #DEECF5;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 1px #486685;
	-moz-box-shadow: 0 2px 1px #486685;
	box-shadow: 0 4px 2px #486685;
	padding: 5px 10px;
	line-height: 1.3em;
	margin: 3px 0 18px;
	display: inherit;
}

.online-container .action-bar {
	color: #B5B5B5;
}

.online-container p {
	color: #B5B5B5;
	font-weight: bold;
}

/*
--------------------------------------------------------------
Foren moderator and foren description
-------------------------------------------------------------- */
.foodwine_moderator-container {
	color: #CCCCCC;
	font-weight: bold;
	text-align: center;
	background-color: #333333;
	background-image: none;
	filter: none;
	border: 1px solid #111111;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 2px #486685;
	-moz-box-shadow: 0 5px 2px #486685;
	box-shadow: 0 5px 2px #486685;
	margin-bottom: 2px;
	padding: 5px;
}

.foodwine_moderator-container strong {
	font-family: Arial, sans-serif;
	font-weight: 800;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 1em;
}

.foodwine_moderator-container  a.username-coloured {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 1em;
	font-size: 1.1em;
}

.foodwine_moderator-container h5 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 4px;
}

.foodwine_desc-container {
	background: #262223;/* Old browsers */
	background: -moz-linear-gradient(45deg, #262223 1%, #303032 41%, #303032 58%, #262223 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #262223 1%,#303032 41%,#303032 58%,#262223 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #262223 1%,#303032 41%,#303032 58%,#262223 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262223', endColorstr='#262223',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border: 1px solid #444;
	border-radius: 2px;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 8px;
	margin-left: 3px;
	padding: 6px 8px 7px 8px;
}

h5#foodwine_desc {
	font-size: 11px;
	font-weight: 700;
	margin: 1px;
}

/*
--------------------------------------------------------------
Cookie window
-------------------------------------------------------------- */
.cc-color-override--1687565279.cc-window {
	background: #cadceb; /* Old browsers */
	background: -moz-linear-gradient(45deg, #cadceb 0%, #cadceb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #cadceb 0%,#cadceb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #cadceb 0%,#cadceb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cadceb', endColorstr='#cadceb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-top: 8px ridge #7E4A13;
	border-radius: 0;
	color: rgb(51,51,51) !important;
	font-weight: bold;
	font-size: 14px;
}

.cc-color-override--1687565279 .cc-link, .cc-color-override--1687565279 .cc-link:active, .cc-color-override--1687565279 .cc-link:visited {
	color: rgb(82, 32, 10) !important;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 800 !important;
	font-size: 12px;
}

.cc-color-override--1687565279 .cc-btn {
	color: rgb(204,204,204) !important;
	font-family: Arial, sans-serif;
	font-weight: 900;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(45deg, #333333 0%, #333333 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #333333 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #333333 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border: 1px solid #341E12 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
	max-width: 140px;
}

.cc-color-override--1687565279 .cc-btn:hover {
	color: rgb(179,142,125) !important;
	font-family: Arial, sans-serif;
	font-weight: 900;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(45deg, #333333 0%, #333333 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #333333 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #333333 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border: 1px solid #341E12 !important;
	border-radius: 0;
	-webkit-box-shadow: 0 18px 15px #486685;
	-moz-box-shadow: 0 18px 15px #486685;
	box-shadow: 0 18px 15px #486685;
}

.cc-window.cc-banner {
	flex-direction: row;
	padding: 2em 1.8em !important;
	width: 100%;
}

/*
--------------------------------------------------------------
Responsive design
-------------------------------------------------------------- */
@media (max-width: 2650px) {
.headerbar {
	background-color: #333333;
	background-image: url("./images/background.jpg");
	filter: none;
	text-align: center;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;/* background-size: cover; */
	color: #666;
	border-left: 20px solid #333333;
	border-right: 20px solid #333333;
	border-bottom: 0;
	border-top: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 12px 15px #333333;
	-moz-box-shadow: 0 12px 15px #333333;
	box-shadow: 0 12px 15px #333333;
	padding: 0;
	margin: 17px 3px 16px 3px;
	}
}

@media (max-width: 320px) {
	select, .inputbox {
		max-width: 240px;
	}
}

/* Notifications list
----------------------------------------*/
@media (max-width: 350px) {
	.dropdown-extended .dropdown-contents {
		width: auto;
	}
}

@media (max-width: 430px) {
	.action-bar .search-box .inputbox {
		width: 120px;
	}

	.section-viewtopic .search-box .inputbox {
		width: 57px;
	}
}

@media (max-width: 500px) {
	dd label {
		white-space: normal;
	}

	select, .inputbox {
		max-width: 260px;
	}

	.captcha-panel dd.captcha {
		margin-left: 0;
	}

	.captcha-panel dd.captcha-image img {
		width: 100%;
	}

	dl.details dt, dl.details dd {
		width: auto;
		float: none;
		text-align: left;
	}

	dl.details dd {
		margin-left: 20px;
	}

	p.responsive-center {
		float: none;
		text-align: center;
		margin-bottom: 5px;
	}

	.action-bar > div {
		margin-bottom: 5px;
 	}

	.action-bar > .pagination {
		float: none;
		clear: both;
		padding-bottom: 1px;
		text-align: center;
	}

	.action-bar > .pagination li.page-jump {
		margin: 0 2px;
	}

	p.jumpbox-return {
		display: none;
	}

	.display-options > label:nth-child(1) {
		display: block;
		margin-bottom: 5px;
	}

	.attach-controls {
		margin-top: 5px;
		width: 100%;
	}

	.quick-links .dropdown-trigger span {
		display: none;
	}
}

@media (max-width: 550px) {
	ul.topiclist.forums dt {
		margin-right: 0;
	}

	ul.topiclist.forums dt .list-inner {
		margin-right: 0;
	}

	ul.topiclist.forums dd.lastpost {
		display: none;
	}
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
	.body_wrap {
		width: 72%;
	}
}

@media only screen and (max-width: 850px), only screen and (max-device-width: 850px) {
	.top_wrap {
		width: 88%;
	}

	.body_wrap {
		width: 92%;
	}

	.footer_wrap {
		width: 88%;
	}
}

@media (min-width: 751px) and (max-width: 900px) {
	.postbody { width: 70%; }
	.postprofile { width: 28%; }
}

@media (min-width: 702px) and (max-width: 750px) {
	.postbody { width: 68%; }
	.postprofile { width: 30%; }
}

@media (max-width: 720px) {
	.responsive-hide { display: none !important; }
	.responsive-show { display: block !important; }
	.responsive-show-inline { display: inline !important; }
	.responsive-show-inline-block { display: inline-block !important; }

	/* Content wrappers
	----------------------------------------*/
	html {
		height: auto;
	}

	body {
		padding: 0;
	}

	.wrap {
		border: none;
		border-radius: 0;
		margin: 0;
		min-width: 290px;
		padding: 0 5px;
	}

	/* Common block wrappers
	----------------------------------------*/
	.headerbar, .navbar, .forabg, .forumbg, .post, .panel {
		border-radius: 0;
		margin-left: -5px;
		margin-right: -5px;
	}

	.cp-main .forabg, .cp-main .forumbg, .cp-main .post, .cp-main .panel {
		border-radius: 7px;
	}

	/* Logo block
	----------------------------------------*/
	.site-description {
		float: none;
		width: auto;
		text-align: center;
	}

	.logo {
		/* change display value to inline-block to show logo */
		display: none;
		float: none;
		padding: 10px;
	}

	.site-description h1, .site-description p {
		text-align: inherit;
		float: none;
		margin: 5px;
		line-height: 1.2em;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.search-header {
		display: none;
	}

	/* Navigation
	----------------------------------------*/
	.headerbar + .navbar {
		margin-top: -5px;
	}

	/* Search
	----------------------------------------*/
	.responsive-search { display: block !important; }

	/* .topiclist lists
	----------------------------------------*/
	li.header dt {
		text-align: center;
		text-transform: none;
		line-height: 1em;
		font-size: 1.2em;
		padding-bottom: 4px;
	}

	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
		margin-right: 0 !important;
		padding-right: 0;
	}

	ul.topiclist li.header dd {
		display: none !important;
	}

	ul.topiclist dt, ul.topiclist dt .list-inner,
	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
		margin-right: 0;
	}

	ul.topiclist dt .list-inner.with-mark {
		padding-right: 34px;
	}

	ul.topiclist dt .list-inner {
		min-height: 28px;
	}

	ul.topiclist li.header dt .list-inner {
		min-height: 0;
	}

	ul.topiclist dd {
		display: none;
	}
	ul.topiclist dd.mark {
		display: block;
	}

	/* Forums and topics lists
	----------------------------------------*/
	ul.topiclist.forums dt {
		margin-right: -250px;
	}

	ul.topiclist dd.mark {
		display: block;
		position: absolute;
		right: 5px;
		top: 0;
		margin: 0;
		width: auto;
		min-width: 0;
		text-align: left;
	}

	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
		position: relative;
		left: 0;
		width: auto;
		display: inline;
		font-weight: normal;
	}

	li.row .responsive-show strong {
		font-weight: bold;
		color: inherit;
	}

	ul.topiclist li.row dt a.subforum {
		vertical-align: bottom;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100px;
	}

	/* Pagination
	----------------------------------------*/
	.pagination > ul {
		margin: 5px 0 0;
	}

	.row .pagination .ellipsis + li {
		display: none !important;
	}

	/* Responsive tables
	----------------------------------------*/
	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
		display: block;
	}

	table.responsive thead, table.responsive th {
		display: none;
	}

	table.responsive.show-header thead, table.responsive.show-header th:first-child {
		display: block;
		width: auto !important;
		text-align: left !important;
	}

	table.responsive.show-header th:first-child span.rank-img {
		display: none;
	}

	table.responsive tr {
		margin: 2px 0;
	}

	table.responsive td {
		width: auto !important;
		text-align: left !important;
		padding: 4px;
	}

	table.responsive td.empty {
		display: none !important;
	}

	table.responsive td > dfn {
		display: inline-block !important;
	}

	table.responsive td > dfn:after {
		content: ':';
		padding-right: 5px;
	}

	table.responsive span.rank-img {
		float: none;
		padding-right: 5px;
	}

	table.responsive.memberlist td:first-child input[type="checkbox"] {
		float: right;
	}

	/* Forms
	----------------------------------------*/
	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
		width: auto;
		float: none;
	}

	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
		margin-left: 0;
	}

	textarea, dd textarea, .message-box textarea {
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	dl.pmlist dt {
		width: auto !important;
		margin-bottom: 5px;
	}

	dl.pmlist dd {
		display: inline-block;
		margin-left: 0 !important;
	}

	dl.pmlist dd:first-of-type {
		padding-left: 20px;
	}

	.smiley-box, .message-box {
		float: none;
		width: auto;
	}

	.smiley-box {
		margin-top: 5px;
	}

	.bbcode-status {
		display: none;
	}

	.colour-palette, .colour-palette tbody, .colour-palette tr {
		display: block;
	}

	.colour-palette td {
		display: inline-block;
		margin-right: 2px;
	}

	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
		display: none;
	}

	fieldset.quick-login label {
		display: block;
		margin-bottom: 5px;
		white-space: normal;
	}

	fieldset.quick-login label > span {
		display: inline-block;
		min-width: 100px;
	}

	fieldset.quick-login input.inputbox {
		width: 85%;
		max-width: 300px;
		margin-left: 20px;
	}

	fieldset.quick-login label[for="autologin"] {
		display: inline-block;
		text-align: right;
		min-width: 50%;
	}

	/* User profile
	----------------------------------------*/
	.column1, .column2, .left-box.profile-details {
		float: none;
		width: auto;
		clear: both;
	}

	/* Polls
	----------------------------------------*/
	fieldset.polls dt {
		width: 90%;
	}

	fieldset.polls dd.resultbar {
		padding-left: 20px;
	}

	fieldset.polls dd.poll_option_percent {
		width: 20%;
	}

	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
		margin-top: 5px;
	}

	/* Post
	----------------------------------------*/
	.postbody {
		position: inherit;
	}

	.postprofile, .postbody, .search .postbody {
		display: block;
		width: auto;
		float: none;
		padding: 0;
		min-height: 0;
	}

	.post .postprofile {
		width: auto;
		border-width: 0 0 1px 0;
		padding-bottom: 5px;
		margin: 0 0 5px 0;
		min-height: 40px;
		overflow: hidden;
	}

	.postprofile dd {
		display: none;
	}

	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
		display: block;
		margin: 0;
	}

	.postprofile .has-avatar .avatar-container {
		margin: 0;
		overflow: inherit;
	}

	.postprofile .avatar-container:after {
		clear: none;
	}

	.postprofile .avatar {
		margin-right: 5px;
	}

	.postprofile .avatar img {
		width: auto !important;
		height: auto !important;
		max-height: 32px;
		margin-top: 5px;
	}

	.has-profile .postbody h3 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.has-profile .post-buttons {
		right: 45px;
		top: 15px;
	}

	.cp-main .pm.online {
		background-size: 40px;
	}

	.online {
		background-size: 16%;
	}

	.offlilne {
		background-size: 16%;
	}

	.cp-main .pm.offline {
		background-size: 40px;
	}

	/* Misc stuff
	----------------------------------------*/
	h2 {
		margin-top: .5em;
	}

	p {
		margin-bottom: .5em;
		overflow: hidden;
	}

	p.rightside {
		margin-bottom: 0;
	}

	fieldset.display-options label {
		display: block;
		clear: both;
		margin-bottom: 5px;
	}

	dl.mini dd.pm-legend {
		float: left;
		min-width: 200px;
	}

	.topicreview {
		margin: 0 -5px;
		padding: 0 5px;
	}

	fieldset.display-actions {
		white-space: normal;
	}

	.phpbb_alert {
		width: auto;
		margin: 0 5px;
	}

	.attach-comment dfn {
		width: 100%;
	}
}


@media (min-width: 701px) {
	.postbody {
		width: calc(100% - 210px - 1px - 16px);
	}

	.postprofile {
		width: 210px;
	}
}

@media only screen and (max-width: 720px), only screen and (max-device-width: 720px) {
	.no-avatar .avatar-container {
		display: block;
		width: auto;
		max-height: 35px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-image: url("./images/no_avatar.png");
		background-position: 1% 25%;
		background-size: auto 100%;
		margin: 5px 0 0 0;
	}
	.body-wrap {
		border: none;
		border-style: none;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		padding-top: 40px;
		margin-top: 5px;
	}
	.top-wrap {
		min-width: 270px;
		padding-top: 40px;
		margin-top: 5px;
	}
	.footer-wrap {
		padding-top: 40px;
		margin-top: 5px;
	}
	.site-description p {
		display: block;
	}
	.logo {
		display: block;
		float: none;
		padding: 8px;
	}
	#tpsitetext-orlogoonheaderbar {
		text-align: center;
	}
}

@media (min-width: 701px) and (max-width: 950px) {
	ul.topiclist dt {
    	margin-right: -410px;
}

	ul.topiclist dt .list-inner {
    	margin-right: 410px;
	}

	dd.posts, dd.topics, dd.views {
    	width: 80px;
	}
}

@media only screen and (max-width: 667px), only screen and (max-device-width: 667px) {
	.tpownblock_left {
		width: 99%;
		margin-top: -35px;
		margin-bottom: -8px;
		margin-left: -3px;
	}
}

@media only screen and (max-width: 667px), only screen and (max-device-width: 667px) {
	.site_logo {
		background-image: url("./images/site_logo_small.png");
		background-repeat: no-repeat;
		display: inline-block;
		width: 220px;
		height: 57px;
		margin-top: 15px;
		padding: 0 !important;
	}
	h1 {
		width: 95%;
		padding: 2px 5px 5px;
	}
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	.top_wrap {
		width: 86%;
		margin-bottom: -50px;
		margin-top: 12px;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	.body_wrap {
		width: 93%;
	}
	.footer_wrap {
		width: 86%;
	}

	h1 {
		margin: -20px auto 10px;
	}
}

@media only screen and (max-width: 470px), only screen and (max-device-width: 470px) {
	.top_wrap {
		width: 82%;
	}
	.body_wrap {
		width: 90%;
}
	.footer_wrap {
		width: 82%;
	}
}

	/* Online / Offline
	----------------------------------------*/
@media only screen and (max-width: 570px), only screen and (max-device-width: 570px) {
	.online {
		background-size: 22%;
		padding: 5px;
	}

	.offline {
		background-size: 22%;
		padding: 5px;
	}
}

@media only screen and (max-width: 414px), only screen and (max-device-width: 414px) {
	.online {
		background-size: 18%;
		padding: 5px;
	}

	.offline {
		background-size: 18%;
		padding: 5px;
	}
}

@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
	.online {
		background-size: 20%;
		padding: 5px;
	}

	.offline {
		background-size: 20%;
		padding: 5px;
	}
}