/**
* @author    Striker8472 http://www.teamninjagames.de
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================== DEFAULT HTML ============================== */
h1, h2, h3, h4, h5, h6,
h3.jsn-moduletitle,
#jsn-promo h3.jsn-moduletitle  {
	color: #fff;
	font-style: italic;
	font-weight: normal;
	margin: 1,5em 0;	
	text-transform: uppercase;
}
h1, h2 {
	font-size: 3em;
	line-height: 1em;
}
h3.jsn-moduletitle{
	text-shadow: none !important;
}
h3, h4, h5, h6,
h3.jsn-moduletitle {
	font-size: 1.5em;
}
a {
	color: #be0000;
}
a:hover, a:focus {
	color: #444;
}
.btn {
	background-color: #555;
	background-image: linear-gradient(to bottom, #333, #666);
	background-image: -ms-linear-gradient(top, #333 0%, #666 100%);
	background-image: -moz-linear-gradient(top, #333 0%, #666 100%);
	background-image: -o-linear-gradient(top, #333 0%, #666 100%);
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #333), color-stop(1, #666));
	background-image: -webkit-linear-gradient(top, #333 0%, #666 100%);
	background-repeat: repeat-x;
	border: 1px solid #666;
}
.btn:hover {
	background-color: #666;
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - OVERALL PAGE =============== */
#jsn-master {
	background: url(../../images/colors/tng/bg.jpg) fixed 50% 0% repeat-y #000;
}
#jsn-page { 
	color: #fff;
}
#jsn-body {
	-moz-box-shadow: 0px 0px 40px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,1);
	box-shadow: 0px 0px 40px rgba(0,0,0,1);
}
#jsn-header {
	border: none;
	margin-bottom: 0px;
}
#jsn-header-inner {
	background: #000;
	display: none;
}
#jsn-menu {
	background: url(../../images/colors/tng/header_bg_b.jpg),url(../../images/colors/tng/menu_bg.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: -3050px 100%, 0% 100%;
	background-color: #000;
}
#jsn-menu-inner{
	background-repeat: no-repeat, no-repeat, repeat-x, no-repeat;
	background-position: 0% 100%, 0% 100%, 0% 100%, 100% 0%;
}
#jsn-menu.jsn-menu-sticky #jsn-menu-inner {
	background: url(../../images/colors/tng/logo-menu.jpg), url(../../images/colors/tng/menu_bg.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: 0% 100%, 0% 100%;
	background-color: #000;
	-moz-box-shadow: 0px 20px 15px -17px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 20px 15px -17px rgba(0,0,0,1);
	box-shadow: 0px 20px 15px -17px rgba(0,0,0,1);
}
#jsn-pos-mainmenu .jsn-modulecontent > .jsn-menu-toggle { 
	border-right: 0px !important;
	color:#000 !important;
	font-style: italic;
	font-weight: bold;
	margin-top: 22px;
	padding: 8px 15px 10px !important;
	text-transform: uppercase;
	float: right;
}
#jsn-pos-mainmenu .jsn-modulecontent > .jsn-menu-toggle.active {
	border-bottom: 1px solid #111;
	border-left: 1px solid #111;
	margin-top: 21px;
	color:#ddd !important;
}
#jsn-pos-mainmenu .jsn-modulecontent > .jsn-menu-toggle.active  + ul.menu-mainmenu{
	margin: 60px 0px 0px;
}
div.jsn-modulecontainer ul.menu-mainmenu {
	margin: 23px 0px 0px;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > a {
	padding: 8px 12px;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.parent > a {
	background: none;
}
#jsn-promo {
	background-position: -10000% 30%, 0% -60px;
	background-repeat: no-repeat, repeat-x;
	border-bottom: 5px solid #000;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#jsn-promo.jsn-haspromoleft {
	background-position: -35.5% 30%, 0% -60px;
	background-repeat: repeat-y, repeat-x;
}
#jsn-pos-promo-left{
	margin-top:-5px;
	margin-right:-5px;
}
#jsn-pos-promo-left div.jsn-modulecontainer,
#jsn-pos-promo-right div.jsn-modulecontainer {
	padding: 20px;
}
#jsn-pos-breadcrumbs, 
#jsn-pos-user-top, 
#jsn-usermodules1, 
#jsn-pos-mainbody-top, 
#jsn-pos-user-bottom, 
#jsn-pos-banner, 
#jsn-usermodules2, 
#jsn-pos-mainbody-bottom { 
	background-image: none;
}
#jsn-usermodules1 {
	display: none;
}
#jsn-content {
	background: url(../../images/colors/tng/content_bg.jpg) fixed 50% 20% no-repeat #000;
	margin-top: 0px;
	border-left: solid 2px #000;
	border-right: solid 2px #000;	
}
#jsn-content.jsn-hasleft {
	background: url(../../images/colors/tng/left_bg.png), url(../../images/colors/tng/content_bg.jpg);
	background-repeat: repeat-y, no-repeat;
	background-position: -36% 0%, 50% 10%;
	background-attachment: scroll, fixed;
	background-color: #000;
}
div.page-header {
	background: url(../../images/colors/tng/headline_bg.png) no-repeat;
	margin-left: -60px;
	margin-right: -15px;
	padding-left: 60px;
	padding-right: 15px;
	padding-top: 5px;
	z-index: 1000;
}
#jsn-maincontent .page-header {
	margin-top: -15px;
}
#content-forum .page-header {
	margin-top: -35px;
}
div.page-header h1 {
	margin-top: 0.3em;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.8);
}
h2.item-title {
	margin-bottom: 0px;
	padding: 5px 0px;
}
.parent-cat {
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 10px;
	background: url(../../images/colors/tng/img_line.png) 0% 100% no-repeat;
}
.jsn-article-toolbar { 
	background-color: transparent;
	margin-top: 5px;
}
.jsn-article-toolbar .article-info {
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}
#jsn-content-bottom {
	-webkit-box-shadow: 0px -50px 50px -20px #000;
	-moz-box-shadow: 0px -50px 50px -20px #000;
	box-shadow: 0px -50px 50px -20px #000;
	margin-bottom: 0px;
	background-color: #000;
}
#jsn-pos-content-bottom {
	padding-bottom: 0px;
}
#jsn-footer {
	margin-top: -24px;
	-webkit-box-shadow: 0px -150px 70px 20px #000;
	-moz-box-shadow: 0px -150px 70px 20px #000;
	box-shadow: 0px -150px 70px 20px #000;	
}
#jsn-footermodules [class*="span"] {
	width: 100% !important;
}
#jsn-footer-inner1 {
	border-top: 0px;
	background: #000;
}
#jsn-gotoplink { 
	font-size: 1.5em;
}
/* ============================== TYPOGRAPHY ============================== */
/* =============== TYPOGRAPHY - LINK STYLES =============== */
/* ----- ACTION LINK ----- */
.link-action {
	border-bottom: 1px solid #bf0000;
}
.link-action:hover {
	background-color: #bf0000;
}
/* =============== TYPOGRAPHY - TABLE STYLES =============== */
/* ----- COLOR HEADER TABLE ----- */
table.style-colorheader thead th {
	background-color: #9B2626;
	border-right: 1px groove #D24D4D;
}
/* ----- COLOR STRIPES TABLE ----- */
table.style-colorstripes td,
table.style-colorstripes th {
	border-bottom: 1px solid #D14949;
	border-right: 1px groove #D14949;
}
table.style-colorstripes thead th {
	background-color: #7D1F1F;
}
table.style-colorstripes thead th.highlight {
	background-color: #B52D2D;
}
table.style-colorstripes tbody tr {
	background-color: #B52D2D;
}
table.style-colorstripes tbody .highlight {
	background-color: #F8E4E4;
}
table.style-colorstripes tbody tr.odd {
	background-color: #9B2626;
}
table.style-colorstripes tbody tr.odd .highlight {
	background-color: #F1C9C9;
}
table.style-colorstripes tbody tr:hover th,
table.style-colorstripes tbody tr:hover td {
	background-color: #8A2222;
}
table.style-colorstripes tbody tr:hover .highlight {
	background-color: #EDB8B8;
}
table.style-colorstripes tbody td,
table.style-colorstripes tbody th {
	border-left: none;
	border-right: 1px solid #D14949;
}
table.style-colorstripes tfoot th,
table.style-colorstripes tfoot td {
	background-color: #7D1F1F;
}
.sectiontableheader {
	background-color: #993636;
}
/* ----- GREY STRIPES TABLE ----- */
table.style-greystripes thead th.highlight {
	background-color: #9B2626;
}
/* ============================== MENU ============================== */
/* =============== MENU - MAIN MENU =============== */
div.jsn-modulecontainer ul.menu-mainmenu > li  > a {
	font-size: 1.5em !important;
	font-style: italic;
	text-transform: uppercase;
}
div.jsn-modulecontainer ul.menu-mainmenu > li,
div.jsn-modulecontainer ul.menu-mainmenu > li > a { 
	border: none;
	color:#000;	
}
div.jsn-modulecontainer ul.menu-mainmenu > li.active > a,
div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a { 
	background-color: transparent;
	color:#9c0100 !important;
	border: none;
	text-shadow: 1px 1px 0px #f0f0f0, -1px -1px 0px #f0f0f0, -1px 1px 0px #f0f0f0, 1px -1px 0px #f0f0f0, 1px 1px 20px #bc5857 !important;
}
/* Got message visualization */

