/* COMMON STYLE



--------------------------------------------------------- */



body {



	background: #fff;



	color: #333;



	font-family:  Helvetica, Arial, sans-serif;



	line-height: 1.5;



}







body#bd { background: #030303; color:#626262; }







body.fs1 { font-size: 10px; }



body.fs2 { font-size: 11px; }



body.fs3 { font-size: 12px; }



body.fs4 { font-size: 13px; }



body.fs5 { font-size: 14px; }



body.fs6 { font-size: 15px; }







/* Normal links ---*/



a { color: #fda40a; text-decoration: none; }







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







/* Readon links ---*/



a.readon {



	padding: 0;



	text-decoration: none;



	color: #757575;



}







.ja-readon a.readon {



	padding: 0 10px;



}







a.readon:hover, a.readon:active, a.readon:focus { color: #fda40a; text-decoration: none !important; }







/* Content spacing ---*/



.column p, .column pre, .column blockquote,



.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,



.column ol, .column ul { margin: 10px 0; padding: 0; }







/* Headings & Titles ---*/



h1 { font-size: 180%; }



h2 { font-size: 200%; }



h3 { font-size: 200%; }



h4 { font-size: 100%; text-transform: UPPERCASE; }



h5 { font-size: 100%; }







.contentheading, .componentheading, h1, h2, h3, h4, h5 {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-weight: normal;



	line-height: 1.2;



}







h1.componentheading, div.componentheading {



	color: #fff;



	margin: 0;



}







div.componentheading {



	 line-height: 32px;



}



 



h1.componentheading span {



	font-size: 100%;



	font-weight: normal;



}







.componentheading { font-size: 200%; font-weight: normal; }







h2.contentheading, .contentheading { margin: 0; padding: 0; }







.contentheading { font-size: 200%; }







h2.contentheading {



	color: #fff;



	margin-top: 10px;



	font-weight: 500;



}







.blog h2.contentheading {



	margin-top: 0px;



}







a.contentpagetitle {



	font-weight: normal;



	color: #fff;



	text-decoration: none;



}







a.contentpagetitle:hover,



a.contentpagetitle:active,



a.contentpagetitle:focus {



	color: #fda40a;



}







.category { font-size: 110%; font-weight: bold; }







/* Small text ---*/



small, .small, .smalldark, .modifydate, .img_caption, .contenttoc,



p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }







small, .small { color: #999; }







.smalldark { text-align: left; }







/* List ---*/



.column ul li {



	background: url(../images/bullet3.gif) no-repeat 20px 7px;



	line-height: 160%;



	overflow: hidden;



	padding-left: 30px;



}







.column ol li { line-height: 180%; margin-left: 30px; }







/* Others ---*/



th { font-weight: bold; padding: 5px; text-align: left; }







td { font-size: 100%; padding: 5px; }







fieldset { border: none; padding: 10px 5px; }







fieldset a { font-weight: bold; }







fieldset.input { padding: 0; }







hr {



	border-bottom: 0;



	border-left: 0;



	border-right: 0;



	border-top: 1px solid #353535;



	height: 1px;



}







/* FORM



--------------------------------------------------------- */



form label { cursor: pointer; }







input, select, textarea, .inputbox {



	background: #151515;



	border: 1px solid #303030;



	color: #ccc;



	font-size: 100%;



	font-family: Helvetica, Arial, sans-serif;



	padding: 5px;



	vertical-align: middle;



}







select { background: #151515; color: #999; }







#frm_login input,



#frm_login .inputbox,



.contentpane input,



.contentpane .inputbox {



	background: #fff !important;



	border: 1px solid #ccc;



	color: #101010;



}







#frm_login .button, .contentpane .button{



	background: url(../images/grad4.gif) repeat-x left top !important;



	border:1px solid #CCCCCC;



	color:#101010;



}







#contact_text {



	width: 500px;	



}







.contentpane .button {



	margin-left: 0px;



	margin-right: 5px;



}







.contentpane .button:hover,



.contentpane .button:focus{



	color: #444;



}







.inputbox { }







.inputbox:hover,



.inputbox:focus {}







.button {



	background: url(../images/grad1.gif) repeat-x top #333;



	border: 1px solid #333;



	color: #ccc;



	font-size: 100%;



	padding: 5px 10px;



	text-transform: uppercase;



	cursor: pointer;



	margin-left: 5px;



	vertical-align: middle;



	line-height: 15px;



}







.button:hover, .button:focus {



	background: #333;



	border: 1px solid #999;



	color: #fff;



}







.checkbox { }







.radio { margin: 0 5px; }







input[type="radio"], input[type="checkbox"] {



	background-color: transparent !important;



	border: 0;



}







/* Cpanel */



.button-cpanel-switcher {



	clear: both;



}







.ja-cpanel-switcher {



	position: absolute;



	top: 0;



	right: 10px;



	color: #757575;



	width: 22px;



	height: 22px;



	text-decoration: none;



	font-size: 95%;



	font-weight: bold;



	text-indent: -5000px;



}







#ja-cpanel a {



	outline: none;



}







.hide {



	background: url(../images/cpanel-hide.png) no-repeat center center;



}







.show {



	background: url(../images/cpanel-show.png) no-repeat center center;



}







#ja-cpanel {



	background-color: #000;



	border-bottom: 1px solid #303030;



}







#ja-cpanel .main {



	position: static !important;



}







.cpanel-top .hide {



	background: url(../images/cpanel-hide.png) no-repeat center center;



}







.cpanel-top .show {



	background: url(../images/cpanel-show.png) no-repeat center center;



}







/* ja-cpanel Login */



#ja-login  {



	float: left;



	margin-top: 8px;



}







#ja-login form {



	font-size: 90%;



	color: #fff;



}







#ja-login form a {



	color: #999;



	text-decoration: none;



}







#ja-login form a:hover {



	color: #fff;



	text-decoration: underline;



}







#ja-login form .inputbox {



	border: 1px solid #353535;



	width: 150px;



	font-weight: normal;



	padding: 3px 5px;



}







#ja-login form p, #ja-login form ul li, #ja-login fieldset {



	float: left;



}







