@charset UTF-8;

/*------------------------------------------------------------------
[Style Index]

0. Reset
1. Main header
2. Main menu
3. Content styling
4. Comments
5. Photo gallery
6. Sidebar styling
7. Footer
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
[0. Reset]

Reseting styles for individual theme
-------------------------------------------------------------------*/

html, body {
}

html {
}

body {
	font: 14px 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	color: #333333;
	background: #171717 url(../images/bg.jpg) repeat top center;
}

i.fa {
	line-height: inherit!important;
	font-size: inherit;
	vertical-align: baseline!important;
}

::selection
{
background:#256193;
color:#fff;
}
::-moz-selection
{
background:#256193;
color:#fff;
}

h1, h2, h3, h4, h5, h6, span, p, input {
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: GangofThree;
  src: local(../fonts/go3v2.woff);
}
h11 {
                font-family: 'GangofThree';
                font-size: 24px;
}

table, tr, td {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

ul, li, ol {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

p {
	line-height:150%!important;
}

img.setborder {
	z-index: 0;
	position: relative;
	box-shadow:0px 0px 0px 1px rgba(255,255,255,0.2);
}

.wrapimg:after {
	position:absolute;
	display:block;
	top:0px;
	background:transparent;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
	box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.17);
	content:'';
	border-radius:inherit;
	-moz-border-radius:inherit;
}

a {
	color: #454545;
	text-decoration: none;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

a:hover {
	color: #256193;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

.clear-float {
	display: block;
	clear: both;
}

#content {
	width: 1000px;
	margin: 0px auto;
}

#header {
	height: 440px;
}

.dat-menu-setup {
	background-color: #665140;
	background-image: url(../images/no-slider-bg.jpg);
}

.home-article.right ul li a strong {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
}


/*------------------------------------------------------------------

[1. Main header]

-------------------------------------------------------------------*/


#header.needsmallpadding {
	padding-bottom: 50px;
}

#header-top {
	height: 40px;
	background: #0D0D0D;
	position: relative;
	z-index: 20;
}

#header-top ul {
	display: block;
}

#header-top ul > li > div.drop {
	display: none;
	background: #f4f4f4;
	width: 300px;
	top: 54px;
	position: absolute;
	right: 0px;
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-right: -20px;
}

#header-top ul > li > div.drop.active {
	display: block;
}

#header-top ul > li > div.drop:before {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: 50px;
	background: inherit;
	width: 4px;
	height: 4px;
	border-top: 1px solid rgba(0,0,0,0.12);
	border-left: 1px solid rgba(0,0,0,0.12);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

#header-top ul > li > div.drop .notify-list {
	display: block;
}

#header-top ul > li > div.drop .notify-list li {
	display: block;
	border-bottom: 1px solid #dbdbdb;
	position: relative;
}

#header-top ul > li > div.drop .notify-list li .avatar {
	display: block;
	margin: 10px;
	float: left;
	width: 50px;
	height: 50px;
}

#header-top .wrapper:after {
	display: block;
	clear: both;
	content: '';
}

#header-top .wrapper {
	background: rgba(255,255,255,0.04);
}

.nofify-empty:last-child {
	border-bottom: 0px;
}

.nofify-empty {
	border-bottom: 1px solid #dbdbdb;
	display: block;
	padding: 20px 20px 25px 20px;
	position: relative;
}

.nofify-empty .fa {
	display: block;
	font-size: 20px;
	padding-bottom: 2px;
	color: #8d8d8d;
	position: absolute;
	left: 20px;
	margin-top: 1px;
}

.nofify-empty b {
	display: block;
	font-size: 17px;
	padding-bottom: 1px;
	color: #8d8d8d;
	padding-left: 35px;
}

.nofify-empty span {
	display: block;
	font-size: 12px;
	color: #acacac;
	padding-left: 35px;
}

#header-top ul > li > div.drop .notify-list li .article-thumb {
	display: block;
	margin: 0px;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content {
	display: block;
	padding: 10px;
	padding-left: 70px;
}

#header-top ul > li > div.drop .notify-list li.new a.notify-content {
	border-left: 4px solid #256193;
}

#header-top ul > li > div.drop .notify-list li a.notify-content:hover {
	background: #e8e8e8;
}

#header-top ul > li > div.drop .notify-list li a.notify-content:active {
	background: #dbdbdb;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-text b {
	color: #232323;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-text {
	padding-bottom: 3px;
	font-size: 13px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-text .fa {
	font-size: 10px;
	display: inline-block;
	padding: 1px 6px 0px 0px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-head .notify-user {
	font-size: 15px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-head {
	margin-top: -4px;
	padding-bottom: 1px;
	color: #232323;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-head .admin-ribbon {
	margin-top: 2px;
	margin-bottom: 4px;
}

#header-top ul > li > div.drop .notify-list li a.notify-content .notify-date {
	font-size: 11px;
	color: #9f9f9f;
}

#header-top ul > li > div.drop .notify-list li a.notify-content > span {
	display: block;
	color: #6f6f6f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#header-top ul > li > div.drop .notify-footer {
	display: block;
}

#header-top ul > li > div.drop .notify-header .right {
	color: #acacac;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
}

#header-top ul > li > div.drop .notify-header a.right:hover {
	color: #232323;
}

#header-top ul > li > div.drop .notify-header {
	padding: 8px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #acacac;
	border-bottom: 1px solid #dbdbdb;
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
}

#header-top ul > li > div.drop .notify-footer a {
	background: #e8e8e8;
	color: #898989;
	font-size: 12px;
	display: block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 10px 0px 13px 0px;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	text-shadow: 0px 1px 0px #fff;
}

#header-top ul > li > div.drop .notify-footer a:hover {
	background: #dbdbdb;
}

#header-top ul > li > div.drop .notify-list:after {
	content: '';
	display: block;
	clear: both;
}

#header-top ul > li {
	display: block;
	float: left;
	position: relative;
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.06);
}

#header-top ul > li:last-child {
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.06), inset -1px 0 0 rgba(255,255,255,0.06);
}

#header-top ul > li:last-child > a:hover, #header-top ul > li:last-child > a {
	border-right: 0px!important;
}

#header-top ul > li:first-child > a {
	border-left: 0px!important;
}

#header-top ul > li > a {
	display: block;
	float: left;
	padding: 12px 16px 11px 16px;
	color: #D8D8D8;
	text-decoration: none;
	font-size: 13px;
	line-height: 17px;
	-moz-transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
	text-shadow: 0 0 2px rgba(0,0,0,0.4);
}

#header-top ul > li:hover> a {
	color: #FFFFFF;
	background: rgba(255,255,255,0.1);
}

#header-top ul > li > a small.gotop {
	display: block;
	position: fixed;
	top: 10px;
	z-index: 2000;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px;
	border: 1px solid #a9332a;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
}

#header-top ul > li > a small.gotop:before {
	content: '';
	display: block;
	position: absolute;
	top: -4px;
	left: 50%;
	margin-left: -4px;
	background: inherit;
	border-top: inherit;
	border-left: inherit;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

#header-top ul > li > a:hover small.gotop {
	background: #ea5e54;
	color: #fff;
}

#header-top ul > li > a small {
	display: inline-block;
	background: #d2382c;
	color: #fff;
	font-size: 11px;
	padding: 1px 5px;
	border-radius: 2px;
	line-height: 15px;
	margin-left: 8px;
	-moz-transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
}

#header-top ul > li > a:hover small {
	background: #c5c5c5;
	color: #232323;
}

#header-top ul > li > a.login-api {
	display: block;
	padding: 10px 12px 10px 12px;
}


#header-top ul.sub-menu {
	width: 200px;
	background-color: #161616;
	top: 100%;
	position: absolute;
}

#header-top ul.sub-menu a,
#header-top ul.sub-menu li {
	display: block;
	float: none;
}

#header-top ul.sub-menu li > a > span:before,
#header-top > .wrapper > ul > li > a > span:before {
	display: block;
	float: right;
	content: '\f107';
	font-family: "FontAwesome";
	padding-left: 8px;
}

#header-top li ul.sub-menu {
	display: none;
}

#header-top li:hover > ul.sub-menu {
	display: block;
}

#header-top ul.sub-menu li > a > span:before {
	content: '\f105';
}

#header-top ul.sub-menu li {
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.04);
}

#header-top ul.sub-menu ul.sub-menu {
	left: 100%;
	top: 0px;
}

#slider-imgs {
	width: 100%;
	position: absolute;
	z-index: -2;
	height: 468px;
	z-index: 0;
}

.has-top-menu #slider-imgs {
	top: 40px;
}

.has-top-menu #top-layer {
	background-position: center 40px;
}

#slider-imgs div.featured-img-box {
	min-width: 1000px;
	max-width: 1207px;
	margin: 0px auto;
	height: 440px;
	position: relative;
}

#slider-imgs div.featured-img-box div.featured-img {
	position: absolute;
	top: 0px;
	width: 100%;
	margin: 0px auto;
	height: 440px;
	opacity: 1;
	background-position: top center;
	background-repeat: no-repeat;
	z-index: 2;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}

#slider-imgs div.featured-img-box div.featured-img.invisible {
	opacity: 0;
	z-index: 1;
}

a.featured-select span {
	display: none;
}

a.featured-select {
	display: block;
	float: left;
	width: 75px;
	height: 45px;
	position: relative;
	background: #256193;
}

a.featured-select.this-is-next span.w-coin {
	display: block;
	position: absolute;
	z-index: 6;
	font-weight: bold;
	padding: 2px 6px;
	background: #fff;
	font-size: 11px;
	color: #797979;
	top: 15px;
	left: 29px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

a.featured-select.this-is-next span.w-bar {
	display: block;
	position: absolute;
	z-index: 6;
	top: 0px;
	left: 0px;
	height: 3px;
	color: transparent;
	background: #fff;
	width: 0px;
}

a.featured-select img {
	display:block;
	position:absolute;
	opacity:0.4;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
}

a.featured-select.this-active img {
	display:block;
	position:absolute;
	opacity:1;
}

a.featured-select:hover img {
	display:block;
	position:absolute;
	opacity:1;
}

#top-layer {
	width: 100%;
	background: url(../images/top-overlay.png) no-repeat top center;
	min-height: 468px;
	z-index: 3;
	position: relative;
}

#slider {
	position:relative;
	width:1000px;
	height:440px;
	z-index:3;
}

#slider div#slider-info {
	bottom:0px;
	right:0px;
	position:absolute;
	width:300px;
}

#slider div#slider-info p {
	color: #fff;
	font-size: 13px;
	line-height: 17px;
}

#slider div#slider-info h2 {
	color: #fff;
	font-size: 17px;
	margin-bottom: 9px;
	line-height: 23px;
	font-weight: 500;
}

#slider div#slider-info h2 a {
	color: #fff;
}

#slider-info .padding-box {
	padding: 0px;
}

#slider-info .padding-box ul {
	position: relative;
}

#slider-info .padding-box ul li {
	display: block;
	padding: 18px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}

#slider-info .padding-box ul li:before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #256193;
	opacity: 0.7;
}

#slider-info .padding-box ul li.dis {
	display: none;
}

.read-more-r {
	display: inline-block;
	font-weight: 500;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	color: #fff;
	margin-top: 10px;
}

.read-more-r:hover {
	color: rgba(255,255,255,0.8);
}


/*------------------------------------------------------------------
[2. Main Menu]

+ .main-menu
	+ ul

-------------------------------------------------------------------*/

#menu-bottom {
	left:0px;
	height:62px;
	position:absolute;
	width:100%;
	top:76px;
	z-index: 7;
}

#menu {
	height:84px;
	width: 1000px;
	margin:0px auto;
	margin-top:-13px;
	box-shadow: inset 1px 0 0 rgba(0,0,0,0.3), inset -1px 0 0 rgba(0,0,0,0.3), 0px 2px 0px rgba(0,0,0,0.15), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -1px 0 rgba(0,0,0,0.2);
}

#menu .menu-icons {
	text-align: center;
}

.main-menu {
	display: block;
	position: relative;
}

.dat-menu-list a[href="#drop-the-bass"] {
	display: none!important;
}

.main-menu .datmenu-prompt {
	display: none;
	float: right;
	color: #fff!important;
	font-size: 15px!important;
	position: relative;

	height: 84px;
	vertical-align: bottom;
	text-align: center;
	padding: 10px 32px;
	background: transparent;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	line-height: 68px;
	font-weight: bold;

	padding-top: 4px;
	text-shadow: 0 1px 0 #000;
	font-weight: normal;
	z-index: 1;
	text-shadow: 0 1px 0 #000;
}

.main-menu .datmenu-prompt i.fa {
	padding-right: 10px;
}

#menu-bottom.blurred #menu > .blur-before {
	position: absolute;
	display: block;
	width: 100%;
	left: 0px;
	top: 0px;
	height: 100%;
	background: inherit;
	z-index: 0;
	overflow: hidden;
}

#menu-bottom.blurred #menu > .blur-before:before {
	content: "";
	position: absolute;
	left: 0;
	top: -23px;
	right: 0;
	z-index: 0;
	display: block;
	background-image: inherit;
	background-position: center top;
	width: 120%;
	margin-left: -10%;
	height: 1000px;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	transition: background-image 0.8s;
	-moz-transition: background-image 0.8s;
	-webkit-transition: background-image 0.8s;
	-o-transition: background-image 0.8s;
}

#menu-bottom.blurred #menu > .blur-before:after {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	opacity: 0.7;
}

#header .header-logo {
	float: left;
	padding: 8px 18px;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

#header .header-logo:hover {
	background: rgba(0,0,0,0.5);
}

.header-breadcrumbs {
	color: #fff;
	top: 132px;
	position: absolute;
	width: 100%;
	padding: 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-shadow: 0 2px 0 rgba(0,0,0,0.2);
}

.header-breadcrumbs a {
	color: #fff;
}

.header-breadcrumbs a:hover {
	color: rgba(255,255,255,0.5);
}

.header-breadcrumbs ul {
	display: block;
	padding: 6px 0px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.header-breadcrumbs ul li {
	display: inline-block;
	position: relative;
	padding-right: 18px;
	margin-right: 8px;
}

.header-breadcrumbs ul li:after {
	display: block;
	position: absolute;
	content: '\f105';
	font-family: "FontAwesome";
	right: 0px;
	top: 0px;
	line-height: 19px;
	opacity: 0.5;
}

.header-breadcrumbs ul li:last-child:after {
	display: none;
}

.main-menu .header-logo {
	display: block;
	position: relative;
	z-index: 2;
}

.main-menu.width-fluid {
	display: table;
	width: 100%;
}

#header .main-menu.width-fluid .header-logo {
	display: table-cell;
	text-align: center;
	float: none;
}

.main-menu.width-fluid ul {
	display: table-cell;
}

.main-menu.width-fluid ul li {
	display: table-cell;
}

.main-menu ul {
	display: block;
	position: relative;
}

.main-menu > ul > li {
	display: block;
	position: relative;
	float: left;
}

.main-menu ul:after {
	display: block;
	clear: both;
	content: '';
}

.main-menu > ul > li > a {
	display: block;
	height: 84px;
	vertical-align: bottom;
	text-align: center;
	padding: 10px 22px;
	position: relative;
	background: transparent;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main-menu > ul > li:hover > a {
	background: rgba(0,0,0,0.5);
	text-shadow: 0 0 10px #fff;
}

.main-menu ul li a > span:after {
	display: block;
	position: absolute;
	content: '...';
	width: 100%;
	text-align: center;
	left: 0px;
	bottom: 6px;
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: bold;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.main-menu ul li a i.fa {
	display: block;
	font-size: 26px;
	line-height: 37px!important;
	text-shadow: 0 2px 0 #000;
	color: #F2F2F2;
	font-weight: normal!important;
}

.main-menu ul li a strong {
	display: block;
	font-size: 12px;
	padding-top: 4px;
	text-shadow: 0 1px 0 #000;
	font-weight: normal;
	font-family: Arial;
}

.main-menu ul li.no-icon a strong {
	line-height: 53px;
	font-size: 14px;
	font-weight: bold;
}

.main-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 100px;
	background: rgba(16, 16, 16, 0.94);
	z-index: 10;
	width: 240px;
	left: 50%;
	margin-left: -120px;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.29);
}

.main-menu li:hover > ul.sub-menu {
	display: block;
}

.main-menu ul.sub-menu:before {
	display: block;
	position: absolute;
	content: '';
	height: 16px;
	bottom: 100%;
	width: 100%;
	left: 0px;
}

.main-menu ul.sub-menu:after {
	display: block;
	position: absolute;
	content: '';
	left: 50%;
	width: 10px;
	height: 10px;
	background: inherit;
	margin-left: -5px;
	top: -5px;
	z-index: 1;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.main-menu ul.sub-menu li {
	display: block;
	z-index: 2;
}

.main-menu ul li {
	display: inline-block;
	position: relative;
}

.main-menu ul.sub-menu li a {
	display: block;
	padding: 12px 20px;
	box-shadow: 0 -1px 0 0 rgba(47, 47, 47, 0.6);
	font-size: 13px;
	font-weight: bold;
	color: #CACACA;
}

.main-menu ul.sub-menu li:hover > a {
	background: rgba(255,255,255,0.05);
}

.main-menu ul.sub-menu li:first-child > a {
	box-shadow: none;
}

.main-menu ul.sub-menu ul.sub-menu {
	top: 0px;
	left: 150%;
}

.main-menu ul.sub-menu a span:before {
	display: block;
	float: right;
	content: ':';
	font-size: 13px;
	line-height: 13px;
	opacity: 0.3;
}

.main-menu ul.sub-menu a span:after {
	display: none;
}

.main-menu ul.sub-menu ul.sub-menu:after,
.main-menu ul.sub-menu ul.sub-menu:before {
	display: none;
}






/*------------------------------------------------------------------
[3. Content styling]

+ #main-box
	+ #main
		+ h2
		+ .content-padding

-------------------------------------------------------------------*/

.padding-box {
	padding: 18px;
}

#main-box {
	position: relative;
	min-height: 200px;
	background: #2a2a2a;
}

#main-box #main {
	background: #f4f4f4;
	border-top: 5px solid #256193;
	width: 700px;
	margin-top: -45px;
	position: relative;
	float: left;
	min-height: 200px;
	z-index: 6;
	padding-top: 20px;
	padding-bottom: 40px;
}

#main-box.full-width {
	position: relative;
	min-height: 200px;
	background: #f4f4f4;
}

#main-box.full-width #main {
	background: #f4f4f4;
	border-top :5px solid #256193;
	width: 1000px;
	margin-top: -45px;
	position: relative;
	float: none;
	min-height: 200px;
	z-index: 6;
	padding-top: 20px;
	padding-bottom : 40px;
}

.wrapper {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}

#header.needpadding {
	padding-bottom: 130px;
}

.signup-panel > div > h2,
.user-profile .profile-right-side h2,
.game-info-right h2,
.article-footer h2,
#main .forum-block > h2,
#main > h2 {
	padding: 0px 28px;
	background: url(../images/content-title-bg.png) repeat-x left center;
	margin-bottom: 20px;
}

