/*********************************************************************************/
/************************************* Fonts *************************************/
/*********************************************************************************/
@font-face
{
	font-family : TnG1; /* Regular Font */
	src         : url(fonts/TnG1.woff);
}

/*********************************************************************************/
/*********************************** Main HTML ***********************************/
/*********************************************************************************/
*
{
	outline: 0 !important;
}

*::selection 
{
	background: #a00707;
	color: white;
}

body, a, a:active, a:visited, a:hover, h2, input, textarea
{
	font-family : TnG1, Verdana, Calibri, sans-serif;
}

body
{
	background            	: url(images/index/background_main.png) repeat fixed;
	background-color      	: #070707;
	background-position-x 	: 50%;
	color                 	: #CFCFCF;
	font-size            	: 14px;
	margin               	: 0;
	padding				  	: 0;
	width				  	: 100%;
	height				 	: 100%;
    -moz-background-size	: 100%; 
    -o-background-size		: 100%; 
    background-size			: 100%; 
    -moz-background-size	: cover; 
    -o-background-size		: cover; 
    background-size			: cover;
}

a, a:active, a:visited, .linkstyle
{
	background-color : transparent;
	color            : #8B0000;
	text-decoration  : none;
	transition       : all 0.1s ease;
    text-shadow: 1px 1px 1px #000;
}

a:hover, a:focus, .linkstyle:hover, .linkstyle:focus
{
	color           : #FF0000;
	text-decoration : none;
}

blockquote
{
	font-size: 14px;
}

h2
{
	color       : #B3B3B3;
	font-size   : 24px;
	font-weight : normal;
}

hr
{
	background-color : #5A0000;
	border           : 0;
	height           : 1px;
	margin           : 0.1% 0;
}

input, select, textarea
{
	color: #555;
}

input[type="color"]
{
	width: 75px !important;
}

/*********************************************************************************/
/****************************** Bootstrap Overrides ******************************/
/*********************************************************************************/
textarea.form-control, input.form-control, select.form-control
{
	color: #1f1f1f;
	font-size: 15px;
	padding: 6px 6px;
	resize: vertical;
}