div.jsn-modulecontainer ul.menu-mainmenu a.icon-msg > span {
  background: url(../../images/icons/message.gif) no-repeat !important;
  padding-left: 22px;
}
/* ----- 1st LEVEL ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul,
#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {
	background-image: none;
	background-color: #732828;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a{ 
	font-size: 1em;
	border-top: 1px solid #993636;
	border-bottom: 1px solid #401616;
	border-left: 1px solid #401616;
	color: #fff;
	text-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a span{ 
	font-family: "Verdana", "Geneva", sans-serif !important;
}
body.jsn-direction-rtl div.jsn-modulecontainer ul.menu-mainmenu ul li a {
	border-left: none;
	border-right: 1px solid #401616;
}
#jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a {
	border-right: 1px solid #401616;
}
body.jsn-direction-rtl #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a {
	border-left: 1px solid #401616;
}
/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a {
	border-top-color: #591f1f;
	background-color: #591f1f;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul li.active > a {
	border-top-color: #591f1f;
	background-color: #591f1f;
}
/* =============== MENU - TREE MENU =============== */
/* ----- CURRENT / HOVER STATE ----- */
div.richbox-2 ul.menu-treemenu li a:hover,
div.richbox-2 ul.menu-treemenu li a.current {
	background-color: #731A1A;
}
div.lightbox-2 ul.menu-treemenu li a:hover,
div.lightbox-2 ul.menu-treemenu li a.current {
	background-color: #EFDADA;
}
/* =============== MENU - SIDE MENU =============== */
/* ---------- 1st LEVEL ---------- */
div.jsn-modulecontainer ul.menu-sidemenu ul {
	background-color: #732828;
}
div.jsn-modulecontainer ul.menu-sidemenu ul li a {
	border-top: 1px solid #993636;
	border-bottom: 1px solid #401616;
	border-left: 1px solid #401616;
}
body.jsn-direction-rtl div.jsn-modulecontainer ul.menu-sidemenu ul li a {
	border-left: none;
	border-right: 1px solid #401616;
}
/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li:hover > a {
	border-top-color: #591f1f;
	background-color: #591f1f;
}
/* ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- */
div.richbox-2 ul.menu-sidemenu > li:hover > a {
	background-color: #731A1A;
}
div.lightbox-2 ul.menu-sidemenu > li:hover > a {
	background-color: #EFDADA;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li.active > a {
	border-top-color: #591f1f;
	background-color: #591f1f;
}
/* ----- ACTIVE STATE IN SPECIFIC MODULE BOXES ----- */
div.richbox-2 ul.menu-sidemenu > li.active > a {
	background-color: #731A1A;
}
div.lightbox-2 ul.menu-sidemenu > li.active > a {
	background-color: #EFDADA;
}
/* ============================== SITE TOOLS ============================== */
/* =============== SITE TOOLS - GENERAL PRESENTATION =============== */
/* ----- DROP DOWN ----- */
ul#jsn-sitetools-menu li ul {
	background-color: #732828;
}
/* ============================== MODULE STYLES ============================== */
/* =============== MODULE STYLES - MODULE BOXES =============== */
/* ----- MODULE BOX GREY ----- */
div.box-grey a {
	color: #ff4040;
}
/* ----- RICHBOX ----- */
div.richbox-2 div.jsn-modulecontainer_inner {
	background: #952222 url(../../images/colors/red/richbox-2.png) left bottom repeat-x;
}
/* ----- LIGHTBOX ----- */
div.lightbox-2 div.jsn-modulecontainer_inner {
	background: #FCF8F8 url(../../images/colors/red/lightbox-2.png) left bottom repeat-x;
}
/* ----- BLANKBOX ----- */
div.blankbox {
	padding: 15px 20px;	
}
div.blankbox h3.jsn-moduletitle {
	padding-bottom: 10px;
	padding-top: 10px;
}
/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */
/* =============== JOOMLA! EXTENSIONS - MOD_PHPBB ================ */
/* =============== JOOMLA! EXTENSIONS - MOD_GALLERY ============== */
/* =============== JOOMLA! EXTENSIONS - MOD_LATEST =============== */
div.postline {
	line-height: 1.1em;
}
div.avatar {
	padding-right: 6px;
	padding-top: 6px;
	float: left;
}
div.postdetails {
	float: left;
	padding-top: 3px;
}
span.action {
	font-size: 9px;
}
.lineimg {
	width: 100%;
	height:1px; 
}
#activity_short,
#activity_long,
#imagelink,
ul.latestnews li {
	color: #be0000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* =============== JOOMLA! EXTENSIONS - MOD_SEARCH =============== */
div.search { 
	margin: 26px 15px -15px;
}
div.search input#mod-search-searchword { 
	background: url(../../images/icons/search-icon.png) 98% 50% no-repeat #2E2E2E	;
	border: 1px solid #2C2C2C;
	color: #E4E4E4;
	font-size: 100%;
	padding: 2px 25px 2px 5px;
	width: 87px;
	margin-bottom: 0px;
}
fieldset.phrase, fieldset.word, fieldset.only {
	padding: 10px 2px;
}
/* =============== JOOMLA! EXTENSIONS - MOD_CUSTOM ================ */
/* JSN SOCIAL ICONS */
#jsn-social-icons { 
	padding: 23px 15px 0px 0px;
}
#jsn-social-icons ul { 
	margin-top: 0px;
}
#jsn-social-icons ul li { 
	margin: 5px 0px 0px 10px;
	float: left;
	list-style: none;
}
#jsn-social-icons ul li a {
	display: block;
	text-indent: -999em;
	background-image: url(../../images/icons/icons-social.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	opacity: 0.7;
}
#jsn-social-icons ul li:hover a {
	opacity: 1;
}
#jsn-social-icons ul li.twitter a {
	background-position: 0 -24px;
}
#jsn-social-icons ul li.youtube a {
	background-position: 0 -72px;
}
/* QUICK LOGOUT BUTTON 
#logout{
	float: right;
	margin-right:10px;
	margin-top:20px;
	width:30px;
}
#logout img{
	float: right;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:2px;
	height:18px;
	width:18px;
}*/
/* =============== JOOMLA! EXTENSIONS - MOD_LOGIN ================ */
#login-form input[type="checkbox"]+label:before {
	background: url("../../../../forum/styles/BBOOTS/theme/images/radio-check.png")left top no-repeat;
}
#login-form input[type="checkbox"]:checked+label:before {
	background: url("../../../../forum/styles/BBOOTS/theme/images/radio-check.png")-19px top no-repeat;
}
#login-form input[type="checkbox"]:checked+label,
#login-form input[type="radio"]:checked+label {
	font-weight: bold;
}
#login-form input[type="checkbox"]+label:before,
#login-form input[type="radio"]+label:before {
	content: "";
	display: inline-block;
	height: 19px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	width: 19px;
}
#login-form input[type="checkbox"],
#login-form input[type="radio"] {
	display: none;
}
/* =============== JOOMLA! EXTENSIONS - MOD_JLOGIN ================ */
#jsn-pos-left  .input-prepend,
#jsn-pos-left .userdata input {
	margin: 0px;
}
#jsn-pos-left #login-form .inputbox {
	min-height: 18px !important;
	margin: 3px 3px 3px 0px;
	padding: 3px 0px 3px 0px;
}
#jsn-pos-left #login-form  label {
	padding-right: 5px;
}
#jsn-pos-left #login-form  .checkbox {
	padding: 0px;
}
/* =============== JOOMLA! EXTENSIONS - COMMUNITY =============== */
#community_icons {
	background-color: #444;
	padding: 3px 3px 8px 3px;
	margin-right: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
}
#community_icons span {
	line-height: 40px;
	padding: 6px 0px 15px 28px;
}
#c_forum span{
	background: url(../../../../images/logo/tng.png) no-repeat;
}
#c_forum span:hover{
	background: url(../../../../images/logo/tng_h.png) no-repeat;
}
#c_gallery span{
	background: url(../../../../images/logo/gallery.png) no-repeat;
}
#c_gallery span:hover{
	background: url(../../../../images/logo/gallery_h.png) no-repeat;
}
#c_youtube span{
	background: url(../../../../images/logo/youtube.png) no-repeat;
}
#c_youtube span:hover{
	background: url(../../../../images/logo/youtube_h.png) no-repeat;
}
#c_twitter span{
	background: url(../../../../images/logo/twitter.png) no-repeat;
}
#c_twitter span:hover{
	background: url(../../../../images/logo/twitter_h.png) no-repeat;
}
#community_icons hr {
	border-color: #666;
}
/* =========== JOOMLA! EXTENSIONS - MOD_PHPBB_ACTIVITY ============ */
@media only screen and (max-width: 960px) {
	#activity_long {
		display:block !important;
	}
	#activity_short {
		display:none !important;
	}
}
/* =========== JOOMLA! EXTENSIONS - MOD_PHPBB_RANDIMG ============ */
#randimg {
	padding-top: 8px;
}
/* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */
/* ----- SECTION / CATEGORY BLOG LAYOUT ----- */
/* PAGE PAGINATION */
ul.jsn-pagination li.navigation-page span {
	background-color: #9B2626;
}
/* ============================== CSS3 EFFECTS ============================== */
/* ----- SUB-MENU BACKGROUND ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul,
div.jsn-modulecontainer ul.menu-sidemenu ul,
ul#jsn-sitetools-menu li ul,
#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {
	background-color:rgba(115,40,40,0.9);
}
/* PAGE PAGINATION */
ul.jsn-pagination li {
	margin: 15px 0px;
}
ul.pagenav a,
ul.jsn-pagination a,
ul.jsn-pagination span,
ul.jsn-pagination li a,
ul.jsn-pagination li span {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	border: 1px solid #666;
	font-weight: bold;
	padding: 7px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
ul.pagenav a,
ul.jsn-pagination a,
ul.jsn-pagination li a {
	color: #fff;
}
ul.jsn-pagination li span {
	color: #777;
}
ul.pagenav a,
ul.jsn-pagination a,
ul.jsn-pagination li a,
ul.jsn-pagination li span,
#jsn-page .button {
	background-image: linear-gradient(to bottom, #333 0%, #666 100%);
	background-image: -ms-linear-gradient(top, #333 0%, #666 100%);
	background-image: -moz-linear-gradient(top, #333 0%, #666 100%);
	background-image: -o-linear-gradient(top, #333 0%, #666 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #666));
	background-image: -webkit-linear-gradient(top, #333 0%, #666 100%);
}
ul.pagenav a:hover,
ul.jsn-pagination a:hover {
	color: #000;
	text-decoration: none;
}
ul.jsn-pagination span {
	border: solid 1px #990000;
	background-image:linear-gradient(-90deg,rgb(238,0,0) 0%,rgb(153,0,0) 100%);
	background-image:-moz-linear-gradient(-90deg,rgb(238,0,0) 0%,rgb(153,0,0) 100%);
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,0,0)),color-stop(1, rgb(153,0,0)));
	background-image:-webkit-linear-gradient(-90deg,rgb(238,0,0) 0%,rgb(153,0,0) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(238,0,0) 0%,rgb(153,0,0) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(238,0,0) 0%,rgb(153,0,0) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ee000036,endColorstr=#99000016,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ee000036,endColorstr=#99000016,GradientType=0);
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
color: #fff;
text-decoration: none;
background-color: #ee0000;
background-image: -moz-linear-gradient(top,#ee0000,#990000);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee0000),to(#990000));
background-image: -webkit-linear-gradient(top,#ee0000,#990000);
background-image: -o-linear-gradient(top,#ee0000,#990000);
background-image: linear-gradient(to bottom,#ee0000,#990000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee0000',endColorstr='#ff990000',GradientType=0);
}
/* ========================== RESPONSIVE CONTENT ============================ */
/* ----- YOUTUBE ----- */
video {
	max-width: 100%;
	height: auto;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper {
	width: 600px;
	max-width: 100%;
}
/* ============================ CSS MOBILE QUERIES ============================ */
@media only screen and (max-width: 1200px) {
	#jsn-menu-inner{
			background-position: 20% 100%, 0% 100%, 0% 100%, 20% 0%;
	}
	div.search input#mod-search-searchword {
		width: 70px;
	}	
	#jsn-content.jsn-hasleft {
		background-position: -63% 0%, right top;
	}
	#jsn-promo.jsn-haspromoleft {
		background-position: -62% 30%, 20% -60px;
	}	
}
@media only screen and (max-width: 960px) {
	#jsn-menu-inner{
			background-position: 70% 100%, 0% 100%, 0% 100%, 70% 0%;
	}
	[id*="jsn-content_inner"], [id*="jsn-maincontent_inner"] {
		background: none !important;
	}
	#jsn-menu div.jsn-modulecontainer ul.menu-mainmenu li span.jsn-menu-toggle {
		width: 48px !important;
	}
	#jsn-pos-promo-left { 
		display:none;
	}	
	#jsn-usermodules1 {
		display: block;
		background: rgba(0,0,0,0.5);
	}
	#jsn-content.jsn-hasleft {
		background-position: -10000% 0%, 50% 10%;
	}
	#jsn-promo.jsn-haspromoleft {
		background-position: -10000% 30%, 70% -60px;
	}
}
@media only screen and (max-width: 480px), (max-device-width: 480px) {
	#jsn-header-inner {
		display: block;
		margin-bottom: -25px !important;
		padding-top: 5px !important;
	}
	#jsn-menu-inner {
		background-position: 80% 100%, -10000% 100%, 0% 100%, 80% 0%;
	}
	#jsn-menu.jsn-menu-sticky #jsn-menu-inner {
		background-position: -10000% 100%, 0% 100%;
	}
	#jsn-promo.jsn-haspromoleft {
		background-position: -10000% 30%, 80% -60px;
	}	
}
/* ============================ F2C CONTENT CSS =============================== */
#char_body .item-title,
#char_body .parent-cat,
#char_body .chr-fld-name {
	color: #be0000;
}