.signup-panel > div > h2 span,
.user-profile .profile-right-side h2 span,
.game-info-right h2 span,
.article-footer h2 span,
#main > .forum-block h2 span,
#main > h2 span {
	background: #f4f4f4;
	font-size: 22px;
	color: #353535;
	padding: 0px 10px;
	margin-left: -10px;
}

div.content-padding {
	padding: 0px 28px;
	margin-bottom: 15px;
}

div.content-padding:after {
	clear: both;
	content: '';
	display: block;
}

.article-image {
	display: inline-block;
	background: #256193;
	overflow: hidden;
	position: relative;
}

.article-image-out {
	display: block;
	background: #256193;
	position: relative;
}

.article-image-out span.image-comments {
	position:absolute;
	display:block;
	right:20px;
	z-index:8;
	padding-bottom:5px;
	background:url(../images/comment-arrow.png) no-repeat 7px bottom;
	opacity:1;
	top:-7px;
	-moz-transition: opacity 0.2s, top 0.2s;
	-webkit-transition: opacity 0.2s, top 0.2s;
	-o-transition: opacity 0.2s, top 0.2s;
}


.photo-block .article-image-out span.image-comments,
a.article-image-out span.image-comments {
	opacity:0;
	top:0px;
}

.article-image-out span.image-comments span {
	display: block;
	padding: 2px 7px;
	color: #fff;
	background: #6fb205;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: bold;
}

.article-image-out span.image-comments.inactive  {
	background:url(../images/comment-arrow-inactive.png) no-repeat 7px bottom;
}

.article-image-out span.image-comments.inactive span {
	background:#afafaf;
}

.article-image-out:hover span.image-comments,
.article-promo .article-image-out span.image-comments {
	top:-7px;
	opacity:1;
}

.article-image-out img {
	max-width: 100%;
	width: 100%;
}

.article-image-out .article-image,
.article-image-out a {
	display: block;
}

span.article-image span {
	position:absolute;
	display:block;
	padding:7px 0px;
	left:32%;
	top:-50px;
	z-index:8;
	text-align:center;
	vertical-align:middle;
	margin-top:-28px;
	margin-left:8px;
	-moz-transition: top 0.2s;
	-webkit-transition: top 0.2s;
	-o-transition: top 0.2s;
}

span.article-image.single-icon span.nth1 {
	left: 50%;
	margin-left: -22px;
}

span.article-image.small-icons span.nth1 {
	left: 50%;
	margin-left: -22px;
}

span.article-image.small-icons span.nth2 {
	display: none
}

span.article-image span.nth2 {
	left:48%;
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
}

span.article-image span .fa,
span.article-image span img {
	display:inline-block;
	margin:0px 7px;
	background:#fff;
	padding:8px;
	text-align:center;
	vertical-align:middle;
	border-radius:30px;
	-moz-border-radius:30px;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

span.article-image span .fa {
	width: 20px;
	height: 20px;
	line-height: 20px!important;
	font-size: 15px;
	display: block;
	color: #256193;
}

span.article-image span .fa:hover,
span.article-image span img:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

span.article-image:hover span {
	top:50%;
}

span.article-image > a > img,
span.article-image > img {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

span.article-image:hover > a > img,
span.article-image:hover > img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#main h3 a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin: 8px 0px;
}

#main p {
	color: #454545;
	font-size: 14px;
	line-height: 19px;
}

.left {
	float: left;
	display: block;
}



.grid-articles {
	display: block;
}

.grid-articles:after {
	display: block;
	content: '';
	clear: both;
}

.grid-articles .item {
	display: block;
	float: left;
	width: 48%;
	margin-left: 4%;
}

.grid-articles .item:nth-child(2n+1) {
	margin-left: 0px;
	clear: both;
}

.grid-articles .item:nth-child(n+3) {
	margin-top: 15px;
}





.home-article.left {
	width: 300px;
}

.right {
	float: right;
	display: block;
}

.home-article.right {
	width: 324px;
}

.home-article.right ul li {
	display: block;
	margin-bottom: 6px;
}

.home-article.right ul li a {
	display: block;
	background: #eaeaea;
	color: #454545;
	-moz-transition: background 0.2s, color 0.2s;
	-webkit-transition: background 0.2s, color 0.2s;
	-o-transition: background 0.2s, color 0.2s;
	height: 55px;
	position: relative;
}

.home-article.right ul li a:hover {
	background-color:#256193;
	color:#fff;
}

.home-article.right ul li a img {
	display:block;
	float:left;
	width:89px;
	height:55px;
}

.home-article.right ul li a strong {
	display: block;
	width: 215px;
	float: left;
	font-weight: bold;
	font-size: 15px;
	padding: 10px;
	padding-top: 7px;
	padding-bottom: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.home-article.right ul li a span.a-txt {
	display: block;
	width: 215px;
	float: left;
	font-weight: normal;
	font-size: 13px;
	padding: 0px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.defbutton {
	margin: 12px 0px 20px 0px;
	background-color:#eaeaea;
	color: #898989;
	display: inline-block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 6px 12px;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

.defbutton:hover {
	color: #fff;
	background-color:#232323;
}

.defbutton .fa {
	display: inline-block;
	padding: 2px 8px 0px 0px;
}

.home-article.right ul li a .image-comments {
	position: absolute;
	display: block;
	right: 20px;
	z-index: 8;
	padding-bottom: 5px;
	background: url(../images/comment-arrow.png) no-repeat 7px bottom;
	opacity: 0;
	top: 0px;
	width: auto!important;
	transition: opacity 0.2s, top 0.2s;
	-moz-transition: opacity 0.2s, top 0.2s;
	-webkit-transition: opacity 0.2s, top 0.2s;
	-o-transition: opacity 0.2s, top 0.2s;
}

.home-article.right ul li a .image-comments span {
	display: block;
	padding: 2px 7px;
	color: #fff;
	background: #6fb205;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: bold;
	width: auto!important;
}

.home-article.right ul li a .image-comments.inactive {
	background: url(../images/comment-arrow-inactive.png) no-repeat 7px bottom;
}

.home-article.right ul li a .image-comments.inactive span {
	background: #afafaf;
}

.home-article.right ul li a:hover .image-comments  {
	top: -13px;
	opacity: 1;
}

.big-message {
	display: block;
	text-align: center;
	padding: 70px 0;
}

.big-message h3 {
	font-size: 200px;
	display: inline-block;
	padding: 16px 60px;
	line-height: 100%;
	background: #256193;
	color: #fff;
	margin-bottom: 20px;
	font-weight: 900;
}

.big-message h4 {
	display: inline-block;
	border-bottom: 2px solid #444444;
	font-weight: 300;
	font-size: 50px;
	color: #444444;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.big-message p {
	display: block;
	font-size: 1.2em;
}

.big-message .msg-menu {
	padding-top: 20px;
	display: block;
	font-size: 1.3em;
	font-weight: bold;
}

.big-message .msg-menu a {
	display: inline-block;
	padding: 0 9px;
	color: #444444;
	position: relative;
}

.big-message .msg-menu a:after {
	display: block;
	width: 1px;
	height: 100%;
	top: 0px;
	right: -4px;
	content: '';
	background: #ccc;
	position: absolute;
}

.big-message .msg-menu a:last-child:after {
	display: none;
}


/*------------------------------------------------------------------
[4. Comments]

+ #comments
	+ li
		+ .comment-text
+ .writecomment
	+ .comment-form
		+ .contact-form-content

-------------------------------------------------------------------*/


.comment-block {
	display:block;
	padding-bottom:20px;
}

.comment-block .comment-avatar {
	display: block;
	width: 70px;
	float: left;
	padding-top: 1px;
}

.comment-block .comment-content {
	display:block;
	margin-left:70px;
}

.comment-block .comment-content .comment-head {
	display: block;
	padding-bottom: 8px;
	line-height: 9px;
}

.comment-block .comment-content .comment-head .comment-user {
	font-size:18px;
	display:inline-block;
}

.comment-block .comment-content .comment-head .comment-destination {
	font-size: 15px;
	display: inline-block;
	margin-left: 10px;
	padding-left: 15px;
	padding-bottom: 2px;
	background: url(../images/icon-comments-destination.png) no-repeat center left;
	color: #9a9a9a;
	max-width: 350px;
	/*overflow: hidden;*/
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.comment-block .comment-content .comment-text {
	display:block;
	padding-bottom:10px;
}

.comment-block .comment-content .comment-text p {
	font-size:13px!important;
	line-height:140%!important;
}

.comment-block .comment-content .comment-controls {
	display:block;
	cursor:default;
}

.comment-block:hover .comment-content .comment-controls, .comment-block:hover .comment-content .comment-destination {
	opacity:1;
	filter:alpha(opacity=100);
}

.comment-block .comment-content span.com-control {
	padding-left:1px;
	padding-right:6px;
}

.comment-block .comment-content .com-control, .comment-block .comment-content .admin-control {
	color: #898989;
	font-size: 12px;
	display: inline-block;
	margin-right:0px;
	border-radius:2px;
	-moz-border-radius:2px;
	padding:3px 8px;
}

.notif-num {
	font-size: 70%;
	line-height: 13px;
	display: inline-block;
	background: #898989;
	color: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 0 5px;
	font-weight: bold;
	margin-left: 3px;
}

a:hover .notif-num {
	color: #232323;
	background: #f1f1f1;
}

.comment-block .comment-content a.com-control:hover {
	background:#232323;
	color:#fff;
}

.comment-block .comment-content a.admin-control:hover {
	background:#e53d2b;
	color:#fff;
}

.comment-block .comment-content .fa {
	font-size: 10px;
	display: inline-block;
	padding-top: 1px;
	padding-right: 6px;
}

.comment-block .comment-content .comment-responses {
	display:block;
	background:#e9e9e9;
	margin-top:0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	position:relative;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	height:0px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.comment-block .comment-content  .comment-responses.active {
	margin-top:15px;
	overflow:visible;
	display:block;
	height:auto;
	opacity:1;
	filter:alpha(opacity=100);
}

.deleted-response {
	text-align:center;
}

.comment-block .comment-content .comment-responses:before {
	display:block;
	content:'';
	width:8px;
	height:8px;
	background:inherit;
	position:absolute;
	top:-4px;
	left:160px;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.comment-block .response-block {
	padding:10px 15px;
	border-bottom:1px solid #f4f4f4;
	background: #e9e9e9;
}

.comment-block .response-block:last-child {
	border-bottom:0px;
}

.comment-block .response-block .comment-avatar {
	width:55px;
}

.comment-block .response-block .comment-content {
	margin-left:55px;
}

.comment-block .response-block .comment-content .comment-head {
	padding-bottom:4px;
}

.comment-block .response-block .comment-content .comment-text {
	padding-bottom:6px;
}

.comment-block .response-block .comment-content .comment-head .comment-user {
	font-size:17px;
}

.comment-edited {
	display:block;
	padding-top:10px;
}

.comment-edited > span {
	color: #898989;
	background:#e3e3e3;
	font-size: 12px;
	display: inline-block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 4px 8px;
}

.comment-edited {
	padding-top:6px;
}

.comment-edited > span {
	background:#dddddd;
}

.comment-edited.deleted {
	padding-top:0px;
}


#comments {
	display: block;
	border-bottom: 2px solid #E7E7E7;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

#comments .comment-inner {
	display: block;
	position: relative;
}

#comments .comment-avatar {
	display: block;
	float: left;
	width: 70px;
	height: 70px;
	padding: 3px;
	margin-bottom: 40px;
}

#comments .comment-avatar img {
	width: 70px;
	height: 70px;
}

#comments .comment-content {
	display: block;
	margin-left: 95px;
	margin-bottom: 25px;
}

#comments .comment-content .comment-header h3 {
	margin-bottom: 8px;
}

#comments .comment-content p {
	margin-bottom: 11px;
}

#comments > li:first-child:before {
	display: none;
}

#comments > li:first-child {
	padding-top: 0px;
}

#comments li {
	padding-top: 15px;
	position: relative;
	display: block;
	border-top: 2px solid #E7E7E7;
}

#comments > li:first-child {
	border-top: 0px;
}

#comments li:before {
	bottom: auto;
	top: -4px;
}

#comments ul li {
	display: block;
	padding-left: 95px;
}

.comment-form {
	display: block;
	width: 100%;
	max-width: 470px;
	margin-left: auto;
	margin-right: auto;
}

