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

body {background: #f8f8f8;  color: #434343; font-size: 13px; font-weight: 700;   margin: 0;  overflow-x: hidden; width: 100%;  }

body, input, textarea, select {	font:11px/1.4em "Open Sans"; color: #424242;}
* {	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] {	font-family: "Istok Web",sans-serif; /* IE */	padding: 6px 2px 6px 5px; }
.clearfix:after {	content:"";	display:block;	height:0;	clear:both; }

/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
.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 {	border-top: 1px solid #eee;	border-bottom: 1px solid #fff;	height: 0;	margin: 6px 0; }
hr.side-hr {	margin: 2px 0;}

/* Links */
a { color:#777; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px; text-decoration: none; transition: width 2s; font-weight: none; transition: color 0.2s linear 0s; }
a:active, a:focus, a:active.side, a:hover {  color:#161616; text-decoration: none; border-bottom: 0 none;}

#logo {	padding:30px 10px 0 15px;	margin: 0 5px 0 0;	min-height: 165px; }
#main-logo {	position: absolute; }


#logo:hover {   animation: shake .5s ease-in-out;
}
@keyframes shake {
  0% {  transform: translateX(0);  }

  20% {   transform: translateX(-10px);  }

  40% {   transform: translateX(10px); }

  60% {  transform: translateX(-10px); }

  80% {   transform: translateX(10px); }

  100% {  transform: translateX(0); }
}

.cmn-t-scale {
  padding: 20px 40px;
  color: #fff;
  background-color: #ff3296;
  /* transition: transform 0.2s; */
}
.cmn-t-scale:hover {
  color: #fff;
  transform: scale(1.1);
}

/* Header */
#header {	height: 35px; width: 100%; 	margin: 0 auto;  background: #2a2a2a none repeat scroll 0 0; }
#mainheader {		padding: 0;	position: relative;  background-color:#fff; box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.05);}

/* Search memu top*/
#searchb { float: right;  margin-top: -39px; padding-right: 10px;}
.searchbox { width: 180px; height: 22px;  font-style: italic; font-size: 12px; 	color: #C0C0C0; padding: 6px 6px 6px 6px; 
 background: url("images/style/search_bg.png") no-repeat scroll right center rgba(0, 0, 0, 0);   background-color:#fff;  border: medium none; 
padding-right: 35px; background-position: 100% 50%;

box-shadow: 0 1px 12px rgba(0, 0, 0, 0.075) inset;
border-radius: 1px; -webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;}
.searchbox:hover {	width: 175px; }
.searchbox:focus, .searchbox:active { background-color: #f8f8f8;  width: 185px;}
/* end */


/* Social top */
#g-social-icons {  float: left;  margin: -5px 0 0 10px !important;  text-align: center;  z-index:		-999;}
.g-facebook-icon, .g-twitter-icon, .g-gplus-icon, .g-rss-icon { display: block;  float: left; font-weight: 600; 
 height: 22px; margin: 11px 8px 0 0; text-indent: -9999px;  width: 22px;}
.g-facebook-icon {  background: url("images/style/social_top.png") no-repeat scroll -60px 0 transparent;}
.g-twitter-icon {  background: url("images/style/social_top.png") no-repeat scroll -30px 0 transparent;}
.g-gplus-icon {  background: url("images/style/social_top.png") no-repeat scroll -90px 0 transparent;}
.g-rss-icon {  background: url("images/style/social_top.png") no-repeat scroll 0 0 transparent;}
.g-facebook-icon:active, .gk-facebook-icon:focus, .g-facebook-icon:hover { background-position: -60px -22px;}
.g-twitter-icon:active, .gk-twitter-icon:focus, .g-twitter-icon:hover { background-position: -30px -22px;}
.g-gplus-icon:active, .g-gplus-icon:focus, .g-gplus-icon:hover {  background-position: -90px -22px;}
.g-rss-icon:active, .g-rss-icon:focus, .g-rss-icon:hover {  background-position: 0 -22px; }

/* Login*/
.gkUserMember {display: block; float: right; margin: -30px 15px 0 0; }
#gkUserArea { float: right; margin: 5px 20px 0 0; }
#gkUserArea a {   display: block; float: left; height: 32px; margin: 0;
 text-indent: -9999px;  width: 32px;}
#gkLogin { background: url("images/style/icons.png") no-repeat scroll -2px -1px rgba(0, 0, 0, 0); }
#gkLogin:active, #gkLogin:focus, #gkLogin:hover { background: url("images/style/icons.png") no-repeat scroll -2px -28px rgba(0, 0, 0, 0); }

.nav-container{   margin-top: -70px;  position: relative;  z-index: 1000;}
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;  box-shadow: 0 3px 5px -1px #c0c0c0; } /* this make our menu fixed top */

/* mobile menu  top extra */
#gkMobileMenu {  display: none; }

@media only screen and (max-width: 720px) {
#gk-social-icons { padding-top:0px;}
.gkUserMember {  display: none; }
#gkUserArea {  display: none; }
#gkMobileMenu { background: url("images/style/tablet_menu_btn.png") no-repeat scroll rgba(0, 0, 0, 0); float: right;
 margin-top: 9px; position: relative;  margin-right: 5px; overflow:hidden;}
#gkMainMenu { border: medium none !important; clear: none !important; float: left; text-indent: 15px;  width: 64px !important;}
#gkMobileMenu select { height: 32px; left: 0;  opacity: 0; position: absolute; top: 0; width: 64px; }
#gkMobileMenu { display: block !important; font-size: 18px; height: 32px; line-height: 40px; position: relative; text-indent: -9999px;
 width: 50px;  }
}


/* menu */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button { margin: 0;  padding: 0;  border: 0; 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 {background: none; width: 100%;    margin-top: 0px; z-index: 999;
-webkit-box-shadow: none;
-moz-box-shadow:  none;
box-shadow: none}

#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: 15px;  font-size: 14px;  letter-spacing: 1px;  text-decoration: none;
  color: #424242;  font-weight: bold;  font-family: "Open Sans"; 
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; }
#cssmenu > ul > li:hover > a { color: #f8c200; }

#menu-line {  position: absolute; bottom: 0; left: 0;  height: 2px; border-radius: 0; background: #f8c200;
 -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;}
#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.align-right ul ul { text-align: right;}



#cssmenu > ul > li.has-sub > a {  padding-right: 30px;}
#cssmenu > ul > li.has-sub > a:after {  position: absolute;  top: 22px; right: 11px;  width: 8px;
  height: 2px;  display: block;  background: #000;  content: '';}
#cssmenu > ul > li.has-sub > a:before {  position: absolute;   top: 19px; right: 14px;  display: block;
  width: 2px;  height: 8px;  background: #000; content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;}
#cssmenu > ul > li.has-sub:hover > a:before {   top: 23px;   height: 0;}
#cssmenu ul ul { position: absolute;  left: -9999px;
}
#cssmenu.align-right ul ul { text-align: right;}
#cssmenu ul ul li {  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s 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 #333; padding: 11px 15px; width: 220px;
  font-size: 12px;  font-weight: 700;  text-decoration: none; color: #ddd; font-weight: 700; background: #222;}
