/*-------------------------------------------------------+
| PHP-Fusion Content Management System
| Copyright (C) 2002 - 2013 Nick Jones
| http://www.php-fusion.co.uk/
+--------------------------------------------------------+
| Filename: sytles.css
| Author: Stefanie Schmidt
| Web: garde-mekkadrill.de
+--------------------------------------------------------+
| This program is released as free software under the
| Affero GPL license. You can redistribute it and/or
| modify it under the terms of this license which you
| can read by viewing the included agpl.txt or online
| at www.gnu.org/licenses/agpl.html. Removal of this
| copyright header is strictly prohibited without
| written permission from the original author(s).
+--------------------------------------------------------+
| This file is part of the PHP-Fusion Theme standard.
+--------------------------------------------------------+
| Theme: BFA
| PHP-Fusion version: 7.02.05
| Theme version: 1.0
+--------------------------------------------------------*/

/* General */
/* =============================================================================================== */
@charset "UTF-8";
@import url("css/fontello.css");
@import url("css/animation.css");


/* Body */
/* =============================================================================================== */
body { color: #a99877; background: url("images/container-grey.jpg") repeat scroll #000; width: 100%; line-height: 1.5em; margin: 0; background-size: contain;}
body, input, textarea, select {	font-size:14px; font-family: "Open Sans",Arial,Helvetica,sans-serif; color: #a99877;}
* {	padding: 0;	border: 0;}
dl, dt, dd {margin: 0; overflow: hidden;}
ul, ol {margin: 0 1em }
li {line-height: 1.5em; list-style-position: inside;}
option {padding: 0 0 2px 12px }
input[type=password] { }
.clearfix:after {	content:"";	display:block;	height:0;	clear:both; }


/* Hide from IE Mac */
/* =============================================================================================== */
.clearfix {display:block;}
.floatfix {overflow:hidden;}
.center, *[align="center"] {margin: 0 auto;}


/* Helpers */
/* =============================================================================================== */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right, .text-right * {text-align: right !important;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}


/* HR */
/* =============================================================================================== */
hr { border-top: 1px solid #504137;	height: 0;	margin: 6px 0;}
hr.side-hr {	margin: 2px 0;}


/* Links */
/* =============================================================================================== */
a { color: #f1b103; text-decoration: none; transition: color 0.2s linear 0s;}
a:active, a:focus, a:active.side, a:hover {  color :#fff;  text-decoration: none;}
	
	
/* Logo */
/* =============================================================================================== */	
#logo {	padding: 45px 0px 0px 0px;	margin: 0 5px 0 0;	min-height: 85px;}
#main-logo { position: absolute; }


/* Mobile Menu */
/* =============================================================================================== */
@media only screen and (max-width: 720px) {
.gkUserMember {  display: none; }
.forum_thread_user_info {  display: none; }
.forum_thread_post_date {  display: none; }
.forum_thread_userbar {  display: none; }
#gkUserArea {  display: none; }

}


/* Search memu */
/* =============================================================================================== */
#top-search{  float:right;  margin-top: 5px; padding-right: 7px; }
.search {	margin: 1px 0 0 4px;	padding: 2px 2px 3px 2px; width: 40px;	height: 35px; }
.search-input-wrap {	padding: 0 3px; }
.search.mini {	margin: 2px 0 0 0;	width: auto;	height: 20px;	padding: 1px 6px; overflow: hidden;	font: bold 11px/22px Arial, sans-serif;  }
.search.mini:hover {	 
	}
#splaceholder {	height: 0;	margin: 0 0 0 5px;	padding: 5px 0;	width: 0 !important; }
#sinput {	padding: 4px 0;	border: 0;	margin: 0;		background: none; }


/* Social */
/* =============================================================================================== */
#gk-social-icons {  float: left;  margin: 0px 0 0 25px;  text-align: center; overflow:hidden;}
.gk-facebook-icon, .gk-twitter-icon, .gk-gplus-icon, .gk-rss-icon { display: block;  float: left; font-weight: 600; 
 height: 22px; margin: 11px 8px 0 0; text-indent: -9999px;  width: 22px;}
.gk-facebook-icon {  background: url("images/social_icons.png") no-repeat scroll -60px 0 transparent;}
.gk-twitter-icon {  background: url("images/social_icons.png") no-repeat scroll -30px 0 transparent;}
.gk-gplus-icon {  background: url("images/social_icons.png") no-repeat scroll -90px 0 transparent;}
.gk-rss-icon {  background: url("images/social_icons.png") no-repeat scroll 0 0 transparent;}
.gk-facebook-icon:active, .gk-facebook-icon:focus, .gk-facebook-icon:hover { background-position: -60px -22px;}
.gk-twitter-icon:active, .gk-twitter-icon:focus, .gk-twitter-icon:hover { background-position: -30px -22px;}
.gk-gplus-icon:active, .gk-gplus-icon:focus, .gk-gplus-icon:hover {  background-position: -90px -22px;}
.gk-rss-icon:active, .gk-rss-icon:focus, .gk-rss-icon:hover {  background-position: 0 -22px;}


/* Social footer */
/* =============================================================================================== */
.social-footer {  float: right; margin: -60px 0 0 25px !important;}
.social-footer a {  background: url("images/social_footer.png") no-repeat scroll 18px 2px rgba(0, 0, 0, 0);
 display: block; float: left;  height: 20px;  margin: 11px 0 0;
 padding: 0 12px; text-indent: -9999px; transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width: 19px;}
.social-footer a.gk-fb:hover { background-position: 18px -50px;}
.social-footer a.gk-twitter {  background-position: -22px 2px; }
.social-footer a.gk-twitter:hover { background-position: -22px -50px;}
.social-footer a.gk-gplus { background-position: -68px 2px;}
.social-footer a.gk-gplus:hover { background-position: -68px -50px;}
.social-footer a.gk-rss {  background-position: -115px 2px;  }
.social-footer a.gk-rss:hover {  background-position: -115px -50px;}


/* gk User */
/* =============================================================================================== */
.gkUserMember {display: block; float: right; margin-right:12px; margin-top:5px; }
.gkUserMember a {color: #aeaeb0; cursor:pointer; padding-left:15px}
.gkUserMember a:hover {color: #fff;}
#gkUserArea { float: right; margin:10px 20px 0 0;}
#gkUserArea a { display: block; float: left; height: 32px; margin: 0;text-indent: -9999px;  width: 32px;}
#gkLogin { no-repeat scroll; cursor: pointer; align: center;  valign: center;}


/* Subheader & menu*/
/* =============================================================================================== */
#subheader {   position: relative;  }
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button { margin: 0px; padding: 0; border: 0; padding-left:0px;  list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cssmenu:after,
#cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden;line-height: 0; height: 0;}
#cssmenu #menu-button { display: none;}
#cssmenu {width: 768px; border: 0px solid #352011; margin-top: 10px; z-index: 1000;text-transform: Uppercase;}
#cssmenu > ul > li { float: left;}
#cssmenu.align-center > ul { font-size: 0; text-align: center;}
#cssmenu.align-center > ul > li { display: inline-block; float: none;}
#cssmenu.align-center ul ul { text-align: left;}
#cssmenu.align-right > ul > li { float: right;}
#cssmenu > ul > li > a { padding: 20px; font-size: 16px; color: #f1b103; font-weight: bold; text-shadow:  1px  1px 1px black,1px -1px 1px black,-1px  1px 1px black,-1px -1px 1px black; border-left: 1px solid #352011;border-right: 1px solid #111; background: #211510 url(images/naviback.png); box-shadow: 2px 2px 5px 0px #000000; border-top: 1px solid #352011; border-bottom: 1px solid #352011;}
#cssmenu > ul > li:hover > a { color: #fff;}
#cssmenu > ul > li.has-sub > a { padding-right: 25px;}
#cssmenu > ul > li.has-sub > a:after {  position: absolute; top: 28px; right: 5px; width: 8px; height: 2px; display: block; background: #f1b103; content: ''; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#cssmenu > ul > li.has-sub > a:before {  position: absolute; top: 25px; right: 12px; display: block; width: 2px; height: 8px; background: #f1b103; content: '';
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#cssmenu > ul > li.has-sub:hover > a:before {}
#cssmenu ul ul { position: absolute; left: -9999px;}
#cssmenu.align-right ul ul { text-align: right;}
#cssmenu ul ul li { height: 0; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease;}
#cssmenu li:hover > ul {left: auto;}
#cssmenu.align-right li:hover > ul { left: auto; right: 0;}
#cssmenu li:hover > ul > li { height: 35px;}
#cssmenu ul ul ul { margin-left: 100%; top: 0;}
#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%;}
#cssmenu ul ul li a { z-index: 99; border-bottom: 1px solid #000; padding: 11px 15px; width: 220px; font-size: 12px; font-weight: 700; text-decoration: none; font-weight: 700; background: #000; opacity : 0.9;   filter:alpha(opacity=90); }
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a { border-bottom: 0;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover { z-index: 99; color: #ffffff;}
#cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #f1b103; content: '';}
#cssmenu.align-right ul ul li.has-sub > a:after { right: auto; left: 11px;}
#cssmenu ul ul li.has-sub > a:before {  position: absolute; top: 14px; right: 14px; display: block; width: 2px; height: 8px; background: #f1b103; content: ''; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -ms-transition: all .15s ease; -o-transition: all .15s ease; transition: all .15s ease;}
#cssmenu.align-right ul ul li.has-sub > a:before { right: auto; left: 14px;}
#cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0;}


/* Responsive max-width: 768px */
/* =============================================================================================== */
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu { z-index: 100;  width: 100%; height:60px; background: #211510; border-top: 1px solid #352011; border-bottom: 1px solid #352011;}
  #cssmenu ul {  width: 100%; display: none; }
  #cssmenu.align-center > ul {text-align: left;}
  #cssmenu ul li { width: 100%; border-top: 1px solid #352011; border-bottom: 1px solid #111; }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li { height: auto; }
  #cssmenu ul li a,
  #cssmenu ul ul li a { width: 100%; border-bottom: 0;background: #211510; }
  #cssmenu > ul > li { float: none; }
  #cssmenu ul ul li a { padding-left: 25px;}
  #cssmenu ul ul ul li a {padding-left: 35px; }
  #cssmenu ul ul li a { background: #000;}
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a { color: #fff; }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0;text-align: left; }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before { display: none; }
  #cssmenu #menu-button { display: block; padding: 22px; color: #f1b103; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; }
  #cssmenu #menu-button:after { position: absolute; top: 28px; right: 17px; display: block; height: 4px; width: 20px;  border-top: 2px solid #f1b103;  border-bottom: 2px solid #f1b103; content: ''; }
  #cssmenu #menu-button:before { position: absolute; top: 22px; right: 17px; display: block; height: 2px; width: 20px;  background: #f1b103; content: ''; }
  #cssmenu #menu-button.menu-opened:after { top: 28px; border: 0; height: 2px; width: 15px; background: #f1b103; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg); -o-transform: rotate(45deg);  transform: rotate(45deg); }
  #cssmenu #menu-button.menu-opened:before { top: 28px; background: #f1b103; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #352011; height: 57px; width: 46px; cursor: pointer;}
  #cssmenu .submenu-button.submenu-opened { background: #000;}
  #cssmenu ul ul .submenu-button { height: 34px;  width: 34px;}
  #cssmenu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #f1b103; content: '';}
  #cssmenu ul ul .submenu-button:after { top: 15px; right: 14px;}
  #cssmenu .submenu-button.submenu-opened:after { background: #f1b103; }
  #cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #f1b103; content: '';}
  #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px; }
  #cssmenu .submenu-button.submenu-opened:before { display: none; }
}

#container {width: 100%; overflow-x: auto;	overflow-y: visible; }
#header {padding: 0px;	width: 100%;	margin: 0 auto;	background:  none;}
#mainheader {padding: 0;position: relative; }


/* container Panel */
/* =============================================================================================== */
#container {line-height: 1.5em;}
#main {background: transperent;	margin-top: 15px;}
* html #main-bg {height: 1%; width: auto;background: transparent;}


/* Comment element properties */
/* =============================================================================================== */
#main-bg { 	padding :6px; } 
.side-both #main-bg {margin: 0 330px 0 215px;}
.side-left #main-bg {margin-left: 215px; }
.side-right #main-bg {margin-right: 330px; }
#side-border-left .panel, #side-border-right .panel, #container .panel, .post, .article {	margin-bottom: 15px }
#side-border-left { 	float: left; width: 200px; max-width: 200px;	padding: 6px; }
#side-border-right { float: right; width: 315px; 	max-width: 315px; 	padding: 6px; }


/* Misc Styles */
/* =============================================================================================== */
.switcherbutton {	height: 11px;	width: 11px;	margin: 6px 0;}
.panelbutton {	cursor:pointer;}


/* Page Navigation - Styling*/
/* =============================================================================================== */
.pagenav { font-family: Arial, Helvetica, sans-serif;font-size: 12px;padding: 4px;margin: 6px;}
.pagenav span {font-weight: normal;color: #000;background-color: #ffae00;cursor:pointer;padding: 3px 8px 3px 8px;margin: 2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.pagenav a, .pages a  {font-weight: normal;color: #a99877;background-color: #190e08;cursor:pointer;padding: 3px 8px 3px 8px;margin: 2px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.pagenav a:hover , .pagenav a:focus, .pages a:hover {color: #fff;background-color: #4e2f1b;cursor:pointer;}


/* Small nav pages */
/* =============================================================================================== */
.pages {	margin-left: 4px;	opacity: 0.6;}
.thread-row:hover .pages,.thread-row.previewing .pages {	opacity: 1;}
.pages a {	padding: 1px 5px;	font-size: 9px;	margin: 0;}
.pages a:focus {	-webkit-box-shadow: none;	-moz-box-shadow: none;	box-shadow: none; }

input[type="image"].bbcode:active {background-color: #1e1e1d;	color: #fff;  border: 1px solid #4d4d4d;-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.75);box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.75);}
input[disabled="disabled"] {color: #aaa;	border-color: #ddd;	opacity: 0.8;}
input::-moz-focus-inner {border:0; padding:0}
:focus {outline: none;}

.textbox {color: #fff; 	padding: 5px;	background-color: #000000;  border: 1px solid #67615c;}
select {margin:0px }
.textbox:hover, .textbox:focus,select:hover, select:focus,
input[type=text]:hover, input[type=text]:focus{	 border-color: #c77e19;}
.textbox:focus, select:focus, input[type=text]:focus {color: #ffffff;}


/* News and article info styles */
/* =============================================================================================== */
.item-info {margin-bottom: 2px; height: 22px;	list-style: none;}
.news-info li,.article-info li {margin: 0 3px 0 0;	display: inline; float: left; height: 16px; list-style: none outside none;}
.news-info li, .news-info li a,.article-info li, .article-info li a {	text-transform: none;	font-size: 11px;}
.item-info .author,.item-info .dated,.item-info .reads,.item-info .comments,.item-info .cat {float: left;	padding: 0px 16px 0px 16px;	background: url(images/news-info.png) no-repeat left top;}
.item-info .dated {background-position: left -20px;}
.item-info .cat {display:none; background-position: left -40px;}
.item-info .reads {background-position: left -61px;}
.item-info .comments {background-position: left -79px;}
.maincap .options {	overflow: hidden; float: right;	height: 16px; position:relative; right: 10px; top: 10px; z-index:9999;}
.maincap .edit {}
.print { display: none;}
.news-category { background: #111111; border: 1px solid #504137; float: left; height: 280px; width: 100%; object-fit: cover; object-position: center; display:block; position:relative; bottom: 23px; }
.news-category-full { background: #111111; color: #fff; border: 1px solid #504137; float: left; width: 100%; display:block; position:relative; bottom: 23px; }
.news-category-full:hover {border: 1px solid #f8b700; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.news-category:hover {border: 1px solid #f8b700; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.news-category-text { padding:5px; float: left; height: 180px; position:relative; bottom: 23px; }
.news-category-read {background: #111111;border: 1px solid #504137;float: left;position:relative; bottom: 23px;}
.newstextbig {	font-size:15px;}
.newsminishort { background: #111111; border: 1px solid #504137; height: 80px; width: 150px; object-fit: cover; object-position: center; display:block; position:relative;}
.newsminishort:hover {border: 1px solid #f8b700; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}

/* Photogallery styling */
/* ================================================================== */
.gallery {padding: 5px;}
.gallery a {}
.gallery:hover {}
.gallery-title {font-size: 15px; position:relative; top: 25px; left: 10px; text-shadow:  1px  1px 1px black,1px -1px 1px black,-1px  1px 1px black,-1px -1px 1px black; }
.gallery-comment {font-size: 14px; position:relative; bottom: 25px; right:10px; text-shadow:  1px  1px 1px black,1px -1px 1px black,-1px  1px 1px black,-1px -1px 1px black; float: right; }
.galleryback {padding: 5px;background: #504137;}
.gallery-pic {padding: 0px;background: #111111;border: 1px solid #504137;height: 180px;width: 100% !important;object-fit: cover;object-position: center;display:block;}
.gallery-pic:hover {border: 1px solid #f8b700;-webkit-transition: all .25s ease;-moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
.photogallery-box { width: 100%; margin: 0px;background: #111111;border: 1px solid #504137;height: 180px; width: 100% !important;object-fit: cover; object-position: center;display:block;}
.photogallery-box:hover {border: 1px solid #f8b700;-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease;  -o-transition: all .25s ease; transition: all .25s ease;}
.photogallery-box-pic { background: #1a0f08;	border: 1px solid #504137;margin: 0px 0px 5px 0;background-color: #1a1006; width: 100%;	 }
 
 
 /* Panles styling */
/* ================================================================== */
.panelcap, .maincap {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-weight: normal; background-color: #211510; border-left: 15px solid transparent; border-right: 15px solid transparent;border-top: 15px solid transparent;border-image: url("images/borderimg.png") 30 30 repeat;}
.panel-top {height: 10px; display: block;  position: relative; top: 12px;  z-index: 0;	}
h2.panelcap {position: relative;	font-size: 18px;  padding: 5px 5px 0 0px;}
.panel { vertical-align: top; padding: 0 0 6px 0;}
.cap-top { height: 10px; display: block;  position: relative;  width: 100%; z-index: 0;	}
h1.maincap { font-size: 18px;  padding: 0px 0px 0px 5px;}
.news-title { font-size: 20px; color: #fff; text-shadow:  1px  1px 1px black,1px -1px 1px black,-1px  1px 1px black,-1px -1px 1px black; position:relative; left: 5px; top: 5px; z-index:10;}
.news-title a { color: #fff;}
.panelbody { background-color: #211510; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid transparent;border-image: url("images/borderimg.png") 30 30 repeat; -webkit-box-shadow: 2px 2px 5px 0px #000000; box-shadow: 2px 2px 5px 0px #000000;}
.borderimg { background-color: #211510; border: 15px solid transparent; border-image: url("images/borderimg.png") 30 30 repeat; }	
.contentbody {padding: 4px 0px 0px; background-color: #211510; border-left: 15px solid transparent; border-right: 15px solid transparent;border-bottom: 15px solid transparent;border-image: url("images/borderimg.png") 30 30 repeat;}
.post .contentbody,.article .contentbody { display: block;    vertical-align: top;  padding: 6px 6px 6px 6px;}
#container .panel, .post, .article {overflow: hidden; }
.panelcap,.sides .panel, #navigation h2 {	overflow: visible; /* IE7 */	zoom: 1; /* IE7 */	position: relative; }
.main-body { word-wrap: break-word;  display: block;   box-sizing: border-box; 	padding : 5px 5px 5px 5px; box-shadow: 0 1px 0px #d3cec7;}
.main-body:hover { }
.news-button { display: none;}
.news-button:hover {}
.mceContentBody { background: 000; }


/* quote */
/* =============================================================================================== */
.quote, .admin-message {border: 1px solid #1776ae; color: #1776ae; margin: 0 2em;padding: 5px 4px 4px 6px;}
.quote {background: #111 url(images/quote_icon.png) 2px 6px no-repeat;padding: 2px 2px 2px 22px;}
.quote.extended {background: #111 url(images/quote_icon.png) 2px 6px no-repeat; padding: 0 0 2px 10px;}
.quote p.citation {margin: 0 0 0 10px;padding: 8px 7px; font-size: 12px; text-shadow: 1px 1px 0 #000; background: #111;}
.quote a:hover {color: #fff;}
.admin-message,.nocomments-message {	border: 1px solid #b52626;	background: #ffcbcb url(images/info-red.png) no-repeat 8px center; color: #b52626;	padding: 10px 5px 10px 30px;	margin: 0 auto 10px;	width: 80%;}
.admin-message a {	color: #fff;	text-decoration: underline;}
.noscript-message.admin-message {background-image: url(images/alert.png);}
#close-message .admin-message,.nocomments-message { display: none;}
.panels-list {	border: 1px solid #504137;	margin: 6px;} 
.panels-list li {margin:0}
code, pre {	font-family: "Ubuntu",Helvetica,Arial,sans-serif;	font-size: 1em;}
code li {	list-style-position: outside;	margin-left: 12px; }
.poll {	height: 16px;	background: url(images/btn.png) repeat-x top #178EEA; }
.tbl2.setuser_body {	padding: 0;	border: 0;}


/* ShoutBox styles */
/* =============================================================================================== */
.shoutboxname, .comment-name {font-weight: bold;}
.shoutboxname .profile-link {padding: 1px 0 1px 18px;}
.shoutboxname,.shoutboxdate,.shoutbox .shoutbox {padding: 4px 4px 0;}
.shoutboxname {}
.shoutbox .shoutbox {	border-bottom: 0px solid #ECECEC;}
.shoutboxdate {	color: #888;	font-size: 0.8em;	padding: 0 4px;}
.small, .small2, .side-small {font-size: 14px;}
.tbl-border, .code_bbcode {}
.code_bbcode {}
.tbl-border.forum_idx_table,.tbl-border.forum_table,
.tbl-border.forum_thread_table {border: 0;}
.forum_table .tbl1,.forum_table .tbl2,.forum_idx_table .tbl1,.forum_idx_table .tbl2,
.forum_threads_list .tbl-border .tbl1,.forum_threads_list .tbl-border .tbl2 { border-top: 0px solid #504137; padding: 5px 10px 10px 10px;}
.forum_table tr:hover .tbl1 {}


/* Thread preview */
/* =============================================================================================== */
.preview-link,.preview-link.loading {	visibility: hidden;	filter: alpha(opacity=40);	opacity: 0.4; background: url(images/icon_expand_close.png) no-repeat center top;	display: block;width: 16px;	height: 16px;}
.preview-link:hover { filter:alpha(opacity=100);	opacity: 1;}
.preview-link.close {	background-position: center bottom;}
.preview-link.loading {	background: url(images/loading.gif) no-repeat center top;}
.forum_table tr:hover .preview-link,.preview-link.loading {	visibility: visible;}
.forum_table tr.previewing .tbl1,.forum_table tr.previewing .tbl2 {	background: #f2f2f2;}
.previewing .preview-link {	visibility: visible;	opacity: 1; }
.preview-wrap {	padding: 18px 30px 14px;	border-left: 1px solid #eee;	border-right: 1px solid #eee; border-bottom: 1px solid #ddd;	margin-bottom: 15px;}
.preview.expanded {	border-bottom: 1px solid #eee;}
tr:last-child .preview.expanded {	border: 0;}
.preview-text {	margin: -4px 0 0 70px;	min-height: 54px;}


/* tbl & Forum */
/* =============================================================================================== */
.tbl1, .tbl2, .tbl.profile_user_avatar, .forum-caption, .bbcode { padding: 5px; font-size: 14px;}
.forum-caption {	font-size: 11px;	font-weight: bold;	color: #888;	padding: 2px 4px 4px 4px;	margin-bottom: 10px; }
.tbl { padding :  5px;}
.bbcode {background: #1e1e1d;color: #a99877;border: 1px solid #4d4d4d;padding: 2px !important;margin: 5px 0px 0px 0px!important;-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.75);box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.75);}
.bbcode:hover {background: #353534;border-color: #4d4d4d;color: #fff;}
.tbl2 {	padding :  5px;}
.tbl1.forum_name > a {	font-size: 14px; }
.forum_thread_post_space {height: 15px; position: relative;top: 15px;background-color: #211510; border-left: 15px solid transparent; border-right: 15px solid transparent;border-top: 15px solid transparent;border-image: url("images/borderimg.png") 30 30 repeat;}
.forum_thread_user_name,.forum_thread_post_date,.forum_thread_user_info,.forum_thread_user_post,
.forum_thread_userbar {}
.forum_thread_ip {font-size: 0px;width: 150px;}
.forum_thread_user_name {font-weight: bold;	padding: 8px 0 6px 20px;position: relative; width: 150px;}
.forum_thread_user_name:before {background: url("images/news-info.png") no-repeat scroll 0 0;content: " ";	display: block;	height: 16px;	left: 2px;	position: absolute;	top: 10px;	width: 16px;}
.forum_thread_user_name a:hover {}
.forum_thread_post_date {}
.forum_thread_post_date a {	font-size: 14px;	font-weight: bold;}
.forum_thread_user_info {}
.forum_thread_user_post {}
.forum_thread_ip {}
.forum_thread_userbar {}
.post-edited {background: url(images/comment_edit.png) no-repeat 6px 10px #20110c;border: 1px solid #582105; color: #AC6328;  margin-top: 15px; padding: 8px 8px 8px 28px; text-shadow: 0 1px 0 #000;}

.emulated-fieldset { margin-top: 10px;}
.attachments-list { border: 1px solid #582105; background: #20110c; padding: 8px 6px 6px; margin-top: -7px;}
.emulated-legend { margin-left: 8px; background: #582105 url(images/attachement.png) no-repeat 2px top; padding: 0 4px 3px 18px; font-size: 11px;text-shadow: 0 1px 0 #000;border-radius: 3px;}

.bbcode-popup {border: 1px #67615c solid !important; background: #111; z-index:1001;padding-bottom: 10px;box-shadow: 1px 1px 2px rgba(0,0,0, .2)}
.bbcode-popup img {cursor: pointer; opacity: 0.6}
.bbcode-popup img:hover {opacity: 1}

.comment-info {padding: 3px;}
.comment-msg {padding: 6px;}
.comment-wrap {	padding: 0;	border: 1px solid #211510;	min-height: 60px; margin-left: 80px; }
.comment-admin {margin-bottom: 15px}
.comment-wrap .actions {display: none;}
.comment-wrap:hover .actions {display: block;}
.comment-wrap.noavatar {margin-left:0;}

.user_avatar {	width: 50px;	height: 50px;	padding: 5px; position: absolute;	left: 0px;	top: 0px;}

.comment-wrap, .user_avatar {	background: #111; }
.comment {	position: relative;	padding-bottom: 10px; }
.comment .pointer, .comment .pointer span {	border-top: 8px solid transparent;	border-bottom: 8px solid transparent;
	position: absolute;	height: 0;	width: 0;	font-size: 0;}
.comment .pointer {	border-style: dashed;	border-right: 8px solid #111111;	left: 72px;	top: 24px;}
.comment .pointer span {	border-right: 8px solid #111111;	left: 1px;	top: -8px;}

.forum-caption {	color: #fff;	font-weight: bold;	margin-top: 10px;	border: 0;}
.forum-caption a {	color: #ddd;	text-shadow: -1px -1px 0px #000;}
.forum-caption a:hover	{	color: #fff;}


.forum_breadcrumbs {
	background: #000 url(images/right.png) no-repeat 4px center;
	padding: 0 0 0 22px;
	border: 1px solid #504137;
	margin-bottom: 6px;
	height: 24px;
}
.forum_breadcrumbs .crust {
	position: relative;
	float: left;
	display: block;
	line-height: 24px;
}
.forum_breadcrumbs .crumb a {
	padding: 4px 2px;
}
.forum_breadcrumbs .crumb {
	padding: 0 0 0 18px;
}
.forum_breadcrumbs .crust.first .crumb {
	padding-left: 0;
}
.forum_breadcrumbs .arrow,
.forum_breadcrumbs .arrow span {
	border-top: 12px dashed transparent;
	border-bottom: 12px dashed transparent;
	display: block;
	position: absolute;
	text-indent: -5000px;
	height: 0;
	width: 0;
}
.forum_breadcrumbs .arrow {
	border-left: 12px solid #504137;
	right: -12px;
	top: 0px;
}
.forum_breadcrumbs .arrow span {
	border-left: 12px solid #000;
	right: 1px;
	top: -12px;
}

.forum_thread_title strong,.forum_cat_name,
.forum_cat_name a {	color: #fff;	font-size: 18px;	font-weight: normal !important;	text-shadow: 1px 1px 0 #000;}



/* footer */
/* =============================================================================================== */
.footerb { 	clear: both;  margin-left: 35px;  	width: 165px; 	 height: 24px; padding-top: 0px;	padding: 5px; 	margin-bottom: 10px; 	 }

.section_w180 {}
.section_w180_content { }
.footer_menu_list { 	margin: 0px; 	padding: 0px; 	list-style: none; font-size: 11px;}
.footer_menu_list li {  list-style-type: none; line-height: 15px;  border-bottom: 1px dotted #404040; width: 165px;  margin: 5px 0 5px;  padding: 0 0 7px }
.footer_menu_list li a { color:#cfcfcf; font: 12px Colaborate,Arial,sans-serif;	font-weight: normal; 	text-decoration: none;  
padding-top: 5px;}
.footer_menu_list li a:hover {  	font-weight: normal; 	text-decoration: none; }



/* footer */
/* =============================================================================================== */
#footer {background: url("images/backgroundwow.jpg") repeat-x center top; width: 100%; margin-top: 7px;}
#footer a {}
#footer a:hover {}
.footer {	padding: 15px 5px 5px 5px;	overflow: hidden;}
.footernav {	position: relative;	left: 50%;}
.footernav .links-section {	position: relative;	right: 50%;	width: 200px;}
.links-section h4 {	color: #fff;	font-size: 13px;	margin: 0;}
.links-section li, .links-section ul {	margin: 10px 20px 0 0;	line-height: 26px;	list-style-type: none;}
.links-section li {	margin: 4px 0;	border-bottom: 1px dotted #555;}
.subfooter {	margin: 0 auto;	padding: 15px 5px 5px 5px;	font-size: 11px;	clear: both;}
#subfooter {background: url("images/footer.jpg") repeat-x center top; font-size : 11px;	padding: 12px 40px;	}


#copyright {	line-height: 18px; }

/* top control */
/* =============================================================================================== */
.cd-top { display: inline-block; height: 50px; width: 50px;  position: fixed; bottom: 50px;
  right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); z-index: 1999;
  /* image replacement properties */
  overflow: hidden;  text-indent: 100%;  white-space: nowrap;
  background: rgba(226,96,81, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;  opacity: 1;}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;}
.cd-top:hover { background-color: #333; opacity: 1;}


/* Button */
/* =============================================================================================== */
.button, button {	
	overflow: visible; /* IE */	
	color: #d49f00;  
	text-align: center; 
	background: #1c1713;
	display: inline-block;	
	padding: 5px 12px;
	margin: 4px;
	margin-top: 0px;	
	border: 1px solid #c77e19;	
	cursor: pointer;		
	transition: all 0.1s ease-out 0s;
}
.button:hover,.button.search, button:hover {	
	background: #b06601;	 
	color: #fff; 
}
.button.search:hover {	
	background: #b06601;	  
	color: #fff; 
}
.button:active,.button.active,button:active,input[type=submit]:active { 
	background-color: #b06601;	
	color: #fff;	
	text-shadow: none;
	}
.button.negative:focus,.button.negative:hover {	
	color: #fff;	
	background-color: #D84743;	
	border-color: #bc002c;
}
.button.negative:active,.button.negative.active{	
box-shadow: inset 0 1px 1px #555;	
background-color: #A5211E;	
border-color: #bc002c;
}
.button.big {	font-size: 13px;}
.button .icon {	display: inline-block;	padding-left: 18px;	position: relative;	line-height: 10px;	top: 1px; height: 12px;	margin: 2px 4px 2px 0;   background-image: url(images/buttons_icons.png);	background-repeat: no-repeat;white-space: nowrap; /* IE 7 */}
.button .icon.pm-button { background-position:0 -500px; }
.button:hover .icon.pm-button { background-position:0 -512px; }
.button .icon.edit-button { background-position:0 -556px; }
.button:hover .icon.edit-button {background-position:0 -571px; }
.button .icon.web-button { background-position:0 -586px; }
.button:hover .icon.web-button { background-position:0 -601px; }
.button .icon.quote-button { background-position:0 -176px; }
.button:hover .icon.quote-button { background-position:0 -190px; }
.button .icon.newthread-button { background-position:0 -616px }
.button:hover .icon.newthread-button { background-position:0 -631px }
.button .icon.reply-button { background-position:0 -646px }
.button:hover .icon.reply-button { background-position:0 -660px }
.button .icon.rightarrow { background-position:0 -674px }
.button:hover .icon.rightarrow { background-position:0 -689px }
.button .icon.settings-button { background-position: 0 -146px }
.button:hover .icon.settings-button { background-position: 0 -161px }
.button .icon.del-button { background-position: 0 -204px }
.button:hover .icon.del-button { background-position: 0 -219px }
.button .icon.move-button { background-position: 0 -526px }
.button:hover .icon.move-button { background-position: 0 -541px }

.buttonthank {
	overflow: visible; /* IE */
	color: #d49f00;
	background: #1c1713;		
	border: 1px solid #c77e19;
	display: inline-block;	
	padding: 4px 12px;
	margin: 0px;
	cursor: pointer;
	font-weight: normal;
	line-height: 17px !important;
	box-shadow: 0 0 1px #000;
	position: relative;
	top: 1px;
	right: 5px;
}
.buttonthank:hover {
	border: 1px solid #12ff00;
	background: #499530;
    color: #fff;
}

 .thanks{ padding: 5px;}

.tcp-warn {position:relative}
#tcp-warn {	position:absolute;	top: 3px;	right: 2px;	cursor: pointer;	width:13px;	height:12px;
	background: url(images/buttons_icons.png) no-repeat 0 -204px;}
#tcp-warn:hover {background-position:0 -219px}

#site-links, #site-links li {margin: 0;}

.user-avatar,.user-avatar a,.user-avatar img,.user-avatar:after {	position: relative;	display: inline-block; }
.user-avatar-viewthread {	position: relative;	display: inline-block; }
.user-avatar:after {	position: absolute; }

.tag {	background-image: url(images/btn.png);	background-repeat: repeat-x;	background-color: #555; 	border-radius: 3px;
	color: #fff;	display: inline-block;	font-size: 9px;	font-weight: bold;	height: 16px;	line-height: 16px;
	vertical-align: middle;	padding: 0 5px;	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);	text-transform: uppercase; }
.tag.big {	font-size: 12px; 
-moz-transform: rotate(315deg);
-webkit-transform: rotate(315deg);
-o-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
position: relative; right:15px;
float:left}
.tag.green {background-color: #7BA60D;}
.tag.orange {background-color: #ed7710;}
.tag.red {background-color: #d93232;}
.tag.blue {background-color: #178eea;}
.tag.gray {background-color: #9a9a9a;}

.breaking-news {	margin-top: -4px;	padding-top: 2px;	padding-bottom: 2px; }
.sticky-news:before {	width: 8px; }
.post .title a {     
	font-size: 22px;
	color:#fff;
	}
.post .title a:hover {color: #f1b103; }

h2.panelcap .tag {	margin-top: 200px;}

.ht-link { position: relative; }
.ht-reply {	position: absolute;	right: 0; }



/* Navigation Panel */
/* =============================================================================================== */
#navigation ul {	margin: 0;	display: block;	list-style-type: none;	line-height: 1.2em; }
#navigation li { height: 20px;}
#navigation .bullet { }
* html #navigation ul li, #navigation a {height: 1%;}
#navigation a {	display: block;	text-decoration: none;	height: 20px; }
#navigation .current-link a span {text-decoration: underline;}
#navigation a span {	line-height: 1.7em;	cursor: pointer; /* IE7 */ }
#navigation a {padding-left: 2px;}
/* end */

.bullet {}

/* Forum page styles */
/* =============================================================================================== */
.forum-titlebar h1, .thread-titlebar h1 {	font-size: 16px;	font-weight: 600;	margin: 0; }
.forum-titlebar h1 a, .thread-titlebar h1 a {	font-size: 12px;	font-weight: normal;}
.forum-titlebar p, .thread-titlebar p {	margin: 0; }
.forum-titlebar, .thread-titlebar {	padding: 10px;	margin-bottom: 6px;	position: relative; }
.forum-titlebar .thread-counts, .thread-titlebar .thread-counts { color: #a99877; clear: right;	}
.stats-caption {	width: 100px; }

.last-post-caption, .thread-last-post {	width: 130px; }
.thread-title, .last-post-author {	font-size: 13px; }
.thread-starter, .last-post-date { }
.thread-starter a, .last-post-date a { }
.thread-starter a:hover, .last-post-date a:hover { }
.thread-stats .major,.thread-stats .minor {	display: table;	width: 100%; }
.thread-stats .major {	min-width: 98px;	font-size: 13px; }
.thread-stats dt, .thread-stats dd {	display: table-cell; }
.thread-stats dd {	text-align: right;	padding-left: 4px; }
.thread-stats dt { }
.thread-stats .major dd { font-size: 13px; }
.thread-last-post .avatar {	width: 40px;	max-height: 40px; }
.last-post-avatar {	float: left;	margin-right: 6px; }
.deleted-user {	font-style: italic; }
.faint { }
.faint strong, .darker { }
.thread-titlebar .user-avatar {	margin-right: 5px; }
.thread-titlebar .user-avatar img {	width: 58px; }
.thread-options {	height: 18px; }
.who-posted {
	color: #a99877;
	white-space: normal;	
	font-weight: normal;  
	background-color: #211510; 
	border-left: 15px solid transparent; 
	border-right: 15px solid transparent;
	border-top: 15px solid transparent;
	border-image: url("images/borderimg.png") 30 30 repeat; 
	}
ul.posters {	
color: #a99877;
	margin: 0 0 0 4px;	
	display: inline;
	}
li.poster {	
	margin-right: 4px;	
	display: inline; 
	}
.forum-category {	
	line-height: 10px;	
	vertical-align: middle; 
	}
.online-status {	
	height: 10px;	
	border-radius: 6px
	}

/* profile.php */
/* =============================================================================================== */
.profile_user_name:after, .profile_user_level:after, .profile_user_email:after, .profile_user_joined:after {	background: url(images/news-info.png) no-repeat left top;	width: 16px;	height: 16px;
	margin-left: 2px;	display: inline-block;	vertical-align: middle;	content: " "; }

.profile_user_level:after {	background-position: left -40px; }
.profile_user_email:after {	background: url(images/email.png) no-repeat left top; }
.profile_user_joined:after {	background-position: left -20px; }
.profile_user_visit .tag {	vertical-align: top; }

.profile-page .profile, .profile-page .profile_category {	max-width: 600px;	min-width: 400px; }
.profile.tbl-border .tbl1 > div[style="float:left"] {	width: 40%;	margin-bottom: 3px; }
.profile.tbl-border .tbl1 > div[style="float:right"] {	width: 60%;	margin-bottom: 3px; }
.profile.tbl-border .tbl1 > div[style="float:none;clear:both"] {	border-bottom: 0px dotted #ccc; }
.profile_user_avatar.responsive {	display: none; }
.profile-pics { background: #111111; color: #fff; border: 1px solid #504137; float: left; width: 100%; display:block; }

.sticky-icon {	vertical-align: middle;	float: right; }
.thread-stats-responsive {	display: none; }

ul.findex {	margin: 0;}
	ul.findex li {	float: left;	display: block;	margin-right: 4px;	}
	.findex .responsive-menu {	position: relative;	right: 0;	margin: 0 !important;	width: 100%;	}
	.findex .responsive-menu ul {	overflow: hidden;	right: 0;	position: relative;	z-index: 1;	height: 0;
		min-width: 200px;	margin: 0;	}
	.findex .responsive-menu li {	overflow: hidden;	margin: 0;	width: 100%;	}
	.findex .responsive-menu li:first-child {	margin-top: 4px;	}
	.findex .responsive-menu li a {	display: block;	padding: 4px 10px;	text-align: left;}
	.findex .responsive-menu.active {	overflow: visible;	}
	.findex .responsive-menu-button {	display: block;	position: absolute;	right: 0;	width: 18px;	height: 16px;
		padding: 4px !important;	top: -22px;	border: 1px solid #666;	border-radius: 4px;	}

	.findex .responsive-menu.active .responsive-menu-button {	box-shadow: 0 1px 2px rgba(0,0,0, .5) inset;	}


/* Responsive menu three lines icon */
/* =============================================================================================== */
	.findex .responsive-menu-button span,
	.findex .responsive-menu-button span:before,
	.findex .responsive-menu-button span:after {
		content: " ";	position: relative;	display: block;	height: 4px;	border-radius: 4px;	background-color: #444;	margin: 0 auto;	}
	.findex .responsive-menu-button span:before {	top: 6px;	}
	.findex .responsive-menu-button span:after {	top: 8px;	}



/* Main menu responsive stuff */
/* =============================================================================================== */
ul.navigation { }
	.navigation .responsive-menu {	position: absolute;	right: 0;	margin: 0 !important;	}
	.navigation .responsive-menu ul {	color: #fff; overflow: hidden;	right: 0;	position: absolute;	z-index: 999;	height: 0;	min-width: 200px;
	margin: 0;	background-color: #555;	}
	.navigation .responsive-menu li {	overflow: hidden;	margin: 0;	width: 100%;	}
	.navigation .responsive-menu li a {	display: block;	padding: 4px 10px;	text-align: left;	}
	.navigation .responsive-menu li a:hover {	background-color: #666;	}
	.navigation .responsive-menu.active {		overflow: visible;	}
	.navigation .responsive-menu-button {	display: block;	width: 22px;	height: 22px;	padding: 4px !important;	margin: 5px 4px 0;
		border: 1px solid #666;	border-radius: 4px; }
	.navigation .responsive-menu-button:hover {	background-color: #555;	}
	.navigation .responsive-menu.active .responsive-menu-button {	background-color: #666;	box-shadow: 0 1px 2px rgba(0,0,0, .5) inset;}

/* Responsive menu three lines icon */
	.navigation .responsive-menu-button span,
	.navigation .responsive-menu-button span:before,
	.navigation .responsive-menu-button span:after {	content: " ";	position: relative;	display: block;	width: 24px;	height: 4px;
	border-radius: 4px;	background-color: #fff;	margin: 0 auto;	margin-top: 2px;	}
	.navigation .responsive-menu-button span:before {	top: 7px;	}
	.navigation .responsive-menu-button span:after {	top: 8px;	}
/* end main menu */


/* Responsive styling stuff */
/* =============================================================================================== */
@media only screen and (max-width: 400px) {
/* BBCodes wrapper */
	div[style="width:360px"] {	width: 300px !important;	}
	.ad { display: none; }
	#ddraig_relative_time {	width: 90px;	}
	.forum_thread_user_info { width: 30px;}
	.forum_thread_ip { width: 30px; }
	.forum_thread_user_post {width: 100%;}
	.gallery {padding: 5px;float: left;}
	.deluxe { display: none; }
	body {background: #000; }
	.gkUserMember {	font-size: 13px;}
	.news-category { background: #111111; border: 1px solid #504137; float: left; height: 150px; width: 100%; object-fit: cover; object-position: center; display:block; position:relative; bottom: 23px; }
}

@media only screen and (max-width: 960px) {
	/* Move the right side panels to the left */
	#top-search {	display: none;	}
	.ad { display: none; }
	#main {	margin-top: 15px	}
	.side-both #side-border-right {	float: left !important;	clear: both;	margin-top: 10px;	}
	.side-both #main-bg {	margin-right: 2px;	}
	#side-border-right,	#side-border-left {		margin: 0 auto;	}
	.gallery {padding: 5px;float: left;}
	.gkUserMember {	font-size: 13px;}
}

@media only screen and (max-width: 720px) {
	.gkUserMember {   }
	#gkUserArea {  display: none; }
	.subheader{ display: none;}
	#logo { text-align: center; }
	img {	max-width: 100%;	}
	.deluxe { display: none; }
	.gallery {padding: 5px;float: left;}
	.news-category { background: #111111; border: 1px solid #504137; float: left; height: 150px; width: 100%; object-fit: cover; object-position: center; display:block; position:relative; bottom: 23px; }
	
	
/* Hide the default avatar on profile page */
/* =============================================================================================== */
	.profile_user_avatar {	display: none;	}
	.profile_user_avatar.responsive {		display: table-cell !important;	}
	.sides .panel {	margin: 0 auto;	}
	#top-search {	display: none;	}

/* Forum breadcrumbs */
/* =============================================================================================== */
	.forum_breadcrumbs .crust {	display: inline;	}
	.forum_breadcrumbs .arrow {	top: -3px;	}
	/* end forum breadcrumbs */

	.forum_name {	width: 100%	}
	#main {	margin-top: 15px	}
	#main-bg {	margin: 0 !important;	}
	.thread-name {	padding: 2px 0 2px 4px	}
	.thread-title {	font-weight: 600;	font-size: 13px }
	.forum_thread_user_name {	width: 80px !important;	word-break: break-all;	}
	.forum_thread_user_info {		padding-right: 0 	}
	img.poll {		max-width: 100px !important	}
	.forum_thread_user_info .user-avatar .avatar {	width: 50px	}

	.forum_thread_user_post,	.preview-text {	-moz-hyphens: auto;	/*word-break: break-all;*/	}
	.profile-page .profile,	.profile-page .profile_category {	width: 100%;		min-width: 100%;	}
	.profile-page .user-avatar .avatar {	width: 120px	}
	.preview-wrap {	padding: 9px 11px 13px;	}
	.preview-wrap .user-avatar .avatar {	width: 52px;	}
	.preview-text {	margin: -4px 0 0 56px;	}
	.inforum .contentbody {	padding: 4px 0 10px;	}
	.folder-caption,
	.thread-folder-icon {	display: none;	}

	.forum_table {	border-collapse: collapse;	}
	.thread-row.foldernew .tbl1 { }
	.thread-row.foldernew:hover .tbl1 {	}
	.thread-row.foldernew {	border-left: 6px solid #226dac;	}
	.thread-row.foldernew .thread-title {	font-weight: 700;	}

/* Override hard coded width, makes Admin Panel usable on mobile devices */
/* =============================================================================================== */
	table[width$="0"],
	table[width$="0%"],
	table[style$="0px;"],
	textarea[style$="0px"],
	textarea[style$="0px;"],
	.errors-page table[style$="%;"],
	.panels-page div.panels,
	.site-links-page div[style$="500px;"] {
		width: 99.8% !important;
	}
	input[style$="0px"],
	input[style$="0px;"] {
		max-width: 90% !important;
	}
	*[style$="nowrap"],
	*[style$="nowrap;"] {	padding: 1px 0 0 2px; 	white-space: normal !important;	}
	.panels-page div[style$="230px;"] {	text-align: right !important;	width: auto !important;	}
	.db-backup-page td[valign="top"] {	display: block;	}
	.post-page td[width="145"] {	width: auto !important;	}
	.post-page .forum_thread_user_info {	max-width: 76px !important;	}

	.theme-settings-admin-page .desc {	padding: 0	}
	.quote {	margin: 0 20px 0 0	}

	.side-both,
	.side-left,
	.side-right {	width: 100%; /* fix for Firefox */	display: -webkit-box;	display: -moz-box;	display: -webkit-flexbox;
		display: -ms-flexbox;	display: -webkit-flex;	display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;	}

#side-border-left { width: 96%; 	max-width: 96%;
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-webkit-flex-order: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}

	#side-border-right {  width: 96%; 	max-width: 96%;
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-webkit-flex-order: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}

#subfooter { padding: 0px;}
.footer {display: inline; }
.footerb { display: none; }  
.item-info {margin:10px auto !important;	}
.social-footer {  display: none;}
}

.footer-partner { 	
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
 }
.footer-partner:hover {
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

@media only screen and (max-width: 610px) {
	#main {	margin-top: 15px	}
	.last-post-avatar {	display: none;	}
	.forum-caption.stats-caption,	.thread-stats	{	display: none;	}
	.last-post-caption,	.thread-last-post {	width: 84px;	}
	.thread-counts {	display: none;	}
	.thread-stats-responsive {	display: inline;	}
	.item-info .reads {	display: none;	}
}

/* Top Menu */
/* =============================================================================================== */
.top-menu {padding:5px; height:30px; border-bottom: 1px solid #2f3135;  background: #0b0d12; z-index:500; display:block; color: #aeaeb0; }
.msg_login  {
	background-color: #f22;
	font-weight: bold;
	color: #fff;
	padding: 0 5px;
	border-radius: 22px;
	text-shadow:  1px  1px 1px black,1px -1px 1px black,-1px  1px 1px black,-1px -1px 1px black;
}

/* Team CSS */
/* =============================================================================================== */
.team-title { font-size: 24px; color: #fff; text-shadow:  1px  1px 1px black,1px -1px 1px black,-1px  1px 1px black,-1px -1px 1px black; position:relative; left: 15px; top: 30px; z-index:10;}
.team-pic { background: #111111;border: 1px solid #504137;height: 300px;width: 100% !important;object-fit: cover;object-position: center;display:block;}
.team-text  { padding: 15px; display:block; background: #111; border-left: 1px solid #504137; border-right: 1px solid #504137; border-bottom: 1px solid #504137;}


/* Extra CSS */
/* =============================================================================================== */
.download{ 
  	background: #111111;
	background: url(images/downloadBG.png) repeat-x top center;
 	border-top: 1px solid #7c2804;
	border-left: 1px solid #7c2804;
	border-bottom: 1px solid #111111;
	border-right:  0px solid #111111;
	color: #fff;
 }
 .downloadback{ 
  	background: #111111;
	border: #504137;
	color: #a99877;
	padding: 3px;
	font-size : 12px;
 }

 .extratitel{ 
	font-weight: bold;
	font-size : 13px;
 }

 .colorbox{ 
z-index: 99999;
 }

/* Event Calender */
/* =============================================================================================== */
table.awec_calendar th {		/* table head: day of the week */
	padding: 5px;
	white-space: nowrap;
	color: #fff;
	background: url(images/downloadBG.png) repeat-x top center;
 	border-top: 1px solid #7c2804;
	border-left: 1px solid #7c2804;
	border-bottom: 1px solid #111111;
	border-right:  0px solid #111111;
	font-weight: bold;
	margin-top:4px;
	border: 1px solid #000;
}
table.awec_calendar td.current {	/* current day */
	border: 2px solid red;
background-color: #111111;
}
table.awec_calendar td.content {	/* day with some events */
	background-color: #111111;
	border: 1px solid #333333;
}
table.awec_calendar td.empty {		/* day with no events */
	background-color: #111111;
	border: 1px solid #333333;
}
table.awec_calendar td.weekend {	/* weekend */
	background-color: #111111;
	
}


/* analogous for the list view except it is using rows instead of cells */
table.awec_list tr.odd {
	padding: 5px;
	background-color: #333333;
}
table.awec_list tr.even {
	padding: 5px;
	background-color: #111111;
}
table.awec_list tr.current {
	padding: 5px;
	background-color: red;
}

/* boxover */
.awec_bo_head {
	border-top: 1px solid #fff;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
    background-color: #000;
	opacity : 0.8;  
	filter:alpha(opacity=80); 
	color: #f1b103;
    background-color: #000;
    padding: 5px;
	box-shadow: 1px 2px 6px #000;

}

.awec_bo_body {
	z-index: 1001;
	border-bottom: 1px solid #7f7f7f;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
    background-color: #000;
	opacity : 0.8;  
	filter:alpha(opacity=80); 
	color: #fff;
    background-color: #000;
    padding: 5px;
	box-shadow: 1px 2px 6px #000;
}
.awec_bo_body ul {
        margin: 0;
        padding-left: 5px;
}

.awec_title{ 
	font-size : 18px;
 }
 
.awec_grats{ 
	text-shadow: 0 0 5px #000;
	font-size : 32px;
	position: relative;
	left:0px;
	bottom:320px;

 }

.awec_gratstext{ 
	position: relative;
	left:0px;
	bottom:40px;
 }

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}