.btn-warning
{
	background   : linear-gradient(to bottom, #ae7b00 50%, #c88800 100%);
	border-color : #c70;
}

.btn-warning:active, .btn-warning:focus, .btn-warning:active:focus
{
	background    : linear-gradient(to bottom, #664500 50%, #714500 100%);
	outline-color : #fa0;
}

.btn-danger
{
	background   : linear-gradient(to bottom, #9b0000 50%, #af0000 100%);
	border-color : #c00;
}

.btn-danger:active, .btn-danger:focus, .btn-danger:active:focus
{
	background    : linear-gradient(to bottom, #500 50%, #5E0000 100%);
	outline-color : #a00;
}
/*********************************************************************************/
/**************************** Bootstrap-Select Overrides *************************/
/*********************************************************************************/
.dropdown-menu>li>a, .dropdown-toggle
{
	font-size: 15px;
	text-shadow: none;
}

/*********************************************************************************/
/************************************* Index *************************************/
/*********************************************************************************/
#mainbanner
{
	clear: both;
	text-align: center;
}

.container-tng
{
	width : 1640px;
}

.wrapper-tng
{
	width         : 100%;
	padding-left  : 10px;
	padding-right : 10px;
}

#top_menu
{
	background-image: url(../gamma/images/index/top_menu.png);
	width			: 100%;
	height          : 30px;
	border-radius	: 0px 0px 3px 3px;
}

#top_menu_option
{
	padding-top		: 1px;
    width			: 65%;
    height			: 32px;
    float			: right;
    font-size		: 19px;
    text-align		: right;
    padding-right	: 10px;
	color			: #810a0a;
}

.top_menu_option_highlight
{
	color: white;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.top_menu_option_highlight:hover 
{
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
}

@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

#mid_wrapper
{
	width            : 1110px;
	background-color : rgba(20, 0, 0, 0.9);
	min-height       : 1660px;
	border-left      : 1px solid #5A0000;
	border-right     : 1px solid #5A0000;
	border-top       : 1px solid #5A0000;
	border-radius    : 4px 4px 0 0;
	box-shadow       : 0 0 20px #000;
	margin-top       : 10px;
	padding-left     : 15px;
	padding-right    : 15px;
}

#side_wrapper
{
	width            	: 250px;
	padding          	: 0;
	margin-top       	: 20px;
}

.content.attributes
{
	background-color 	: #140000;
	-moz-box-shadow    	: 0 0 20px #000;
	box-shadow         	: 0 0 20px #000;
}

#footer
{
	width: 1110px;
	margin: auto;
}

#footer_cont
{
	float            : left;
	width            : 100%;
	border-radius    : 0 0 8px 8px;
	background-color : rgba(20, 0, 0, 0.9);
	box-shadow		 : 0 0 20px #000;
	margin-bottom 	 : 100px;
}

.footer_info
{
	color          : #6E6E6E;
	text-align     : center;
	padding-top    : 12px;
	padding-bottom : 24px;
}

.forumnew
{
	color: #b10000;
	font-size: 16px;
}
.forumold
{
	color: #827b7b;
	font-size: 16px;
}
.forumkult
{
	color: #ccac02;
	font-size: 16px;
}

._topbar
{
	background-color: #2a0202;
	border: 1px solid #480606;
}
._bright
{
	background-color: rgba(30, 0, 0, 0.6);
}
._dark
{
	background-color: rgba(26, 0, 0, 0.6);
}
._tableheadbottom
{
	background-color: #8d0303;
}
._hoveropacity
{
	transition: all 0.35s ease;
}
._hoveropacity:hover
{
	opacity: .5;	
}

.bannedlink, .bannedlink:active, .bannedlink:visited
{
	color: #3c3939;
	text-decoration: line-through;
}
.bannedlink:hover, .bannedlink:focus
{
	color: #5d5d5d;
	text-decoration: line-through;
}
.champlink, .champlink:active, .champlink:visited
{
	color: #cbbb00;
}
.champlink:hover, .champlink:focus
{
	color: #ffec00;
}
.partnerlink, .partnerlink:active, .partnerlink:visited
{
	color: #cf8806;
}
.partnerlink:hover, .partnerlink:focus
{
	color: #ffbe00;
}
.highranklink, .highranklink:active, .highranklink:visited
{
	color: #0cadb3;
}
.highranklink:hover, .highranklink:focus
{
	color: #12d4e3;
}
.userlink, .userlink:active, .userlink:visited
{
	color: #056bcc;
}
.userlink:hover, .userlink:focus
{
	color: #009dff;
}
.tnglink, .tnglink:active, .tnglink:visited
{
	color: #8B0000;
    text-shadow: 1px 1px 1px #000;	
}
.tnglink:hover, .tnglink:focus
{
	color: #FF0000;
}

/*********************************************************************************/
/************************************* Tools *************************************/
/*********************************************************************************/
.clear
{
	clear: both;
}

/* The era of downgrades is upon us. Behold the sad <center> replacements */
._centeredmargin
{
	margin-left: auto;
	margin-right: auto;
}
._centeredinline
{
	text-align : center;
}
._centeredblock
{
	display: flex;
	justify-content: center;
}

.btn-tng
{
	background   : linear-gradient(to bottom, #290404 50%, #370505 100%);
	border-color : #480606;
	color        : #ddd;
	font-weight  : bold;
}
a.btn-tng
{
	color: #ddd !important;
}
a.btn-tng:hover
{
	color: #ddd !important;
}
.btn-tng:hover
{
	background : linear-gradient(to bottom, #390404 50%, #470505 100%);
	color      : #ddd;
}
.btn-tng:active, .btn-tng:focus, .btn-tng:active:focus
{
	background    : linear-gradient(to bottom, #200404 50%, #2E0505 100%);
	color         : #ddd;
	outline-color : #a00;
}
.btn-tng-gray
{
	background   	: linear-gradient(to bottom, #333333 50%, #131313 100%);
	display			: inline-block;
	margin-bottom	: 0;
	text-align		: center;
	vertical-align	: middle;
	border			: 1px solid transparent;
	white-space		: nowrap;
	padding			: 6px 12px;
	font-size		: 14px;
	line-height		: 1.42857143;
	border-radius	: 4px;
	border-color 	: #212121;
	color        	: #6e6e6e;
	font-weight  	: bold;
}

/*********************************************************************************/
/*********************************** BB-Code *************************************/
/**************************** Some styles are inline! ****************************/
article
{
	display: inline; /* Prevents new lines */
}

.code
{
	border           : 1px solid #CFCFCF;
	background-color : #000000;
	overflow         : auto;
	padding          : 3px;
	text-align       : center;
	width            : 99%;
}

.codeinner
{
	text-align: left;
}

.codeline
{
	background-color : #000000;
	font-family      : 'Courier New', Courier, monospace;
	font-weight      : bold;
	height           : 15px;
	padding-left     : 3px;
	white-space      : nowrap;
}

.codehr
{
	background-color: #CFCFCF;
}

.quote
{
	background-color : rgb(40, 0, 0);
	border-left      : 3px solid darkred;
	margin           : 10px auto;
	overflow         : auto;
	padding          : 5px;
	text-align       : left;
	width            : 90%;
}

.spoilerbbcode
{
	background-color : #000000;
	color            : #000000;
}

.spoilerbbcode:hover
{
	color: #FFFFFF;
}

.bbcode_tags
{
	color: #0059a9 !important;
	font-weight: bold;
}
.bbcode_tags:hover
{
	color: #0086ff !important;
	font-weight: bold;
}

/* Modal Images */
.modalbb
{
	display: none;
	position: fixed;
	z-index: 3;
	padding: 5px;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	left: 0px;
	top: 0px;
}

/* Content */
.modal-contentbb
{
	margin: 5px;
	display: block;
	max-width: 95%;
}

/* Animation */
.modal-contentbb
{  
  animation-name: zoombb;
  animation-duration: 0.6s;
}

@keyframes zoombb
{
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/*********************************************************************************/
/************************************* Events ************************************/
/*********************************************************************************/
#eve_christmasbanner
{
	background-image : url(events/christmasmainbanner.png);
	height           : 162px;
}

#eve_lennybanner
{
	background-image : url(events/lennymainbanner.png);
	height           : 162px;
}

#eve_halloween
{
	display  : block;
	float    : left;
	height   : 58px;
	left     : 165px;
	position : relative;
	top      : 45px;
	width    : 70px;
}

#eve_halloween:hover
{
	background-image  : url(events/halloweenhover.png);
	background-repeat : no-repeat;
	display           : block;
	float             : left;
	height            : 58px;
	left              : 165px;
	position          : relative;
	top               : 45px;
	width             : 70px;
}

#eve_halloweenbanner
{
	background-image : url(events/halloweenmainbanner.png);
	height           : 162px;
}

#eve_tngbdaybanner
{
	background-image : url(events/tngbdaymainbanner.png);
	height           : 162px;
}

#eve_tngbdayconfetti
{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/*********************************************************************************/
/******************************** Special Design *********************************/
/*********************************************************************************/
.con_darkredtext
{
	color : #8B0000;
}
.con_redtext
{
	color : #FF0000;
}
.boxborder
{
	border: 1px solid #5A0000;	
}
.errorbox
{
	background-color : #2D0000;
	border           : 1px dashed #3D0000;
	width            : 550px;
	padding          : 8px;
	margin-top       : 10px;
	margin-bottom    : 10px;
	text-align       : left;
}
.blurred
{
	filter: blur(3px);
}