/* IMPORT STYLE
--------------------------------------------------------- */
@import url("setting.css");
@import url("extensions.css");

/* COMMON STYLE
--------------------------------------------------------- */
body {margin:0;	color:#888;	font:normal 13px/22px 'DroidSansRegular', Arial, Helvetica, sans-serif;}
body#bd{background:#fff url(../images/bg-main.png) 0 0 repeat; font:normal 13px/22px 'DroidSansRegular', Arial, Helvetica, sans-serif; color:#888;}

/* Normal links ---*/
a{text-decoration: none;}
a:hover, a:active, a:focus {text-decoration: underline;}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
/* Header --- */
#ja-header {border-bottom:1px dotted #d0d0d0; position:relative; z-index:999;}
#ja-header .main{padding:0;}

/* Logo Image ---*/
h1.logo { 
	float:left;
	margin:40px 0 0 0;
	padding-bottom:25px;
	text-indent:-9999px;
	overflow:hidden;
}

h1.logo a {
	display:block;
	background: url(../images/logo.png) no-repeat;
}


/* Logo Text ---*/
div.logo-text{	
	margin:25px 0 75px 25px;
	height: 84px;
}

div.logo-text h1 {
	font: bold 250% Arial, sans-serif;
	margin-top:15px
}

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;
}


#ja-slider{background:#fff url(../images/stripline.png) 0 100% repeat-x; padding:10px 0 10px 0;}
#ja-slider .moduletable{margin:25px 0;}
#ja-promo{padding:35px 0 25px 0; border-bottom:1px dotted #d0d0d0;}
#ja-featured .main{padding:45px 0 35px 0; border-top:1px dotted #d0d0d0;}
#ja-newsletter{padding:15px 0 0 0;}
#ja-container{
	margin:0;
	color:#888;
	padding:35px 0 20px 0;
}

/*Content*/
#ja-main{position:relative;}
#ja-main .inner{padding:0; margin:0;}
#ja-content-mass-bottom{position:relative;}

#ja-content-mass-top .ja-moduletable h3, #ja-content-top .ja-moduletable h3, #ja-content-bottom .ja-moduletable h3, #ja-featured .ja-moduletable h3, #ja-topsl div.ja-moduletable h3{font-size:24px; padding:5px 0; color:#363636;}
#ja-container .ja-box-left .ja-moduletable, #ja-topsl .ja-box-left .ja-moduletable{margin-right:15px!important; padding-right:15px; margin-left:0!important; padding-left:1px!important;}
#ja-container .ja-box-right .ja-moduletable, #ja-topsl .ja-box-right .ja-moduletable{margin-left:15px!important; padding-left:15px; margin-right:0!important;padding-right:1px!important;}
#ja-container .ja-box-center .ja-moduletable, #ja-topsl .ja-box-center .ja-moduletable {margin-left:15px!important; margin-right:15px!important;}
#ja-botsl .ja-box-left .ja-moduletable{margin-right:15px!important; padding-right:15px; margin-left:0!important;}
#ja-botsl .ja-box-right .ja-moduletable{margin-left:15px!important; padding-left:15px; margin-right:0!important;}
#ja-botsl .ja-box-center .ja-moduletable {margin-left:15px!important; margin-right:15px!important; padding-left:15px; padding-right:15px;}
#ja-topsl .ja-box-full .ja-moduletable, #ja-botsl .ja-box-full .ja-moduletable, #ja-container .ja-box-full .ja-moduletable{margin-left:0!important; margin-right:0; padding:0 1px!important;}


/* Right Column ---*/
#ja-right {position:relative; }
#ja-right .ja-colswrap {padding-left:0;}
#ja-right .ja-moduletable{
	margin-right:0;
	margin-left:80px;
	margin-bottom:30px;
}
	
#ja-right .ja-moduletable h3, #ja-right .moduletable_menu h3,
#ja-left .ja-moduletable h3, #ja-left .moduletable_menu h3{
	font-size:24px;
	padding:0 0 0 30px!important;
	margin:0 0 20px 0;
	color:#363636;
	background:url(../images/mbullet.png) -2px 6px no-repeat;
}

