/* IMPORT STYLE
--------------------------------------------------------- */
@import url("setting.css");
@import url("extensions.css");
@import url("control-panel.css");

/* COMMON STYLE
--------------------------------------------------------- */
body {
	margin:0;
	color:#494949;
	font:normal 16px/25px 'DiavloBook';
	text-align:justify;
}

body#bd{
	background:#000 url(../images/bg-main.jpg) 50% 0 repeat-x; 
	color:#494949;
	font:normal 16px/25px 'DiavloBook';
	letter-spacing:-0.3px;
}

/* Normal links ---*/
a{color: #565656;	text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: underline;}
.button{cursor:pointer;}


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper{background:url(../images/pattern.jpg) 50% 0 no-repeat;}
#ja-botsl{background:#151515; margin-bottom:0; margin-top:0!important;}
#ja-botsl .wrap-inner1{padding-bottom:15px;}
#ja-navhelper{background:#0d0d0d; font-size:12px;}
#ja-mainnav{height:50px; margin-bottom:30px;}
.introslider{padding-top:30px;}

/* Header --- */
#ja-header .main{
	padding: 30px 0 10px 0;
}

/* Logo Image ---*/
h1.logo { 
	margin:0 auto 25px;
	text-indent:-9999px;
	overflow:hidden;
	float:none;
}

h1.logo a {
	display:block;
}

/* Logo Text ---*/
div.logo-text{	
	margin:25px 0 75px 25px;
	height: 84px;
}

div.logo-text h1 {
	font: bold 250% Arial, sans-serif;
	margin-top:25px
}

div.logo-text h1 a {
	color: #fff;
	text-decoration: none;
}

div.logo-text h1 a:hover,
div.logo-text h1 a:active,
div.logo-text h1 a:focus {
	text-decoration: none;
}

p.site-slogan {
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-style: italic;
	color: #fff;
}


/*MIDDLE BLOCK
--------------------------------------------------------- */

/*Content*/
#ja-container{
	background:none;
	margin:0 0 30px 0;
	color:#A8A8A8;
	font-size: 16px;
}

#ja-main div.ja-moduletable{overflow:hidden;}
#ja-container .main{padding-bottom:10px;}
#ja-main{
	position:relative; 
	border:1px solid #242424; 
	background:#151515; 
	padding-top:15px; 
	padding-bottom:10px; 
	margin:0!important; 
	padding-left:0!important;
}

#ja-main .inner{padding:0; margin:0; }
#ja-contentwrap{padding:10px 20px 10px 20px; }
#ja-content-bottom{margin-top:-10px!important;}
/*.ja-content-main{border:1px solid blue;}*/
#ja-content-top div.ja-moduletable .slogan{
	border:2px solid #373737; 
	background:#000 url(../images/pattern2.png) repeat;
	text-align:center;
	padding:20px 10px 5px 10px;
}

#ja-content-top div.ja-moduletable .slogan h3{font-size:34px;}

#ja-content-mass-bottom{
	position:relative; 
}

#ja-content-bottom div.ja-moduletable{}
#ja-content-bottom .ja-box-left .ja-moduletable{margin-right:10px!important; padding-right:15px;}
#ja-content-bottom .ja-box-right .ja-moduletable{margin-left:10px!important; padding-left:15px;}
#ja-content-bottom .ja-box-center .ja-moduletable {margin-left:10px!important; margin-right:10px!important;}
#ja-content-mass-top{margin-left:5px; margin-right:15px;}
#ja-content-mass-top div.ja-moduletable,
#ja-content-mass-top div.moduletable{
	padding:15px 18px 0 18px;
	text-align:center;
	background:#000!important;
	border:1px solid #242424!important;
	margin:10px
}

#ja-content-mass-bottom{margin-left:10px; margin-right:15px;}
#ja-content-mass-bottom div.ja-moduletable,
#ja-content-mass-bottom div.moduletable{
	margin:10px
}

/* Right Column ---*/
#ja-right {position:relative; margin-top:-10px;}
#ja-right .ja-colswrap {
	padding-left:25px;
}

#ja-right .ja-moduletable,
#ja-right .ja-module{
	background:#0d0d0d;
	padding:20px;
	margin-right:0;
	margin-left:0;
	border:1px solid #242424;
	margin-bottom:35px;
}
	
#ja-right .ja-moduletable h3,
#ja-right .ja-module h3,
#ja-left .ja-moduletable h3, 
#ja-left .module h3{
	padding:10px 20px;
	margin:-18px -18px 15px -18px;
	color:#a8a8a8;
	background:#000;
	font-size:28px;
}