.comment-form p {
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

.comment-form p.form-info {
	margin-bottom: 30px;
}

.comment-form p label {
	display: block;
	float: left;
	width: 24%;
	font-size: 13px;
	text-align: right;
	position: relative;
	line-height: 31px;
}

.comment-form p textarea, .comment-form p input {
	display: block;
	margin-left: 23%!important;
}

.comment-form p input[type=submit] {
	display: block;
	margin-left: 29.08%!important;
}

.comment-form p textarea, .comment-form p input[type=text] {
	width: 65%!important;
	display: block!important;
	margin-left: 29%!important;
}

.comment-form p.comment-notes {
	margin-bottom: 25px;
}

textarea, input[type=password], input[type=text] {
	background: rgba(255,255,255,0.5);
	border: 1px solid #d3cac3;
	box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(0,0,0,0.02);
	padding: 9px 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	font-size: 13px;
	color: #5d4d43;
	font-family: Arial;
}

.comment-form .required {
	display: inline-block;
	padding-left: 5px;
	font-weight: bold;
	color: #c84c09;
	font-size: 17px;
	line-height: inherit;
}

.comment-form p textarea {
	height: 70px;
	margin-bottom: 15px;
}


.post-a {
	display: inline-block;
	margin-right: 14px;
	font-size: 13px;
	vertical-align: middle;
}

.post-a i.fa {
	margin-right: 7px;
	line-height: inherit!important;
	font-size: inherit;
	vertical-align: initial;
}

.post-list {
	display: block;
}


input[type=submit], input[type=button] {
	display: inline-block;
	background: #f5f5f5;
	border: 0px;
	border-top: 1px solid rgba(255,255,255,0.8);
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px rgba(0,0,0,0.04);
	padding: 10px 19px;
	cursor: pointer;
	text-shadow: 0px 1px 0px #fff;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #7e7e7e;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

input[type=submit]:hover, input[type=button]:hover {
	background:#eeeeee;
	color: #7E7E7E;
	box-shadow:0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px transparent;
}

input[type=submit]:active, input[type=button]:active {
	box-shadow:0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px transparent;
	background:#d5d5d5;
	color: #7E7E7E;
	border-top:1px solid transparent;
	box-shadow:0px 0px 0px 1px #afafaf, inset 0px 0px 6px 0px #cacaca;
}

.respond-submit {
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	text-align:right;
}

.respond-submit input {
	margin-left:8px;
}

.respond-textarea {
	display: block;
	position: relative;
	margin-top: 1px;
}

.respond-textarea > textarea {
	height:40px;
	width:100%;
	border:1px solid #cccccc;
	padding:8px 12px;
	font-size:12px;
	box-shadow:inset 0px 3px 5px rgba(0,0,0,0.05);
	-moz-border-radius:2px;
	border-radius:2px;
	font-family:Arial;
	background:#fff;
	resize:vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
}

.textarea-arrow {
	position:absolute;
	width:6px;
	height:6px;
	background:#fff;
	z-index:5;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	left:-3px;
	top:16px;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.likes-tooltip {
	display:block;
	background:#232323;
	color:#fff;
	position:absolute;
	padding:12px;
	font-size:11px;
	left:0px;
	top:0px;
	z-index:-1;
	opacity:0;
	filter:alpha(opacity=0);
	margin-top:-110px;
	border-radius:2px;
	-moz-border-radius:2px;
	cursor:default;
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	-moz-transition: opacity 0.2s, margin-top 0.2s;
	-webkit-transition: opacity 0.2s, margin-top 0.2s;
	-o-transition: opacity 0.2s, margin-top 0.2s;
	padding-bottom: 10px;
}

.likes-tooltip:before {
	display:block;
	content:'';
	width:6px;
	height:6px;
	background:inherit;
	position:absolute;
	bottom:-2px;
	left:50%;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.likes-tooltip.active {
	display:block;
	z-index:100;
	margin-top:-100px;
	opacity:1;
	filter:alpha(opacity=100);
}

.likes-tooltip .avatar {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.likes-tooltip .avatar:last-child {
	margin-right: 0px;
}

.likes-tooltip .like-button {
	display: block;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;

}

.likes-tooltip .like-button a {
	color: #ccc;
}

.likes-tooltip .like-button a:hover {
	color: #fff;
}

.panel-with-spaces {
	display:block;
	background:url(../images/sidebar-title.png) no-repeat center top;
	padding:14px 10px 0px 10px;
	margin-top: 14px;
	margin-left: -10px;
	margin-right: -10px;
}

.with-online-users {
	display:block;
	margin-bottom:-5px;
}

.with-online-users:after {
	display:block;
	clear:both;
	content:'';
}

.with-online-users li {
	display:block;
	float:left;
}

.with-online-users .avatar {
	margin-bottom: 5px;
}

.voting-list {
	display:block;
	width:100%;
	list-style:none;
}

.voting-list li {
	display: block;
	list-style: none;
	margin-bottom:10px;
	position: relative;
}

.voting-list li:before {
	display: block;
	border-bottom: 1px dotted #ccc;
	z-index: 1;
	content: '';
	position:absolute;
	width: 100%;
	height: 1px;
	background: transparent;
	left: 0px;
	top: 5px;
}

.voting-list li:last-child {
	margin-bottom:0px;
}

.voting-list li .voting-text {
	display: block;
	float: left;
	padding-right: 10px;
	background: #e2e2e2;
	max-width:200px;
	position: relative;
	z-index: 2;
}

.voting-list li .voting-legent {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	border-radius: 2px;
	margin-right: 10px;
}

.voting-list li .voting-percents {
	display: block;
	float: right;
	padding-left: 10px;
	background: #e2e2e2;
	position: relative;
	z-index: 2;
}




/*------------------------------------------------------------------
[5. Photo gallery]

+ .photo-gallery-items
	+ .item
		+ .item-header
			+ img
		+ .item-content
			+ h3
			+ .item-category
			+ p
			+ a.view-more

-------------------------------------------------------------------*/

.photo-galleries {
	display: block;
	margin-bottom: 10px;
}

.photo-galleries:after {
	display: block;
	clear: both;
	content: '';
}

.photo-galleries > .item {
	display: block;
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 5%;
}

.photo-galleries > .item:nth-child(2n+1) {
	clear: both;
}

.photo-galleries > .item .item-header {
	display: block;
	margin-bottom: 15px;
}

.photo-galleries > .item .item-header a {
	display: block;
	float: left;
	margin: 0 2px 2px 0;
	background-color: #256193;
	background-image: url(../images/gallery-shine.png);
	background-position: top center;
	background-repeat: no-repeat;
	color: #fff;
}

.photo-galleries > .item .item-header a img {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-galleries > .item .item-header a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.photo-galleries > .item .item-header a.photo-link:before {
	display: block;
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-galleries > .item .item-header a.photo-link:hover:before {
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.photo-galleries > .item .item-header .photo-link,
.photo-galleries > .item .item-header .photo-2 {
	margin-right: 0px;
}

.photo-galleries > .item .item-header .photo-1 img {
	width: 240px;
	height: 150px;
}

.photo-galleries > .item .item-header .photo-2 img {
	width: 211px;
	height: 150px;
}

.photo-galleries > .item .item-header .photo-3 img {
	width: 240px;
	height: 140px;
}

.photo-galleries > .item .item-header .photo-link {
	width: 211px;
	height: 140px;
	overflow: hidden;
	position: relative;
}

.photo-galleries > .item .item-header .photo-link .photo-link-top {
	display: block;
	position: relative;
	text-align: center;
	padding: 20px;
	line-height: 97px;
	vertical-align: middle;
	font-size: 18px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-galleries > .item .item-header .photo-link .photo-link-top i.fa {
	display: inline-block;
	line-height: inherit;
	font-size: 40px;
	vertical-align: middle;
	padding-right: 10px;
}

.photo-galleries > .item .item-header .photo-link .photo-link-meta {
	display: block;
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: -45px;
	border-top: 1px solid rgba(255,255,255,0.5);
	padding-top: 45px;
	text-transform: uppercase;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-galleries > .item:hover .item-header .photo-link .photo-link-meta {
	opacity: 0.7;
	filter: alpha(opacity=70);
	bottom: 15px;
	padding-top: 15px;
}

.photo-galleries > .item:hover .item-header .photo-link .photo-link-top {
	line-height: 60px;
}

.photo-galleries > .item .item-header .photo-link .photo-link-meta > span {
	line-height: 11px;
	font-size: 11px;
}

.photo-galleries > .item .item-header a img {
	display: block;
	line-height: 0;
}

body .photo-galleries > .item .photos-related-games a:hover,
body .photo-galleries > .item .photos-related-games a {
	text-decoration: underline;
}

.photo-gallery-single {
	margin-bottom: 30px;
}

.photo-gallery-single .cancel-fullscreen-button,
.photo-gallery-single.isonfullscreen .photo-fullscreen-button {
	display: none;
}

.photo-gallery-single.isonfullscreen .cancel-fullscreen-button {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	padding: 20px;
	background: url(../images/lightbox-close.png) center center no-repeat;
	z-index: 10;
}

.photo-gallery-single.isonfullscreen {
	background: #000;
	height: 100%;
	margin-bottom: 0px;
	height: 100%;
}

.photo-gallery-single.isonfullscreen .inner-wrapper {
	position: absolute;
	width: 100%;
	bottom: 210px;
	left: 0px;
	right: 0px;
	top: 0px;
	padding-top: 30px;
	text-align: center;
}

.photo-gallery-single .full-photo-frame {
	display: block;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}

.photo-gallery-single .full-photo-frame img {
	max-width: 100%;
}

.photo-gallery-single.isonfullscreen .full-photo-frame img {
	max-height: 95%;
}



.photo-gallery-single .photo-single-thumbnails {
	display: block;
	overflow-y: hidden;
	overflow-x: auto;
	position: relative;
	white-space: nowrap;
	font-size: 0;
	padding-left: 5px;
	padding-right: 0px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
}

.photo-gallery-single .photo-single-thumbnails .thumbs-inner {
	display: block;
	position: relative;
	white-space: nowrap;
	padding: 20px 0;
}

.photo-gallery-single .photo-single-thumbnails .thumbs-inner .ph-thumb {
	display: inline-block;
	margin-right: 15px;
}

.photo-gallery-single .photo-single-thumbnails .thumbs-inner .ph-thumb:hover img {
	box-shadow: 0 0 0 5px rgba(0,0,0,0.3);
}

.photo-gallery-single .photo-single-thumbnails .thumbs-inner .ph-thumb img {
	box-shadow: 0 0 0 5px rgba(0,0,0,0.2);
}

.photo-gallery-single.isonfullscreen .photo-single-thumbnails .thumbs-inner .ph-thumb:hover img {
	box-shadow: 0 0 0 5px rgba(255,255,255,0.5);
}

.photo-gallery-single.isonfullscreen .photo-single-thumbnails .thumbs-inner .ph-thumb img {
	box-shadow: 0 0 0 5px rgba(255,255,255,0.2);
}

.photo-gallery-single.isonfullscreen .photo-single-thumbnails .thumbs-inner .ph-thumb.active img,
.photo-gallery-single .photo-single-thumbnails .thumbs-inner .ph-thumb.active img {
	box-shadow: 0 0 0 5px #E4731A;
}


.photo-gallery-single.isonfullscreen .photo-single-thumbnails {
	padding: 10px 25px;
	margin: 0px;
	background: #181818;
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.photo-gallery-single .inner-wrapper {
	position: relative;
}

.photo-gallery-single a.photo-single-arrow i.fa {
	line-height: inherit;
	padding: 0px;
}


.photo-gallery-single:hover a.photo-single-arrow,
.photo-gallery-single:hover .photo-fullscreen-button {
	opacity: 1;
	filter: alpha(opacity=100);
}

.photo-gallery-single .photo-fullscreen-button {
	display: block;
	position: absolute;
	z-index: 2;
	right: 10px;
	top: 10px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	padding: 10px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 14px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
}

.photo-gallery-single .photo-fullscreen-button i.fa {
	line-height: inherit;
	padding-right: 6px;
}

.photo-gallery-single a.photo-single-arrow {
	display: block;
	position: absolute;
	left: -50px;
	background: rgba(0,0,0,0.5);
	color: #aaa;
	z-index: 2;
	width: 60px;
	height: 70px;
	top: 50%;
	margin-top: -35px;
	line-height: 65px;
	font-size: 50px;
	text-align: center;
	border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.photo-gallery-single:hover a.photo-single-arrow.left {
	left: 0px;
	right: auto;
}

.photo-gallery-single a.photo-single-arrow:hover {
	background: #000;
	color: #fff;
}

.photo-gallery-single {
	overflow: hidden;
}

.photo-gallery-single:hover a.photo-single-arrow.right {
	left: auto;
	right: 0px;
}

.photo-gallery-single a.photo-single-arrow.right {
	left: auto;
	right: -50px;
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
}

.photo-gallery-single .photo-single-thumbnails img {
	width: 110px;
	height: 92px;
}

.content-padding.full-page-comment-wrap {
	padding-left: 100px;
	padding-right: 100px;
}



:fullscreen .photo-gallery-single,
:-ms-full-screen .photo-gallery-single,
:-moz-full-screen .photo-gallery-single,
:-webkit-full-screen .photo-gallery-single {
	width: 100%;
	height: 100%;
}







/*------------------------------------------------------------------
[6. Sidebar styling]

+ #main-box
	+ #sidebar
		+ .panel

-------------------------------------------------------------------*/

#main-box #sidebar {
	float: right;
	width: 300px;
	background: #f4f4f4;
	box-shadow: inset 1px 0 0 0 #D0D0D0;
}

#main-box.sidebar-left #sidebar {
	box-shadow: inset -1px 0 0 0 #D0D0D0;
}

#sidebar .panel {
	display: block;
	border-top: 5px solid #256193;
	position: relative;
}

#sidebar .panel > h2 {
	display: block;
	padding: 10px 10px;
	font-size: 17px;
	margin-bottom: 0px;
}

#sidebar .panel .panel-content {
	display: block;
	background: url(../images/sidebar-title.png) no-repeat center top;
	padding: 14px 10px 20px 10px;
}

#sidebar .panel .panel-content.no-padding {
	padding: 0px;
	padding-top: 1px;
}

.sidebar-comments  {
	position: absolute;
	display: block;
	margin-top: 9px;
	right: 20px;
	z-index: 8;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
	background: url(../images/comment-arrow.png) no-repeat 7px bottom;
}

.sidebar-comments span {
	display: block;
	padding: 2px 7px;
	color: #fff!important;
	background: #6fb205;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.sidebar-comments.inactive  {
	background: url(../images/comment-arrow-inactive.png) no-repeat 7px bottom;
}

.sidebar-comments.inactive span {
	background: #afafaf;
}

.new-forum-line {
	padding-bottom: 0px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0px;
	position: relative;
}

.new-forum-line a.f_content {
	display: block;
	padding: 10px 11px 12px 11px;
	margin-top: 0px;
}

.new-forum-line a.f_content:hover {
	background: #eaeaea;
}

.new-forum-line strong {
	font-size: 14px;
	margin-bottom: 5px;
	max-width: 180px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2px;
}

.new-forum-line span {
	color: #929292;
	font-size: 13px;
}

.new-forum-line span b {
	color: #5f5f5f;
}

.new-forum-line .avatar {
	margin-top: 10px;
	margin-left: 11px;
	float: left;
	margin-right: 10px;
}

.avatar {
	display: inline-block;
	position: relative;
	border: 0px;
	width: 39px;
	height: 39px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-right: 5px;
}

.avatar.avatar-big {
	width: 50px;
	height: 50px;
}

.avatar.avatar-large {
	width: 90px;
	height: 90px;
}

.avatar:hover {
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
}

.avatar:hover .wrapimg:after {
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.4);
}

.event-list .item,
.post-list .item {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
}

.event-list .item:after,
.post-list .item:after {
	display: block;
	clear: both;
	content: '';
}

.post-list .item .item-content {
	display: block;
	margin-left: 95px;
}

.event-list .item .item-content h3,
.post-list .item .item-content h3 {
	font-size: 19px;
	margin-bottom: 8px;
}

.event-list .item .item-content p,
.post-list .item .item-content p {
	margin-bottom: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.event-list .item .item-head,
.post-list .item .item-head {
	display: block;
	float: left;
}

.post-list .item .item-head img {
	background: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 3px;
}

.event-list .item:last-child,
.post-list .item:last-child {
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.event-list .item:last-child:before,
.post-list .item:last-child:before {
	display: none;
}

.item-list {
	display: block;
}

.item-list:after {
	display: block;
	clear: both;
	content: '';
}

.item-list > div {
	display: block;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.item-list.items-2 > div {
	width: 50%;
}

.item-list.items-3 > div {
	width: 33.33%;
}

.item-list.items-4 > div {
	width: 25%;
}

.item-list > div.item {
	padding: 20px 20px;
	text-align: center;
}

.item-list > div.item i.fa {
	font-size: 60px!important;
	margin-bottom: 15px;
	color: #3a2a1d;
}

.item-list > div.item h3 {
	font-size: 23px;
	margin-bottom: 10px;
}

.item-list > div.item p {
	margin-bottom: 0px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.item-list-row {
	display: table;
}

.item-list-row > .item {
	display: table-cell;
}

.map-inner {
	display: block;
	margin-bottom: 20px;
}

.event-icon {
	display: inline-block;
	background: rgba(255,255,255,0.8);
	padding: 15px 12px 8px 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 2px 0 1px rgba(0,0,0,0.08);
	text-transform: uppercase;
	text-align: center;
	width: 35px;
	position: relative;
}

.event-icon:before {
	display: block;
	content: '';
	top: -1px;
	left: -1px;
	right: -1px;
	height: 8px;
	background: #c5dd72;
	position: absolute;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);

}

.event-icon strong {
	display: block;
	font-size: 20px;
	line-height: 20px;
}

.event-icon span {
	display: block;
	font-size: 10px;
	line-height: 13px;
}

.event-header .item-top, .event-list .item .item-top {
	display: block;
	margin-left: 78px;
	margin-bottom: 15px;
	background-color : #f4f4f4;

}

.event-header:after {
	display: block;
	clear: both;
	content: '';
	margin-bottom: 28px;
}

.event-header .item-head {
	display: block;
	float: left;
}

.event-list .item-bottom {
	padding-top: 10px;
	padding-bottom: 35px;
	clear: both;
	border-bottom: 2px solid #E7E7E7;
}

.event-list .item:last-child .item-bottom {
	border-bottom: 0px;
}

.event-list .item-bottom p {
	margin-bottom: 15px;
}

.forum-post .avatar.online:before,
.avatar.online:hover:before, #_strike-user .avatar.online:before, .profile-left-side .avatar.online:before {
	content: 'online';
	display: block;
	position: absolute;
	z-index: 12;
	font-size: 8px;
	line-height: 12px;
	background: #7ec700;
	color: #fff;
	bottom: -15px;
	right:0px;
	width:100%;
	text-align:center;
	height:auto;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	-moz-transition: bottom 0.1s;
	-webkit-transition: bottom 0.1s;
	-o-transition: bottom 0.1s;
}

.forum-post .avatar.away:before,
.avatar.away:hover:before, #_strike-user .avatar.away:before, .profile-left-side .avatar.away:before {
	content:'away';
	display:block;
	position:absolute;
	z-index:12;
	font-size: 8px;
	line-height: 12px;
	background:#ffae00;
	color:#fff;
	bottom:-15px;
	right:0px;
	width:100%;
	text-align:center;
	height:auto;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	-moz-transition: bottom 0.1s;
	-webkit-transition: bottom 0.1s;
	-o-transition: bottom 0.1s;
}

.forum-post .avatar.ingame:before,
.avatar.ingame:hover:before, #_strike-user .avatar.ingame:before, .profile-left-side .avatar.ingame:before {
	content:'playing';
	display:block;
	position:absolute;
	z-index:12;
	font-size: 8px;
	line-height: 12px;
	background:#009ae9;
	color:#fff;
	bottom:-15px;
	right:0px;
	width:100%;
	text-align:center;
	height:auto;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	-moz-transition: bottom 0.1s;
	-webkit-transition: bottom 0.1s;
	-o-transition: bottom 0.1s;
}

.forum-post .avatar.offline:before,
.avatar.offline:hover:before, #_strike-user .avatar.offline:before, .profile-left-side .avatar.offline:before {
	content:'offline';
	display:block;
	position:absolute;
	z-index:12;
	font-size: 8px;
	line-height: 12px;
	background:#858585;
	color:#fff;
	bottom:-15px;
	right:0px;
	width:100%;
	text-align:center;
	height:auto;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	border-radius:3px;
	-moz-border-radius:3px;
	box-shadow: 0px 0px 0px 1px #eeeeee;
	-moz-transition: bottom 0.1s;
	-webkit-transition: bottom 0.1s;
	-o-transition: bottom 0.1s;
}

.avatar.offline:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	font-size: 0;
}

.profile-left-side .avatar.online:before, .profile-left-side .avatar.away:before, .profile-left-side .avatar.ingame:before, .profile-left-side .avatar.offline:before {
	font-size: 13px;
	bottom: -25px;
	box-shadow: none;
	font-weight: bold;
	padding: 3px 0px;
}

.avatar.online:before {
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background: #7ec700;
	z-index: 11;
	bottom: -2px;
	right: -2px;
	box-shadow: 0px 0px 0px 1px #eeeeee;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	font-size: 0;
}

.avatar.away:before {
	content:'';
	display:block;
	position:absolute;
	width:6px;
	height:6px;
	border-radius:3px;
	-moz-border-radius:3px;
	background:#ffae00;
	z-index:11;
	bottom:-2px;
	right:-2px;
	box-shadow: 0px 0px 0px 1px #eeeeee;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	font-size: 0;
}

.avatar.ingame:before {
	content:'';
	display:block;
	position:absolute;
	width:6px;
	height:6px;
	border-radius:3px;
	-moz-border-radius:3px;
	background:#009ae9;
	z-index:11;
	bottom:-2px;
	right:-2px;
	box-shadow: 0px 0px 0px 1px #eeeeee;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	font-size: 0;
}

.panel .piestuff {
	text-align:center;
	margin:25px 0px 30px 0px;
}

.photo-block {
	display:block;
	width:644px;
	margin-bottom:0px;
}

.photo-block:hover > div {
	opacity:0.2;
	filter:alpha(opacity=20);
}

.photo-block > div:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.photo-block .big-block {
	display:block;
	width:322px;
	height:250px;
	float:left;
}

.photo-block .small-block {
	display:block;
	width:161px;
	height:125px;
	float:left;
}


.article-promo {
	display:block;
}

.article-promo .article-photo {
	display:block;
	float:left;
	width:301px;
	margin-bottom:20px;
}

.article-promo .article-content {
	display:block;
	float:left;
	width:319px;
	margin-left:24px;
}

.article-promo .article-content h3 {
	margin-top:-16px;
}

.article-icons {
	display: block;
	padding: 0px 0px 15px 0px;
	cursor: default;
	border-bottom: 1px solid #E4E4E4;
	margin-bottom: 14px;
}

.article-full .article-icons {
	border-bottom: 0px;
	margin-bottom: -20px!important;
}

.article-icons a {
	color: #898989;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	margin-right: 14px;
	text-decoration: none;
}

.article-icons a .fa {
	font-size: inherit;
	display: inline-block;
	padding-top: 2px;
	padding-right: 10px;
	line-height: inherit!important;
}

.article-icons a:hover {
	color: #256193;
}

.do-the-split {
	display: block;
	width: 100%;
	height: 4px;
	background: url(../images/content-title-bg.png) repeat-x center center;
	margin-top: 30px;
	margin-bottom: 30px;
}

#_strike-tooltip {
	display:block;
	background:#232323;
	color:#fff;
	position:absolute;
	padding:4px 9px;
	font-size:11px;
	left:0px;
	top:0px;
	z-index:-1;
	opacity:0;
	filter:alpha(opacity=0);
	margin-top:-20px;
	border-radius:2px;
	-moz-border-radius:2px;
	cursor:default;
	box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
	/*-moz-transition: opacity 0.2s, margin-top 0.2s;
	-webkit-transition: opacity 0.2s, margin-top 0.2s;
	-o-transition: opacity 0.2s, margin-top 0.2s;*/
}

#_strike-tooltip:before {
	display:block;
	content:'';
	width:6px;
	height:6px;
	background:inherit;
	position:absolute;
	bottom:-2px;
	left:50%;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

#_strike-tooltip.active {
	display:block;
	z-index:100;
	margin-top:-28px;
	opacity:1;
	filter:alpha(opacity=100);
}

.admin-ribbon {
	display: inline-block;
	background: #232323;
	color: #fff;
	font-size: 8px;
	line-height: 100%;
	padding: 3px 6px;
	margin: 1px 0px 0px 7px;
	text-transform: uppercase;
	cursor: default;
	vertical-align: middle;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin-bottom: 6px;
}

.user-ribbon {
	display:inline-block;
	background:#ccc;
	color:#fff;
	font-size:8px;
	line-height:100%;
	padding: 3px 6px;
	margin: 1px 0px 0px 7px;
	text-transform:uppercase;
	cursor:default;
	vertical-align:middle;
	border-radius:2px;
	-moz-border-radius:2px;
	margin-bottom:6px;
}







/*------------------------------------------------------------------
[7. Footer]

+ .footer
	+ .footer-widgets
		+ .widget
			+ h2
			+ div
	+ .footer-bottom
		+ .footer-bottom-inner

-------------------------------------------------------------------*/


.footer {
	background: url(../images/header-top-bg.png);
	color: #868686;
	box-shadow: inset 1px 0px 0px rgba(255,255,255,0.1), inset -1px 0px 0px rgba(255,255,255,0.1);
}

.footer a {
	color: #868686;
}

.footer a:hover {
	color: #fff;
}

.footer .footer-top {
	background: rgba(255,255,255,0.08);
	border-bottom: 1px solid rgba(255,255,255,0.08);
	height: 6px;
	width: 100%;
	display: block;
}

.footer .footer-bottom {
	background: rgba(0,0,0,0.22);
	border-top: 1px solid rgba(255,255,255,0.11);
	display: block;
	padding: 17px 25px;
	cursor: default;
}

.footer .footer-bottom li {
	display: inline-block;
	margin-left: 13px;
}

.footer .footer-content {
	color: #E2E2E2;
	display: table;
	width: 100%;
}

.footer .footer-content a {
	color: #E2E2E2;
}

.footer .footer-content .panel .top-right {
	top: 26px;
	right: 21px;
}

.footer .footer-content .panel .top-right a {
	color: #888;
}

.footer .footer-content > div {
	display: table-cell;
	width: 33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px;
	position: relative;
}

.footer .footer-content > div:after {
	display: block;
	width: 3px;
	position: absolute;
	content: '';
	right: 0px;
	top: 25px;
	bottom: 25px;
	background: url(../images/footer-split.png) repeat-y;
	opacity: 0.7;
}

.footer .footer-content > div > h2 {
	border-bottom: 2px solid rgba(204, 204, 204, 0.2);
	padding-bottom: 7px;
	margin-bottom: 20px;
	color: #888;
}

.footer .footer-content .d-articles .item {
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

.footer .footer-content .d-articles .item:last-child {
	border-bottom: 0px;
}




.panel-duel {
	display: block;
	position: relative;
}

.panel-duel .duel-versus {
	display: block;
	position: absolute;
	z-index: 10;
	width: 74px;
	height: 74px;
	background: url(../images/strike-vs.png) no-repeat center;
	top: 50%;
	left: 50%;
	margin-left: -38px;
	margin-top: -38px;
}

.panel-duel-block:first-child {
	margin-left: 0px;
}

.panel-duel-block {
	float: left;
	width: 135px;
	height: 200px;
	margin-left: 10px;
	position: relative;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
}

.panel-duel-block .caption {
	margin-right: 8px;
	position: absolute;
	color: #fff;
	background: rgba(0,0,0,0.8);
	padding: 5px 10px;
	bottom: 8px;
	left: 8px;
	line-height: 150%;
}

.panel-duel-voting {
	display: block;
	margin-top: 10px;
}

.panel-duel-voting .panel-duel-vote:first-child {
	margin-left: 0px;
}

.panel-duel-voting .panel-duel-vote {
	float: left;
	width: 135px;
	height: auto;
	margin-left: 10px;
	position: relative;
}

.panel-duel-voting .panel-duel-vote a {
	color: #fff;
	font-size: 12px;
	display: block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 6px 8px;
	background: #256193;
	text-align: center;
}

.panel-duel-voting .panel-duel-vote a:hover {
	background: #232323;
}

.voting-line {
	display: block;
	margin-bottom: 10px;
}

.voting-line div span {
	padding: 5px 8px;
	display: block;
	color: #fff;
	font-size: 11px;
}

.voting-line .voting-left {
	display: block;
	background: #c5841d;
	float: left;
	border-radius: 2px 0px 0px 2px;
	-moz-border-radius: 2px 0px 0px 2px;
	text-align: left;
	overflow: hidden;
}

.voting-line .voting-right {
	display: block;
	background: #aa4747;
	float: left;
	border-radius: 0px 2px 2px 0px;
	-moz-border-radius: 0px 2px 2px 0px;
	text-align: right;
	overflow: hidden;
}

.panel-games-lobby.full-page {
	display: block;
	width: 644px;
	overflow: hidden;
}

.panel-games-lobby.full-page ol {
	display: block;
	width: 654px;
}

.panel-games-lobby.full-page ol li:last-child {
	margin-bottom: 20px;
}

.panel-games-lobby.full-page ol li {
	width: 315px;
	float: left;
	display: block;
	margin: 0px 12px 20px 0px;
}

.panel-games-lobby.full-page ol li .lobby-block {
	width: 315px;
	height: 160px;
}

.panel-games-lobby.full-page ol li .lobby-block .join-button a {
	top: 42%;
}


.panel-games-lobby {
	display: block;
}

.panel-games-lobby ol {
	display: block;
}

.panel-games-lobby ol li {
	display: block;
	margin-bottom: 10px;
}

.panel-games-lobby ol li:last-child {
	margin-bottom: 0px;
}

.panel-games-lobby ol li .lobby-block {
	display: block;
	width: 280px;
	height: 100px;
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.18);
	position: relative;
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
}

.panel-games-lobby ol li .lobby-block .caption {
	margin-right: 8px;
	position: absolute;
	color: #fff;
	background: rgba(0,0,0,0.8);
	padding: 5px 10px;
	top: 8px;
	left: 8px;
	line-height: 150%;
	z-index: 6;
}

.panel-games-lobby ol li:hover .lobby-block .caption {
	display: none;
}

.panel-games-lobby ol li .lobby-info .right {
	line-height: 11px!important;
	vertical-align: bottom;
}

.panel-games-lobby ol li .lobby-info {
	display: block;
	position: relative;
	background: #f0f0f0;
	padding: 8px 9px;
	border: 1px solid #ccc;
	margin-top: -1px;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	color: #7b7b7b;
	cursor: default;
}

.panel-games-lobby ol li.lobby-admin:hover .lobby-info .admin-option.fa {
	display: block!important;
}

.panel-games-lobby ol li.lobby-admin:hover .lobby-info b a {
	max-width: 33px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.panel-games-lobby ol li .lobby-info .admin-option.fa {
	display: none;
	cursor: pointer;
	padding: 3px 5px!important;
	font-size: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin-top: -2px;
	margin-bottom: -2px;
	margin-right: 5px;
	line-height: 11px;
}

.panel-games-lobby ol li .lobby-info {
	line-height: 14px;
}

.panel-games-lobby ol li .lobby-info .admin-option:hover {
	background: #d2382c;
	color: #fff;
}

.panel-games-lobby ol li .lobby-info .fa {
	line-height: 14px;
	margin-right: 7px;
}

.panel-games-lobby ol li .lobby-info b {
	color: #232323;
}

.panel-games-lobby ol li .lobby-info:before {
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	border-left: inherit;
	border-top: inherit;
	background: inherit;
	position: absolute;
	top: -4px;
	left: 10%;
	margin-left: -3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.panel-games-lobby ol li .lobby-block .join-button {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	text-align: center;
}

.panel-games-lobby ol li:hover .lobby-block .join-button {
	display: block;
}

.panel-games-lobby ol li .lobby-block .join-button a {
	background: #78b725;
	color: #fff;
	font-size: 12px;
	display: inline-block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 6px 8px;
	text-align: center;
	position: relative;
	top: 35%;
}

.panel-games-lobby ol li .lobby-block .join-button a:hover {
	color: #232323;
	background: #f0f0f0;
}

.panel-games-lobby ol li .lobby-block .join-button span {
	display: none;
	color: #232323;
	background: #f0f0f0;
	font-size: 12px;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 6px 8px;
	text-align: center;
	position: relative;
	top: 35%;
	cursor: default;
}

.panel-games-lobby ol li .lobby-block .join-button span .fa {
	display: inline-block;
	padding: 2px 8px 0px 0px;
	font-size: 11px;
}

.panel-games-lobby ol li .lobby-block.full .join-button a {
	display: none;
}

.panel-games-lobby ol li .lobby-block.full .join-button span {
	display: inline-block;
}

.panel .top-right {
	display: block;
	position: absolute;
	top: 13px;
	right: 10px;
	font-size: 12px;
}

.other-info {
	border-top: 1px dotted #ccc;
	display: block;
	margin-top: 15px;
	padding-top: 10px;
	text-align: right;
	color: #7b7b7b;
}



.profile-tabs {
	display: block;
	margin-bottom: 20px;
	position: relative;
}


.profile-tabs ul {
	padding-left: 10px;
	position: relative;
	display: block;
}

.profile-tabs ul:after {
	display: block;
	content: '';
	clear: both;
}

.profile-tabs ul:before {
	display: block;
	content: '';
	background: #ccc;
	height: 1px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	position: absolute;
}

.profile-tabs li {
	display: block;
	float: left;
	position: relative;
	z-index: 1;
}

.profile-tabs li.active {
	z-index: 2;
}

.profile-tabs li.active a {
	background: #f4f4f4;
	padding-bottom: 9px;
	box-shadow: 3px -2px 4px -2px rgba(0, 0, 0, 0.04), -3px -2px 4px -2px rgba(0, 0, 0, 0.04), inset 0 23px 20px -20px rgba(255, 255, 255, 0.6);
}

.profile-tabs li:hover a {
	background: #f4f4f4;
}

.profile-tabs li a {
	display: block;
	padding: 9px 12px 8px 12px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-bottom: 0px;
	border-radius: 3px 3px 0 0;
	background: #EBEBEB;
	margin-left: 1px;
	color: #232323;
	box-shadow: inset 0 -32px 20px -20px rgba(0, 0, 0, 0.03);
}

.profile-right-side .the-form {
	margin-top: 40px;
}

.profile-right-side .the-form p {
	margin-left: -50px;
}

.profile-right-side .the-form form input[type=checkbox] {
	margin-top: 11px;
}



.signup-panel {
	display: block;
}

.signup-panel .left {
	display: block;
	float: left;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px dotted #ccc;
	width: 400px;
}

.signup-panel .right {
	display: block;
	float: left;
	width: 559px;
	padding-left: 20px;
	margin-left: -21px;
	border-left: 1px dotted #ccc;
}

.p-padding {
	padding-bottom: 16px;
	color: #9c9c9c!important;
}

#main .the-form textarea {
	resize: vertical;
	height: 86px;
}

#main .the-form textarea,
#main input[type=text],
#main select,
#main input[type=password] {
	background: #fff;
	border: 1px solid #cacaca;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 7px 12px;
	font-size: 12px;
	width:180px;
	color: #8c8c8c;
	box-shadow: 0px 1px 0px #fff, inset 0px 3px 0px rgba(0,0,0,0.02);
	display: inline-block;
}

#main .the-form textarea:focus,
#main input[type=text]:focus,
#main select:focus,
#main input[type=password]:focus {
	border: 1px solid #b6b6b6;
}