#ja-login fieldset { padding: 0; }







#ja-login form ul {



	float: left;



	padding-left: 10px;



	padding-top: 2px;



}







#ja-login form #form-login-password label,



#ja-login form #form-login-username label,



#ja-login #form-login-remember,



#ja-login br {



	display: none;



}







#ja-login #form-login p {



	margin: 0 10px 0 0;



	padding: 0;



}







#remember, #modlgn_remember {



	vertical-align: middle !important;



	width: auto !important;



	border: 0px !important;



	margin: 0px !important;



	padding: 0px !important;



	background-color: transparent !important;



}







#ja-login form fieldset .button {



	background: url(../images/button-bg.gif) repeat-x left bottom;



	border: 1px solid #333;



	color: #333;



	font-weight: bold;



	margin: 0;



	cursor: pointer;



}







#ja-login form fieldset .button:hover,



#ja-login form fieldset .button:focus {



	color: #fda40a;



}







#ja-login form ul li {



	margin-right: 10px;



}







#ja-login div {



	float: left;



	margin-right: 10px;



	line-height: 25px;



}







#ja-login #form-login div .button {



	margin: 0px;



}







/*usertools*/



#ja-usertools {



	position: absolute;



	top: 88px;



}







div#ja-usercolors {



	float: right;



	padding: 14px 10px 0 0;



}







#ja-usertools ul,



#ja-usercolors ul {



	margin: 0;



	padding: 0;



	display: inline;



}







#ja-usertools ul li,



#ja-usercolors ul li {



	margin: 0;



	padding: 0 2px;



	float: left;



	background: none;



}







/* Login ---*/



.login_form fieldset { padding: 15px 0 0; }



.login_form fieldset p { margin: 0 0 5px; }







.login_form label {



	font-weight: bold;



	text-align: right;



	display: block;



	float: left;



	width: 130px;



}







.login_form .inputbox { margin-left: 10px; width: 150px; }







.login_form .remember .inputbox {



	width: 20px;



}







.login_form .button { margin-left: 140px; }







/* Register ---*/



.form-register fieldset { padding: 0 0 10px; }







.form-register p { margin: 0 0 5px; }







.form-register p.form-des { margin: 15px 0; }







.form-register label {



	font-weight: bold;



	text-align: right;



	display: block;



	float: left;



	width: 130px;



}







.form-register .inputbox { margin-left: 10px; width: 200px; }







.form-register .button { margin-left: 140px; }







/* User ---*/



.user-details { padding: 10px 0; }







.user-details p { margin: 0 0 5px; }







.user-details label {



	font-weight: bold;



	text-align: right;



	display: block;



	float: left;



	width: 130px;



}







.user-details .inputbox { margin-left: 10px; width: 200px; }







.user-details .button { margin-left: 140px; }







.user-details .paramlist .paramlist_key {



	width: 130px !important;



	padding: 0 0 5px !important;



}







.user-details .paramlist .paramlist_value {



	padding: 0 0 5px !important;



}







.user-details .user_name span {



	padding-left: 10px;



	font-weight: bold;



}







/* Search ---*/



form#searchForm {



	border-top: 1px solid #353535;



	padding: 15px 0; 



}







.searchintro {



	border-bottom: 1px solid #353535;



}







.results h4 {



	text-transform: none;



	font-size: 110%;



	margin: 15px 0 0;



}







.results p { margin: 0 0 10px; }







/* Contact ---*/



#component-contact address { font-style: normal; }







#component-contact #emailForm { border-top: 1px solid #252525; padding-top: 15px; }







.contact_email { margin: 0 0 10px; }







.contact_email label { font-weight: bold; display: block; }







.contact_email_checkbox { margin: 15px 0; }







#component-contact img {



	float: right;	



}







#component-contact table img {



	float: none;



}







/* JOOMLA STYLE



--------------------------------------------------------- */



/* Blog style ---*/



#ja-blog-style { padding-top: 10px; }







#ja-blog-style .article-contentwrap {



	width: 65%;



	float: left;




}







#ja-blog-style .article-meta { width: 100%; }







#ja-blog-style .article-tools {



	background: url(../images/arrow-l.gif) no-repeat -12px 10px;



	clear: none;



	float: right;



	padding-left: 35px;



	width: 25%;



}







#ja-blog-style span.createdate,



#ja-blog-style span.createby,



#ja-blog-style span.article-section {



	text-transform: none;



	display: block;



	clear: both;



}







#ja-blog-style span.createdate strong,



#ja-blog-style span.createby strong,



#ja-blog-style span.article-section strong {



	color: #c5c5c5;



}







#ja-blog-style .article-tools .totalcomment {



	padding: 5px 0;



	clear: both;



	text-transform: none;



}







#ja-blog-style .article-tools .totalcomment a {



	background: none !important;



	padding-left: 0 !important;



}







#ja-blog-style .article-tools .buttonheading {



	clear: both;



	float: left;



	margin-top: 7px;



}







#ja-blog-style .article-tools .buttonheading img {



	float: left;



}







#ja-blog-style img.caption {



	margin-top: 0;



}







/* Date typo ---*/



#ja-blog-style .createdate-icon { margin-bottom: 5px; display: block; }







#ja-blog-style .createdate-icon .ja-date,



#ja-blog-style .createdate-icon .ja-month,



#ja-blog-style .createdate-icon .ja-year {



	font-family: Georgia, "Times New Roman", Times, serif;



	text-shadow: 1px 1px 0 #000;



}







#ja-blog-style .createdate-icon .ja-date {



	background: url(../images/date-sep.gif) no-repeat right bottom;



	font-size: 45px;



	float: left;



	margin-right: 8px;



	padding-right: 8px;



	line-height: 100%;



}







#ja-blog-style .createdate-icon .ja-month,



#ja-blog-style .createdate-icon .ja-year {



	display: block;



	font-size: 170%;



	float: left;



	line-height: 100%;



}







#ja-blog-style .createdate-icon .ja-month { margin-top: 10px; }







/* Layout Deco ---*/



.blog {



	padding: 0px;



}







.article_separator,



.leading_separator,