#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: #dddddd;  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: 13px; right: 14px; display: block;
 width: 2px; height: 8px;  background: #dddddd;  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s 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;}

@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;  background: #333;  border-radius: 0px;   width: 100%;  }
  #cssmenu ul { background: #333;    width: 100%;   display: none; }
  #cssmenu.align-center > ul {  text-align: left; }
  #cssmenu ul li {   width: 100%;   border-top: 1px solid rgba(120, 120, 120, 0.2); }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {  height: auto; }
  #cssmenu ul li a,
  #cssmenu ul ul li a { color: #ddd;  width: 100%;  border-bottom: 0; }
  #menu-line { display: none; }
  #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 {  color: #dddddd;   background: none; }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {  color: #ffffff;  }
  
  #cssmenu > ul > li:hover > 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: 17px;  color: #dddddd;   cursor: pointer;
    font-size: 12px;  text-transform: uppercase; font-weight: 700; }
  #cssmenu #menu-button:after {  position: absolute;   top: 22px;  right: 17px;  display: block;  height: 4px;
    width: 20px;  border-top: 2px solid #dddddd;  border-bottom: 2px solid #dddddd;  content: ''; }
  #cssmenu #menu-button:before {  position: absolute;  top: 16px;  right: 17px;  display: block;  height: 2px;
  width: 20px; background: #dddddd;  content: ''; }
  #cssmenu #menu-button.menu-opened:after {  top: 23px;  border: 0;  height: 2px;  width: 15px;  background: #ffffff;
    -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: 23px;  background: #ffffff;  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 rgba(120, 120, 120, 0.2);  height: 46px;  width: 46px;  cursor: pointer;}
  #cssmenu .submenu-button.submenu-opened {  background: #262626; }
  #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: #dddddd;  content: ''; }
  #cssmenu ul ul .submenu-button:after {  top: 15px;  right: 13px; }
  #cssmenu .submenu-button.submenu-opened:after { background: #ffffff; }
  #cssmenu .submenu-button:before {   position: absolute; top: 19px;  right: 22px;  display: block;  width: 2px;
    height: 8px; background: #dddddd; content: ''; }
  #cssmenu ul ul .submenu-button:before {  top: 12px; right: 16px; }
  #cssmenu .submenu-button.submenu-opened:before {  display: none; }
}