#main select {
	width: 206px;
	padding: 7px 7px;
}

.the-form {
	display: block;
	width: 346px;
	margin: 10px auto;
}

.the-form .required {
	display: inline-block;
	color: #b41e1e;
	font-weight: bold;
	padding: 0px 0px 0px 7px;
}

.the-form form > p {
	display: block;
	padding-bottom: 8px;
}

.the-form form > p > label:not(.iiiii) {
	display: block;
	float: left;
	width: 120px;
	line-height: 31px!important;
	margin-right: 18px;
	text-align: right;
	color: #8c8c8c;
	white-space: nowrap;
}

.the-form form input[type=checkbox] {
	display: inline-block;
	margin-left: 1px;
	margin-top: 5px;
}

.the-form form > p > .iiiii {
	display: inline-block;
	padding: 2px 0px 0px 8px;
	color: #8c8c8c;
}

.the-form .form-footer {
	display: block;
	padding: 10px 0px 0px 140px;
}

.the-form .error-msg {
	display: block;
	margin: 0px 0px 0px 138px;
	background: #ca2424;
	color: #fff;
	font-size: 11px;
	padding: 2px 10px;
	width: 186px;
	border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
}

.info-msg {
	display: block;
	margin: 30px 0px 0px 0px;
	background: #f5e6b5;
	color: #665723;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.info-msg a {
	text-decoration: underline;
}

.info-msg.simple {
	background: transparent;
	color: #939393;
	text-align: center;
}

.the-error-msg {
	display: block;
	margin: 30px 0px 15px 0px;
	background: #c1462e;
	color: #fff;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.the-error-msg a {
	color: #fff;
	text-decoration: underline;
}

.the-error-msg .fa {
	display: inline-block;
	padding: 2px 9px 0px 0px;
}

.success-msg {
	display: block;
	margin: 30px 0px 0px 0px;
	background: #C8F4B5;
	color: #326523;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.success-msg a {
	text-decoration: underline;
}

input.error-input {
	border-radius: 2px 2px 0px 0px!important;
	-moz-border-radius: 2px 2px 0px 0px!important;
	box-shadow: inset 0px 3px 0px rgba(0,0,0,0.02)!important;
	border: 1px solid #ca2424!important;
}

.login-passes {
	display: block;
	padding: 0px 0px 10px 0px;
	text-align: center;
	cursor: default;
	text-align: left;
	background: #e9e9e9;
	color: #7d7d7d;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	font-weight: bold;
	border: 1px dotted #c3c3c3;
	margin-bottom: 20px;
}

.login-passes > b {
	display: inline-block;
	padding-top: 2px;
	padding-right: 12px;
}

.login-passes > a {
	display: inline-block;
	margin-right: 5px;
}

.form-split-about {
	display: block;
}

.form-split-about > ul {
	display: block;
}

.form-split-about > ul > li {
	display: block;
	margin-top: 15px;
	padding-left: 70px;
	position: relative;
}

.form-split-about > ul > li > b {
	display: block;
	font-size: 18px;
	margin-bottom: 7px;
	color: #5f5f5f;
}

.form-split-about > ul > li > .fa {
	display: block;
	font-size: 40px;
	margin-bottom: 7px;
	color: #cacaca;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: default;
	width: 41px;
	text-align: center;
}

.form-split-about > ul > li > font {
	display: block;
	font-size: 40px;
	margin-bottom: 7px;
	color: #cacaca;
	position: absolute;
	left: 0px;
	top: -4px;
	cursor: default;
	width: 41px;
	text-align: center;
}

.right > .content-padding {
	padding-left: 10px;
}

.left > .content-padding {
	padding-right: 10px;
}

.pagination {
	display: block;
	text-align: center;
	font-size: 0;
}

.pagination .page-num {
	display: inline-block;
	font-size: 13px;
	line-height: 25px;
	height: 25px;
	width: 25px;
	border: 1px solid transparent;
	/*background: #e9e9e9;*/
	color: #929292;
	font-weight: bold;
	margin: 0 3px;
	border-radius: 50%;
}

.pagination .page-num.page-hidden {
	color: #ccc;
	cursor: default;
}

.pagination a.page-num:hover {
	border: 1px solid #232323;
	color: #232323;
}

.pagination .page-num.current {
	background: #232323;
	color: #fff;
	border: 1px solid transparent;
	cursor: default;
}





.user-profile {
	display: block;
	position: relative;
}

.user-profile .profile-right-side {
	width: 736px;
	float: left;
	margin-left: -20px;
}

.user-profile .profile-left-side {
	width: 244px;
	margin: -110px 20px 0px 20px;
	position: relative;
	z-index: 2;
	float: left;
}

.user-profile .profile-left-side .the-profile-top {
	background: #fff;
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.06);
	padding: 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.user-profile .profile-left-side .profile-user-name {
	position: absolute;
	top: -8px;
	left: 270px;
	color: #fff;
	text-shadow: 0px 0px 3px #000;
	white-space: nowrap;
}

.user-profile .profile-left-side .profile-user-name .admin-ribbon {
	font-size: 14px;
	margin-top: 1px;
	margin-left: 12px;
	box-shadow: 0px 0px 1px 1px rgba(255,255,255,0.2);
}

.user-profile .profile-left-side .profile-user-name h1 {
	font-size: 30px;
}

.user-profile .profile-left-side .profile-user-name .sttaa {
	display: block;
	padding-top: 4px;
	width: 400px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-shadow: 0px 0px 3px #000;
}

.user-profile .profile-left-side .profile-user-name .sttaa span {
	display: inline-block;
	padding-right: 7px;
	opacity: 0.5;
}

.user-profile .profile-left-side .profile-user-name .sttaa a {
	color: #fff;
	text-decoration: underline;
}

.user-profile .profile-left-side .profile-user-name .sttaa a:hover {
	text-decoration: none;
}

.user-profile .profile-left-side .avatar {
	width: 220px;
	height: 220px;
	margin-top: 0px;
	margin-bottom: 35px;
	position: relative;
}

.user-profile .profile-left-side .avatar:hover .avatar-button {
	display: block;
}

.user-profile .profile-left-side .avatar .avatar-button {
	display: none;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 20;
}

.user-profile .profile-left-side .avatar .avatar-button a {
	display: block;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 6px 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.user-profile .profile-left-side .avatar .avatar-button a .fa {
	display: inline-block;
	padding: 1px 7px 0px 0px;
}

.user-profile .profile-left-side .avatar .avatar-button a:hover {
	background: #000;
}

.user-profile .profile-shadow {
	display: block;
	position: absolute;
	z-index: -1;
	width: 328px;
	height: 180px;
	background: url(../images/profile-card-bg.png) no-repeat center;
	top: -25px;
	left: 0px;
}

.defbutton.profile-button {
	display: block;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.defbutton.profile-button.disabled {
	background: none;
}

.defbutton.profile-button.disabled:hover {
	background: #af2727;
}

.user-button-list li {
	display: block;
	margin-bottom: 5px;
}

.user-button-list li:last-child {
	margin-bottom: 0px;
}

.profile-left-side .info-msg {
	margin-top: 0px;
	margin-bottom: 0px;
}

.profile-left-side .about-text {
	display: block;
	margin-bottom: 10px;
}

.profile-left-side .about-text > span {
	display: block;
	float: left;
	color: #ababab;
	padding-right: 10px;
	font-weight: normal;
	width: 40px;
	margin-top: -2px;
}

.profile-left-side .about-text > span.the-info {
	color: #232323;
	width: 160px;
}

.profile-left-side .about-text > span.the-info a {
	text-decoration: underline;
}

.profile-left-side .about-text > span.the-info .admin-ribbon {
	margin-left: 0px;
	margin-bottom: 0px;
}

.profile-navi {
	display: block;
	margin-top: 1px;
}

.profile-navi li {
	display: block;
	border-bottom: 1px dotted #ccc;
}

.profile-navi li a {
	display: block;
	padding: 10px 12px;
	color: #898989;
	font-size: 13px;
}

.profile-navi li.active a {
	background: #f9f9f9 url(../images/icon-arrow-right.png) no-repeat right center;
}

.profile-navi li.active a:hover {
	background: #f9f9f9 url(../images/icon-arrow-right.png) no-repeat right center;
}

.profile-navi li a:hover {
	background: #f9f9f9;
}

.profile-navi li a .fa {
	display: inline-block;
	font-size: 13px;
	padding-top: 1px;
	padding-right: 10px;
	width: 23px;
	text-align: center;
}

.profile-navi li a .notif {
	display: inline-block;
	font-size: 11px;
	padding: 2px 5px;
	margin-left: 10px;
	background: #E0E0E0;
	margin-top: -1px;
	margin-bottom: -2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.profile-panel {
	display: block;
	margin-top: 10px;
}

.profile-panel.instagram {
	display: block;
	overflow: hidden;
}

.profile-panel.instagram .pieces {
	display: block;
	width: 255px;
}

.profile-panel.instagram img {
	display: block;
	float: left;
	width: 77px;
	margin-right: 8px;
	margin-bottom: 8px;
}

.profile-navi .left-avatar {
	display: block;
	float: left;
	padding: 0px 10px 0px 0px;
}

.profile-navi .left-avatar img {
	width: 32px;
	height: 32px;
}

.profile-left-side .the-profile-navi {
	display: block;
	width: 244px;
	background: #f4f4f4;
	box-shadow: 6px 2px 11px #f4f4f4;
}

.profile-left-side .the-profile-navi.floating {
	display: block;
	position: fixed;
	top: 0px;
}

.profile-left-side .the-profile-navi.bottom {
	position: absolute!important;
}

.profile-left-side .user-panel-about {
	display: block;
	padding-top: 10px;
}

.profile-left-side .user-panel-about > div {
	display: block;
	padding-bottom: 16px;
	color: #939393;
}

#main .profile-left-side .user-panel-about b {
	display: block;
	font-size: 14px;
	line-height: 130%!important;
	color: inherit;
	padding-bottom: 8px;
}

#main .profile-left-side .user-panel-about b .fa {
	display: inline-block;
	padding: 2px 8px 0px 0px;
	font-size: 13px;
}

#main .profile-left-side .user-panel-about p {
	display: block;
	line-height: 130%!important;
	color: inherit;
	text-align: justify;
}