.row_separator,



.column_separator { display: none; }







.leading {



	padding-bottom: 10px;



	padding-top: 10px;



}







.article_row {



	border-bottom: 1px solid #252525;



	padding-bottom: 15px;



}







.article_column { }







.column_separator { padding: 0 25px; }







/* Meta ---*/



.article-tools {



	clear: both;



	color: #999;



	display: block;



	line-height: normal;



	margin: 10px 0 5px;



	padding: 0;



	position: relative;



	text-transform: uppercase;



	font-size: 92%;



}







.article-content ul li p {



	margin: 0px;



}







.article-meta { float: left; padding: 0; width: 70%; }







.article-section, .article-category { color: #999; }







.createby { padding: 3px 3px 3px 0; }







.createdate { padding: 3px 3px 3px 0; }







.modifydate { color: #999; display: block; margin: 10px 0; }







.content_rating { font-weight: bold; }



.content_rating img { margin: 0 0 0 5px; vertical-align: middle }







.content_vote { font-weight: bold; }







.contentdescription {



	border-bottom: 1px solid #353535;



	display: block;



	padding: 10px 15px;



}







.contentdescription p { margin: 0; }







.buttonheading { float: right; }







.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }







/*Inline images ---*/



p.img_caption {



	clear: both !important;	



}







.img_caption.left {



	margin: 5px 20px 15px 0;



	color: #999;




}







.caption {



	border: 1px solid #252525;



	padding: 4px;



	background-color: #151515;



}







.img_caption p {



	color: #969696;



	margin: 0;



	padding: 1px 0;



	text-align: center;



}







/* Tables ---*/



.sectiontableheader {



	background: #151515;



	border: 1px solid #444;



	color: #fff;



	padding: 5px;



	border-top: 1px solid #353535;



	border-bottom: 1px solid #353535;



	text-transform: uppercase;



}







.sectiontableheader a,



.sectiontableheader a:hover,



.sectiontableheader a:focus,



.sectiontableheader a:active { color: #fff; }







.sectiontableentry,



.sectiontableentry0,



.sectiontableentry1,



.sectiontableentry2 {



	border-bottom: 1px solid #252525;



	padding: 5px 5px 6px;



}







.sectiontableentry:hover,



.sectiontableentry0:hover,



.sectiontableentry1:hover,



.sectiontableentry2:hover { background-color: #101010; }







.sectiontableentry2 { background-color: #000000; }







table.contentpane, table.tablelist { width: 100%; margin-top: 20px; }







table.contentpaneopen {



	border: none;



	border-collapse: collapse;



	border-spacing: 0;



}







/* Content Toc */



table.contenttoc {



	border: 1px solid #252525;



	float: right;



	margin: 0 0 10px 12px;



	padding: 0;



	width: 30%;



}







table.contenttoc a { color: #c5c5c5; }







table.contenttoc td { border-bottom: 1px dotted #444; padding: 5px 10px; }







table.contenttoc th {



	background: #101010;



	border-bottom: 1px solid #252525;



	padding: 5px 10px;



	text-transform: uppercase;



}







/* Poll */



div.poll { padding: 15px 0; }







form#poll {



	border-bottom: 1px dotted #444;



	font-weight: bold;



	margin-bottom: 10px;



	padding-bottom: 10px;



}







dl.poll {



	border-bottom: 1px dotted #444;



	font-size: 92%;



	margin-bottom: 10px;



	padding-bottom: 10px;



}







dl.poll dt, dl.poll dd { float: left; }







dl.poll dt { clear: left; width: 100px; }







dl.poll dd { clear: right; }







table.pollstableborder {



	border: none;



	padding: 0;



	text-align: left;



	width: 100%;



}







table.pollstableborder img { vertical-align: baseline; }







table.pollstableborder td {



	font-weight: bold;



	padding: 5px !important;



}







table.pollstableborder tr.sectiontableentry0 td,



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







/* Search */



table.searchintro { padding: 10px 0; width: 100%; }







table.searchintro td { padding: 5px !important; }







/* Misc. */



table.contentpaneopen, table.contentpane, table.blog { width: 100%; }







/* Pagination ---*/



ul.pagination { margin: 10px 0; }







ul.pagination li {



	background: none;



	display: inline;



	margin: 0;



	padding: 0;



	overflow: hidden;



}







ul.pagination li span { padding: 3px 5px; line-height: 15px; }







ul.pagination a {



	background: url(../images/grad7.gif) repeat-x left bottom #010101;



	border: 1px solid #282828;



	color: #999;



	line-height: 15px;



	padding: 3px 7px;



	text-decoration: none;



}







ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {



	border: 1px solid #303030;



	color: #fff;



	text-decoration: none;



}







.sortby { font-size: 92%; margin: 10px 0 5px; }







.sortby .filter, .sortby .display { float: left; width: 40%; }







.sortby .display { float: right; text-align: right; }







.pagenavbar { font-weight: bold; }







.pagenavcounter { margin: 15px 0 !important; text-align: center; }







.counter {



	float: right;



	line-height: 1;



	margin: 15px 0 !important;



	text-align: right;



	width: 24%;



}







.counter span {



	background: #fda40a;



	border: 1px solid #fda40a;



	color: #fff;



	padding: 1px 5px;



}







.blog_more {



	border-bottom: 1px solid #252525;



	padding: 15px 0 5px;



}







.blog_more h2 {



	font-size: 100%;



	margin: 0 0 5px;



	text-transform: uppercase;



}







.blog_more ul li {



	background: url(../images/bullet.gif) no-repeat 5px 6px;



	padding-left: 15px;



}







div.back_button a,



div.back_button a:hover,



div.back_button a:active { display: block; margin: 10px 0; }







/* Messages ---*/



#system-message dd.message ul,



#system-message dd.error ul,



#system-message dd.notice ul { margin: 0; padding: 0; }







#system-message dd.message ul li,



#system-message dd.error ul li,



#system-message dd.notice ul li {



	background: none;



	color: #fff;



	margin: 0;



	padding: 5px;



}







/* System Standard Messages */



#system-message dd.message ul { background: #fda40a; border: 0; }







/* System Error Messages */



#system-message dd.error ul { background: #fda40a; border: 0; }







/* System Notice Messages */



#system-message dd.notice ul { background: #333; border: 0; }







/* Tooltips --- */



.tool-tip {



	background: #ffffcc;



	border: 1px solid #D4D5AA;



	float: left;



	max-width: 300px;



	padding: 5px;



	z-index: 1000;



}







.tool-title {



	background: url(../../system/images/selector-arrow.png) no-repeat;



	font-size: 100%;



	font-weight: bold;



	margin: 0;



	margin-top: -15px;



	padding: 0;



	padding-bottom: 5px;



	padding-top: 15px;



}







.tool-text { font-size: 100%; margin: 0; }







.hasTip img { border: none; margin: 5px 5px 0 0; }







.contentpaneopen_edit img { vertical-align: middle; }



.contentpaneopen_edit {



	padding-left: 10px;



}







/* MODULE STYLES



--------------------------------------------------------- */



div.ja-moduletable h3, div.moduletable h3 {



	background: url(../images/icon-line-grey.gif) no-repeat left bottom;



	padding: 0;



	color: #fff;



	padding-bottom: 10px;



	font-size: 200%;



	font-weight: normal;



}







div.moduletable_havecolor h3 {



	background: url(../images/icon-line-color.gif) no-repeat left bottom;



}







div.ja-moduletable h3 span {



}







div.ja-moduletable, div.moduletable {



	margin-bottom: 5px;



	position:  relative;



	overflow: hidden;



}







div.ja-moduletable .ja-box-ct,



div.moduletable .ja-box-ct {



}







/* Override moduletable for inset1 and inset2 ---*/



.ja-inset1 div.ja-moduletable h3, .ja-inset1 div.moduletable h3,



.ja-inset2 div.ja-moduletable h3, .ja-inset2 div.moduletable h3 {



	background: url(../images/dot.gif) repeat-x left bottom #f8f8f8;



	padding: 0 20px;



}







.ja-inset1 div.ja-moduletable h3 span, .ja-inset1 div.moduletable h3 span,



.ja-inset2 div.ja-moduletable h3 span, .ja-inset2 div.moduletable h3 span {



	margin: 0;



}







.ja-inset1 div.ja-moduletable, .ja-inset1 div.moduletable,



.ja-inset2 div.ja-moduletable, .ja-inset2 div.moduletable {



	background: none;



	border-top: 1px solid #252525;



}







.ja-inset1 div.ja-moduletable:first-child, .ja-inset1 div.moduletable:first-child,



.ja-inset2 div.ja-moduletable:first-child, .ja-inset2 div.moduletable:first-child {



	border-top: 0;



}







.ja-inset1 div.ja-moduletable .ja-box-ct, .ja-inset1 div.moduletable .ja-box-ct,



.ja-inset2 div.ja-moduletable .ja-box-ct, .ja-inset2 div.moduletable  .ja-box-ct {



	border: 0;



	margin: 0;



	padding: 0;



}







/* Moduletable nopadding ---*/



div.moduletable_nopadding .ja-box-ct {



}







/* Moduletable highlight ---*/



div.moduletable_hilite h3 { color: #fda40a; }







div.moduletable_hilite h3 span { border-color: #fda40a; }







/* Search module ---*/



div.moduletable_search { }







div.moduletable_search .ja-box-ct { padding: 0; }







div.moduletable_search .inputbox_search {



	background: url(../images/icon-search.gif) no-repeat right center #fff;



	border: 0px;



	margin: 0;



	padding: 6px 35px 6px 8px;



	width: 75%;



}







/* Badge Module ---*/



.badge {



	height: 46px;



	position: absolute;



	right: 0;



	top: 0;



	width: 45px;



	background-image: url(../images/icon-badge.png);



	background-repeat: no-repeat;



}







.badge-hot 	.badge { background-position: 0 0; }



.badge-new 	.badge { background-position: 0 -46px; }



.badge-pick .badge { background-position: 0 -92px; }



.badge-top 	.badge { background-position: 0 -138px; }







#ja-left .moduletable_badge span.badge {



	display: none;



}







/* Search Module ---*/



#ja-search {



	margin: 45px 15px 0 0;



	float: right;



}







#ja-search label { display: none; }







#ja-search .inputbox {



	width: 200px;



	border-top: 1px solid #151515;



	border-left: 1px solid #151515;



	border-right: 1px solid #000000;



	border-bottom: 1px solid #000000;



	padding: 7px 10px;



	color: #757575;



	background-color: #303030;



}







#ja-search .inputbox:hover, #ja-search .inputbox:focus { }







#ja-search .button {



	background: url(../images/but-bg.gif) repeat-x left bottom #000000;



	border: 1px solid #151515;



	font-family:  Helvetica, Arial, sans-serif;



	margin-left: 5px;



	text-transform: none;



	font-weight: bold;



}







/* Login Module ---*/



#form-login-username .inputbox,



#form-login-password .inputbox {



	background-position: 5px center;



	background-repeat: no-repeat;



	font-weight: bold;



}







#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }







#form-login ul { margin: 0 !important; padding: 0; }







#form-login p { margin: 0 0 5px; }







#form-login .button { margin: 10px 0; }







/* Poll Module ---*/



h4.poll-title { margin: 0; padding: 0; }







a.poll-result { font-size: 92%; text-transform: uppercase; }







form.poll input {



	border: 0px;



	background-color: transparent;



}







form.poll .button {



	margin-right: 5px;



	border-width: 1px;



	border-style: solid ;



	border-color: #303030;



	}







/* Advertisement ---*/



div.bannergroup_text div.banneritem_text { border-bottom: 1px solid #252525; padding: 5px 0 20px }







div.bannergroup_text div.firstitem { border-top: 0px; }







div.bannergroup_text div.bannerheader,



div.bannergroup_text div.bannerfooter_text a { color: #999; font-size: 92%; }







div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }







div.bannergroup { margin-bottom: 10px; }







.moduletable_blank {



	background: none !important;



	margin: 0;



	padding: 0;



}







.moduletable_blank .ja-box-ct {



	border: 0 !important;



	margin: 0 !important;



	padding: 10px 0 !important;



}







/* Module list ---*/



div.ja-moduletable ul, div.ja-module ul {



	margin: 0;



}







div.ja-moduletable ul li, div.ja-module ul li {



	background-position: 0px 8px;



	padding-left:10px;



}







/* MAIN LAYOUT DIVS



--------------------------------------------------------- */



.wrap { }



.main { }



.ja-box { padding-bottom: 10px; padding-top: 15px; }







#ja-wrapper { overflow: hidden; 



border:10px solid black;
margin: auto;
width: 1000px;


}


#ja-container {



	position: relative;



	z-index: 5;



	border-top: 1px solid #252525;



	border-bottom: 1px solid #252525;



	background-color: #010101;



	padding: 20px 0;



}