/* container Panel */
#main {  background: transperent; margin-top: 55px; }
#container { 	width: 100%; overflow-x: auto;	overflow-y: visible; }
#container {line-height: 1.5em; }
* 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: 20px }
#side-border-left { 	float: left; width: 200px; max-width: 200px; 	color: #777; padding: 6px; }
#side-border-right { float: right; width: 315px; 	max-width: 315px; color: #777; 	padding: 6px;  }

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

/* Page Navigation */

.pagenav { text-align: center; 	padding: 4px;	margin: 4px 0 12px 0; border-radius: 1px; background: none;   border: 0px solid #f3f3f3; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px; font-size: 11px;  color: #777;  }
.pagenav span {  display: inline-block; background: #222 none repeat scroll 0 0; color: #fff; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px; border-radius: 1px;   font-weight: normal; font-size: 13px;  padding: 5px 9px 5px 9px;	margin:1px;}
.pagenav a {  display: inline-block; font-size: 13px;  border-radius: 1px; color: #000;  text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;   font-weight: normal;  	padding: 5px 9px 5px 9px;
	margin:1px; }
.pagenav a:hover {  display: inline-block;  font-weight: normal; background: none;    text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px; border-radius: 1px; font-size: 13px;padding: 5px 9px 5px 9px;	margin:1px;}

.pagenav span {   box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.8); margin-right: 10px; padding: 5px;
text-align: center;  width: 18px;}
.pagenav a  { background: #fff;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
margin-right: 10px;  padding: 5px; text-align: center;  width: 18px;}
.pagenav a:hover { background: #f8c200;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 1);
margin-right: 10px; padding: 5px; color: #000; width: 18px;}

/* Small nav pages */
.pages {	margin-left: 4px;	opacity: 0.6;}
.thread-row:hover .pages,.thread-row.previewing .pages {	opacity: 1;}
.pages a {	color: #555;	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: none;	color: #bbb;	border: 1px solid #bbb;	background-color: #eee;	box-shadow: inset 0 0 4px #bbb;}
input[type="image"].bbcode:active {	background: none;	color: #bbb;	border: 1px solid #bbb;
	background-color: #eee;	box-shadow: inset 0 0 4px #bbb;}
input[disabled="disabled"] {	color: #aaa;	border-color: #ddd;	opacity: 0.8;}
input::-moz-focus-inner {border:0; padding:0}
:focus {outline: none;}

.textbox {	font-family: "Ubuntu",Helvetica,Arial,sans-serif; font-size: 12px; 	color: #777; padding: 6px 2px 6px 5px;  background-color: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;  border: 1px solid #d9d6d0; box-sizing: border-box; border-radius:1px 1px 1px 1px;}
select {	height: 29px; margin:1px }
.textbox:hover, .textbox:focus,select:hover, select:focus,
input[type=text]:hover, input[type=text]:focus{	 outline: 0 none;}
.textbox:focus, select:focus, input[type=text]:focus {color: #b2b9bc;}

/* 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;
	font-family: "Ubuntu",Helvetica,Arial,sans-serif; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;}

.item-info .author,.item-info .dated,.item-info .reads,.item-info .comments,.item-info .cat {	padding: 0 4px 0 4px;
	float: left;	color: #777;	padding: 0 0 0 18px;	background: url(images/news-info.png) no-repeat left top;}
.item-info .dated {background-position: left -20px;}
.item-info .cat {background-position: left -40px;}
.item-info .reads {background-position: left -61px;}
.item-info .comments {background-position: left -79px;}
/* Page display */
.item-info .author { display: inline;}
.item-info .dated { display: inline;}
.item-info .cat { display: none;}
.item-info .reads { display: inline;}
.item-info .comments { display: inline; }

.bullet {	margin-bottom: 0px; 	vertical-align: middle;	border: 0; margin-top: -2px; margin-right: 2px;}

.maincap .options {	overflow: hidden;	float: right;	height: 18px;	padding-top: 4px;}
.maincap .print, .maincap .edit {	float: left;}
.news-category {	padding: 4px;	background: none;	float: left;	margin: 0.2em 0.5em 0 0;}

.panel { font: 11.5px/1.4em "Istok Web",sans-serif;  background: none repeat scroll 0 0 #fff;
border: 0px solid #f3f3f3;  vertical-align: top;  padding: 0 0 6px 0;  
-webkit-box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11);
-moz-box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11);
box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11); }

.panelcap, .maincap {		margin: 0 7px 5px 7px; 	color: #575757;	font-weight: normal;}

h2.panelcap span {  border-bottom: 2px solid #f8c200 !important; 
 display: inline-block; margin-bottom: -1px; padding-bottom: 10px; }

h2.panelcap {	position: relative;	background:#fff;  color : #525252;	font-size: 18px; font-weight: 600; font-family: georgia;  height: 23px; max-height: auto; border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;  /* IE7 */	 	padding: 9px 5px 5px 0px; }


h1.maincap { 	clear: both;  font-size: 18px; font-family: georgia;  background: none; font-weight: bold; color: #525252; line-height: 25px;  padding: 0;  text-transform: none;  border: medium none !important; margin: 9px 5px 5px 9px; }

h1.maincap:hover { color: #f8c200;}

.panelbody {  color:#999; 	margin: 12px 7px 7px 7px; z-index: 1000;}

.contentbody {  padding: 4px 6px 10px ; z-index: 1000; }    


.post .contentbody,.article .contentbody { font:13px/1.4em "Istok Web",sans-serif; text-shadow: rgba(255, 255, 255, 0.2) 3px 2px 3px;	display: block;   vertical-align: top;  padding: 0 4px 0 4px; border: 0 none;}

#container .panel, .post, .article {	overflow: hidden; background: none repeat scroll 0 0 #fff;
 border-bottom: 0px solid #f3f3f3;  color:#777; -webkit-box-shadow: 0px 5px 6px 0px rgba(119, 119, 124, 0.11);
-moz-box-shadow:    0px 5px 6px 0px rgba(119, 119, 124, 0.11);
box-shadow:         0px 5px 6px 0px rgba(119, 119, 124, 0.11); }

.panelcap,.sides .panel, #navigation h2 {	overflow: visible; /* IE7 */	zoom: 1; /* IE7 */	position: relative; }

.main-body  { font: 11.5px/1.5em "Istok Web",sans-serif; font-weight: none; border-top: 1px solid rgba(0, 0, 0, 0.05) !important; word-wrap: break-word;  border-bottom: 0 none;  display: block;   box-sizing: border-box; 
padding : 5px 5px 5px 5px;  }
.main-body {  position: relative;}
.main-body:after { display: block;  position: absolute;  top:0; left: 0;  bottom: -3px;
  width: 0; height: 1px; background-color: #f8c200; content: ""; transition: width 0.2s;}
.main-body:hover { color: #f8c200;}
.main-body:hover:after {  width: 100%;}


.news-button { background: none repeat scroll 0 0 #fff;  border-left: 2px solid #f8c200; padding: 8px 15px;
 position: relative;  padding-left: 15px;  color: #f8c200;  cursor: pointer;  font-size: 14px; font-weight:600; height: 40px;  line-height: 40px;   text-align: center;  }
.news-button:after { display: block;  position: absolute; left: 0; bottom: 0px;  width: 0;  height: 2px;
  background-color: #f8c200; content: ""; transition: width 0.2s;}
.news-button:hover { border-left: 0 none;  color: #f8c200;}
.news-button:hover:after {  width: 100%;}
.button:active,.button.active,button:active { background-color: #3F82A9;}

/* only for google footer top its of */
.ad { margin: -5px 0 17px 0; position: relative; line-height: 10px; }
.mceContentBody { background: #fff; }
.quote, .admin-message {	border: 1px solid #96c6df;	margin: 0 2em;	padding: 5px 4px 4px 6px;}
.quote {	background: #f8fbfd url(images/quote_icon.png) 2px 6px no-repeat;	padding: 2px 2px 2px 22px;	border-left: 4px solid #96c6df;}
.quote.extended {	background: #f8fbfd;	padding: 0 0 2px 10px;}
.quote p.citation {	margin: 0 0 0 -10px;	padding: 8px 7px;	font-size: 12px;	text-shadow: 1px 1px 0 #c5dfed;
	background: url(images/btn.png) repeat-x #96C6DF;}
.quote a:hover {	color: #2f4049;}
.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 { background-image: url(images/info-blue.png);	background-color: #d2eefe;
	border-color: #1776ae;	color: #1776ae;}
.panels-list {	border: 1px solid #ddd;	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 #963B3D; }
.tbl2.setuser_body {	padding: 0;	border: 0;}
/* ShoutBox styles */
.shoutboxname, .comment-name {font-weight: bold;}
.shoutboxname .profile-link {	background: url(images/news-info.png) no-repeat 0 0;	padding: 1px 0 1px 18px;}
.shoutboxname,.shoutboxdate,.shoutbox .shoutbox {	background-color: #F2F2F2;	padding: 4px 4px 0;}
.shoutboxname {	border-top: 1px solid #ECECEC;}
.shoutbox .shoutbox {	border-bottom: 1px solid #ECECEC;	padding-bottom: 3px;}
.shoutboxdate {	color: #888;	font-size: 0.8em;	padding: 0 4px;}
.small, .small2, .side-small {font-size: 11px; }
.tbl-border, .code_bbcode {	padding: 4px 4px 4px 6px;	border: 1px solid #eeeeee; border-radius: 5px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.11) inset;	border-spacing: 0;}
.code_bbcode {width:414px}
.tbl-border.forum_idx_table,.tbl-border.forum_table,
.tbl-border.forum_thread_table {	background: #fff; 	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: 0;	border-bottom: 1px solid #ececec;}
.forum_table tr:hover .tbl1 {	background: #f7f7f7;}

/* 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;}
/* end */
.tbl1, .tbl2, .tbl.profile_user_avatar, .forum-caption, .bbcode {	background: #fbfbfb;	border-top: 1px solid #fff;
border-left: 1px solid #fff;	border-right: 0;	border-bottom: 0;	padding: 6px;}
.forum-caption {	color: #fff; font-size: 12px; background: #41ADE2;		font-weight: bold;	margin-top: 10px;	border: 0;	margin-bottom: 10px; }
.tbl {font-size : 12px; 	padding :4px; }
.bbcode { border: 1px solid #ccc;	padding: 0 !important;	margin: 0 !important;}
.tbl2 {	background: #f7f7f7;	border-top: 1px solid #fff;	border-left: 1px solid #fff;}

.tbl1.forum_name > a {	font-size: 13px; font-weight: bold; }
.forum_thread_post_space {	display: none;}
.forum_thread_user_name,.forum_thread_post_date,.forum_thread_user_info,.forum_thread_user_post,
.forum_thread_ip,.forum_thread_userbar {	border: 0;}


.forum_thread_user_name {	border-style: solid; border-top: 2px dashed #fff;
	background: #f4f4f4;	font-weight: bold;	font-size: 14px;	color: #444;	padding: 8px 0 6px 20px;	position: relative; }

.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 {	text-decoration: underline;}

.forum_thread_post_date {  border-top: 2px dashed #fff;}
.forum_thread_post_date a {	font-size: 14px;	font-weight: bold;}

.forum_thread_user_info {   background-color: #eee;	border-top: 2px dashed #fff;	border-right: 2px dashed #fff;
	border-bottom: 2px dashed #fff; border-left: 2px dashed #eee;}
.forum_thread_user_post { font-size: 12px;  background-color: #fff;	border-top: 2px dashed #eee; border-right: 0px dashed #eee;	border-bottom: 2px dashed #eee;  }

.forum_thread_ip {		border-bottom: 2px dashed #fff;	white-space: nowrap;}
.forum_thread_userbar {	border-bottom: 2px dashed #fff; background: #FBFBFB}

.post-edited {	background: url(images/comment_edit.png) no-repeat 6px 10px #FFEBC8;	border: 1px solid #ECC272;
	color: #AC6328;	margin-top: 15px;	padding: 8px 8px 8px 28px; 	text-shadow: 0 1px 0 #FFFAF1;}

.emulated-fieldset {	margin-top: 10px;}
.attachments-list {	border: 1px solid #ddd;	padding: 8px 6px 6px;	margin-top: -7px;	box-shadow: 1px 1px 0 #fff, 1px 1px 0 #fff inset;}
.emulated-legend {	margin-left: 8px;	background: #fbfbfb url(images/attachement.png) no-repeat 2px top;	padding: 0 4px 0 18px;
	font-size: 11px;}
.bbcode-popup {border: 1px #ccc solid !important;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 #cecece;	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;	background: #fff;	border: 1px solid #cecece;
	position: absolute;	left: 0px;	top: 0px;}
.comment-wrap, .user_avatar {	border-radius: 3px;	box-shadow: 1px 1px 0 #fff; }
.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 #cecece;	left: 72px;	top: 24px;}
.comment .pointer span {	border-right: 8px solid #fbfbfb;	left: 1px;	top: -8px;}
.forum-caption {	color: #fff; font-size: 12px; background: #4a4a4a;		font-weight: bold;	margin-top: 10px;	border: 0;}
.forum-caption a {	color: #ddd;	}
.forum-caption a:hover	{	color: #fff;}
.forum_breadcrumbs {font-size: 12px;	font-style: italic;
	font-weight: normal;	background: #fff2ce url(images/right.png) no-repeat 4px center;	padding: 0 0 0 22px;	border: 1px solid #fbce00;	margin-bottom: 30px;	height: 24px;	overflow: hidden;  	text-overflow: ellipsis;	white-space: nowrap;}
.forum_breadcrumbs .crust {	position: relative;	display: inline-block;	line-height: 24px;}
.forum_breadcrumbs .crumb a {	padding: 4px 0;}
.forum_breadcrumbs .crumb {	padding: 0 4px 0 16px;}
.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;	font-size: 0;	height: 0;	width: 0;}
.forum_breadcrumbs .arrow {	border-left: 12px solid #e3bc00;	right: -12px;	top: 0px;}
.forum_breadcrumbs .arrow span { border-left: 12px solid #fff2ce;	right: 1px; top: -12px; }
.forum_thread_title strong,.forum_cat_name,
.forum_cat_name a {	color: #fff;	font-size: 17px;	font-weight: bold !important;	}


/* The footer top */


.footer-distrib{
	 background: rgba(0, 0, 0, 0) url("images/style/divider-3.png") repeat-x scroll center top; background-color: #2a2a2a;	box-shadow: 0 none; 	box-sizing: border-box;
	 min-height:80px;	max-height:auto;	font: bold 16px sans-serif;	text-align: left;
 margin-bottom:-2px;	padding: 10px 15px;	margin-top:10px;	overflow: hidden;}

/* Footer left */

.footer-distrib .footer-right{	float: right;}


.footer-distrib form{	position: relative;}

.footer-distrib form input{	display: block; 	box-sizing: border-box;	background-color: #2a2a2a;
	border-bottom: 2px solid #464646;	font: inherit;	font-size: 14px;
	font-weight: normal;	color:  #d1d2d2;	width: 500px;	padding: 18px 50px 18px 18px;}

.footer-distrib form input:focus{	outline: none;}

/* Changing the placeholder color */

.footer-distrib form input::-webkit-input-placeholder {	color:  #5c666b;}

.footer-distrib form input::-moz-placeholder {	opacity: 1;	color:  #5c666b;}

.footer-distrib form input:-ms-input-placeholder{	color:  #5c666b;}

/* The magnify glass icon */

.footer-distrib form i{	width: 18px;	height: 18px;	position: absolute;	top: 16px;	right: 18px;
color: #d1d2d2;	font-size: 18px;}


/* Footer social icons */

.footer-distrib .footer-left{	float: left;}


.footer-distrib .footer-icons {	margin-top: 10px;}

.footer-distrib .footer-icons a {	display: inline-block;	width: 35px;	height: 35px;	cursor: pointer;
	background-color:none;	border-radius: none;	font-size: 20px;	color: #ffffff;	text-align: center ;
	line-height: 35px; margin-right: 3px;	margin-bottom: 5px;}
.footer-icons a:hover {		background-color: none;	color: #f8c200;}
.footer-distrib .footer-icons i.fa{	font-size: 17px;	line-height: 38px;}


/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 1000px) {	.footer-distrib form input{	width: 300px;}
}


@media (max-width: 800px) {	.footer-distrib{	padding: 30px;	text-align: center;	font: bold 14px sans-serif;	}

	.footer-distrib .footer-left,
	.footer-distrib .footer-right{	float: none;	max-width: 300px;	margin: 0 auto;	}
	.footer-distrib .footer-left{	margin-bottom: 20px;}
	.footer-distrib form input{	width: 100%;	}
}



/* The footer sub */

.footer-distributed{	background-color: #2a2a2a; box-shadow: 0 none; 
	box-sizing: border-box;	width: 100%;	text-align: left;	font: bold 16px sans-serif;
padding: 12px 7px;	margin-top: 0px;}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{	display: inline-block;	vertical-align: top;}

/* Footer left */

.footer-distributed .footer-left{	width: 40%;}

/* The company logo */

.footer-distributed h3{	color: #ffffff;	font: normal 34px Impact;	margin: 0;  }

.footer-distributed h3 span{	color:  #f8c200;  }

/* Footer links */

.footer-distributed .footer-links {		margin: 20px 0 12px;	padding: 0;}

.footer-distributed .footer-links a {	display:inline-block;	line-height: 1.8; color: #fff;
	text-decoration: none;	font-weight: 700;}

.footer-links a:hover {	 color: #f8c200;}

.footer-Online{	color:  #ccc; font-weight: 700;	font-size:13px; }

/* Footer Center */

.footer-distributed .footer-center{	width: 35%;}

.footer-distributed .footer-center i{	background-color: #464646;	color: #ffffff;	font-size: 25px;
	width: 42px;	height: 40px;	border-radius: 50%;	text-align: center;	line-height: 40px;
	margin: 10px 15px;	vertical-align: middle;}
.footer-center i:hover {		background-color:#f8c200 ;	}
.footer-distributed .footer-center i.fa-envelope{	font-size: 17px;	line-height: 40px;}

.footer-distributed .footer-center p{	display: inline-block;color: #ffffff;	vertical-align: middle;margin:0;}

.footer-distributed .footer-center p span{display:block;	font-weight: normal;	font-size:14px;	line-height:2;}

.footer-distributed .footer-center p a{	color:  #fff;	text-decoration: none;}
.footer-center p a:hover{	color: #f8c200;	}

/* Footer Right */

.footer-distributed .footer-right{	width: 23%;}

.footer-distributed .footer-company-about{	line-height: 20px;	color:  #92999f;	font-size: 13px;
	font-weight: normal;	margin: 0;}

.footer-distributed .footer-company-about span{	display: block;	color:  #ffffff;	font-size: 14px;
	font-weight: bold;	margin-bottom: 20px;}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {
.footer-distributed {	font: bold 14px sans-serif;	}
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{	display: block;		width: 100%;	margin-bottom: 15px;	text-align: center;}
.footer-distributed .footer-center i{	margin-left: 0;}
}

/* Subfooter */
.subfooter {	margin: 0 auto;	padding: 12px 0 0;	font-size: 11px;	clear: both;}
#subfooter {  background: rgba(0, 0, 0, 0) url("images/style/divider-1.png") repeat-x scroll center top; background-color: #2a2a2a; font-size : 11px;	padding: 12px 15px;	color: #999; border-top: 0px solid #464646;}

/* copyright */
#copyright a {	line-height: 18px; color: #999; font: 10px Colaborate,Arial,sans-serif;
 border-bottom: 1px dotted #999;}
#copyright a:hover { color: #fff; border-bottom: 0 none;}

/* top control */
.cd-top { display: inline-block; height: 50px; width: 50px; z-index: 1999; position: fixed; bottom: 50px;
  right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;  text-indent: 100%;  white-space: nowrap;
  background: #262626 url(images/style/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: #f8c200; opacity: 1;}


.button, button {	overflow: visible; /* IE */	color: #fff !important;  text-align: center; font : 11px "Trebuchet MS", verdana, arial, sans-serif;	 background:  #4a4a4a;   border-radius: 1px;  	display: inline-block;	padding: 7px 7px; 	margin: 0 2px; 	cursor: pointer;	font-weight: 700; 	transition: all 0.1s ease-out 0s;}

.button:active, .button.active, button:active { box-shadow: inset 0 1px 1px #555;	background-position: 0 -81px;
	background: none repeat scroll 0 0 #575757;	color: #fff;	text-shadow: none;	border-color: #f8c200;	top: 1px;}

.button:hover, .button.search, button:hover {	background: #f8c200; color: #fff;  
border-radius: 1px;  	font-weight: 700; }
.button.search:hover {	background: #f8c200; color: #fff;  border-radius: 1px;  
border-radius: 1px; 	font-weight: 700;  }


.button.negative:focus,.button.negative:hover {	color: #fff;	background-color: #f8c200;	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: 14px;}
.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 }

.tcp-warn {position:relative}
#tcp-warn {	position:absolute;	top: 3px;	right: 2px;	cursor: pointer;	width:14px;	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;	border-radius: 3px;	display: inline-block; }
.user-avatar:after {	position: absolute;	border: 1px solid #bbb;	border-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;	content: "";	bottom: 0;	left: 0;	right: 0;	top: 0;	z-index: 1; }
.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; }
.tag.green { background-color: #7BA60D;}
.tag.orange { background-color: #ed7710; }
.tag.red { background-color: #d93232; }
.tag.blue { background-color: #f8c200; }
.tag.gray { background-color: #9a9a9a; }

.breaking-news {	margin-top: -4px;	padding-top: 2px;	padding-bottom: 2px; }
.sticky-news:before {	width: 8px; }
.post .title a { color: #525252; border-bottom:none; }
.post .title a:hover { color:#f8c200; }
h2.panelcap .tag { margin-top: 2px; }
.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 */

/* 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 { clear: right;	}
.stats-caption {	width: 100px; }

.last-post-caption, .thread-last-post {	width: 130px; }
.thread-title, .last-post-author {	font-size: 13px; font-weight: bold;}
.thread-starter, .last-post-date {	color: #888; }
.thread-starter a, .last-post-date a {	color: #666; }
.thread-starter a:hover, .last-post-date a:hover {	border-bottom: 1px dotted #666; }
.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 { color: #666 }
.thread-stats .major dd { font-size: 14px; }
.thread-last-post .avatar {	width: 40px;	max-height: 40px; }
.last-post-avatar {	float: left;	margin-right: 6px; }
.deleted-user {	font-style: italic; }
.faint {	color: #888 }
.faint strong, .darker {	color: #222; }
.thread-titlebar .user-avatar {	margin-right: 5px; }
.thread-titlebar .user-avatar img {	width: 58px; }
.thread-options {	height: 18px; }
.who-posted {	white-space: normal;	font-weight: normal; }
ul.posters {	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: 1px dotted #ccc; }
.profile_user_avatar.responsive {	display: none; }
/* end profile.php */
.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: 6px;	}
	.findex .responsive-menu li a {	display: block;	padding: 4px 10px;	margin:1px; 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;	}
	/* end responsive menu icon */

/* Main menu responsive stuff */
ul.navigation { }
	.navigation .responsive-menu {	position: absolute;	right: 0;	margin: 0 !important;	}
	.navigation .responsive-menu ul {	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;	}

}




@media only screen and (max-width: 960px) {
	/* Move the right side panels to the left */
	.ad { display: none; }
  #main {margin: 0 auto;	margin-top: 55px	}
  #searchb { display: none; }

	.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;	}
}

@media only screen and (max-width: 720px) {
#subheader{ display: inline; }
.news-img-div { display: none; }
.item-info .author { display: none;}
.item-info .dated { display: inline;}
.item-info .cat { display: none;}
.item-info .reads { display: none;}
.item-info .comments { display: inline; }


#logo { text-align: center; }


	img {	max-width: 100%;	}
	/* 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;	}
#searchb { display: none; }
	/* Forum breadcrumbs */
	.forum_breadcrumbs .crust {	display: inline;	}
	.forum_breadcrumbs .arrow {	top: -3px;	}
	/* end forum breadcrumbs */

	.forum_name {	width: 100%	}
	#main {margin: 0 auto;	margin-top: 55px	}
	#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: 72px	}

	.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 14px;	}
	.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$="320px;"] {	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: 97%; 	max-width: 97%;
		-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: 97%; 	max-width: 97%;
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		-webkit-flex-order: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}

.ad { display: none; }	
#subfooter { padding: 4px;}
.item-info {margin:0px auto !important;}
.links-section {	display: none;	}
}


@media only screen and  (max-width: 350px) {
.news-img-div { display: none; }
.ad { display: none; }	
#subfooter { padding: 4px ; }
.item-info { margin:0px auto !important;}
.links-section {	display: none;	}


}


@media only screen and (max-width: 610px) {

.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;	}
}