.user-achievements p {
	cursor: default;
	display: block;
	padding-top: 5px;
}

.user-achievements p .ach {
	font-size: 18px;
	display: inline-block;
	margin: 0px 8px 5px 0px;
}

.info-blocks {
	display: block;
	margin-bottom: 10px;
}

.info-blocks li {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.info-blocks li:last-child {
	margin-right: 0px;
}

.info-blocks li .info-block {
	display: block;
	background: #dedede;
	color: #b1b1b1;
	font-size: 11px;
	border-radius: 2px;
	box-shadow: inset 0px 1px 2px #c8c8c8, 0px 1px 1px #fafafa;
	width: 105px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 22px;
	cursor: default;
}

.info-blocks li a.info-block {
	cursor: pointer;
}

.info-blocks li a.info-block:hover {
	background: #d6d6d6;
}

.info-blocks li .info-block b {
	display: block;
	font-size: 25px;
	color: #848484;
	padding: 13px 0px 0px 0px;
}

.info-blocks li .info-block span {
	display: block;
	padding: 0px 0px 6px 0px;
	font-size: 10px;
}



.photo-blocks {
	display: block;
	margin-bottom: 10px;
}

.photo-blocks li {
	display: block;
	float: left;
	margin-right: 10px;
	width: 128px;
}

.photo-blocks li:nth-child(5n+0) {
	margin-right: 0px;
}

.photo-blocks li {
	margin-top: 10px;
}

.photo-blocks li:nth-child(1),
.photo-blocks li:nth-child(2),
.photo-blocks li:nth-child(3),
.photo-blocks li:nth-child(4),
.photo-blocks li:nth-child(5) {
	margin-top: 0px;
}

.photo-blocks li > a > img {
	display: block;
	width: 128px;
	height: 128px;
}



.music-blocks {
	display: block;
	margin-bottom: 10px;
}

.music-blocks ul >  li {
	display: block;
	float: left;
	margin-right: 0px;
}

.music-blocks ul > li:first-child {
	margin-right: 6px;
}

.music-blocks li a {
	display: block;
	background: #e9e9e9;
	color: #686868;
	width: 327px;
	padding-right: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.music-blocks li a:hover {
	background: #232323;
	color: #fff;
}

.music-blocks li.active a {
	background: #232323;
	color: #fff;
}

.music-blocks li a .music-img {
	display: block;
	float: left;
	overflow: hidden;
	height: 52px;
	vertical-align: middle;
	padding-right: 0px;
	border-radius: 2px 0px 0px 2px;
	-moz-border-radius: 2px 0px 0px 2px;
	text-align: center;
	width: 50px;
}

.music-blocks li a .music-img {
	width: 93px;
	margin-right: 10px;
}

.music-blocks li a .music-img img {
	display: block;
}

.music-blocks li a img {
	display: none;
	height: 70px;
	margin-top: -9px;
	vertical-align: middle;
}

.music-blocks li a b {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 1px;
}

.music-blocks li a span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
}

.music-blocks ol > li {
	display: block;
	margin-bottom: 6px;
}





.profile-friends-list {
	display: block;
	margin-bottom: 0px;
}

.profile-friends-list li {
	display: inline-block;
	margin-bottom: 10px;
}





.single-view-info {
	margin-top: 15px;
	margin-bottom: 25px;
	display: block;
	float: none;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 18px;
}

.single-view-info > div {
	display: block;
	float: left;
}

.single-view-info > div .single-title {
	display: block;
	font-size: 14px;
	padding-bottom: 8px;
}

.single-view-info > div .single-title a {
	font-weight: normal;
	color: #2B587A;
	font-size: 12px;
}

.single-view-info > div .single-title a:hover {
	text-decoration: underline;
}

.single-view-info > div.clear-float {
	float: none;
}

.single-view-info > div.view-likes {
	width: 264px;
}

.single-view-info > div.view-options {
	width: 410px;
	float: right;
	text-align: right;
	font-size: 0;
}

.single-view-info > div.view-options a {
	display: inline-block;
	color: #858585;
	background: #e3e3e3;
	text-align: center;
	padding: 7px 14px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 16px;
	font-size: 11px;
	margin-left: 7px;
}

.single-view-info > div.view-options a.admin:hover {
	background: #d2382c!important;
}

.single-view-info > div.view-options a:hover {
	background: #232323;
	color: #fff;
}

.single-view-info > div.view-options a .fa {
	display: block;
	font-size: 16px;
	padding-bottom: 4px;
}




ul.profile-info {
	display: block;
	font-size: 0;
	margin-bottom: 30px;
}

ul.profile-info li {
	display: block;
	font-size: 14px;
}

/*ul.profile-info li:nth-child(odd) {
	background: #f0f0f0;
}*/

ul.profile-info li span {
	display: inline-block;
	min-height: 17px;
	line-height: 15px;
	margin-bottom: 3px;
	margin-top: 5px;
}

ul.profile-info li span.first {
	color: #999;
	width: 130px;
	font-size: 12px;
	padding-top: 1px;
	/*padding-left: 10px;*/
}

ul.profile-info li span.last {
	
}

ul.profile-info li span a {
	color: #2B587A;
}

ul.profile-info li span a:hover {
	text-decoration: underline;
}





#main .main-tabs-content p {
	margin-left: -40px;
}

.wrapimg .avatar-button {
	display: block;
	position: absolute;
	z-index: 30;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.wrapimg .avatar-button > span {
	display: none;
}

.wrapimg .avatar-button:hover > span {
	display: block;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 6px 12px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin: 11px;
	bottom: 0px;
	position: absolute;
}

.wrapimg .avatar-button .fa {
	display: inline-block;
	padding-right: 10px;
	margin-top: 1px;
}


#main .main-tabs-content {
	display: block;
	padding: 20px 20px 0px 20px;
	text-align: center;
}

#main .main-tabs-content .form-footer {
	display: block;
	text-align: left;
	margin-left: -20px;
}

#main .main-tabs-content .the-form .error-msg {
	margin: 0px 0px 0px 159px;
}

#main .main-tabs-content .the-success-msg,
#main .main-tabs-content .the-alert-msg,
#main .main-tabs-content .the-error-msg {
	/*width: 400px;*/
	margin: 0px auto;
	text-align: left;
	margin-bottom: 10px;
	margin-left: auto;
}

.the-success-msg a,
.the-alert-msg a,
.the-error-msg a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#main .main-tabs-content > h2 {
	margin-left: -20px;
	margin-right: -20px;
}

.the-success-msg {
	/*width: 400px;*/
	margin: 0px auto;
	background: #70c12e;
	display: block;
	margin: 30px 0px 15px 0px;
	color: #fff;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.the-alert-msg {
	/*width: 400px;*/
	margin: 0px auto;
	background: #f19621;
	display: block;
	margin: 30px 0px 15px 0px;
	color: #fff;
	font-size: 12px;
	padding: 9px 15px;
	border-radius: 2px 2px;
	-moz-border-radius: 2px 2px;
	line-height: 140%;
}

.the-alert-msg .fa,
.the-success-msg .fa {
	display: inline-block;
	padding: 2px 9px 0px 0px;
}

#main .main-tabs-content .msg-content {
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
}

.profile-progress {
	display: block;
	background: #f0f0f0;
	border: 2px solid #EBEBEB;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 3px;
}

.profile-progress h4 {
	font-size: 14px;
	margin-bottom: 12px;
}

.profile-progress .profile-percentage {
	display: block;
	border: 1px solid #ccc;
	border-radius: 10px;
	height: 10px;
	padding: 1px;
	background: #f8f8f8;
}

.profile-progress .profile-percentage > div {
	display: block;
	background: #7EC700;
	border-radius: 10px;
	height: 10px;
}

body #main .article-full .article-content p,
body #main .article-full .article-content {
	font-size: 15px;
}

.article-full .article-content p {
	margin-bottom: 15px;
}

body #main .article-full .article-content {
	margin-bottom: 30px;
}

.article-full .article-icons {
	margin-bottom: 5px;
	padding-top: 15px;
}

.article-full .article-icons a {
	font-size: 14px!important;
}

.article-full .article-icons a .fa {
	font-size: 12px;
}

.article-footer {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

.article-footer > div {
	display: table-cell;
	width: 50%;
	float: none;
}

.article-footer .home-article.right {
	float: none;
	width: 100%;
}

.article-footer .home-article.right ul li a span,
.article-footer .home-article.right ul li a strong {
	width: 65%;
}

 #main .article-footer h2 {
 	padding: 0px;
 }

.about-author .avatar {
	float: left;
}

.about-author .side {
	display: block;
	margin-left: 105px;
}

.about-author .side .about-head {
	font-size: 17px;
	line-height: 17px;
}

.about-author .side {
	padding-bottom: 13px;
}

.about-author .side > i {
	display: block;
	margin-bottom: 15px;
	font-style: normal;
	font-size: 14px;
}

.about-author .side > a {
	display: block;
	margin-bottom: 3px;
	font-style: normal;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
}

.about-author .side > a .fa {
	font-size: 11px;
	line-height: 16px;
	padding-right: 6px;
}

.breaking-line {
	display: block;
	height: 22px;
	width: 100%;
	background: url(../images/split-icon-1.png) no-repeat center center;
	margin-bottom: 15px;
	position: relative;
	margin-top: 15px;
}

.breaking-line:before {
	display: block;
	content: '';
	height: 2px;
	background: #d8d8d8;
	width: 45%;
	left: 0px;
	top: 10px;
	position: absolute;
}

.breaking-line:after {
	display: block;
	content: '';
	height: 2px;
	background: #d8d8d8;
	width: 45%;
	right: 0px;
	top: 10px;
	position: absolute;
}

blockquote {
	display: block;
	background: url(../images/quote-icon-1.png) no-repeat 0px 4px;
	margin-bottom: 17px;
	min-height: 23px;
	padding-left: 50px;
	font-size: 17px;
	line-height: 23px;
	font-weight: bold;
}

.accordion {
	display: block;
	margin-bottom: 20px;
}

.accordion .accordion-tab {
	display: block;
	background: rgba(255,255,255,0.2);
	border: 1px solid rgba(0,0,0,0.13);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 5px;
	position: relative;
	padding: 15px 15px 0 15px;
}

.accordion .accordion-tab.active {
	background: rgba(255,255,255,0.3);
}

.accordion .accordion-tab > a {
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
	font-family: 'Fauna One', serif;
	font-size: 14px;
	text-decoration: none!important;
	position: relative;
}

.accordion .accordion-tab > a:before {
	display: block;
	content: '';
	position: absolute;
	left: -15px;
	right: -15px;
	top: -15px;
	bottom: -15px;
}

.accordion .accordion-tab > a:after {
	display: block;
	position: absolute;
	content: '\f078';
	font-size: 10px;
	font-family: 'FontAwesome';
	right: 0px;
	top: 0px;
	line-height: 16px;
}

.accordion .accordion-tab.active > a:after {
	content: '\f077';
}

.accordion .accordion-tab .accordion-block {
	display: none;
	background: url(../images/split-line-1.png) repeat-x 0px 0px;
	padding-top: 15px;
}

.accordion .accordion-tab.active .accordion-block {
	display: block;
}



.wp-caption {
	margin-bottom: 15px;
	background: rgba(255,255,255,0.3);
	border: 1px solid rgba(0,0,0,0.13);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
	max-width: 100%;
	padding: 5px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 8px 0;
}


.info-message {
	display: block;
	position: relative;
	margin-bottom: 15px;
	background: #256193;
	color: #fff;
	padding: 17px 20px;
	text-shadow: none;
}

.info-message p {
	display: block;
	margin-bottom: 0px!important;
	padding-right: 30px;
	line-height: 130%;
	font-size: 13px!important;
	color: inherit!important;
}

.info-message p strong {
	display: inline-block;
	padding-right: 8px;
}

.info-message a {
	color: #f5ecda;
}

.info-message a.close-info {
	color: #f5ecda;
	position: absolute;
	top: 15px;
	right: 15px;
}


.split {
	display: block;
}

.split > div:first-child {
	margin-left: 0px;
}

.split > div {
	display: block;
	float: left;
	margin-left: 2.127659574468085%;
}

.split:after {
	display: block;
	content: '';
	clear: both;
}

.split .size12{width:100%;*width:99.94680851063829%;}
.split .size11{width:91.48936170212765%;*width:91.43617021276594%;}
.split .size10{width:82.97872340425532%;*width:82.92553191489361%;}
.split .size9{width:74.46808510638297%;*width:74.41489361702126%;}
.split .size8{width:65.95744680851064%;*width:65.90425531914893%;}
.split .size7{width:57.44680851063829%;*width:57.39361702127659%;}
.split .size6{width:48.93617021276595%;*width:48.88297872340425%;}
.split .size5{width:40.42553191489362%;*width:40.37234042553192%;}
.split .size4{width:31.914893617021278%;*width:31.861702127659576%;}
.split .size3{width:23.404255319148934%;*width:23.351063829787233%;}
.split .size2{width:14.893617021276595%;*width:14.840425531914894%;}
.split .size1{width:6.382978723404255%;*width:6.329787234042553%;}


.article-content ul {
	display: block;
	margin-bottom: 15px;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
	display: block;
	margin-bottom: 15px;
}

.article-content ul li {
	display: block;
	margin-bottom: 8px;
	font-size: 15px;
	position: relative;
	padding-left: 5px;
	font-weight: bold;
}

.article-content ul li i.fa {
	display: inline-block;
}

.article-content h3 {
	margin-bottom: 10px;
}

.photo-gallery-shortcode {
	display: block;
	margin-bottom: 15px;
	position: relative;
}

.photo-gallery-shortcode .thumbs-block {
	display: block;
	position: absolute;
	z-index: 2;
	bottom: 15px;
	right: 15px;
	background: rgba(255,255,255,0.7);
	padding: 10px;
	vertical-align: bottom;
}

.photo-gallery-shortcode .thumbs-block a {
	display: inline-block;
	width: 44px;
	height: 44px;
	vertical-align: bottom;
	margin-right: 3px;
}

.photo-gallery-shortcode .thumbs-block a:last-child {
	width: 60px;
	margin-right: 0px;
}

.photo-gallery-shortcode .thumbs-block a i.fa {
	display: block;
	text-align: center;
	padding: 8px 0 0 0;

}

.photo-gallery-shortcode .thumbs-block a span {
	display: block;
	font-size: 10px;
	white-space: nowrap;
	text-align: center;
}







.forum-block {
	display: block;
	margin-bottom: 25px;
}

.forum-block .forum-description {
	display: block;
	margin-bottom: 25px;
}

.forum-block .forum-description .defbutton {
	margin-bottom: 0px;
	margin-right: 10px;
}

.forum-block .forum-description p {
	font-size: 14px!important;
}

.forum-block .forum-link {
	display: table;
	/*margin-bottom: 10px;*/
	padding: 20px 30px;
	border-bottom: 1px solid #EBEBEB;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.forum-block .forum-link:hover {
	background: #f0f0f0;
}

.forum-block .forum-link > a {
	display: table-cell;
	/*float: left;*/
	width: 50%;
	/*min-height: 60px;*/
	color: #454545;
	vertical-align: middle;
}

.forum-block .forum-link > a > strong {
	display: block;
	font-size: 20px;
	padding-bottom: 5px;
	margin-left: 75px;
}

.forum-block .forum-link > a > span {
	display: block;
	margin-left: 75px;
	color: #777;
	font-size: 13px;
	line-height: 140%;
}

.forum-block .forum-link > a .forum-icon {
	float: left;
	display: block;
	position: relative;
}

.forum-block .forum-link > a .forum-icon span {
	display: block;
	position: absolute;
	z-index: 2;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
	padding: 2px 5px;
	background: red;
	bottom: -5px;
	right: -10px;
}

.forum-block .forum-link > a .forum-icon i.fa {
	display: block;
	font-size: 50px;
	line-height: 50px;
	height: 50px;
	color: #B3B3B3;
	width: 50px;
	text-align: center;
}

.forum-recent .avatar .wrapimg {
	display: inline-block;
	position: relative;
	border-radius: inherit;
	-moz-border-radius: inherit;
	overflow: hidden;
}

.forum-block .forum-link > a .forum-icon.new i.fa {
	color: #232323;
}

.forum-block .forum-link > .right {
	display: table-cell;
	float: none;
	width: 45%;
	padding-left: 5%;
	vertical-align: middle;
}

.forum-block .forum-link > .right:after {
	display: block;
	clear: both;
	content: '';
}

.forum-block .forum-link > .right .forum-numbers {
	width: 25%;
	text-align: right;
	float: left;
}

.forum-block .forum-link > .right .forum-numbers span {
	display: block;
	padding: 5px 0px;
	color: #aaa;
}

.forum-block .forum-link:hover > .right .forum-numbers span {
	color: #232323;
}

.forum-block .forum-link > .right .forum-recent {
	width: 65%;
	text-align: left;
	float: right;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.forum-block .forum-link:hover > .right .forum-recent {
	opacity: 1;
	filter: alpha(opacity=100);
}

.forum-block .forum-link > .right .forum-recent .avatar {
	float: left;
	margin-top: 4px;
}

.forum-block .forum-link > .right .forum-recent > span {
	display: block;
	margin-left: 55px;
	width: 205px;
}

.forum-block .forum-link > .right .forum-recent > span > a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 12px;
}

.forum-block .forum-link > .right .forum-recent > span .f-user-link {
	font-size: 12px;
}

.forum-block .forum-link > .right .forum-recent > span .f-date {
	display: block;
	margin-bottom: 2px;
	font-size: 11px;
	color: #aaa;
}

.forum-recent .f-no-posts {
	padding: 17px 0;
	width: auto!important;
	color: #aaa;
}

.forum-link:hover .forum-recent .f-no-posts {
	color: #232323;
}

.forum-group {
	border-top: 1px solid #EBEBEB;
	margin-bottom: 35px;
}




.forum-threads {
	display: block;
	border-top: 1px solid #EBEBEB;
	margin-bottom: 25px;
}

.forum-threads .thread-link {
	display: table;
	padding: 0px 30px;
	border-bottom: 1px solid #EBEBEB;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.forum-threads .thread-link {
	
}

.forum-threads .thread-link:hover {
	background: #f0f0f0;
}

.forum-threads .thread-link.thread-sticky {
	background: #fff;
}

.forum-threads .thread-link.thread-sticky:hover {
	background: #f9f9f9;
}

.forum-threads .thread-link > div {
	display: table-cell;
	vertical-align: middle;
}