/* 3 Columns - Classic Layout ---*/



#ja-container .ja-l1r1  {



	background: url(../images/dot.gif) 32% top repeat-y;



}







.ja-l1r1 h1{



}



/* Full */



#ja-container {}







/* Full left */



#ja-container .ja-r1 { }







#ja-container.ja-r1 .main {



	background: url(../images/grad5.gif) 715px 0% repeat-y;



}







#ja-container.ja-r1 #ja-main .inner {



	padding-right: 45px;



}







/* Full right */



#ja-container .ja-l1 {}







/* Mass ---*/



.ja-mass-top {}



.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }







.ja-mass-bottom {}



.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }







/* MAIN COLUMN



--------------------------------------------------------- */



#ja-mainbody {}







#ja-main { }







#ja-main .inner { }







#ja-contentwrap.ja-r1 { background: url(../images/dot.gif) 67% top repeat-y; }



#ja-contentwrap.ja-l1 { background: url(../images/dot.gif) 33% top repeat-y; }







#ja-mainbody { }







#ja-main { }







/* Content Top ---*/



.ja-content-top { }



.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0;  }







/* Content Main ---*/



.ja-content-main {



	padding: 0;



}







/* Content Bottom ---*/



.ja-content-bottom { }



.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0;  }







/* @end */