#ja-right div.moduletable-clean, #ja-left div.moduletable-clean {background:none; padding:0;}
#ja-right div.moduletable-clean table, #ja-right div.moduletable-clean td, #ja-left div.moduletable-clean table, #ja-left div.moduletable-clean td{border:0;}
#ja-right div.moduletable-clean h3, #ja-left div.moduletable-clean h3{background:none; padding:5px 0; margin:10px 0 0 0;}

#ja-right .ja-moduletable ul li, 
#ja-right .ja-module ul li, 
#ja-left .ja-moduletable ul li, 
#ja-left .ja-module ul li{
	background:url(../images/arrow2.png) 0 14px no-repeat;
	border-bottom:1px dashed #494949; 
	padding:5px 0 5px 15px; 
	margin-left:0;
	font-size:15px; 
}

#ja-container ul.menu li a,
#ja-right .ja-moduletable ul li a, 
#ja-right .ja-module ul li a, 
#ja-left .ja-moduletable ul li a, 
#ja-left .ja-module ul li a{
	color:#626161;
}

#ja-right .ja-moduletable ul li a:hover, 
#ja-right .ja-module ul li a:hover
#ja-left .ja-moduletable ul li a:hover, 
#ja-left .ja-module ul li a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#333;
}

/* Left Column ---*/
#ja-left {position:relative; margin-left:-2px; margin-top:-10px;}
#ja-left .ja-colswrap {
	padding-right:25px;
}

#ja-left .ja-moduletable,
#ja-left .ja-module{
	border:1px solid #242424;
	background:#0d0d0d;
	padding:20px;
	margin-right:0;
	margin-left:0;
	margin-bottom:35px;
}

/* Extras ---*/
.ja-links li { padding: 0 10px; }
.ja-links li a{color:#fff;}


/* Default Joomla! Menu ---*/
#ja-container ul.menu li {	
	border-bottom:1px dashed #494949; 
	background:url(../images/arrow2.png) 0 14px no-repeat; 
	padding:1px 0 1px 15px;
	font-size:15px;
}

#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus {
	text-decoration: none;
	font-weight:bold;
}

#ja-container ul.menu li li { 
	border-bottom: 0; 
	border-bottom:1px dashed #494949; 
}


/* SPOTLIGHT BLOCK
--------------------------------------------------------- */
#ja-topsl{
	background:#000 url(../images/bg-spot.png) 50% 100% no-repeat; 
	padding-bottom:90px; 
	padding-top:30px;
}

#ja-topsl .main {padding:0!important;}
#ja-topsl .ja-box, #ja-botsl .ja-box{}
#ja-topsl hr, #ja-botsl hr {}
#ja-topsl .ja-box-right, #ja-botsl .ja-box-right {
	border:0;
}

#ja-topsl .ja-moduletable{
	margin-top:0;
	margin-bottom:0;
}

#ja-topsl div.ja-moduletable h3{ 
	padding: 10px 0 15px 0;
	margin-bottom:0;
	color:#a8a8a8;
	font-size:28px;
}

#ja-botsl div.ja-moduletable h3 { 
	padding: 10px 0 10px 0;
	font-size:18px;
	line-height:normal;
	margin-bottom:10px;
	color:#a8a8a8;
	background:url(../images/line.png) 100% 100% no-repeat; 
}

#ja-botsl .ja-box-left .ja-moduletable{margin:0 20px 20px 0;}
#ja-botsl .ja-box-center .ja-moduletable{margin:0 20px 20px 20px;}
#ja-botsl .ja-box-right .ja-moduletable{margin:0 0 20px 20px;}

#ja-botsl .ja-moduletable ul li, 
#ja-botsl .ja-module ul li, 
#ja-botsl .ja-content-main ul li {
	font-size:11px;
	padding: 5px 0;
	display:block;
	background:none;
}

#ja-botsl .ja-moduletable ul li a, 
#ja-botsl .ja-module ul li a, 
#ja-botsl .ja-content-main ul li a {
	background:none;
	list-style:none;
}

#ja-botsl .ja-moduletable ul li a:hover,  
#ja-botsl .ja-module ul li a:hover, 
#ja-botsl .ja-content-main ul li a:hover {
	text-decoration:underline;
}

/* Breadcrumbs ---*/
.ja-breadcrums,
.ja-breadcrums a{
	padding:0; 
	color:#535353;
}

.ja-breadcrums strong {
	margin:0 5px 0 0; 
	float:left;  
	padding:0 15px 0 0;
	background:url(../images/arrow.png) 100% 7px no-repeat;
}