/* Left Column ---*/
#ja-left {position:relative;}
#ja-left .ja-colswrap {padding-right:0;}
#ja-left .ja-moduletable{
	margin-right:80px;
	margin-left:0;
	margin-bottom:30px;
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-botsl{padding:5px 0 35px 0; color:#888; font-size:12px;}
#ja-botsl{background:#1c1c1c;}
#ja-topsl{color:#888;}
#ja-topsl .main{padding:25px 0 30px 0; border-bottom:1px dotted #d0d0d0;}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
	margin-top: 15px;
	margin-bottom: 30px;
}

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 { 
	padding: 15px 0 25px 0;
	margin-bottom:0;
	line-height:normal;
}

#ja-botsl div.ja-moduletable h3 { 
	font-size:18px;
	color:#d0d0d0;
}

#ja-botsl ul.menu{border-top:1px dotted #333;}
#ja-botsl ul.menu li{padding:0; background:none;}
#ja-botsl ul.menu li a:hover{color:#fff; text-decoration:none;}
#ja-botsl ul.menu li a{
	color: #888;
	padding:6px 0 6px 20px;
	background:url(../images/arrow3.png) 0 -20px no-repeat;
	display:block;
	border-bottom:1px dotted #333;
}

#ja-topsl .ja-moduletable ul li a:hover{text-decoration:none; color:#000; background-position:-20px 11px;}
#ja-botsl a:hover{text-decoration:none; color:#fff;}

/* Extras ---*/
.ja-links li { padding: 0 10px; }
.ja-links li a{color:#fff;}


/* Default list style in topsl block and Default Joomla! Menu in container Block ---*/
#ja-topsl ul, #ja-container ul.menu {border-top:1px dotted #d0d0d0;}
#ja-topsl ul li, #ja-container ul.menu li {padding:0;}
#ja-topsl ul li a, #ja-container ul.menu li a {	
	color: #888;
	padding:6px 0 6px 20px;
	background:url(../images/arrow3.png) 0 -19px no-repeat;
	display:block;
	border-bottom:1px dotted #d0d0d0;
}

#ja-topsl ul li a:hover,
#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus {
	text-decoration: none;
	color:#000; 
	background-position:-20px 12px;
}

#ja-container ul.menu li li a:hover{background:url(../images/arrow3.png) -20px 12px no-repeat;}
#ja-container ul.menu li li {border-bottom: 0; background:none; margin-left:10px;}
#ja-container ul.menu li li a{padding-left:15px; text-indent:0;}
#ja-container ul.menu ul{border-top:0;}
#ja-container ul.menu li.active > a{font-weight:bold!important;}
#ja-container ul.menu li.active a {font-weight:normal;}

/* Breadcrumbs ---*/
.ja-breadcrums{margin-bottom:10px; 	font-size: 11px;}
.ja-breadcrums a{background:url(../images/arrow.png) 100% 1px no-repeat; padding:0 12px 0 0;}
.ja-breadcrums strong {
	margin:0; 
	float:left;  
	padding:0 10px 0 0;
}

.breadcrumbs{float:left; padding:0;}
.breadcrumbs img{display:none;}
.breadcrumbs .name {margin:0; padding:6px 18px 6px 60px;}

/* Footer ----------- */
#ja-footer{padding:0 0 70px 0; background:#1c1c1c; color:#999; font-size:11px;}
#ja-footer a{color:#999; padding-bottom:0;}
#ja-footer a:hover{text-decoration:none; border-bottom:none;}
#ja-footer .main{background:#161616; padding:15px 0;}

#ja-footer .ja-copyright a{color:#999;}
#ja-footer .ja-copyright {
	text-align: left;
	line-height:18px;
	color:#999;
	padding-left:15px;
	width:70%;
	float:left;
}

#ja-footer .ja-footnav {text-align: left; margin: 0 0 5px 0; width:70%;}
#ja-footer .ja-footnav ul li{padding:0 20px; border-right:1px solid #7b7b7b;}
#ja-footer .ja-footnav ul li a{color:#fff;}
#ja-footer .ja-footnav ul li:hover {text-decoration:underline;}