/* SIDE COLUMNS



--------------------------------------------------------- */



.ja-colswrap { }







.ja-col { }







/* Left Columns ---*/



#ja-left .ja-l2 { }







/* Right Columns ---*/



#ja-right .ja-r2 { }







/* HEADER



--------------------------------------------------------- */



#ja-header {



	background-color: #000000;



	border-bottom: 1px solid #151515;



}







#ja-header .main {



	height: 95px;



	position: relative;



}







h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; }







h1.logo, div.logo-text { float: left; z-index: 1; }







/* Logo Image ---*/



h1.logo { margin: 30px 0 0 15px; }







h1.logo a {



	background: url(../images/logo.png) no-repeat left;



	display: block;



	height: 70px;



	width: 334px;



}







h1.logo a span { position: absolute; top: -1000px; }







/* Logo Text ---*/



div.logo-text { margin-top: 8px; }







div.logo-text h1 a {



	color: #fda40a;



	font-weight: bold;



	letter-spacing: 1px;



	text-decoration: none;



}







p.site-slogan {



	background: #444;



	color: #999;



	display: block;



	font-size: 85%;



	letter-spacing: 1px;



	margin: 8px 0 0;



	padding: 0 5px;




	text-align: center;



	text-transform: uppercase;



}







/* NAVIGATION



--------------------------------------------------------- */



/* Main Nav ---*/



#ja-mainnav {



	line-height: 1;



	position: relative;



	z-index: 1000;



	float: right;



	background: url(../images/mainnav-bg.gif) left top repeat-x;



	border-bottom: 1px solid #000;



}







span.has-image {



	padding: 0 0 0 25px;



	display: block;



	overflow: hidden;



	background-repeat: no-repeat;



	background-position: 0px 0px;



}







span.menu-title { display: block; }







span.menu-desc {



	display: block;



	font-weight: normal;



	font-size: 92%;



	color: #999;



}







/* Sub Nav ---*/



#ja-subnav { position: relative; z-index: 999; background-color: #101010 }







#ja-subnav .main {



	line-height: 1;



	z-index: 10;



}







#ja-subnav ul {



	background: #101010;



	overflow: hidden;



	padding: 8px 0;



}







#ja-subnav ul.active {}







#ja-subnav li {



	background: none;



	border-left: 1px dotted #444;



	display: block;



	float: left;



	padding: 0 15px 0 15px;



}







#ja-subnav li.first-item { border-left: 0; }







#ja-subnav ul li a {



	color: #757575;



	display: block;



	text-decoration: none;



	cursor: pointer;



}







#ja-subnav ul li a span.has-image {



	font-size: 100%;



}







#ja-subnav ul li a:hover { color: #C5C5C5; }







#ja-subnav ul li.active a,



#ja-subnav ul li.active a:hover,



#ja-subnav ul li.active a:active,



#ja-subnav ul li.active a:focus {



	color: #C5C5C5;



}







#ja-subnav ul li.active li a,



#ja-subnav ul li.active li a:hover,



#ja-subnav ul li.active li a:active,



#ja-subnav ul li.active li a:focus {



	color: #757575;



}







#ja-subnav ul.active li a { }







#ja-subnav ul.active li a:hover { color: #C5C5C5; }







#ja-subnav ul li.empty { visibility: hidden }







/* Sub Nav (lv2) ---*/



#ja-subnav ul li ul {



	background-color: #101010;



	border: 1px solid #000000;



	display: block;



	height: auto;



	left: -999em;



	padding: 0;



	position: absolute;



	overflow: visible;



}







#ja-subnav ul li.hover ul {



	display: block;



	height: auto;



	left: auto;



	position: absolute;



	margin-top: 7px;



}







#ja-subnav li li {



	padding: 0;



	margin: 0;



	width: 14.9em;



}







#ja-subnav ul li.haschild a.haschild {



	background: url(../images/arrow-01.png) no-repeat right 3px;



	padding-right: 12px;



}







#ja-subnav ul li.haschild a.haschild:hover {



	background: url(../images/arrow3.png) no-repeat right center;



}







