Joomla 1.5 Как изменить цвет шаблона JA Ores

Хочется убрать ужастный серый фон и сделать сайт светлее
демо: http://templates.joomlart.com/ja_ores/

 

Исходник temple.css



/* COMMON STYLE
--------------------------------------------------------- */
body {
background: #fff;
color: #333;
font-family: Helvetica, Arial, sans-serif;
line-height: 1.5;
}

body#bd { background: #151515; color: #969696 }

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: #202020; }

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 #1c1c1c;
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 #202020;
border-bottom: 1px solid #202020;
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 #202020;
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; }

#ja-container {
position: relative;
z-index: 5;
border-top: 1px solid #252525;
border-bottom: 1px solid #252525;
background-color: #1c1c1c;
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: #202020;
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: 43px;
width: 128px;
}

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 #202020;
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 #202020;
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: #202020;
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;
}

 

теме ап

 

JA Ores - шаблон имеет 2 цвета фона (белый\черный)