#ja-footer .social{float:right; margin-top:auto; margin-bottom:auto; margin-right:10px;}
#ja-footer .social ul li{float:left; margin-left:10px; text-indent:-999em;}
#ja-footer .social ul li a{width:32px; height:32px;display:block;}

#ja-footer #ja-poweredby a{border-bottom:0;}
#ja-footer #ja-poweredby{margin-top:20px;}


/* Readon links and Button---*/
.button, #member-registration .validate, .form-validate button{padding:6px 12px; font-size: 13px; background:#1c1c1c; cursor:pointer; border:0;}
.button, .purchase a, #member-registration .validate, .form-validate button{	
	text-align:center; 
	text-transform: uppercase; 
	color:#fff;
    font-family: 'DroidSansRegular';
}

#ja-container p.readmore{margin-top:15px;}
#ja-container p.readmore span{padding:6px 12px; color:#fff!important;}
#ja-container .readmore a:hover {text-decoration: none;}
#ja-container .readmore a:hover span {}
#form-login .button:hover{text-decoration:underline;}


/*Title and text heading */
@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MgOpenModataRegular';
    src: url('../fonts/mgopenmodataregular-webfont.eot');
    src: url('../fonts/mgopenmodataregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataregular-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataregular-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataregular-webfont.svg#MgOpenModataRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.contentheading, .componentheading, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family:'MgOpenModataRegular';
}

h1 {font-size: 220%;}
h2 {font-size: 200%;}
h3 {font-size: 180%;}
h4 {font-size: 160%; text-transform:none;} 
h5 {font-size: 140%;}
h6 {font-size: 120%;}

h2.contact-name{border-bottom:0;}
h1.componentheading, .componentheading {
	font-size:18px;
	line-height:30px;
	margin-bottom: 10px;
	padding:5px 0 10px 0;
}

#ja-container h2.contentheading, #ja-container h1.contentheading, .contentheading{
	margin-bottom:10px;
	padding-bottom:15px;
	margin-top:0;
	border-bottom:1px dotted #d0d0d0;	
	font-size:36px;

}

#ja-container a {text-decoration: none;}
#ja-container a:hover,
#ja-container a:active,
#ja-container a:focus {
	text-decoration: underline;
}

#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;
	color:#707070;
}

#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;
	color:#ababab;
}

#ja-featured .ja-moduletable h3{background:url(../images/feat-h3.png) 0 8px no-repeat; padding:0 0 0 30px;}
#ja-promo .text h3{font-size:36px; font-weight:normal!important; margin:0!important; padding:0 0 2px 0!important;}
#ja-promo .text{float:left; width:650px;}
.purchase a{float:right; padding:20px 30px; font-size: 26px;}
.purchase a:hover{text-decoration:none;}