#ja-subnav ul li.haschild li a.haschild, #ja-subnav ul li.haschild li a.haschild:hover {



	background: url(../images/arrow-01.png) no-repeat 94% center;



}







#ja-subnav ul li ul li {



	border-bottom: 1px solid #000000;



	border-left: 0;



	display: block;



	float: none;



	text-align: left;



	color: #757575;



	position: relative;



}







#ja-subnav ul li ul li.last-item {



	border-bottom: 0;



}







#ja-subnav ul li ul li a {



	padding: 0 15px;



	background: none;



	color: #757575;



	line-height: 20px;



}







#ja-subnav ul li ul li a span.menu-title { padding-top: 3px; padding-bottom: 3px; }







#ja-subnav ul li ul li a:hover {



	color: #C5C5C5 !important;



	background-color: #222 !important;



}







#ja-subnav ul li ul li a.active {




	color: #C5C5C5 !important;



}







#ja-subnav ul ul, #ja-subnav ul ul li {



	z-index: 99;



}







#ja-subnav ul ul ul, #ja-subnav ul ul ul li {



	z-index: 9999;



}







#ja-subnav ul ul ul {



	position: absolute;



	margin-left: 13em;



	top: 0;



	background-color: #fff;



}







#ja-subnav ul li.hover ul ul {



	display: none;



}







#ja-subnav ul ul li.hover ul {



	display: block;



	left: auto;



}







/* JA Slideshow ---*/



#ja-slideshow { background: url(../images/shadow-top.png) repeat-x left top #FB8819; }







#ja-slideshow-inner1 {



	background: url(../images/shadow-bot.png) repeat-x left bottom;



}







#ja-slideshow-inner2 {



	background: url(../images/slideshow-bg.png) left bottom no-repeat;



}







#ja-slideshow .main { }



#ja-slideshow .jac_links { display: none; }







.ja-vertical_right { padding: 25px 0; }







.ja-slide-thumbs, .ja-slide-thumbs-handles { top: 25px !important; }







/* Breadcrumbs ---*/



.ja-navhelper { background-color: #151515; border-top: 1px solid #101010; border-bottom: 1px solid #101010; }



.ja-navhelper .main { padding: 8px 0; }







.ja-navhelper a { padding: 0 2px; color: #fda40a; text-decoration: none; }



.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none; background-color: #fda40a;}







.ja-breadcrums {



	float: left;



	margin-top: 2px;



	width: 80%;



}







.ja-breadcrums strong { margin-right: 5px; }







.ja-breadcrums img { margin: 1px 5px; }







.pathway { color: #fda40a; font-weight: bold; }







.ja-breadcrums img { display: none; }







.ja-breadcrums a { padding-right: 20px; background: url(../images/arrow-01.png) no-repeat 95% 4px; }











/* Extras ---*/



.ja-links { float: right; margin-top: 2px; }







.ja-links li { background: none; padding: 0; display: inline; }







.ja-links li.top a {



	background: url(../images/arrow2.png) no-repeat 5px center;



	padding-left: 17px;



	padding-right: 5px;



}







.ja-links li.top a:hover { background-color: #fda40a; }







.ja-links li.layout-switcher a {



	background: #fda40a;



	color: #fff;



	text-decoration: none;



}







.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }







.ja-links li.user-reset a {



	background: #fda40a;



	color: #fff;



	text-decoration: none;



}







.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }







/* Default Joomla! Menu ---*/



#ja-container ul.menu { margin: 0; padding: 0; }







#ja-container ul.menu li {



	background: none;



	border-top: 1px dotted #303030;



	margin: 0;



	overflow: hidden;



	padding: 0;



}







#ja-container ul.menu li:first-child { border-top: 0px; }







#ja-container ul.menu li.firstitem { border-top: 0px; }







#ja-container ul.menu li a {



	color: #666;



	display: block;



	outline: none;



	padding: 6px 0;



	text-decoration: none;



	text-indent: 5px;



	background: url(../images/arrow-3.gif) no-repeat scroll 5px 13px;



	padding-left: 10px;



}







#ja-container ul.menu li a:hover,



#ja-container ul.menu li a:active,



#ja-container ul.menu li a:focus {



	background: url(../images/arrow-2.gif) 5px 13px no-repeat;



	color: #fda40a;



}







#ja-container ul.menu li.active a {



	background: url(../images/arrow-2.gif) 5px 13px no-repeat;



	color: #fda40a;



	font-weight: bold;



}







#ja-container ul.menu li ul { margin: 0 0 0 10px; border-top: 1px dotted #303030; }







#ja-container ul.menu li li { border: 0; }







#ja-container ul.menu li.active li a {



	background: url(../images/arrow-3.gif) no-repeat scroll 5px 10px;



	padding: 3px 0;



	text-indent: 15px;



}







#ja-container ul.menu li.active li a:hover { background: url(../images/arrow-2.gif) 5px 10px no-repeat; }







#ja-container ul.menu li li a {



	color: #666 !important;



	font-weight: normal !important;



	text-indent: 10px;



}







#ja-container ul.menu li li a:hover,



#ja-container ul.menu li li a:active,



#ja-container ul.menu li li a:focus { color: #fda40a !important; }







#ja-container ul.menu li.active li.active a {



	background: url(../images/arrow-2.gif) 5px 10px no-repeat;



	font-weight: bold;



	color: #fda40a !important;



}







#ja-container ul.menu li.active li.active li a {



	background: url(../images/arrow-3.gif) no-repeat scroll 5px 10px;



	color: #666 !important;



}







#ja-container ul.menu li.active li.active li a:hover,



#ja-container ul.menu li.active li.active li.active a {



	background: url(../images/arrow-2.gif) 5px 10px no-repeat;



	color: #fda40a !important;



}







#ja-container ul.menu span.separator { display: none; }







/* SPOTLIGHT



--------------------------------------------------------- */



#ja-topsl .ja-box, #ja-botsl1 .ja-box { 



	padding: 0;



}







#ja-topsl .ja-box-right, #ja-botsl1 .ja-box-right,