.forum-threads .admin-ribbon {
	margin-bottom: 1px;
}

.forum-threads .thread-link .thread-last {
	text-align: right;
	width: 26%;
}

.forum-threads .thread-link .thread-last .t-date {
	padding-left: 8px;
	color: #aaa;
	font-size: 11px;
}

.forum-threads .thread-link > a {
	display: table-cell;
	width: 40%;
	color: #454545;
	vertical-align: middle;
	padding: 20px 0;
	font-size: 13px;
	position: relative;
	padding-right: 5%;
	max-width: 300px;
	color: #757575;
}

.forum-threads .thread-link:hover > a {
	color: #232323;
}

.forum-threads .thread-link > a .forum-icon {
	position: absolute;
	font-size: 23px;
	top: 14px;
	width: 30px;
	text-align: center;
}

.thread-link.thread-unread > a {
	font-weight: bold!important;
}

.thread-link:hover > div,
.thread-link.thread-unread > div {
	opacity: 1;
	filter: alpha(opacity=100);
}

.thread-link > div {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.forum-threads .thread-link > a > span {
	position: relative;
	display: block;
	margin-left: 45px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.forum-threads .thread-link:hover > a,
.forum-threads .thread-link.thread-unread > a {
	color: #232323;
}

.thread-link:hover .thread-author {
	opacity: 1;
	filter: alpha(opacity=100);
	top: -15px;
}

.thread-link .thread-author {
	width: 15%;
}

.thread-link .thread-replies {
	width: 7%;
	text-align: center;
}

.thread-link .thread-views {
	width: 7%;
	text-align: center;
}

.thread-link .sticky {
	display: inline-block;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 14px;
	font-weight: bold;
	margin-right: 8px;
	color: #fff;
	font-style: normal;
	background: #E27D2E;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 1px 5px;
}

.thread-link .thr-closed {
	display: inline-block;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 14px;
	font-weight: bold;
	margin-right: 8px;
	color: #fff;
	font-style: normal;
	background: #C9C9C9;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 1px 5px;
}

.thread-link .closed-th i.fa {
	display: block;
	line-height: 16px;
}

.thread-locked > a > i.fa-lock {
	position: absolute;
	display: block;
	right: 8%;
	top: 20px;
	line-height: 16px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/*.thread-link .thread-author {
	display: block;
	position: absolute;
	background: #eaeaea;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 5px 12px;
	left: 75px;
	top: -15px;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 0px;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}*/

.forum-threads-head {
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px;
}

.forum-threads-head > strong {
	display: table-cell;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 15px;
}

.forum-threads-head .thread-subject {
	width: 45%;
	text-align: left;
}

.forum-threads-head .thread-subject span {
	display: block;
	margin-left: 45px;
}

.forum-threads-head .thread-author {
	width: 15%;
	text-align: left;
}

.forum-threads-head .thread-replies,
.forum-threads-head .thread-views {
	width: 7%;
}

.forum-threads-head .thread-last {
	width: 26%;
	text-align: right;
}

.forum-block .forum-description .defbutton.big {
	font-size: 13px;
	font-weight: bold;
	padding: 10px 23px;
}

.forum-description .pagination {
	margin-top: 9px;
}

.content-tree {
	display: block;
	margin-bottom: 25px;
	font-weight: bold;
}

.content-tree i.fa {
	display: inline-block;
	font-size: 10px;
	line-height: 15px;
	padding: 0 6px;
	color: #aaa;
}

.topic-right {
	padding: 14px 20px 0 0;
}

.topic-right i.fa {
	line-height: 140%;
	padding-right: 7px;
}

.topic-right span,
.topic-right a {
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}

.defbutton {
	margin-right: 5px;
}

.defbutton.admin-color:hover {
	background-color: #DD4123;
}

#main h2 span i.fa {
	line-height: 120%;
	padding-right: 10px;
}

.forum-thread {
	margin-bottom: 25px;
}

.forum-post {
	display: table;
	background: #f9f9f9;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	padding: 0px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
}

.forum-post .post-text-block a {
	font-weight: bold;
	text-decoration: underline;
}

.forum-post .post-text-block img,
.forum-post .post-text-block p {
	margin-bottom: 20px;
}

.forum-post .post-text-block img:last-child,
.forum-post .post-text-block p:last-child {
	margin-bottom: 0px;
}

.forum-post .post-text-block img {
	max-width: 100%;
	height: auto;
}

.forum-post .post-text-block .post-signature {
	padding-top: 15px;
	color: #aaa;
	border-top: 1px solid #EBEBEB;
	margin-top: 15px;
}

#main .forum-post .post-text-block .post-signature p {
	color: inherit;
}

.forum-post > div {
	display: table-cell;
	padding: 20px 0;
	vertical-align: top;
}

.forum-post .user-block {
	width: 24%;
}

.forum-post .post-text-block {
	width: 66%;
}

.forum-post:hover .post-meta-block {
	opacity: 1;
	filter: alpha(100);
}

.forum-post:hover {
	background: #fcfcfc;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.forum-post .post-meta-block {
	width: 10%;
	text-align: right;
	height: 125px;
	position: relative;
	opacity: 0.5;
	filter: alpha(50);
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

.forum-post .user-block .avatar {
	float: left;
}

.forum-post .user-block .user-account {
	display: block;
	margin-left: 78px;
	color: #aaa;
	padding-top: 4px;
}

.forum-post .user-block .user-account .forum-user {
	font-size: 14px;
	position: relative;
	margin-top: -2px;
	color: #232323;
}

.forum-post .user-block .user-account > div {
	margin-bottom: 7px;
	display: block;
	line-height: 100%;
}

.forum-post .user-block .user-account .user-ribbon {
	font-weight: bold;
}

.forum-post .user-block .user-account .user-ribbon,
.forum-post .user-block .user-account .admin-ribbon {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.forum-post .user-block .avatar,
.forum-post .user-block .avatar img {
	width: 65px;
	height: 65px;
}

.forum-post .post-meta-block > div {
	display: block;
	margin-bottom: 7px;
}

.rating-good {
	color: #39AD14;
}

.rating-bad {
	color: #E63C11;
}

.forum-post .post-meta-block .post-date {
	font-size: 10px;
	color: #aaa;
}

.forum-post .post-meta-block i.fa {
	line-height: 100%;
}

.forum-post .post-meta-block .the-rate {
	display: inline-block;
	padding: 0 3px;
	font-weight: bold;
	line-height: 100%;
}

.forum-post:hover .post-meta-block .bottom .defbutton {
	opacity: 1;
	filter: alpha(100);
}

.forum-post .post-meta-block .bottom  {
	bottom: 20px;
	right: 0px;
	position: absolute;
	margin-bottom: 0px;
}

.forum-post .post-meta-block .bottom .admin-color i.fa {
	padding-right: 0px;
}

.forum-post .post-meta-block .bottom .defbutton {
	margin-top: 6px;
	margin-bottom: 0px;
	margin-right: 0px;
	font-size: 11px;
	opacity: 0;
	filter: alpha(0);
}

.forum-post .comment-edited > span {
	background: #ECECEC;
}

.forum-post .comment-edited i.fa {
	line-height: 120%;
	padding-right: 6px;
}

.content-tree.on-bottom {
	padding: 20px 0 0 0;
}

.content-padding.quick-reply .forum-description {
	text-align: center;
}

.reply-box {
	display: block;
	background: #eaeaea;
	border-radius: 3px;
	-moz-border-radius: 3px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	margin-bottom: 20px;
}

.reply-box .reply-textarea {
	display: block;
	margin-left: 55px;
}

.reply-box .reply-textarea textarea {
	height: 160px;
}

.reply-box .reply-textarea .respond-submit input {
	padding: 9px 20px;
	font-size: 12px;
}

.wrapimg {
	display:inline-block;position:relative;border-radius:inherit;-moz-border-radius:inherit;overflow:hidden;
}

.newdefbutton.margin-right {
	margin-right: 7px;
}

.newdefbutton {
	display: inline-block;
	background: #f5f5f5;
	border: 0px;
	border-top: 1px solid rgba(255,255,255,0.8);
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px rgba(0,0,0,0.04);
	padding: 9px 20px;
	font-size: 12px;
	cursor: pointer;
	text-shadow: 0px 1px 0px #fff;
	line-height: 120%;
	font-weight: bold;
	color: #7e7e7e;
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}

.newdefbutton.admin-color {
	color: #E63C11!important;
	border: 1px solid #E63C11!important;
	padding: 9px 20px;
	box-shadow: 0px 0px 0px 1px transparent, inset 0px -8px 14px 0px rgba(0,0,0,0.04);
}

.newdefbutton i.fa {
	padding-right: 7px;
}

.newdefbutton:hover {
	background: #eeeeee;
	color: #232323;
	box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px transparent;
}

.newdefbutton:active {
	box-shadow: 0px 0px 0px 1px #d3d3d3, inset 0px -8px 14px 0px transparent;
	background: #d5d5d5;
	color: #232323;
	border-top: 1px solid transparent;
	box-shadow: 0px 0px 0px 1px #afafaf, inset 0px 0px 6px 0px #cacaca;
}

.textarea-wrapper {
	width: 100%;
	border: 1px solid #cccccc;
	padding: 8px 12px;
	font-size: 12px;
	box-shadow: inset 0px 3px 5px rgba(0,0,0,0.05);
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 6px;
}

.textarea-wrapper .bbcodes {
	display: block;
	line-height: 100%;
	padding-top: 5px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 10px;
	font-size: 0;
}

.textarea-wrapper .bbcodes a {
	color: #aaa;
}

.textarea-wrapper .bbcodes i.fa {
	display: inline-block;
	font-size: 14px;
	color: inherit;
	margin-right: 5px;
	width: 24px;
	text-align: center;
}

.textarea-wrapper .bbcodes a.active,
.textarea-wrapper .bbcodes a:hover {
	color: #232323;
}

.reply-textarea .respond-submit {

}

.textarea-wrapper .bbcodes i.fa {
	line-height: 100%!important;
}

.textarea-wrapper textarea {
	border: 0px;
	height: 40px;
	width: 100%;
	font-size: 14px;
	line-height: 150%;
	font-family: Arial;
	background: #fff;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.full-reply .respond-input {
	margin-bottom: 15px;
}

.full-reply .respond-input .da-customs {
	float: right;
	text-align: left;
	width: 37%;
	padding: 12px 0;
}

.full-reply .respond-input .da-customs label {
	margin-left: 4px;
	margin-right: 10px;
	font-weight: bold;
}

.full-reply .respond-input > input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 60%!important;
	padding: 12px 14px!important;
	color: #232323!important;
	font-weight: bold;
}

.full-reply {
	margin-top: 35px;
}

.full-reply .reply-textarea {
	margin-left: 0px;
}

.quick-reply .reply-box {
	display: none;
}

.forum-post .avatar.ingame:before,
.forum-post .avatar.away:before,
.forum-post .avatar.offline:before,
.forum-post .avatar.online:before {
	box-shadow: none;
}


.friends-block {
	display: block;
	margin-bottom: 15px;
}

.friends-block:after {
	display: block;
	clear: both;
	content: '';
}

.friends-block .friend-single:nth-child(5n+1) {
	clear: both;
}

.friends-block .friend-single {
	display: block;
	width: 20%;
	float: left;
	text-align: center;
	min-height: 165px;
	margin-bottom: 15px;
}

.friends-block .friend-single .admin-ribbon {
	margin-left: 0px;
	margin-bottom: 0px;
}

.friend-single .avatar {
	margin-bottom: 8px;
	margin-right: 0px;
}

.friend-single .friend-user {
	font-size: 13px;
	margin-bottom: 2px;
	display: inline-block;
}

.friend-single .avatar:hover {
	margin-bottom: 20px;
}

.friend-single .avatar,
.friend-single .avatar img {
	width: 110px;
	height: 110px;
}



.games-collection {
	display: block;
	margin-bottom: 25px;
}

.games-collection:after {
	display: block;
	clear: both;
	content: '';
}

.games-collection .user-game:nth-child(4n+1) {
	clear: both;
}

.games-collection .user-game {
	display: block;
	float: left;
	width: 25%;
	margin-bottom: 20px;
	text-align: center;
}

.games-collection .user-game .user-game-head img {
	width: 90%;
	height: auto;
	margin-bottom: 10px;
	display: inline-block;
}

.games-collection .user-game.has-review .user-game-content span,
.games-collection .user-game.has-review .user-game-content > a {
	color: #D55037;
}

.games-collection .user-game .user-game-content > a {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 2px;
	display: inline-block;
}

.games-collection .user-game .user-game-content div a {
	margin-top: 3px;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	color: #D55037;
	text-decoration: underline;
}

.games-collection .user-game .user-game-content div a:hover {
	color: #232323;
}

.games-collection .user-game .user-game-content div a i.fa {
	padding-right: 4px;
	line-height: 140%;
}

.games-collection .user-game:hover span {
	color: #aaa;
}

.games-collection .user-game span {
	color: #ccc;
	font-size: 12px;
}

.staff-block .item {
	display: block;
	float: left;
	width: 48%;
	margin-left: 4%;
}

.staff-block .item:nth-child(n+3) {
	border-top: 1px solid #E0E0E0;
	padding-top: 30px;
	margin-top: 30px;
}

.staff-block .item:nth-child(2n+1) {
	clear: both;
}

.staff-block:after,
.staff-block .item:after {
	display: block;
	clear: both;
	content: '';
}

#main .staff-block h3 a {
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
}

.staff-block .item .item-photo {
	display: block;
	float: left;
	padding: 3px;
	background: rgba(255,255,255,0.6);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 2px;
	-moz-border-radius: 2px;
	width: 120px;
	height: 120px;
}

.staff-block .item .item-content {
	display: block;
	margin-left: 148px;
}

.staff-block .item .item-content h3 {
	margin-bottom: 10px;
}

.staff-block .item .item-content p {
	margin-bottom: 0px;
}

.staff-block .item .item-content h3 span {
	display: inline-block;
	font-size: 10px;
	padding: 2px 7px;
	background: #256193;
	font-weight: normal;
	text-shadow: none;
	color: #fff;
	margin: 3px 0 0 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
}

.staff-block .item .item-content .social-links {
	display: block;
	margin-bottom: 10px;
}

.staff-block .item .item-content .social-links a {
	display: inline-block;
	margin-right: 3px;
	padding: 4px 4px;
	background: transparent;
	color: rgba(0,0,0,0.7);
	font-size: 10px;
	line-height: 10px;
	text-shadow: none;
	width: 10px;
	text-align: center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid rgba(0,0,0,0.7);
}

.staff-block .item .item-content .social-links a:hover {
	background: rgba(0,0,0,0.7);
	color: #fff;
}

.staff-block .item:nth-child(2n+1) {
	margin-left: 0px;
}


.full-photo-view {
	display: block;
	text-align: center;
}

.full-photo-view img {
	max-width: 100%;
	height: auto;
}

.strike-wysiwyg-enable .bbcodes {
	position: relative;
}

.strike-wysiwyg-enable textarea {
	display: none;
}

.strike-wysiwyg {
	display: block;
	width: 100%;
	height: 300px;
}

#strike-editor {
	color: #232323;
	font-size: 14px;
	line-height: 150%;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 2px 0 2px 2px;
}

#strike-editor a {
	font-weight: bold;
	text-decoration: underline;
}


.admin-fast-edit {
	background-color: rgba(255,255,0,0.2)!important;
}



.article-content p a,
.article-content > a {
	color: #256193;
	/*font-weight: bold;*/
}


a.top-alert-message {
	display: block;
	margin-bottom: 18px;
	background: #e9e9e9;
	color: #4d4d4d;
	padding: 14px 20px;
	background: #d83524;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

a.top-alert-message:hover {
	color: #fff;
}




.podcast-banner-link > span.podcast-inner {
	bottom: auto!important;
	top: 15px!important;
	left: auto!important;
	right: 15px!important;
	padding: 5px 10px;
	font-size: 12px;
	cursor: default;
}

.podcast-banner-link > span.podcast-inner-upcomming {
	bottom: auto!important;
	top: 15px!important;
	left: auto!important;
	right: 15px!important;
	padding: 5px 10px;
	font-size: 12px;
	background: #DA9D42;
	cursor: default;
}


.podcast-banner {
	display: block;
	margin-bottom: 30px;
	position: relative;
}

.podcast-banner-link {
	display: block;
	position: relative;
}

.podcast-banner-link > span {
	display: block;
	position: absolute;
	z-index: 2;
	background: #d83524;
	color: #fff;
	left: 34%;
	bottom: 3px;
	padding: 6px 18px;
	font-size: 14px;
}

.podcast-list {
	display: block;
	margin-bottom: 15px;
}

.podcast-list a.item,
.podcast-list .item {
	display: table;
	margin-bottom: 2px;
	background: #e9e9e9;
	color: #4d4d4d;
	width: 100%;
}

.podcast-list a.item:nth-child(odd),
.podcast-list .item:nth-child(odd) {
	background: #eeeeee;
}

.podcast-list a.item:hover {
	background: #333333;
	box-shadow: 0 1px 15px rgba(0,0,0,0.09);
}

.pod-live {
	display: inline-block;
	margin-right: 12px;
	font-size: 9px;
	font-weight: bold;
	line-height: 18px;
	padding: 0px 5px;
	background: #fff;
	color: #d83524;
}

.pod-live.prepare {
	color: #DA9D42;
}

.podcast-list a.item.podcast-live,
.podcast-list .item.podcast-live {
	background: #d83524;
	color: #fff;
}

.podcast-list a.item.podcast-preparing,
.podcast-list .item.podcast-preparing {
	background: #DA9D42;
	color: #fff;
}

.podcast-list .item.podcast-preparing .podcast-li-time {
	font-weight: bold;
}

.podcast-list .item > span {
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
}

.podcast-list .item > span.podcast-li-nr {
	width: 10%;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

.podcast-list .item > span.podcast-li-title {
	width: 75%;
	text-align: left;
	font-size: 13px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
}

.podcast-list .item > span.podcast-li-title strong {
	display: block;
	font-size: 12px;
	font-weight: normal;
}

.podcast-list .item > span.podcast-li-time {
	width: 15%;
	text-align: right;
	font-size: 13px;
	padding-left: 0px;
}

.panel-content hr {
	margin: 20px 0;
	height: 1px;
	border: 0px;
	background: rgba(0,0,0,0.05);
}


.donation-stats {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: center;
}

.donation-stats h3 {
	margin-bottom: 15px;
}

h3 .value {
	color: #5b7e2a;
}

.progress-bar {
	display: block;
	margin-bottom: 50px;
}

.progress-bar .border-bar {
	display: block;
	border-radius: 7px;
	-moz-border-radius: 7px;
	height: 11px;
	padding: 1px;
	background: rgba(255,255,255,0.5);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
	text-align: left;
}

.progress-bar .border-bar .the-progress {
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	height: 7px;
	padding: 1px;
	background-color: #87aa1e;
	border: 1px solid rgba(0,0,0,0.2);
	position: relative;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}

.progress-bar .border-bar .the-progress span {
	position: absolute;
	left: 0px;
	top: 100%;
	margin-top: 12px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.progress-bar .border-bar .the-progress strong {
	position: absolute;
	right: 0px;
	top: 100%;
	margin-top: 12px;
	width: 80px;
	text-align: center;
	margin-right: -40px;
}

.progress-bar .border-bar .the-progress strong:before {
	display: block;
	position: absolute;
	top: -10px;
	left: 47%;
	content: '\f0d8';
	font-size: 10px;
	font-family: "FontAwesome";
}


a.button,
.button {
	display: inline-block;
	margin-right: 1px;
	font-style: normal;
	font-size: 13px;
	font-weight: bold;
	padding: 9px 16px;
	background-color: #256193;
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid transparent;
	box-shadow: inset 0 130px 100px -100px rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #fff;
	transition: all 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;
}

.article-content a.button {
	color: #fff!important;
}

a.button:hover,
.button:hover {
	color: #fff;
	box-shadow: inset 0 130px 100px -100px rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -100px 20px rgba(255,255,255,0.1);
}

a.button:active,
.button:active {
	color: #fff;
	box-shadow: inset 0 130px 100px -100px rgba(255,255,255,0.2), inset 0 1px 0 rgba(0,0,0,0.2), inset 0 -100px 20px rgba(0,0,0,0.3);
}

a.button.big-size,
.button.big-size {
	font-size: 20px;
	padding: 14px 20px;
}


.d-articles .item .item-header {
	padding: 0px;
	float: left;
}

.d-articles .item .item-header img {
	width: 60px;
	margin-top: 4px;
}

.d-articles .item .item-content {
	margin-left: 75px;
}

.d-articles .item .item-content p {
	font-size: 13px;
	margin-bottom: 0px;
}

.d-articles .item h4 {
	font-size: 15px;
	margin-bottom: 4px;
}

.d-articles .item.no-image .item-content {
	margin-left: 0px;
}

.d-articles .item {
	position: relative;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	margin-bottom: 12px;
}

.d-articles .item:last-child{
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.panel a.defbutton {
	margin: 8px 0px 3px 0px;
	font-size: 10px;
	background-color: #D3D3D3;
}

.panel a.defbutton:hover {
	background-color: #232323;
}


.panel .tagcloud a {
	font-size: 13px;
	background: rgba(240, 240, 240, 1);
	box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 5px 10px;
	margin: 0 7px 7px 0;
	display: inline-block;
	color: #848484;
	text-shadow: none;
}

.panel .tagcloud a:hover {
	background: rgba(0,0,0,0.5);
	color: #fff!important;
	text-shadow: none;
	box-shadow: none;
}

.footer .panel .tagcloud a {
	background: rgba(255, 255, 255, 0.07);
	box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.footer .panel .tagcloud a:hover {
	background: rgba(255, 255, 255, 0.2);
}

.panel p,
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6 {
	margin-bottom: 10px
}

.icon-line {
	display: block;
	margin-top: 8px;
	font-size: 13px!important;
	font-weight: bold;
}

.icon-line i.fa {
	padding-right: 10px;
	width: 15px;
	text-align: center;
}


#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	text-align: right;
	font-size: 16px;
	margin-bottom: 15px;
}

#wp-calendar thead {
	font-size: 13px;
}

#wp-calendar thead th {
	padding-bottom: 10px;
}

#wp-calendar tbody td {
	border: 1px solid #C7C7C7;
	text-align: center;
	padding: 8px;
	color: #A0A0A0;
}

#wp-calendar tbody td a {
	font-weight: bold;
}