/* Others ---*/
hr { border-top: 1px solid #eaeaea; }
.item-title { font-size: 110%; font-weight: bold;}
ul.eatoreh-list{margin-bottom:20px!important;}
ul.eatoreh-list li, .item-page ul li{
	padding:4px 0 4px 20px;
	background:url(../images/arrow3.png) 0 -19px no-repeat;
	display:block;
	margin-left:15px;
}


/* FORM
--------------------------------------------------------- */
textarea.inputbox{
	width:400px; 
	height:250px; 
	padding:5px 6px;
} 

select.inputbox{
	padding:3px 5px; 
	height:27px;
}
 
.inputbox, .form-validate input, .login-fields input, .form-validate select{
	border:1px dashed #666; 
	width:auto; 
	padding:5px 6px 6px 6px; 
	color:#888; 
	margin:0 5px 3px 0;
	background:none;
	font-size:13px;
	font-style:normal;
    font-family: 'DroidSansRegular';
}

#ja-botsl .inputbox{margin:0 0 5px 0; border:1px dotted #333; font-family: 'DroidSansRegular'!important;}
#mod_search_searchword.inputbox {width:142px}
label.invalid{font-weight:bold; color:#333!important;}
.search fieldset{border:1px solid #f0f0f0;}
.search .pagination{padding:20px 0 60px 0!important;}
.word label{display:block; float:left; padding:5px 5px 0 0;}
dt.result-title{padding-top:10px; font-size:15px;}

/* Login ---*/
#modlgn_username.inputbox, #modlgn_passwd.inputbox{width:auto;}
.results h4 { text-transform: none; font-size: 110%; }

/*Contact Form ---*/
#contact_name.inputbox, #contact_email.inputbox, #contact_subject.inputbox, .inputbox{}
.contact_email{}


/* MODULE STYLES
--------------------------------------------------------- */

div.ja-moduletable h3, div.moduletable h3 {font-size: 170%;}
#ja-content-mass-top div.ja-moduletable img{padding-right:6px;}
#ja-container div.ja-moduletable .padding,
#ja-container div.moduletable .padding {
	padding: 0;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem {border-bottom: 1px dotted #eaeaea;}
div.bannergroup_text div.banneritem {padding: 5px 0; }
div.bannergroup_text div.banneritem a { font-weight: bold; }
div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter a { font-size: 92%; }
div.bannergroup_text div.bannerfooter { padding: 5px 0 0; text-align: right; }
div.bannergroup_text {margin-top:10px;}

/* Most Read ---*/
ul.mostread{border-top:1px dotted #d0d0d0;}
ul.mostread li{padding:0;}
ul.mostread li a{	
	color: #888!important;
	padding:6px 0 6px 20px;
	background:url(../images/arrow3.png) 0 -19px no-repeat;
	display:block;
	border-bottom:1px dotted #d0d0d0;
}

ul.mostread li a:hover{
	text-decoration:none!important; 
	color:#000!important; 
	background-position:-20px 12px;
}

ul.newsfeed{margin-top:20px!important;}
.feed h4{font-size:18px!important;}
.feed h5{font-size:16px!important;}


/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading, .items-row {
	padding-bottom:0px;
	margin-bottom:15px;
	font-size: 100%;
	height:1%;
}

.item-page p, .items-leading p, .items-row p{margin-bottom:10px!important;}
.items-leading{background:none!important;}
.items-more {padding-top:35px; padding-bottom:25px; margin-top:35px; border-top:1px dotted #d0d0d0;}
.items-more h3 {font-size:24px; color:#363636!important;}
ol.jlinks li{	
	padding:4px 0 4px 18px;
	background:url(../images/arrow3.png) 0 -20px no-repeat;
	display:block;
	
}

ol.jlinks li a{color:#888!important;}

/* Meta ---*/
.article-tools{border:0; padding:0; margin-top:5px; margin-bottom:10px;}
.article-tools ul.actions{margin:0; padding:0;}
.article-tools ul.actions img{padding:0; margin:0; background:none!important;}
.article-tools dl.article-info{
	margin:0;
	font-size:11px;
	width:auto;
}

dl.article-info dd.createdby, dl.article-info dd.create, dl.article-info dd.hits  {
	padding: 0 5px 0 0;
	margin: 0;
}

p.modifydate {
	font-size: 10px;
	text-transform: uppercase;
	font-style: italic;
}

.contentdescription {border-bottom: 1px dotted #d0d0d0;}
ul.actions li{background:none; display:inline!important; margin:0!important; padding:0!important;}
ul.actions li a{padding-left:5px;}


/* Category List ---*/
.filters{display:block;}
.category-desc
div.categories-list ul li .jitem-title{font-size:20px;}
div.categories-list ul li li .jitem-title{font-size:18px;}
div.categories-list ul li li li .jitem-title{font-size:14px;}
div.categories-list ul li{padding-bottom:0; padding-top:10px; margin-bottom:10px;}
div.categories-list li .jitem-title a{}
div.categories-list ul li ul {
	margin-left:0;
}

div.categories-list ul li ul ul ul {
	margin-left:20px;
}

div.categories-list ul li li {
	border-bottom: 0;
	padding: 10px;
	background:url(../images/bgdot.png) 0 0 repeat
}

div.categories-list ul li li li {
	background:#fff;
	margin:0;
	border:0;
}

/* Sub Category List ---*/
.cat-children {}
.cat-children h3 {font-size:18px;}
.cat-children ul {}
.cat-children ul li {padding-bottom:25px}
.cat-children ul li span.item-title {}
.cat-children ul li span.item-title a {}

.newsfeed li{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #d0d0d0;}
legend.hidelabeltxt {width:auto; float:left; margin:0; padding:6px 0 0 0;}
fieldset.filters  {}
.display-limit{width:auto; padding:0!important; margin:0!important;}

/*Inline images ---*/
.item-page img, .items-leading img, .items-row img{background:url(../images/stripline.png) 0 0 repeat; padding:8px; margin-top:5px; margin-bottom:15px;}
.img_caption.left {margin-right:30px; }
.img_caption.right { margin-left:30px;}
.image-left {float:left;}
.blog img, .item-page img{margin-right:15px;}
.contentpaneopen{overflow:hidden;}
p.img_caption {clear: both; margin: 0; padding: 0; text-align: center; }


/* Tables ---*/
thead tr th {
	background:url(../images/bgdot.png);
	padding: 15px 10px;
	color:#333;
}

#ja-container thead tr th a {
	color: #333;
}

thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }

.cat-list-row1,
.cat-list-row2,
tr.cat-list-row0 td,
tr.cat-list-row1 td {border-bottom: 1px solid #eaeaea; padding:5px 10px; }

.cat-list-row0:hover,
.cat-list-row1:hover { background: #f1f1f1; }
tr.cat-list-row1 td { background-color: #f6f6f6; }

/* Content Toc */
table.contenttoc,
table {border: 1px solid #ddd; margin:10px 0;}
table td.title p{margin-top:5px!important;}
table.contenttoc td, table td.title, table td.hits {border-bottom: 1px solid #ddd; padding:0 15px!important;}
table.contenttoc th, table th {background:#f0f0f0; border: 1px solid #ddd; text-transform: uppercase; color:#333;}

table tr.sectiontableentry1 {background: #f3f3f3;}
table tr.sectiontableentry2 {background: #fff;}
table tr.sectiontableentry1:hover, table tr.sectiontableentry2:hover{background: #f3f3f3;}


/* Pagination ---*/
.counter{position:relative;}
.pagination{
	text-align:center;
	font-size:12px;
	margin:15px 0 30px 0;
}

.pagination span.pagenav, .pagenav{ padding:3px 10px!important;}
.pagination ul li{text-align:center; margin-right:5px;}
.pagination ul li a{
	background:#1c1c1c;
	color:#fff;
	display:block;
}

.pagination ul li a:hover{color:#fff!important; background:#111;}
.pagination span.pagenav{
	display:block;
	background:#1c1c1c;
	color:#fff;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
.t3-logo-dark-sm a {background: url(../images/t3-logo.png) no-repeat;}
#ja-footer .social ul li .linkedin{background:url(../images/linkedin.png) 0 0 no-repeat;}
#ja-footer .social ul li .linkedin:hover{background-position:0 100%;}
#ja-footer .social ul li .fb{background:url(../images/fb.png) 0 0 no-repeat;}
#ja-footer .social ul li .fb:hover{background-position:0 100%;}
#ja-footer .social ul li .tweet{background:url(../images/tweet.png) 0 0 no-repeat;}
#ja-footer .social ul li .tweet:hover{background-position:0 100%;}
#ja-footer .social ul li .vimeo{background:url(../images/vimeo.png) 0 0 no-repeat;}
#ja-footer .social ul li .vimeo:hover{background-position:0 100%;}
#ja-footer .social ul li .rss{background:url(../images/rss.png) 0 0 no-repeat;}
#ja-footer .social ul li .rss:hover{background-position:0 100%;}

/* 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:0 0 5px 0; padding: 0 0 5px 0;}