#ja-topsl .ja-box-full, #ja-botsl1 .ja-box-full { 



	background: none;



}







#ja-topsl li, #ja-botsl1 li {



	background: url(../images/arrow-3.gif) left 7px no-repeat;



	padding-left: 10px;



}







#ja-topsl ol li, #ja-botsl1 ol li { margin-left: 25px; padding: 0 !important; }







#ja-topsl ul, #ja-topsl p, #ja-topsl ol,



#ja-botsl1 ul, #ja-botsl1 p, #ja-botsl1 ol { }







#ja-topsl, #ja-botsl1 a {



	text-decoration: none;



}







#ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,



#ja-botsl1 a:hover, #ja-botsl1 a:active, #ja-botsl1 a:focus {



	text-decoration: underline;



}







/* Top spotlight ---*/



#ja-topsl {



	position: relative;



	z-index: 1;



	border-bottom: 1px solid #101010;



}







#ja-topsl .main { padding: 20px 0 10px; }







#ja-topsl .ja-box-left .ja-moduletable { margin-left: 0; }



#ja-topsl .ja-box-right .ja-moduletable { margin-right: 0; }







#ja-topsl h3 {



	margin: 0 0 8px;



	padding: 0;



	color: #fff;



	font-weight: normal;



	border: 0px;



	text-transform: none;



	font-size: 200%;



	background-image: none;



	padding-bottom: 0;



}







#ja-topsl .ja-box-ct h3 {



	margin-bottom: 0px;



	clear: both;



}







/* JA Bot ---*/



#ja-bot { }







#ja-bot .ja-moduletable h3, #ja-bot .moduletable h3 {



	margin-bottom: 10px;



	padding-left: 0;



}







#ja-bot .ja-moduletable h3 span, #ja-bot .moduletable h3 span {



	margin: 0;



}







#ja-bot .ja-moduletable, #ja-bot .moduletable {



	background: none;



	margin-left: 20px;



	margin-right: 20px;



}







#ja-bot .ja-box-ct {



	background: none;



	border: 0;



	margin: 0;



	padding: 0;



	overflow: hidden;



}







/* Bot spotlight ---*/



#ja-botsl1 {



	background: #101010;



	color: #C5C5C5;



	border-bottom: 1px solid #101010;



}







#ja-botsl1 .main { padding: 10px 0; }







#ja-botsl1 .ja-moduletable h3 {



	margin-bottom: 10px;



	padding-left: 0;



}







#ja-botsl1 .ja-box-left .ja-moduletable { margin-left: 0; }



#ja-botsl1 .ja-box-right .ja-moduletable { margin-right: 0; }







#ja-botsl1 .ja-moduletable h3 span {



	margin: 0;



}







#ja-botsl1 .ja-moduletable .ja-box-ct,



#ja-botsl1 .moduletable .ja-box-ct {



	background: none;



	border: 0;



	margin: 0;



	padding: 0;



}







.moduletable_linkWhite li {



	padding-left: 10px;



	margin-bottom: 7px;



}







.moduletable_linkWhite li:first-child {



	border-top: 0px;



}







.moduletable_linkWhite li a {



	color: #757575;



}







.moduletable_linkWhite li a:hover,



.moduletable_linkWhite li a:focus,



.moduletable_linkWhite li a:active {



	color: #fff;



}







#ja-botsl1 ul.address {



	padding-top: 10px;



	color: #757575;	



}







#ja-botsl1 ul.address li {



	padding-left: 0 !important;



	margin-left: 0 !important;



}







.moduletable_colorGrey .ja-box-ct{



	color: #757575;



}







.ja-box-right .ja-moduletable, .ja-box-right .moduletable,



.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }







/* Bot spotlight ---*/



#ja-botsl {



	background: url(../images/shadow-top.png) left top repeat-x #fb8819;



	color: #101010;



}







#ja-botsl-inner1 {



	background: url(../images/shadow-bot.png) left bottom repeat-x;



}







#ja-botsl a { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }



#ja-botsl a:hover, #ja-botsl a:focus, #ja-botsl a:active { color: #fff; border-bottom: 1px dotted #fff; }







#ja-botsl .ja-box-left .ja-moduletable { margin-left: 0; }



#ja-botsl .ja-box-right .ja-moduletable { margin-right: 0; }







#ja-botsl h3 {



	background-image: none;



	color: #101010;



	padding-bottom: 0;



}







/* JA Bulletin on bottom spotlight ---*/



#ja-botsl1 .ja-bulletin span.post-date {



	text-transform: none;



	margin-top: 3px;



}







/* FOOTER



--------------------------------------------------------- */



#ja-footer {



	clear: both;



	background-color: #000000;



	border-top: 4px solid #303030;



}







#ja-footer .main {



	color: #666;



	padding: 0;



	position: relative;



	padding: 15px 0 30px 0;



}







#ja-footer .inner { clear: both; }







#ja-footer .ja-copyright { }







#ja-footer small { color: #757575; font-size: 100%; }



#ja-footer small a { color: #fda40a; }







/* T3 Framework logo ---*/



#ja-poweredby a#t3-logo {



	background: url(../images/t3-logo.png) no-repeat left top;



	display: block;



	position: absolute;



	top: 20px;



	right: 0;



	height: 20px;



	text-indent: -9999%;



	width: 160px;



	text-decoration: none;



}







#ja-poweredby a#t3-logo:hover,



#ja-poweredby a#t3-logo:focus,



#ja-poweredby a#t3-logo:active {



	background-position: left bottom;



}







/* Foot Links ---*/



#ja-footer .ja-footnav {



	font-size: 100%;



}







.ja-footnav ul { }







.ja-footnav li {



	background: url(../images/icon-dash.gif) no-repeat left center;



	display: block;



	float: left;



	padding: 0 7px 0 10px;



}







.ja-footnav li a {



	color: #757575;



	display: block;



	text-decoration: none;



}







.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #fda40a; }







.ja-footnav .ja-firstitem { background: none; padding-left: 0; }







/* Copyright Info. ---*/



.ja-copyright small { display: block; }







/* MISCELLANOUS



----------------------------------------------------------- */



/* User Tools ---*/