.breadcrumbs{float:left; padding:0;}
.breadcrumbs img{margin:5px 0 0 0; vertical-align:top;}
.breadcrumbs .name {margin:0; padding:6px 18px 6px 6px;}


/* FOOTER BLOCK
--------------------------------------------------------- */
#ja-footer{color:#535353; padding:0; border-top:4px double #2a2a2a; font-size:14px;}
#ja-footer .wrap-inner1{background:url(../images/pattern3.png) repeat;}
#ja-footer .wrap-inner2{background:url(../images/bg-footer.png) 0 0 repeat-x; padding:25px 0; }
#ja-footer .ja-copyright {
	text-align: left;
	float:left;
	line-height:18px;
}

#ja-footer .ja-footer-left {
	width: 55%;
	float: left;
	text-align: left;
}

#ja-footer .ja-footnav {
	text-align: right;
	margin: 0 0 10px 0;
}

#ja-footer a{
	color:#535353;
	padding-bottom:0;
	border-bottom:1px dotted #535353;
}

#ja-footer a:hover{
	text-decoration:none;
	border-bottom:none;
}

#ja-footer .ja-footnav ul#mainlevel-nav li {
	float:left;
}

#ja-footer .ja-footnav ul#mainlevel-nav li:hover {
	text-decoration:underline;}

#ja-footer #ja-poweredby a{border-bottom:0;}
#ja-footer #ja-poweredby{
	margin-right:10px;
	text-align:right;
}


/* TITLE, TEXT HEADING and READON LINKS
--------------------------------------------------------- */
.contentheading, .componentheading, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color:#b10000;
}

h1 {font-size: 220%;
	color:#b10000;
}
h2 {font-size: 200%;
	color:#a8a8a8;
}
h3 {font-size: 180%;
	color:#a8a8a8;
}
h4 {font-size: 160%; text-transform:none;
	color:#a8a8a8;
}
h5 {font-size: 140%;
	color:#a8a8a8;
}
h6 {font-size: 120%;
	color:#b10000;
}

.redtxt {font-size: 100%;
	color:#b10000;
	text-transform:none;
}

.redhot {font-size: 100%;
	color:#b10000;
	font-weight:bold;
}

#ja-content-mass-top div.ja-moduletable h3, 
#ja-content-mass-top div.moduletable h3{
	font-size:26px;
	color:#a8a8a8;
}

#ja-content-top div.ja-moduletable h3,
#ja-content-top div.moduletable h3{
	color:#f1f1f1;
}

#ja-content-bottom div.ja-moduletable h3,
#ja-content-bottom div.moduletable h3,
#ja-content-mass-bottom div.ja-moduletable h3,
#ja-content-mass-bottom div.moduletable h3{
	background:url(../images/line.png) 100% 100% no-repeat; 
	padding-bottom:10px!important;
	color:#a8a8a8;
}

h1.componentheading, .componentheading {
	font-size:32px;
	line-height:30px;
	padding: 0 0 10px 0!important;
	color:#b10000;
	margin:0!important;
}

#ja-container h2.contentheading, #ja-container h1.contentheading, .contentheading{
	padding-bottom:10px;
	margin-bottom:5px;
	margin-top:5px;
}

.contentheading, h1.componentheading, .componentheading{
	font-size:28px;
	background:url(../images/line.png) 100% 100% no-repeat; 
	display:block;
}

a.contentpagetitle{
	padding-bottom:10px;
}

.blog-featured .contentheading { font-size: 170%;}
.item-title { font-size: 110%; font-weight: bold; }

#ja-container a:hover,
#ja-container a:active,
#ja-container a:focus {
	text-decoration: underline;
}


/** hr readmore **/
#ja-container .readmore a{
	width:146px;
	height:28px;
	text-align:center;
	margin:25px auto 0 auto;
	display:block;
	float:none;
	font-size:16px;
	text-transform:uppercase;
	padding-top:5px;
	color:#fff; 
	background:url(../images/button1.png) 0 100% no-repeat;
}

#ja-container .readmore a span{
	font-size: 12px;
	color:#fff;
	padding:3px 6px;
}

#ja-container .readmore a:hover span, #ja-container .readmore a:hover {
	text-decoration: none;
	background-position:0 0;	
	color:#fff!important;
}


#ja-container h1 a:hover,
#ja-container h1 a:active,
#ja-container h1 a:focus,
#ja-container h2 a:hover,
#ja-container h2 a:active,
#ja-container h2 a:focus,
#ja-container h3 a:hover,
#ja-container h3 a:active,
#ja-container h3 a:focus,
#ja-container h4 a:hover,
#ja-container h4 a:active,
#ja-container h4 a:focus,
#ja-container h5 a:hover,
#ja-container h5 a:active,
#ja-container h5 a:focus,
#ja-container h6 a:hover,
#ja-container h6 a:active,
#ja-container h6 a:focus, 
.contentheading a:hover{
	text-decoration: none;
}