#wp-calendar tbody td:hover {
	background: rgba(0,0,0,0.05);
}

#wp-calendar tbody .pad {
	background: none;
}

#wp-calendar tfoot #next {
	font-size: 12px;
	text-transform: uppercase;
	text-align: right;
}

#wp-calendar tfoot #prev {
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 10px;
}


.socialize a {
	display: inline-block;
	width: 51px;
	height: 51px;
	line-height: 51px;
	text-align: center;
	background: #3b5998;
	font-size: 26px;
	color: #fff;
	margin-right: 2px;
}

.socialize .s-fb {
	background: #3b5998;
}

.socialize .s-tw {
	background: #00aced;
}

.socialize .s-yt {
	background: #bb0000;
}

.socialize .s-tc {
	background: #6441a5;
}

.socialize .s-st {
	background: #3C3C3C;
}

.socialize .s-gp {
	background: #dd4b39;
}

.socialize a:hover {
	color: #fff;
	background: #232323;
}

.socialize a:nth-child(n+6) {
	margin-top: 7px;
}















.strike-modal-wrap.active,
.strike-modal.active {
	display: block;
}

.strike-modal-wrap {
	display: none;
	position:absolute;
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
	z-index:200;
	position:fixed;
	background:rgba(0,0,0,0.8);
	cursor: pointer;
}

.strike-modal {
	display: none;
	min-width: 400px;
	min-height: 100px;
	background: #f4f4f4;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	box-shadow:0px 1px 6px rgba(0,0,0,0.3);
	-moz-transition: top 0.4s, left 0.4s;
	-webkit-transition: top 0.4s, left 0.4s;
	-o-transition: top 0.4s, left 0.4s;
	z-index: 201;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.strike-modal > a {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	text-indent: -100px;
	color: transparent;
	background-image: url(../images/modal-close.png);
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	padding: 14px;
}

.strike-modal > a:hover {
	box-shadow: inset 0px 0px 30px 30px rgba(0,0,0,0.1);
}

.strike-modal > a:active {
	box-shadow: inset 0px 0px 30px 30px rgba(0,0,0,0.2);
}

.strike-modal .strike-modal-title {
	display: block;
	background: #e1e1e1;
	border-bottom: 1px solid #d4d4d4;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	padding: 13px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #696969;
	text-shadow: 0px 1px 0px #fff;
}

.strike-modal .strike-modal-content {
	padding: 15px;
	max-height: 400px;
	overflow-x: none;
	overflow-y: auto;
}

.strike-modal .the-error-msg {
	margin-top: 0px!important;
}

.strike-modal p,
.strike-modal h1,
.strike-modal h2,
.strike-modal h3,
.strike-modal h4,
.strike-modal h5 {
	margin-bottom: 15px;
	display: block;
}



.messages-control {
	display: block;
	margin-bottom: 25px;
}


.messages-container {
	display: block;
	margin-bottom: 35px;
	border-top: 1px solid #EBEBEB;
}

.messages-container img,
.messages-container .avatar {
	width: 40px;
	height: 40px;
}

.messages-container .avatar {
	position: absolute;
	top: 20px;
	left: 30px;
	z-index: 3;
}

.messages-container .avatar strong {
	position: absolute;
	top: 3px;
	left: 55px;
	font-size: 13px;
	display: block;
	white-space: nowrap;
}

.messages-container .avatar i {
	position: absolute;
	top: 22px;
	left: 55px;
	font-size: 11px;
	color: #aaa;
	display: block;
	white-space: nowrap;
	font-style: normal;
}

.messages-container .sidebar-comments {
	bottom: auto;
	top: 19px;
	right: 30px;
}

.messages-container .message-block {
	border-bottom: 1px solid #EBEBEB;
	position: relative;
}

.messages-container .message-block .message-link {
	display: block;
	padding: 20px 25px;
	padding-left: 300px;
	padding-right: 80px;
	height: 40px;
	font-weight: normal;
	color: #757575;
}

.messages-container .message-block .message-link .msg-content {
	display: block;
	overflow: hidden;
	height: inherit;
	line-height: 150%;
	font-size: 13px;
}

.messages-container .message-block .msg-content i.fa-reply {
	line-height: 150%;
	padding-right: 10px;
	color: #ccc;
}

.messages-container .message-block:hover .message-link {
	color: #232323;
}

.messages-container .message-block:hover {
	background: #f0f0f0;
}

.messages-container .message-block.unread {
	background: #fff;
}

.messages-container .message-block.unread:hover {
	background: #f9f9f9;
}

.message-block:hover .messages-delete-conv {
	display: block;
}

.messages-delete-conv {
	display: none;
	position: absolute;
	z-index: 2;
	top: 10px;
	right: 10px;
}

.conversation-container .conversation-single {
	display: block;
	padding: 8px 0;
	position: relative;
}

.conversation-container .conversation-single:before {
	display: block;
	content: '\f00c';
	font-family: "FontAwesome";
	font-size: 15px;
	line-height: 33px;
	color: transparent;
	width: 50px;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 100%; 
}

.conversation-container .conversation-single:hover:before {
	color: #E0E0E0;
}

.conversation-container .conversation-single.selected:before {
	color: #aaa;
}

.conversation-container .conversation-single.selected:hover,
.conversation-container .conversation-single.selected {
	background: #F0F0F0;
}

.conversation-container .conversation-single:hover {
	background: #F7F7F7;
}

.conversation-container .conversation-single:after {
	display: block;
	clear: both;
	content: '';
}

.conversation-container .conversation-single .conversation-user {
	display: block;
	float: left;
	margin-left: 15px;
	min-height: 35px;
}

.conversation-container .conversation-single .conversation-text .date-time {
	display: block;
	position: absolute;
	left: 100%;
	margin-left: 10px;
	color: #ccc;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 7px;
	cursor: default;
}

.conversation-container .conversation-single:hover .conversation-text .date-time {
	color: #aaa;
}

.conversation-container .conversation-single .conversation-text .user-name {
	display: block;
	font-size: 12px;
	line-height: 100%;
}

.conversation-container .conversation-single .conversation-text .user-name .admin-ribbon {
	margin-bottom: 3px;
}

.conversation-container .conversation-single .conversation-text p {
	font-size: 13px!important;
	margin-right: 20px;
}

.conversation-container .conversation-single .conversation-text {
	display: block;
	margin-left: 70px;
	font-size: 13px!important;
}

.conversation-single .conversation-user .avatar img,
.conversation-single .conversation-user .avatar {
	width: 35px;
	height: 35px;
	margin-right: 0px;
}


.conversation-container {
	display: block;
	margin-bottom: 20px;
}

.conversation-container .inline-conv-tools {

}

.conversation-container .inline-conv-tools .right a {
	margin-right: 0px;
}

.date-time .fa-star {
	line-height: 130%;
	cursor: pointer;
	position: absolute;
	right: 100%;
	margin-right: 20px;
}

.conversation-container .conv-submit {
	display: block;
	padding: 15px 70px;
}

.conversation-container .inline-conversation {
	display: table-cell;
	background: #fff;
	border-bottom: 1px solid #EBEBEB;
	border-top: 1px solid #EBEBEB;
	height: 400px;
	vertical-align: bottom;
}

.conversation-container .inline-conversation .inline-table-fix {
	display: block;
	/*width: 100%;*/
	height: auto;
	padding: 15px 70px;
	max-height: 700px;
	overflow-x: hidden;
	overflow-y: auto;
}

.conversation-container .conv-submit .avatar img,
.conversation-container .conv-submit .avatar {
	width: 50px;
	height: 50px;
	margin-right: 0px;
}

.conversation-container .conv-textarea {
	display: block;
	margin-left: 60px;
	margin-right: 60px;
	/*background: #fff;*/
	/*border: 1px solid #ccc;*/
	padding: 0px;

	height: auto;
	border: 1px solid #cccccc;
	/*padding: 8px 12px;*/
	/*font-size: 12px;*/
	box-shadow: inset 0px 3px 5px rgba(0,0,0,0.05);
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-family: Arial;
	background: #fff;
	position: relative;
	margin-bottom: 50px;
}

.conversation-container .conv-textarea .conv-bottom {
	position: absolute;
	top: 100%;
	left: 0px;
	margin-top: 10px;
}

.conversation-container .conv-textarea .send-conv-button {
	margin-right: 7px!important;
}

.conversation-container .conv-textarea .conv-bb-link {
	display: inline-block;
	margin-left: 0px;
}

.conversation-container .conv-textarea .conv-smiley-block {
	display: block;
	position: absolute;
	top: 6px;
	right: 8px;
	font-size: 18px;
	padding: 2px;
	color: #ccc;
}

.conversation-container .conv-textarea .conv-smiley-block:hover {
	color: #aaa;
}

.conversation-container .conv-textarea textarea {
	margin: 0px;
	padding: 8px 12px;
	font-family: Arial;
	border: 0px;
	width: 100%;
	height: 45px;
	font-size: 13px;
	background: transparent;
	resize: vertical;
	line-height: 150%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.unread-messageline {
	display: block;
	text-align: center;
	padding: 20px 0;
	color: #aaa;
	background: #fff;
	position: relative;
	cursor: default;
}

.unread-messageline:before {
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0px;
	top: 27px;
	background: #E7E7E7;
	content: '';
	z-index: 1;
}

.unread-messageline span {
	position: relative;
	z-index: 2;
	background: inherit;
	padding: 0 20px;
}

.unread-messageline span i.fa {
	line-height: 130%;
}

.conversation-info {
	display: block;
	padding-top: 20px;
	color: #ccc;
	font-size: 12px;
	margin-left: 70px;
}


.conversation-container .inline-conv-tools {
	display: block;
	border-top: 1px solid #E7E7E7;
	padding-top: 20px;
}

.conversation-container .inline-conv-tools .defbutton {
	margin-top: 0px;
}

.conversation-container .conv-reverse-select {
	display: inline-block;
	color: #aaa;
	padding: 6px 0;
	cursor: default;
}

.conversation-container .conv-reverse-select i.fa {
	padding: 0 5px;
	line-height: 140%;
}

.conversation-container .conv-on-select {
	display: none;
}

.conversation-container.is-selected .conv-reverse-select {
	display: none;
}

.conversation-container.is-selected .conv-on-select {
	display: inline-block;
}

.conversation-single img {
	max-width: 100%;
	height: auto;
}

.unread-messageline.unread,
.conversation-single.unread {
	background: #FFF7ED;
}


.conv-bb-link {
	background-color: transparent;
	padding: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.conv-bb-link:hover {
	background-color: #E6E6E6;
	padding: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
}

.temp-paste-text {
	position: absolute;
	z-index: -1;
	padding: 0px;
	border: 0px;
	margin: 0px;
	height: 1px;
	width: 1px;
	background: transparent;
	color: transparent;
	overflow: hidden;
}

.conversation-start-new-block {
	display: block;
	padding: 0 130px;
	margin-top: 70px;
}

.conversation-start-new-block .conv-recipent {
	display: block;
	padding-top: 10px;
}

.conversation-start-new-block h3 {
	margin-top: 20px;
	color: #aaa;
}

.conv-submit.start-new textarea {
	height: 100px;
}

.select-replace {
	position: relative;
}

.select-replace.active-drop .select-arrow .fa-caret-up {
	display: block;
}

.select-replace .select-arrow .fa-caret-up {
	display: none;
}

.select-replace.active-drop .select-arrow .fa-caret-down {
	display: none;
}

.select-replace .select-arrow .fa-caret-down {
	display: block;
}

.select-replace.active-drop .select-options {
	display: block;
}

.select-replace .select-options {
	display: none;
}

.select-replace .select-arrow {
	position: absolute;
	z-index: 2;
	right: 0px;
	top: 0px;
	padding: 13px;
	font-size: 14px;
	line-height: 14px!important;
	color: #ccc;
}

.select-replace .select-arrow:hover {
	color: #aaa;
}

.select-replace .select-arrow i.fa {
	line-height: 14px!important;
}

#main .select-replace input.select-main-input {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 12px;

}

.select-options {
	display: block;
	position: absolute;
	width: 100%;
	background: #fff;
	border: 1px solid #D5D5D5;
	padding: 8px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	margin-top: -1px;
	z-index: 101;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}

.select-options a {
	display: block;
	padding: 5px;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
	position: relative;
}

.select-options a:before {
	display: block;
	content: '';
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.select-options a:last-child {
	border-bottom: 0px;
}

.select-options a:hover {
	background: #3074A2;
	color: #fff;
}

.select-options .avatar img,
.select-options .avatar {
	width: 30px;
	height: 30px;
}

.select-options .avatar {
	margin-right: 10px;
}



.smiley-tooltip {
	display: none;
	position: absolute;
	width: 200px;
	background: #fff;
	border: 1px solid #D5D5D5;
	padding: 12px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	bottom: 100%;
	right: -1px;
	z-index: 100;
	margin-bottom: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.06);
	cursor: default;
}

.smiley-tooltip:before {
	display: block;
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	right: 14px;
	bottom: -5px;
	background: inherit;
	border-bottom: inherit;
	border-right: inherit;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.emoji {
	display: inline-block;
	background: url(../images/emoji.png) no-repeat 0px 0px;
	width: 16px;
	height: 16px;
}

.emoji.s-smile { background-position: 0px 0px; }
.emoji.s-shock { background-position: 0px -17px; }
.emoji.s-wink { background-position: 0px -34px; }
.emoji.s-lol { background-position: 0px -51px; }
.emoji.s-tongue { background-position: 0px -68px; }
.emoji.s-cheeky { background-position: 0px -85px; }
.emoji.s-inlove { background-position: 0px -102px; }
.emoji.s-sunglasses { background-position: 0px -119px; }
.emoji.s-worried { background-position: 0px -136px; }
.emoji.s-approved { background-position: 0px -153px; }
.emoji.s-dissapointed { background-position: 0px -170px; }
.emoji.s-relieved { background-position: 0px -187px; }
.emoji.s-cry { background-position: 0px -204px; }
.emoji.s-tiredface { background-position: 0px -221px; }
.emoji.s-scream { background-position: 0px -238px; }
.emoji.s-expressionless { background-position: 0px -255px; }
.emoji.s-mm { background-position: 0px -272px; }
.emoji.s-angry { background-position: 0px -289px; }
.emoji.s-rage { background-position: 0px -306px; }
.emoji.s-angel { background-position: 0px -323px; }
.emoji.s-coldsweat { background-position: 0px -340px; }
.emoji.s-flushed { background-position: 0px -357px; }
.emoji.s-astonished { background-position: 0px -374px; }
.emoji.s-mask { background-position: 0px -391px; }
.emoji.s-kiss { background-position: 0px -408px; }
.emoji.s-devil { background-position: 0px -425px; }
.emoji.s-heart { background-position: 0px -443px; }
.emoji.s-thumbup { background-position: 0px -459px; }
.emoji.s-thumbdown { background-position: 0px -476px; }
.emoji.s-finger { background-position: 0px -493px; }
.emoji.s-peace { background-position: 0px -510px; }
.emoji.s-okidoki { background-position: 0px -527px; }



.strike-player {
	display: block;
	background: #232323;
	color: #fff;
	height: 40px;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.strike-player #songPlayPause {
	display: block;
	background: #383838;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	font-size: 14px;
}

.strike-player #songPlayPause:hover {
	background: #474747;
}

.strike-player.player-live .live-stream,
.strike-player.player-live .live-listeners,
.strike-player.player-live .live-admin-message,
.strike-player #songPlayPause i.fa-play,
.strike-player.playing #songPlayPause i.fa-pause {
	display: block;
}

.strike-player .live-stream,
.strike-player .live-listeners,
.strike-player .live-admin-message,
.strike-player.playing #songPlayPause i.fa-play,
.strike-player #songPlayPause i.fa-pause {
	display: none;
}

.strike-player .live-listeners {
	position: absolute;
	left: 104px;
	top: 0px;
	text-align: left;
	line-height: 40px;
	height: 40px;
	color: #aaa;
	font-size: 10px;
	vertical-align: baseline;
}