ul.ja-usertools-font {



	font-size: 11px;



	position: absolute;



	top: 15px;



	right: 20px;



}







ul.ja-usertools-font li, ul.ja-usertools-screen li {



	padding: 0;



	margin: 0;



	display: inline;



	background: none;



}







ul.ja-usertools-screen  {



	font-size: 11px;



	position: absolute;



	top: 15px;



	right: 90px;



}







/* Others ---*/



#ja-banner {



	border-top: 1px solid #353535;



	margin: 0;



	overflow: hidden;



	padding-top: 15px;



	text-align: center;



	width: 100%;



}







div.ja-innerdiv {



	border-bottom: 1px dotted #ccc;



	clear: both;



	margin-bottom: 10px;



	padding-bottom: 12px;



}







div.ja-innerdiv h4 {



	font-size: 92%;



	font-weight: normal;



	margin: 5px 0;



	padding: 0;



	text-transform: uppercase;



}







.img-border {



	border: 1px solid #252525;



	margin: 0 0 10px 0;



	padding: 4px;



}







.cufon-canvas { padding: 1px 0 3px; }







/* JA Popup ---*/



.ja-gallery {



	text-align: center;



}







div.ja-thumb {



	display: inline;



	margin: 5px 10px 8px 0;



}







div.last {



	margin-right: 0;



}







div.ja-thumb img {



	border: 1px solid #252525;



	padding: 4px;



}







/* Social Network ---*/



div.ja-moduletable ul.social li {



	border-top: 1px solid #252525;



	padding: 0 20px 0 45px;



}







div.ja-moduletable ul.social li:first-child {



	border-top: 0px;



}







ul.social li.flickr { background: url(../images/icon-flickr.gif) no-repeat 20px 5px; }



ul.social li.digg { background: url(../images/icon-digg.gif) no-repeat 20px 5px; }



ul.social li.youtube { background: url(../images/icon-youtube.gif) no-repeat 20px 5px; }







/* */



.display {



}







/* weblink */



.weblinks .contentdescription img { margin: 0 20px 10px 0; border:1px solid #252525; padding:4px; }







/* poll */



.poll br {



	clear: both;



}







/* ja-right */



#ja-right .ja-mass-top .ja-moduletable{



	border-bottom: 1px solid #252525;



	padding-bottom: 15px;



}







/* ja-hot-news */



#ja-hot-news {



	background-color: #151515;



	border-bottom: 1px solid #000;



	padding-top: 5px;



}







#ja-hotnews h3 {



	background-image: none;



	float: left;



	font-size: 100%;



	color: #c5c5c5;



	font-weight: bold;



	font-family: Helvetica, Arial, sans-serif;



	padding-bottom: 0px;



}







#ja-hotnews div.ja-moduletable h3 span {



	padding-right: 10px;



}







.ja-headelines-buttons {



	margin-top: 2px;



}







.ja-headlines {



	width: 300px !important;



	float: left;



}







.ja-headelines-next {



	background:transparent url(../images/re-left1.gif) no-repeat scroll left 4px;



}







.ja-headelines-pre {



	background:transparent url(../images/re-right1.gif) no-repeat scroll left 4px;



}







a.ja-headelines-pre, a.ja-headelines-next {



	width: 10px;



}



/* */



.btlink { padding: 20px 0 !important; }







.btlink a {



	border: 1px solid #fff;



	border-top: 0;



	background: url(../images/grad4.gif) left top repeat-x;



	color: #101010;



	font-family: Georgia, "Times New Roman", Times, serif;



	font-size: 140%;



	padding: 9px 12px;



}







.btlink a:hover {



	text-decoration: none;



}







.btlink span {



	margin: 0 10px;	



}







/*  */



#ja-hotnews {



	float: left;



}







#ja-hotnews .ja-box-ct {



	float: left;



}







/* About static */



#ja-slideshow {



	background: #fb8819 url(../images/shadow.png) repeat-x scroll left top;



}







.contentSlideshow {



	background: url(../images/blog-bg.png) left bottom no-repeat;



}







#ja-slideshow .ja-moduletable { margin: 0px 15px; }







.moduletable_about .ja-box-ct {



	padding-top: 25px;



}







.moduletable_about {



	font-size: 300%;



	color: #fff;



	font-family: Georgia,"Times New Roman",Times,serif;



	height: 90px;



}







.moduletable_about .ja-box-ct p {



	color: #fff;



}







/* recent comments */



ul.recent-comments a{



	color: #c5c5c5;



}







ul.recent-comments li {



	padding: 5px 0;



	margin: 0;



	padding-left: 0 !important;



	border-bottom: 0;



	background: none !important;



}







ul.recent-comments span {



	color: #757575;



}







a.jac-links:hover span, a.jac-links:focus span, a.jac-links:active span {



	color: #fda40a;



}







.article_column .jac-links {



	background: none !important;



	padding-left: 0;



	margin: 0;



}







div.type_captcha {



	clear: both;



	margin: 10px 0 0 !important;



}







/* BLOG LAYOUT



----------------------------------------------------*/



.blog-layout h2 {



	background: url(../images/icon-line-grey.gif) no-repeat left bottom;



	padding: 0;



	font-family: Georgia, "Times New Roman", Times, serif;



	color: #fff;



	padding-bottom: 10px;



	font-size: 24px;



	font-weight: normal;



	font-style: normal; 



}







.blog-layout h2 a.contentpagetitle {



	color: #fff;



}







.blog-layout .article-tools {



	margin-top: 10px;



}







.article_row {



	border-bottom: 0px;



	margin-bottom: 20px;



}







#ja-current-content .article_row {



	margin-bottom: 0px;



}







#ja-blog-style .img_caption.left {



	margin-right: 0;



}







#ja-blog-style .img_caption.right {



	margin-left: 0;



}







#ja-blog-style img.caption {



	margin-right: 0;



}







#jac-wrapper input[type=checkbox] {



	background-color: transparent;



	border: 0;



}







/*



.jac-add-button {



	padding-left: 10px;



	padding-right: 10px;



}*/







#ja_twitter_div center {



	text-align: left;



}