#ja-container h1,
#ja-container h2,
#ja-container h3,
#ja-container h4,
#ja-container h5,
#ja-container h6,
#ja-container h1 a,
#ja-container h2 a,
#ja-container h3 a,
#ja-container h4 a,
#ja-container h5 a,
#ja-container h6 a,
.componentheading,
.componentheading a, 
.contentheading,
.contentheading a{
	font-weight: normal;
	display:block;
}

h4.poll-title{
	padding-bottom:10px;
}

#ja-topsl .readmore{padding-top:10px;}

#ja-content-mass-top .readmore a{
	width:146px;
	height:28px;
	text-align:center;
	margin:25px auto 0 auto;
	display:block;
	float:none;
	font-size:16px;
	text-transform:uppercase;
	padding-top:5px;
}

#ja-container .readmore a span{
	font-size: 12px;
	color:#fff;
	padding:3px 6px;
}

#ja-container .readmore a:hover span, #ja-content-mass-top .readmore a:hover {
	text-decoration: none;
}

/* Others ---*/
hr { border-top: 1px solid #242424; }


/* FORM
--------------------------------------------------------- */
.button, form .search .button, #Kunena .kbutton, .cbMenu, .cbSSmenu {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.button, form .search .button, #Kunena .kbutton{	
	padding:3px 10px;
	font-family: 'DiavloBook';
	font-size:14px;
	text-transform:uppercase;
}

.inputbox, input#url{
	padding:4px 6px; 
	color:#999; 
	margin:2px 0;
	background:#2f2f2f;
	border:1px solid #4c4c4c;
	font-family: 'DiavloBook';
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}
	
label.invalid{font-weight:bold; color:#333!important;}
.search .inputbox{margin-right:5px;}


/* Login ---*/
#form-login .button{float:left; margin-right:16px;}
#form-login label{float:left; width:90px;}
#form-login-remember label{width:auto; float:none; padding-right:3px;}
p#form-login-remember {padding-top:12px;}
#modlgn_username.inputbox, #modlgn_passwd.inputbox{
	width:60%; 
	border-radius:3px 3px; 
	-moz-border-radius:3px 3px; 
	-webkit-border-radius:3px 3px;
}

form#searchForm { border-top: 1px solid #242424; }
.searchintro { border-bottom: 1px solid #242424; }
.results h4 { text-transform: none; font-size: 110%; }

/*Contact Form ---*/
#component-contact {padding-top:30px;}
.contact_email{	
	padding:10px 15px 25px 0;
	margin-top:10px;
}

.contact .button{margin-top:10px;}
.contact .button:hover{}
input#contact_email_copy{
	float:left;
}


/* MODULE STYLES
--------------------------------------------------------- */
.slogan h3, .slide-desc p, div.userBlock h2, #ja-slider .slide-desc h2, h3.itemAuthorName{font-family:'ChunkFiveRegular';}
h1, h2, h3, h4, h5, h6, .ja-megamenu ul.level0 li.mega a.mega span, .componentheading, #ja-slider h3, .contentheading, #ja-content-mass-top .readmore, span.ribbon{font-family:'DiavloBook';}

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('../fonts/chunk-webfont.eot');
    src: url('../fonts/chunk-webfont.eot?#iefix') format('eot'),
         url('../fonts/chunk-webfont.woff') format('woff'),
         url('../fonts/chunk-webfont.ttf') format('truetype'),
         url('../fonts/chunk-webfont.svg#webfonthD2eJU5B') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DiavloBook';
    src: url('../fonts/diavlobook-regular-webfont.eot');
    src: url('../fonts/diavlobook-regular-webfont.eot?#iefix') format('eot'),
         url('../fonts/diavlobook-regular-webfont.woff') format('woff'),
         url('../fonts/diavlobook-regular-webfont.ttf') format('truetype'),
         url('../fonts/diavlobook-regular-webfont.svg#webfontcHiU3jEU') format('svg');
    font-weight: normal;
    font-style: normal;
}