.strike-player .live-admin-message {
	position: absolute;
	left: 225px;
	top: 0px;
	text-align: left;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
	color: #FFF;
	font-size: 11px;
	vertical-align: middle;
}

.strike-player .live-admin-message i.fa {
	font-size: 13px;
	padding-right: 6px;
}

.strike-player #songTime {
	display: block;
	position: absolute;
	left: 54px;
	top: 0px;
	text-align: left;
	line-height: 40px;
	height: 40px;
	color: #aaa;
	font-size: 10px;
}

.strike-player.player-live #songSlider {
	display: none;
	left: 227px;
	width: 310px;
}

.strike-player.player-live #songTime {
	left: 182px;
}

i.fa {
	line-height: inherit!important;
}

.strike-player .live-stream {
	position: absolute;
	left: 54px;
	background: #d83524;
	color: #fff;
	padding: 0 7px;
	text-transform: uppercase;
	font-size: 8px;
	line-height: 15px;
	margin-top: 12px;
}

.strike-player .live-stream i.fa {
	font-size: 6px;
	padding-right: 3px;
}

.strike-player #songSlider:before {
	display: block;
	position: absolute;
	height: 40px;
	content: '';
	left: 0px;
	top: -16px;
	width: 100%;
}

.strike-player #songSlider {
	display: block;
	position: absolute;
	left: 137px;
	top: 16px;
	width: 440px;
	height: 7px;
	background: #383838;
	cursor: pointer;
	border-radius: 7px;
	-moz-border-radius: 7px;
}

.strike-player #songSlider #trackProgress {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 100%;
	background: #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
}

.strike-player #volumeUp {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	color: #fff;
	font-size: 10px;
	cursor: pointer;
	font-size: 12px;
	color: #636363;
}

.strike-player #volumeDown {
	display: none;
	position: absolute;
	right: 65px;
	top: 0px;
	width: 30px;
	text-align: center;
	line-height: 40px;
	height: 40px;
	color: #fff;
	font-size: 10px;
	cursor: pointer;
	font-size: 14px;
	color: #636363;
}

.strike-player #volumeDown:hover,
.strike-player #volumeUp:hover {
	color: #fff;
}

.strike-player #volumeMeter {
	display: block;
	position: absolute;
	right: 15px;
	top: 11px;
	width: 35px;
	height: 17px;
	background-color: #393939;
	cursor: pointer;
	z-index: 1;
	overflow: hidden;
}

.strike-player #volumeMeter:before {
	content: '';
	display: block;
	position: absolute;
	cursor: pointer;
	top: -7px;
	left: -10px;
	background: #232323;
	width: 130%;
	height: 100%;
	transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-webkit-transform: rotate(-25deg);
	z-index: 2;
}

.strike-player #volumeMeter #volumeStatus {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: #fff;
}




#_strike-user {
	display:block;
	background:#fff;
	color:#232323;
	border:1px solid #b9b9b9;
	position:absolute;
	padding:0px;
	font-size:11px;
	left:0px;
	top:0px;
	z-index:-1;
	opacity:0;
	filter:alpha(opacity=0);
	margin-top:-185px;
	border-radius:2px;
	-moz-border-radius:2px;
	cursor:default;
	box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	-moz-transition: opacity 0.2s, margin-top 0.2s;
	-webkit-transition: opacity 0.2s, margin-top 0.2s;
	-o-transition: opacity 0.2s, margin-top 0.2s;
	width: 330px;
}

#_strike-user.upsidedown {
	margin-top: 35px;
}

#_strike-user.upsidedown.active {
	margin-top: 25px;
}

#_strike-user.upsidedown:before {
	display: none;
}

#_strike-user.upsidedown .username:before {
	display:block;
	content:'';
	width:6px;
	height:6px;
	background: inherit;
	position:absolute;
	top:-4px;
	left:50%;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

#_strike-user:before {
	display:block;
	content:'';
	width:6px;
	height:6px;
	background: #f3f3f3;
	border-right:inherit;
	border-bottom:inherit;
	position:absolute;
	bottom:-4px;
	left:50%;
	margin-left:-3px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

#_strike-user.active {
	display:block;
	z-index:100;
	margin-top:-175px;
	opacity:1;
	filter:alpha(opacity=100);
}

#_strike-user .username {
	background: #232323;
	color: #fff;
	display: block;
	padding: 10px 15px;
	font-size: 16px;
	font-weight: bold;
	margin:-1px -1px 0px -1px;
	padding-left: 115px;
	border-radius: 2px 2px 0px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#_strike-user .bottom {
	margin-top: 10px;
	background: #f3f3f3;
	color: #232323;
	display: block;
	padding: 9px 15px;
	font-size: 12px;
	border-radius: 0px 0px 2px 2px;
	border-top: 1px solid #e9e9e9;
	text-align: right;
}

#_strike-user .avatar {
	display: block;
	float: left;
	margin: -25px 0px 0px 10px;
	width: 90px;
	height: 90px;
}

#_strike-user .avatar img {
	border-radius: 2px;
}

#_strike-user .info {
	display: block;
	margin-left: 115px;
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	line-height: 140%;
	height: 70px;
}

#_strike-user .com-control {
	color: #898989;
	font-size: 12px;
	display: inline-block;
	margin-right: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 5px 8px;
	margin: -5px -10px -4px 10px;
}

#_strike-user .com-control .fa {
	font-size: 10px;
	display: inline-block;
	padding-top: 1px;
	padding-right: 6px;
}

#_strike-user .com-control:hover {
	color: #fff;
	background: #232323;
}

#_strike-user .admin-ribbon {
	margin-left: 0px;
}

#_strike-user .info > div {
	margin-bottom: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 17px;
	padding-right: 10px;
}

#_strike-user .info > div > font {
	display: inline-block;
	color: #a8a8a8;
	padding-right: 6px;
}

#_strike-user .info > div:last-child {
	margin-bottom: 0px;
}







/* No Slider */

.no-slider #slider-imgs .featured-img-box > div {
	display: none;
}

.no-slider #slider-imgs .featured-img-box {
	background: url(../images/no-slider-bg.jpg) no-repeat center;
	box-shadow: inset 0px -260px 150px rgba(0,0,0,0.6);
}

.no-slider.gamepage #slider-imgs .featured-img-box {
	box-shadow: none;
}

.no-slider #top-layer {
	/*background: none;*/
}

.no-slider #slider div#slider-info {
	display: none;
}

.no-slider #slider, .no-slider #header {
	height: 190px;
}

.no-slider #main-box #main {
	margin-top: 0px;
}

#main-box.sidebar-left #main {
	float: right;
}















::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 16px;
    background: #fff;
}
::-webkit-scrollbar-button {
    display: none;
    height:0;
    width: 0;
}
::-webkit-scrollbar-track {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    border-width: 0 0 0 4px;
    border: solid transparent;
}
::-webkit-scrollbar-track:hover {
    background-color:rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:active {
    background-color:rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-track:horizontal {
    border-width: 4px 0 0;
}
::-webkit-scrollbar-track:horizontal:hover {
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
::-webkit-scrollbar-track:horizontal:active {
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
}
::-webkit-scrollbar-thumb {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: rgba(0,0,0,.2);
    /*border-width: 1px 1px 1px 6px;
    border: solid transparent;*/
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    min-height: 28px;
    padding: 100px 0 0;
}
::-webkit-scrollbar-thumb:hover {
    background-color:rgba(0,0,0,.4);
    -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
}
::-webkit-scrollbar-thumb:active {
    background-color:rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
}
::-webkit-scrollbar-thumb:horizontal {
    border-width: 6px 1px 1px;
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);
    padding: 0 0 0 100px;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
body::-webkit-scrollbar-track-piece {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: #f5f5f5;
    /*border-width: 0 0 0 3px;
    border: solid #fff;*/
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-track-piece:horizontal {
    border-width:3px 0 0;
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);
}
body::-webkit-scrollbar-thumb {
    border-width: 1px 1px 1px 5px;
}
body::-webkit-scrollbar-thumb:horizontal {
    border-width: 5px 1px 1px;
}
body::-webkit-scrollbar-corner {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    background-color: #f5f5f5;
    border-width: 3px 0 0 3px;
    border: solid #fff;
    -moz-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.14);
}




#menu-bottom.blurred {
	top: 63px;
}

#menu-bottom.blurred #menu {
	background-image: transparent;
}

#menu-bottom #menu {
	background-image: url(../images/px.gif);
	background-position: center 2000px;
	background-repeat: no-repeat;
}

#menu-bottom.blurred #menu {
	margin-top: 0px;
	position: relative;
	background-image: none;
	background-position: center 2000px;
	background-repeat: no-repeat;
}

/*#menu-bottom.blurred #menu:before {
	content: "";
	position: absolute;
	left: 0;
	top: -63px;
	right: 0;
	z-index: 0;
	display: block;
	background-image: inherit;
	background-position: center top;
	width: 120%;
	margin-left: -10%;
	height: 1000px;
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	transition: background-image 0.8s;
	-moz-transition: background-image 0.8s;
	-webkit-transition: background-image 0.8s;
	-o-transition: background-image 0.8s;
}*/

#menu-bottom.blurred #menu table {
	z-index: 2;
	position: relative;
}







.game-info-left {
	display: block;
	float: left;
	width: 246px;
	background: inherit;
	margin-top: -200px;
	min-height: 300px;
	margin-left: 20px;
	position: relative;
	z-index: 4;
}

.game-info-left .game-poster {
	display: block;
	width: 220px;
	margin: 13px;
}

.game-info-left .game-info-details {
	display: block;
	margin: 13px;
}

.pegi {
	display: block;
	/*background: rgba(0,0,0,0.04);*/
}

.pegi .pegi-desc {
	display: block;
	margin-left: 70px;
	font-size: 0;
}

.pegi .pegi-desc h3 {
	font-size: 12px;
	margin-bottom: 7px;
}

.pegi .pegi-desc .pegi-tool {
	display: inline-block;
	width: 35px;
	margin-right: 3px;
	margin-bottom: 3px;
}

.pegi .pegi-desc .pegi-tool.pegi-disabled {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.pegi .pegi-desc .pegi-tool:nth-child(4n) {
	margin-right: 0px;
}

.game-info-right:before {
	display: block;
	position: absolute;
	left: 15px;
	top: 0px;
	width: 255px;
	height: 82px;
	background: url(../images/game-poster-shadow.png) no-repeat center;
	content: '';
	z-index: 3;
}

.game-info-right {
	display: block;
	/*margin-left: 266px;*/
	float: left;
	width: 734px;
}

.game-info-right .game-overlay-info {
	display: block;
	padding: 24px 20px;
}

.game-info-right .game-overlay-info > h1 {
	margin-bottom: 8px;
	font-size: 28px;
	text-transform: uppercase;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.game-info-right .game-overlay-info > h1 span {
	font-weight: normal;
}

.game-info-right .game-overlay-info > span {
	font-size: 14px;
}

.game-info-right .game-overlay-info > span a {
	margin-right: 10px;
	display: inline-block;
	color: rgba(255,255,255,0.7);
}

.game-info-right .game-overlay-info > span a:hover {
	color: #fff;
}

.game-info-right .game-menu {
	display: block;
	background: rgba(0,0,0,0.35);
	position: absolute;
	bottom: 100%;
	border-bottom: 5px solid #256193;
	left: 0px;
	padding-left: 266px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	text-shadow: 0 0 1px #000;
}

.game-info-right .game-menu a {
	color: #fff;
}

.game-info-right .game-menu ul {
	display: block;
	background-color: rgba(0,0,0,0.6);
}

.game-info-right .game-menu ul:after {
	display: block;
	content: '';
	clear: both;
}

.game-info-right .game-menu ul li {
	display: block;
	float: left;
}

.game-info-right .game-menu ul li a {
	display: block;
	color: #fff;
	padding: 15px 20px;
	font-size: 14px;
}

.game-info-right .game-menu ul li.active:hover a,
.game-info-right .game-menu ul li.active a {
	background-color: inherit;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 65px 40px -40px rgba(255,255,255,0.14);
}

.game-info-right .game-menu ul li:hover a {
	background-color: rgba(0,0,0,0.6);
}

.game-info-left .defbutton {
	display: block;
	margin: 0px;
	padding: 10px 15px;
	text-align: center;
}

a.defbutton {
	color: #4D4D4D;
	text-decoration: none!important;
}

.game-info-buttons {
	display: block;
	margin-bottom: 15px;
}

.game-info-buttons .defbutton {
	margin-bottom: 2px;
}

.defbutton.green {
	background: #6fb205;
	color: #fff;
}

.defbutton.green:hover {
	background: #232323;
}

.defbutton.red {
	background: #B14320;
	color: #fff;
}

.defbutton.red:hover {
	background: #232323;
}

.game-info-graph {
	display: block;
	margin-bottom: 20px;
}

.game-info-graph > div {
	display: block;
	margin-bottom: 8px;
}

.game-info-graph span {
	display: block;
	font-size: 11px;
	color: #ccc;
	margin-bottom: 3px;
}

.game-info-graph > div:hover span {
	color: #aaa;
}

.game-info-graph > div strong {
	display: block;
	margin-bottom: 2px;
	color: #707070;
}

.game-info-graph > div:hover strong {
	color: #232323;
}


.game-info-rating {
	display: block;
	background-color: #232323;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.game-info-rating a {
	color: #fff;
	line-height: 14px;
}

.game-info-rating a i.fa {
	line-height: inherit;
}

.game-info-rating h3 {
	display: block;
	margin-bottom: 9px;
	/*margin-left: 50px;*/
	font-size: 12px;
	line-height: 12px;
	color: #777777;
}

.game-info-rating .strike-rating-5 {
	display: block;
	background: #C9642B;
	margin-bottom: 10px;
}

.game-info-rating .strike-rating {
	display: inline-block;
	width: 40px;
}

.game-info-rating strong {
	display: block;
	font-size: 32px;
	/* margin-left: 50px; */
	margin-bottom: 7px;
	line-height: 26px;
}

.game-info-rating strong span {
	font-weight: normal;
	color: #aaa;
	font-size: 60%;
	vertical-align: baseline;
}

.game-info-rating .defbutton {
	margin-top: 10px;
	margin-left: -10px;
	margin-bottom: -10px;
	margin-right: -10px;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	background-color: #353535;
}

.game-info-rating .defbutton:hover {
	background-color: #4B4B4B;
}

.game-info-rating .rating-stars {
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 2px;
	height: 20px;
	width: 102px;
	position: relative;
	margin-bottom: 2px;
	text-align: left;
	color: #3A3A3A;
}

.game-info-rating .rating-stars:after {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	content: '\f005\f005\f005\f005\f005';
	font-family: "FontAwesome";
	z-index: 0;
	overflow: hidden;
}

.game-info-rating .rating-stars .rating-stars-inner {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	z-index: 2;
	overflow: hidden;
	color: #EBC018 ;
}

.game-info-rating .rating-stars .rating-stars-inner:after {
	display: block;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	content: '\f005\f005\f005\f005\f005';
	font-family: "FontAwesome";
	z-index: 0;
	overflow: hidden;
}

.game-info-rating hr {
	border: 0px;
	height: 1px;
	background: #303030;
	width: 100%;
	display: block;
	margin-bottom: 12px;
}

.defbutton .pricetag {
	display: inline-block;
	background: #6fb205;
	color: #fff;
	padding: 1px 4px;
	margin: -1px 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	margin-left: 3px;
}

.game-info-right .photo-blocks li {
	margin-right: 9px;
}

.game-info-right .photo-blocks li:nth-child(5n+0) {
	margin-right: 0px;
}

.game-info-right .photo-blocks li:nth-child(5n+1) {
	clear: both;
}

.game-info-right .photo-blocks {
	margin-bottom: 25px;
}

.users-more {
	display: inline-block;
	padding: 12px 8px;
	font-size: 14px;
	font-weight: bold;
	background: #f0f0f0;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.users-more:hover {
	background: #E2E2E2;
	color: #232323;
}

.game-info-right .profile-friends-list {
	margin-bottom: 25px;
}

.buttontext {
	display: block;
	text-align: center;
	padding: 10px 15px;
	color: #aaa;
}

.game-info-right .photo-gallery-single {
	padding-left: 20px;
	padding-right: 20px;
}

.game-info-right .photo-gallery-single .photo-single-thumbnails {
	margin-left: 0px;
	margin-right: 0px;
}

.game-info-right .photo-blocks li > strong {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 128px;
}

.game-info-right .photo-blocks img {
	background-position: center;
	background-size: cover;
}

.video-gallery-single {
	display: block;
	margin-bottom: 25px;
	margin-left: 30px;
	margin-right: 30px;
}

.video-wrapper {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 15px;
}

.video-wrapper iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}

.video-game-stores {
	display: block;
	position: relative;
	margin-bottom: 20px;
}

.video-game-stores .item {
	display: block;
	float: left;
	text-align: center;
	width: 24.24%;
	margin-left: 1%;
	margin-bottom: 1%;
	padding: 15px 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	color: #232323;
}

.video-game-stores .item:nth-child(4n+1) {
	margin-left: 0px;
	clear: both;
}

.video-game-stores .item:hover {
	background: #E7E7E7;
}

.video-game-stores .item img {
	max-width: 80%;
}

.video-game-stores .item .store-poster {
	margin-bottom: 10px;
	display: inline-block;
}

.video-game-stores .item .store-title {
	margin-bottom: 10px;
	display: block;
}

.video-game-stores .item .store-title img {
	max-width: 60%;
}

.video-game-stores .item strong {
	margin-bottom: 5px;
	padding: 0 10px;
	font-size: 13px;
	display: block;
}

.video-game-stores .item .pricetag {
	display: block;
	color: #609B20;
	font-size: 16px;
	font-weight: bold;
}

.event-calendar table {
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.event-calendar .calendar-title {
	margin-bottom: 28px;
	text-align: center;
}

.event-calendar .calendar-title h3 {
	padding-top: 7px;
}

.event-calendar table {
	width: 100%;
}

.event-calendar table td {
	border: 1px solid #E2E2E2;
	width: 14%;
	height: 120px;
}

.event-calendar table tbody tr:last-child td {
	border-bottom: 0px;
}

.event-calendar table tr td:first-child {
	border-left: 0px;
}

.event-calendar table tr td:last-child {
	border-right: 0px;
}

.event-calendar table tr td {
	border-left: 0px;
}

.event-calendar table tr td:hover {
	background: rgba(255,255,255,0.2);
}

.event-calendar table tr td.today {
	background: rgba(255,255,255,0.3);
}

.event-calendar table tr th {
	padding: 15px 0px;
	text-transform: uppercase;
	background: rgba(0,0,0,0.03);
}

.event-calendar td.notthismonth {
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.event-calendar .date-title {
	padding: 10px;
	text-align: right;
	display: block;
	font-weight: bold;
}

.event-calendar .cal-event {
	display: block;
	padding: 10px;
	padding-top: 0px;
}

.event-calendar .cal-event a {
	display: block;
	font-weight: bold;
	font-size: 12px;
}

.event-calendar .cal-event a span {
	display: block;
	font-weight: normal;
	opacity: 0.6;
	filter: alpha(opacity=60);
	font-size: 12px;
	padding-top: 2px;
}