#ja-slider .main{overflow:hidden;}
#ja-slider .slide-desc{text-align:center; text-transform:uppercase;}
#ja-slider .slide-desc h2{font-size:42px; color:#b10000; padding-bottom:20px;}
#ja-slider .slide-desc p{font-size:20px; color:#b10000;}
#ja-slider .slide-desc h3 {font-size:35px; padding-top:40px; color:#b10000; padding-bottom:10px;}
#ja-slider .slide-desc span.ribbon{
	width:448px; 
	height:56px; 
	text-align:center; 
	display:block; 
	margin:0 auto; 
	color:#fff; 
	font-size:40px; 
	padding-top:15px;
}

div.ja-moduletable h3, div.moduletable h3 {
	font-size: 170%;
}

#ja-container div.ja-moduletable .padding,
#ja-container div.moduletable .padding {
	padding: 0;
}

#ja-container div.ja-moduletable_bg .padding,
#ja-container div.moduletable_bg .padding {
	padding: 10px;
	border: solid 1px #e5e5e5;
	border-top: none;
}

.ja-box-full .ja-moduletable{margin:0!important;}
.ja-box-right{position:relative;}

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { 
	padding:10px 0;
	border-bottom:1px dashed #494949; 
}

.bannerfooter_text{font-size:12px;}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading, .items-row {
	padding-bottom:10px;
	margin-bottom:10px;
	font-size: 100%;
	height:1%
}

.item-page{padding-bottom:15px;}

/* Meta ---*/
.article-tools{
	background:url(../images/line.png) 100% 100% no-repeat; 
	padding-bottom:5px;
	margin-top:-3px!important;
}
	
.article-tools dl.article-info {
	margin:0;
}

dl.article-info dd.createdby, dl.article-info dd.create  {
	padding: 0 3px 0 0;
	margin: 0;
	font-size:11px;
}

dl.article-info dd.createdby{}
dl.article-info dd.create{}
dl.article-info dd.hits {
	padding: 0 3px;
	margin: 0;
	}

p.article-url  {
	margin: 100px 0 0;  
	}

.article-tools ul.actions {
	margin:5px 0 0 0; 
	padding:0;
}

p.modifydate {
	font-size: 10px;
	text-transform: uppercase;
	font-style: italic;
}

.contentdescription {padding:0!important;
}

/*Inline images ---*/
p.img_caption{margin-bottom:10px;}
img.caption, .article-content img{ 
	margin: 0 10px 5px 0;
}

.img_caption.left {
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 3px;
	float:left;
}

.img_caption.right {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 3px;
}

/* Tables ---*/
thead tr th {
	background: #000;
	color: #fff;
	padding: 5px;
}
#ja-container thead tr th a {
	color: #fff;
}

thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }

.cat-list-row1,
.cat-list-row12,
tr.cat-list-row1 td,
tr.cat-list-row2 td { border-bottom: 1px solid #242424; padding: 5px; }

.cat-list-row1:hover,
.cat-list-row2:hover {background: #090909; }

.cat-list-row2,
tr.cat-list-row2 td {background-color: #0d0d0d; }

/* Content Toc */
table.category{margin-bottom:25px;}
table.contenttoc,
table { 
	border: 1px solid #242424; 
}

table.contenttoc td,
table td { 
	border-bottom: 1px solid #242424; 
}

table.contenttoc th,
table th {
	background: #000;
	border: 1px solid #242424;
	text-transform: uppercase;
	color: #fff;
}

table tr.sectiontableentry1 {
	background: #0d0d0d;
}
table tr.sectiontableentry2 {
	background:#151515;
}

table tr.sectiontableentry1:hover,
table tr.sectiontableentry2:hover {
	background: #0b0b0b;
}

/* Poll */
form#poll {
	border-bottom:1px dashed #494949; 
	font-weight: bold;
}

dl.poll {border-bottom:1px dashed #494949;}

table.pollstableborder td {
	background: #f6f6f6;
	border-bottom: 1px solid #242424;
	font-weight: bold;
	padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Pagination ---*/
.pagination{
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

.counter{
	position:relative; 
}
.pagination span{padding:10px 3px;}
.pagination li span,
.pagination li strong {float:left; text-align:center;padding:0 2px;}
.pagination ul li a{
	background: #0d0d0d;
	color:#666;
	height:20px;
	display:block;
	padding:3px 10px;
}

.pagination ul li a:hover{color:#454545}
.pagination span.pagenav{
	height:26px;
	display:block;
	padding:3px 50px;
	line-height:25px;
	margin:0 2px;
}

.items-more h3 { font-size: 125%; margin:0!important; paddding:0!important;}
.blog{padding-bottom:40px;}

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/

.t3-logo-dark-sm a {
    background: url(../images/t3-logo.png) no-repeat;
}


/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul, .column dl {margin: 20px 0 0 0; padding: 0;}