کد:
[code]
/**
* ------------------------------------------------------------------------
@font-face {
font-family: 'bbadr';
src: url('../fonts/bbadr.eot?#') format('eot'), /* IE6–8 */
url('../fonts/bbadr.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../fonts/bbadr.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */}
@import url(../fonts/arialnarrow/stylesheet.css);
/* COMMON STYLE
--------------------------------------------------------- */
body { font-family:Tahoma, Arial, sans-serif; }
body#bd {
background: #fff;
color: #333;
font-size: 12px; /* Base Font */
line-height: 1.5;
}
/* Normal links ---*/
a { color: #069; text-decoration: none; }
a:visited { color: #333; }
a:hover, a:active, a:focus { text-decoration: underline; }
ul li { background:none; overflow:visible; padding:0;}
/* Readon links ---*/
p.readmore { float: left; padding-top: 2px; }
p.readmore a {
background: url(../images/arrow-bg.png) no-repeat right top;
color: #000 !important;
display: inline-block;
font: bold 10px/20px Tahoma, Arial, sans-serif;
height: 20px;
padding: 0 12px 0 8px;
text-transform: uppercase;
}
p.readmore a:hover, p.readmore a:active, p.readmore a:focus {
background: url(../images/arrow-bg.png) no-repeat right bottom;
color: #fff !important;
text-decoration: none;
}
/* Images ---*/
img.img-border {
border: 1px solid #ddd;
margin: 20px 0;
padding: 3px;
}
/* Headings & Titles ---*/
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; text-transform: none; }
h5 { font-size: 100%; }
.contentheading, .componentheading, h1, h2, h3, h4, h5 { font-family: Tahoma, Georgia, Cambria, "Times New Roman", Times, serif; }
h1.contentheading, h2.contentheading, .contentheading { margin: 0; padding-bottom: 5px; }
h1.componentheading, .componentheading {
border-bottom: 10px solid #ddd;
color: #000;
font: bold 200%/normal Tahoma, Arial, sans-serif;
margin-bottom: 12px;
padding: 0 0 8px;
text-transform: uppercase;
}
h2.contentheading, .contentheading { }
.contentheading { font-size: 200%; }
.blog-featured .contentheading,
.blog .contentheading { font-size: 125%; }
.ja-telineiv-blog .contentheading {
font-size: 200%;
line-height: 1;
margin: 0;
padding: 0 0 0 70px;
}
.ja-telineiv-blog .contentheading a {
color: #333;
}
.items-leading .contentheading { font-size: 175%; }
.jitem-title { font-size: 110%; font-weight: bold; }
/* List ---*/
.ja-moduletable ul li,
.ja-module ul li,
.ja-content-main ul li {
background: url(../images/bullet.gif) no-repeat 20px 6px;
line-height: 1.4;
}
.ja-content-main ul li p,
.ja-content-main ol li p {
margin: 0;
}
.ja-moduletable ol li,
.ja-module ol li,
.ja-content-main ol li { line-height: 1.4; }
/* Others ---*/
hr { border-top: 1px solid #ccc; }
#ja-absolute .main {
height: auto;
left: 1px;
position: fixed;
top: 1px;
width: auto !important;
z-index: 99999;
}
#ja-absolute .main a {
background: url(../images/joomla15.png) no-repeat left top;
display: block;
height: 99px;
overflow: hidden;
text-indent: -9999px;
width: 91px;
}
#ja-absolute .main a:hover,
#ja-absolute .main a:focus { background-position: left bottom; text-decoration: none; }
/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox { font-family: Tahoma, Arial, sans-serif; padding: 2px; }
.inputbox { background: #fff; border: 1px solid #aaa; padding: 3px 5px; }
.inputbox:hover, .inputbox:focus { }
.button,
button {
background: url(../images/grad-l1.gif) repeat-x left bottom #fff;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ddd;
border-right: 1px solid #ccc;
border-top: 1px solid #ddd;
cursor: pointer;
font-family: Tahoma, "Arial Narrow", Arial, Verdana, Sans-serif;
font-weight: bold;
overflow: visible;
padding: 3px 5px;
text-transform: uppercase;
}
.button:hover, .button:focus { }
.button2-left { margin-left: 0 !important; margin-top: 10px !important; }
/* Search ---*/
form#searchForm { border-top: 1px solid #ccc; }
.searchintro { border-bottom: 1px solid #ccc; }
.results h4 { font-size: 110%; text-transform: none; }
/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc; }
.contact_email { margin: 10px 0; }
.contact_email div { margin: 5px 0; }
label[for=contact_email_copy] { display: inline; }
input#contact_email_copy {
float: left;
margin-right: 5px;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading {
background: #FFFAE5;
border: 1px solid #ddd;
margin: 0 0 12px;
padding: 8px;
}
.items-row { background: url(../images/divider.gif) repeat-x top; padding-top: 20px; }
.items-row .item { background: url(../images/dot-2.gif) repeat-y left; }
.items-row .column-1 { background: none; }
/* Meta ---*/
.article-tools {
border-bottom: 1px dotted #ddd;
font-family: Tahoma, Arial, sans-serif;
line-height: normal;
margin-bottom: 5px;
padding: 0 0 2px;
text-transform: uppercase;
position: static;
}
dl.article-info { color: #999; margin: 5px 0 0; }
dl.article-info dd.create,
dl.article-info dd.createdby { }
ul.actions { margin: 0; }
ul.actions li { background: none; line-height: 1; }
p.modifydate {
color: #999;
font-family: Tahoma, "Arial Narrow", Arial, sans-serif;
margin-top: 0;
text-transform: uppercase;
}
.contentdescription { }
.ja-telineiv-blog .article-tools {
border: 0 none;
display: block;
font-style: italic;
padding: 5px 0 0 70px;
text-transform: uppercase;
}
.ja-telineiv-blog .article-info a {
text-transform: uppercase;
}
.ja-telineiv-blog .ja-blog-date {
background: url(../images/curl2-bg.gif) no-repeat left top;
color: #fff;
padding-top: 5px;
position: absolute;
left: -20px;
line-height: 1;
text-align: center;
top: 0px;
width: 80px;
}
.ja-blog-date div.inner {
display: inline;
}
.ja-telineiv-blog .ja-blog-date div.inner {
background: #333;
padding: 0 10px 5px 10px !important;
display: block;
}
.ja-telineiv-blog .ja-blog-date span.date {
float: left;
font-size: 200%;
font-weight: bold;
margin-top: 2px;
text-shadow: 0 1px 1px #000;
}
.ja-telineiv-blog .ja-blog-date span.month-year {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #ccc;
padding-top: 7px;
display: block;
}
.ja-telineiv-blog .ja-blog-date span.month-year strong {
display: block;
padding: 0 0 2px;
}
.ja-telineiv-blog .ja-blog-date .jac-add-button {
border: 0;
color: #ccc;
clear: both;
display: block;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 3px 0 0;
padding: 0;
width: 100%;
float: none;
}
.ja-telineiv-blog .ja-blog-date .jac-add-button a {
color: #ccc !important;
display: inline;
text-shadow: 0 1px 1px #000;
padding: 0 !important;
border: 0;
background: none !important;
text-transform: none;
line-height: normal;
width: 100%;
}
.ja-telineiv-blog .ja-blog-date .jac-add-button a:hover { color: #fff; }
.ja-telineiv-blog .jac-add-button span.jac-count-comment {
background: none;
border: 0;
color: #ccc !important;
padding: 0;
display: inline;
line-height: 1;
width: 100%;
}
/* Article ---*/
.blog-featured .article-content,
.blog .article-content { font-size: 100%; }
.item-page .article-content {
font-family: Tahoma, Georgia, Cambria, "Times New Roman", Times, serif;
font-size: 115%;
}
.item-page.ja-telineiv-blog {
position: relative;
}
/*Inline images ---*/
div.img_caption { margin-bottom: 15px !important; margin-top: 15px !important; }
p div.img_caption { margin-top: 5px; }
p.img_caption {
background-color: #000;
border-top: 1px solid #fff;
color: #ccc;
font-family: Tahoma, "Arial Narrow", Arial, sans-serif;
padding: 2px 5px 0;
text-transform: uppercase;
}
/* Tables ---*/
thead tr th { background: #333; color: #fff; padding: 5px; }
thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }
.cat-list-row1,
.cat-list-row12,
tr.cat-list-row1 td,
tr.cat-list-row2 td { padding: 5px; }
.cat-list-row1:hover,
.cat-list-row2:hover { background: #FFFFA3; }
.cat-list-row2,
tr.cat-list-row2 td { background-color: #f0f0f0; }
/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }
table.contenttoc td { }
table.contenttoc th { background: #f0f0f0; text-transform: uppercase; }
/* Poll */
form#poll { border-bottom: 1px dotted #ccc; font-weight: bold; }
dl.poll { border-bottom: 1px dotted #ccc; }
table.pollstableborder td { background: #f0f0f0; font-weight: bold; padding: 5px !important; }
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }
/* Pagination ---*/
.pagination { border-bottom: 1px solid #ddd; }
.pagination ul,
.pagination p.counter { line-height: 25px; margin: 0; }
.pagination li {
background: none !important;
}
.pagination li span,
.pagination li strong,
.pagination li a { line-height: 25px; }
.items-more { background: url(../images/divider.gif) repeat-x top; }
.items-more h3 {
font-family: Tahoma, "Arial Narrow", Arial, sans-serif;
font-size: 125%;
letter-spacing: -1px;
text-transform: uppercase;
}
/* Com User ---*/
.registration fieldset {
border: 1px solid #ccc;
padding: 15px;
margin: 15px 0;
}
/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
border-bottom: 1px solid #ddd;
border-top: 4px solid #ccc;
color: #000;
font: normal 125%/normal Tahoma, ArialNarrowBold, "Arial Narrow", Arial, sans-serif;
margin: 0;
padding: 8px 8px 5px;
text-transform: uppercase;
}
div.ja-moduletable, div.moduletable {
background: #fff;
border: 1px solid #ccc;
margin: 2px 2px 4px 2px;
padding: 0;
}
div.ja-moduletable .ja-box-ct, div.moduletable .ja-box-ct { padding: 8px; }
div.ja-moduletable ul, div.ja-module ul,
div.ja-moduletable ol, div.ja-module ol,
div.ja-moduletable p, div.ja-module p,
div.ja-moduletable h4, div.ja-module h4 { margin-top: 0; }
div.ja-moduletable ul li, div.ja-module ul li { background-position: 2px 7px; }
div.ja-moduletable #login-form ul li, div.ja-module #login-form ul li {
padding-left: 12px !important;
}
/* Tab Modules ---*/
div.moduletable-tabs { border-top: 0 !important; }
div.moduletable-tabs > h3 { display: none !important; }
div.moduletable-tabs .ja-box-ct { padding: 0 !important; }
/* JA News Frontpage Modules ---*/
div.moduletable-newsfp { background: 0 !important; border: 0; margin: 0 !important; }
div.moduletable-newsfp .ja-box-ct { padding: 0; }
.ja-colswrap .ja-moduletable .article_separator { display: none; }
span.jazin-content-text { color: #999; overflow: hidden; }
/* Moduletable mega ---*/
#ja-topnav {
float: right;
margin-bottom: -47px;
}
#ja-topmega {
position: relative;
z-index: 12;
border: none;
}
#ja-topmega li.nav-blog a.nav-blog,
#ja-topmega li.nav-interview a.nav-interview,
#ja-topmega li.nav-social a.nav-social,
#ja-topmega li.nav-feeds a.nav-feeds {
padding: 4px 0 3px;
margin: 3px 5px;
text-indent: -1000em;
width: 28px;
}
#ja-topmega li.nav-blog,
#ja-topmega li.nav-interview,
#ja-topmega li.nav-social,
#ja-topmega li.nav-feeds { float: right; border: none; }
#ja-topmega li.nav-social .childcontent-inner { background: #fff; }
/* Blog Button */
#ja-topmega li.nav-blog { background: url(../images/stripe-bg-2.png); }
#ja-topmega li.nav-blog a.nav-blog {
background: url(../images/icons/nav-blog.png) no-repeat center #000 !important;
}
#ja-topmega li:hover a.nav-blog,
#ja-topmega li.over a.nav-blog,
#ja-topmega li.active a.nav-blog {
background: url(../images/icons/nav-blog.png) no-repeat center #3b7513 !important;
}
#ja-topmega li.nav-blog .ja-moduletable ul li {
padding-left: 10px;
}
#ja-topmega li.nav-blog .childcontent-inner {
background-image: none !important;
}
#ja-topmega li.nav-blog .ja-moduletable .k2LatestCommentsBlock ul li {
background: none;
padding-left: 0;
padding-right: 0;
}
/* Interview Button */
#ja-topmega li.nav-interview { background: url(../images/stripe-bg-2.png); }
#ja-topmega li.nav-interview a.nav-interview {
background: url(../images/icons/nav-interview.png) no-repeat center #000 !important;
}
#ja-topmega li:hover a.nav-interview,
#ja-topmega li.over a.nav-interview,
#ja-topmega li.active a.nav-interview {
background: url(../images/icons/nav-interview.png) no-repeat center #e04b40 !important;
}
#ja-topmega li.nav-interview .childcontent-inner {
background-image: none !important;
}
/* Social Button */
#ja-topmega li.nav-social a.nav-social {
background: url(../images/icon-twitter.png) no-repeat center #138bb3 !important;
}
#ja-topmega li:hover a.nav-social,
#ja-topmega li.over a.nav-social,
#ja-topmega li.active a.nav-social {
background: url(../images/icon-twitter.png) no-repeat center #138bb3 !important;
}
/* RSS Feeds */
#ja-topmega li.nav-feeds a.nav-feeds {
background: url(../images/icon-feeds.png) no-repeat center #f68916 !important;
}
#ja-topmega li:hover a.nav-feeds,
#ja-topmega li.over a.nav-feeds,
#ja-topmega li.active a.nav-feeds {
background: url(../images/icon-feeds.png) no-repeat center #F68916 !important;
}
#ja-topmega li.nav-feeds .childcontent-inner { background: #fff; padding-top: 0;}
/* Ja Twitter Modules ---*/
div.ja-twitter { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0; }
.ja-twitter-wrapper ul li { background: none; }
.ja-twitter-wrapper {
background: #f0f0f0;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 8px;
}
.ja-twitter-wrapper .ja-twitter-avatar { padding-right: 2px !important; }
.ja-twitter-image { display: block; float: left; }
.ja-twitter-source,
.ja-twitter-text { color: #333; }
/* Advertisement Modules ---*/
div.moduletable-ads .ja-box-ct { padding: 0; }
div.moduletable-ads .ads-squarebutton img,
div.moduletable-ads .ads-squarepopup img { border: 1px solid #ccc; margin: 3px; }
div.moduletable-ads .ads-squarebutton { padding: 5px; }
div.bannergroup_text div.banneritem { border-bottom: 1px dotted #ccc; padding: 5px 0; }
div.bannergroup_text div.bannerfooter { padding: 5px 0; }
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container { }
#ja-container .main { }
#ja-container .main-inner1 { background: url(../images/stripe-bg-2.png) #ddd; margin: 0; padding: 2px; }
.main .main-inner1 { margin-left: 0; margin-right: 0; }
/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { }
#ja-main .inner { padding: 0; }
#ja-contentwrap { padding: 0; }
/* Content Top ---*/
.ja-content-top { background: #fff; border: 1px solid #ccc; margin: 2px; padding: 0; }
#ja-content-top .ja-moduletable, #ja-content-top .ja-module { margin-left: 0; margin-right: 0; }
/* Content Main ---*/
.ja-content-main {
background: url(../images/dot5px.gif) repeat-x top #fff;
border: 1px solid #ccc;
border-top: 0;
margin: 2px;
padding: 8px 15px;
}
/* Block Tabs */
.ja-blocktab {}
.ja-blocktab-title { left: -25px; position: absolute; top: 8px; }
.ja-blocktab-title ul { }
.ja-blocktab-title ul li {
background: url(../images/news-btn-sprites.gif) no-repeat top left #fff;
color: #666;
cursor: pointer;
display: block;
font: 92%/18px Tahoma, Arial, sans-serif;
margin-bottom: 5px;
text-indent: -1000em;
text-transform: uppercase;
width: 18px;
}
.ja-blocktab-title ul li:hover,
.ja-blocktab-title ul li.active { background-position: bottom left; }
.ja-blocktab-title ul li.blocktab-ja-news-2 { background-position: center top; }
.ja-blocktab-title ul li.blocktab-ja-news-2:hover,
.ja-blocktab-title ul li.blocktab-ja-news-2.active { background-position: center bottom; }
.ja-blocktab-title ul li.blocktab-ja-news-3 { background-position: right top; }
.ja-blocktab-title ul li.blocktab-ja-news-3:hover,
.ja-blocktab-title ul li.blocktab-ja-news-3.active { background-position: right bottom; }
/* Content Bottom ---*/
.ja-content-bottom { }
#ja-content-bottom .ja-moduletable, #ja-content-bottom .ja-module { margin-left: 0; margin-right: 0; }
/* Content Mass ---*/
.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin: 2px 2px 4px 2px; }
.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin: 2px 2px 4px 2px; }
#ja-content-mass-bottom .ja-moduletable,
#ja-content-mass-bottom .ja-module { border-top: 0; float: left; width: 49%; }
#ja-content-mass-bottom .ja-moduletable h3 { border-top: 5px solid #000; }
/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap { }
.ja-col { }
/* Left Columns ---*/
#ja-left { }
/* Right Columns ---*/
#ja-right { }
/* HEADER
--------------------------------------------------------- */
#ja-header { }
#ja-header .main { height: 160px; padding: 0; }
h1.logo, div.logo-text h1 { font-size: 40px; line-height: 1; }*/
/* Logo Image ---*/
h1.logo { height: 57px; margin-top: 40px; width: 222px; }
h1.logo a {
background: url(../images/log.png) no-repeat left top;
display: block;
height: 57px;
width: 222px;
}
h1.logo a:hover, h1.logo a:focus { background-position: left bottom; }
/* Logo Text ---*/
div.logo-text { margin-top: 40px; }
div.logo-text h1 { letter-spacing: 2px; margin-left: 2px; }
div.logo-text h1 a { color: #000; text-decoration: none; }
p.site-slogan {
background-image: url(../images/stripe-bg.png);
color: #999;
display: block;
font-family: Tahoma, Arial, sans-serif;
font-size: 85%;
line-height: 1;
margin: 3px 0 0;
padding: 0;
text-align: center;
text-transform: uppercase;
}
p.site-slogan span { background: #fff; display: inline-block; padding: 0 5px; }
/* Header Right ---*/
.ja-header-r { padding: 0; position: absolute; right: 0; top: 40px; width: 500px; }
/* Head Date */
.ja-day {
background: url(../images/stripe-bg-2.png);
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
color: #000;
float: left;
position: relative;
text-transform: uppercase;
}
.ja-day span { display: block; }
.ja-day span.month, .ja-day span.date {
border-right: 1px solid #ccc;
float: left;
font: bold 11px/26px Tahoma, Arial, sans-serif;
text-align: center;
width: 30px;
}
.ja-day span.day, .ja-day span.year {
display: none;
float: right;
font: bold 11px/26px Tahoma, Arial, sans-serif;
text-align: center;
text-transform: uppercase;
width: 50px;
}
.ja-day span.year { display: block; }
.ja-day:hover span.day { background: #069; color: #fff; display: block; }
.ja-day:hover span.year { display: none; }
/* Search ---*/
#ja-search {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
height: 26px;
right: 0;
top: 0;
}
#ja-search form.search {
background: url(../images/icons/search.png) no-repeat 10px center;
padding-left: 35px;
display: block;
height: 26px;
}
#ja-search .inputbox {
background: transparent;
border: 1px solid transparent;
color: #000;
font-size: 100%;
padding: 0;
width: 120px;
vertical-align: top;
margin-top: 4px;
}
#ja-search .button {
background: #ccc;
border: 0;
color: #000;
padding: 0px 8px;
height: 26px;
text-transform: uppercase;
vertical-align: middle;
white-space:nowrap;
margin: 0px !important;
}
#ja-search:hover form.search, #ja-search:focus form.search { background-color: #ddd; }
#ja-search:hover .button, #ja-search:focus .button { background: #069; color: #fff; }
/* Top Bar ---*/
#ja-topbar { height: 26px; position: absolute; top: 0; z-index: 11; }
#ja-topbar .main {
border-bottom: 1px solid #ccc;
color: #999;
font: 92%/26px Tahoma, Arial, sans-serif;
}
.ja-updatetime { border-right: 1px solid #ccc; float: left; padding: 0 10px; }
.ja-updatetime span { color: #999; font-weight: bold; }
.ja-updatetime em { color: #000; font-style: normal; margin-left: 5px; }
/* Headlines Module ---*/
.ja-healineswrap { float: left; overflow: hidden; width: 380px; }
.ja-healineswrap em {
color: #999;
display: block;
float: left;
font-style: normal;
font-weight: bold;
padding: 0 5px 0 10px;
}
.ja-headlines { float: left; height: 30px; }
.ja-headlines a { color: #000; padding: 1px 5px; text-transform: none; }
.ja-headlines a:hover, .ja-headlines a:active, .ja-headlines a:focus { background: #000; color: #fff; text-decoration: none; }
.ja-headlines .separator { color: #999; }
.ja-headelines-buttons { margin: 5px 0 0 5px; }
.ja-headelines-pre { background-image: url(../images/but-pre.png); }
.ja-headelines-next { background-image: url(../images/but-next.png); }
/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav { }
#ja-mainnav .main { border-top: 1px solid #ccc; margin-bottom: 12px; }
/* Special Buttons */
#ja-mainnav li.home { }
#ja-mainnav li.home a.home {
padding: 4px 0 3px;
margin: 3px 5px;
text-indent: -1000em;
width: 28px;
}
#ja-mainnav li.home .childcontent-inner { background-position: 14px top; /* Realign The Arrow */ }
span.has-image {
min-height: 18px;
}
/* Home Button */
#ja-mainnav li.home a.home { background: url(../images/icons/home.png) no-repeat center !important; }
#ja-mainnav li:hover a.home,
#ja-mainnav li.over a.home,
#ja-mainnav li.active a.home {
background: url(../images/icons/home-l.png) no-repeat center #000 !important;
}
/* Breadcrumbs Top ---*/
#ja-navhelper-top {
clear: both;
color: #999;
display: block;
font: 92%/normal Tahoma, Arial, sans-serif;
margin: 4px 0 12px -15px;
padding: 0;
position: relative;
}
#ja-navhelper-top .ja-breadcrums {
background: #f0f0f0;
border: 1px solid #ccc;
border-left: 0;
display: inline-block;
float: none;
height: 18px;
line-height: 18px;
margin-top: 0;
max-width: 95%;
overflow: hidden;
padding: 0 8px 0 20px;
white-space: nowrap;
width: auto;
}
#ja-navhelper-top .ja-breadcrums a { color: #000; }
#ja-navhelper-top .ja-breadcrums img { margin: 2px 2px 0; }
#ja-navhelper-top .ja-breadcrums span.name { }
#ja-navhelper-top .ja-breadcrums a.ja-back-btn {
background: url(../images/back-btn-bc.png) no-repeat center #ccc;
display: inline-block;
height: 20px;
left: 0;
position: absolute;
text-indent: -30000em;
top: 0;
width: 20px;
}
#ja-navhelper-top .ja-breadcrums a.ja-back-btn:hover,
#ja-navhelper-top .ja-breadcrums a.ja-back-btn:focus { background-color: #000; }
.ja-breadcrums { text-indent:12px }
/* Breadcrumbs ---*/
#ja-navhelper {
color: #ccc;
font: 92%/1.5 Tahoma, "Arial Narrow", Arial, sans-serif;
}
#ja-navhelper .main { padding: 10px 0; text-transform: uppercase; background: #2a2a2a;
border-bottom: 1px solid #333; }
.ja-breadcrums { text-indent: 8px; }
#ja-navhelper a { background: #000; color: #fff; padding: 1px 5px; }
/* Extras ---*/
.ja-links { padding-right: 10px; }
.ja-links li { padding: 0 10px; }
/* Default Joomla! Menu ---*/
#ja-container ul.menu li { border-bottom: 1px dotted #ddd; line-height: normal; }
#ja-container ul.menu li a { color: #333; padding: 5px 0; }
#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active,
#ja-container ul.menu li a:focus { }
#ja-container ul.menu li.active a { font-weight: bold; }
#ja-container ul.menu li ul { margin: 0; }
#ja-container ul.menu li li { background: none; border: none; }
#ja-container ul.menu li li a {
background: url(../images/arrow-3.png) no-repeat 2px 8px;
color: #666;
font-size: 92%;
font-weight: normal !important;
text-indent: 15px;
text-transform: none;
width: 100%;
}
#ja-container ul.menu li li a:hover,
#ja-container ul.menu li li a:active,
#ja-container ul.menu li li a:focus { background: url(../images/arrow-3.png) no-repeat 2px 8px; }
#ja-container ul.menu li.active > a { font-weight: bold !important; }
#ja-container ul.menu span.separator {
background: url(../images/arrow-3.png) no-repeat 2px 8px;
color: #666;
display: block;
font-size: 92%;
font-weight: normal !important;
padding: 5px 0;
text-indent: 15px;
text-transform: none;
width: 100%;
}
#ja-container ul.menu li ul ul { margin: 0 10px; }
/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl1 .ja-box, #ja-botsl1 .ja-box,
#ja-topsl2 .ja-box, #ja-botsl2 .ja-box { }
#ja-topsl1 .ja-moduletable, #ja-botsl1 .ja-moduletable,
#ja-topsl2 .ja-moduletable, #ja-botsl2 .ja-moduletable { margin: 0; }
/* Top spotlight 1 ---*/
#ja-topsl1 { padding: 12px 0 4px; }
#ja-topsl1 .main { padding: 0; }
#ja-topsl1 .column { overflow: visible; }
#ja-topsl1 .ja-box-right .ja-moduletable {
background: #fff !important;
border: 1px solid #ccc !important;
margin-bottom: 4px;
margin-left: 2px;
}
#ja-topsl1 .ja-box-right .moduletable-tabs { border-top: 0 !important; }
/* Bot spotlight 1 ---*/
#ja-botsl1 { padding: 8px 0 2px; }
#ja-botsl1 .main { padding: 0; width: 984px; }
#ja-botsl1 .ja-box { background: #fff; border: 1px solid #ccc; margin: 0 2px 6px; }
#ja-botsl1 .ja-moduletable { background: #fff; border: 0; }
#ja-botsl1 .ja-moduletable h3 { }
#ja-botsl1 .ja-moduletable h3 span { }
/* Bot spotlight 2 ---*/
#ja-botsl2 .main { background: #2a2a2a; padding: 10px 0; }
#ja-botsl2 a { color: #fff; }
#ja-botsl2 .main { padding: 0 0 8px; }
#ja-botsl2 .ja-moduletable { background: transparent; border: 0; color: #999; margin-top: 12px; }
#ja-botsl2 .ja-moduletable h3 {
border-bottom: 1px dotted #666;
border-top: 0;
color: #fff;
margin: 0 12px;
padding-left: 0;
}
#ja-botsl2 .ja-box-right .ja-moduletable { background: #333 !important; margin: 12px; }
#ja-botsl2 .ja-box-right .ja-moduletable .ja-box-ct { padding: 12px 12px 8px; }
/* FOOTER
----------------------------------------------------------- */
#ja-footer { padding: 0; }
#ja-footer .main { background: #1f1f1f; color: #666; padding: 0; text-align: left; }
#ja-footer .main-inner1 { padding: 12px 0 24px 240px; background: #1F1F1F; }
#ja-footer a { color: #aaa; }
#ja-footer a:hover { color: #fff; text-decoration: underline; }
#ja-footer .ja-footnav,
#ja-footer .ja-copyright { margin: 0 0 8px; }
/* Footnav ---*/
#ja-footer .ja-footnav {
border-bottom: 1px dotted #333;
}
#ja-footer .ja-footnav ul {
overflow: hidden;
padding-bottom: 8px;
padding-left: 4px;
float: left;
}
#ja-footer .ja-footnav ul.ja-links {
float: right;
margin: 0;
}
#ja-footer .ja-footnav ul li {
border-left: 1px dotted #333;
border-bottom: 0;
display: block;
float: left;
line-height: normal;
padding: 0 8px;
}
#ja-footer .ja-footnav ul li a {
padding: 0;
color: #aaa;
}
/* Foot Logo ---*/
#ja-footlogo {
background: url(../images/curl-bg-4.png) no-repeat right top;
height: 85px;
left: 12px;
position: absolute;
text-align: center;
top: -5px;
width: 220px;
}
#ja-footlogo a {
background: #000;
border: 1px solid #000;
color: #666;
display: block;
font: 24px/85px Tahoma, ArialNarrowBold, "Arial Narrow", Arial, sans-serif;
height: 85px;
text-transform: uppercase;
white-space: nowrap;
width: 214px;
}
#ja-footlogo a:hover,
#ja-footlogo a:active,
#ja-footlogo a:focus { background: #069; color: #fff; text-decoration: none; }
/* T3 Logo --- */
#ja-poweredby { position: absolute; right: 10px; top: 42px; }
/* Copyright Info. ---*/
#ja-footer .ja-copyright { border-left: 1px dotted #333; margin-left: 4px; padding-bottom: 4px; }
#ja-footer .ja-copyright small { text-indent: 8px; }
/* Site Map ---*/
#ja-sitemap { }
#ja-sitemap .item-inner { border-left: 1px solid #333; margin: 0; padding: 0 12px; }
#ja-sitemap .column1 .item-inner { border-left-color: #2a2a2a; }
#ja-sitemap .item-inner:hover { background: #333; }
#ja-sitemap h4 {
font-family: Tahoma, "Arial Narrow", Arial, sans-serif;
margin: 0;
padding: 4px 0 4px;
text-transform: uppercase;
}
#ja-sitemap .item-inner:hover h4 { color: #fff; }
#ja-sitemap ul { padding-bottom: 4px; }
#ja-sitemap ul li { background: url(../images/arrow-l.png) no-repeat 2px 5px; padding-left: 10px; }
#ja-sitemap ul li a { color: #999; font-size: 92%; }
/* MISCELLANOUS
----------------------------------------------------------- */
/* JA News Tooltips ---*/
.janews-tool-tip { background: #ffea97; border: 0; }
.janews-tool-tip .tool-tip { background: #ffffa3; border: 0; color: #000; overflow: hidden; }
.janews-tool-tip .janews-tool-title {
font-size: 110%;
font-weight: bold;
margin: 3px 3px 0;
padding: 8px 12px 4px;
}
.janews-tool-tip .janews-tool-text { margin: 0 3px 3px; padding: 0 12px 8px; }
.janews-tool-tip .janews-tool-text img { float: right !important; margin: 5px 0 0 8px; max-width: 60px; }
/* JA News Tooltips ---*/
.tip-wrap { background: #ffea97; border: 0;max-width:300px; }
.tip-wrap .tip { background: #ffffa3; border: 0; color: #000; overflow: hidden; }
.tip-wrap .tip-title {
font-size: 110%;
font-weight: bold;
margin: 3px 3px 0;
padding: 8px 12px 4px;
}
.tip-wrap .tip-text { margin: 0 3px 3px; padding: 0 12px 8px; }
.tip-wrap .tip-text img { float: right !important; margin: 5px 0 0 8px; max-width: 60px; }
/* Mod Feed ---*/
.newsfeed-wrap { border: 1px solid #ddd; margin-top: 10px; padding: 10px; }
.newsfeed-wrap .site-name { height: 20px; margin: -20px 0 10px -5px; width: 106px; }
.newsfeed-wrap .site-name a {
background: url(../images/joomlart.gif) no-repeat left top;
display: block;
height: 20px;
width: 106px;
}
.newsfeed-wrap .site-name a span { display: none; }
.newsfeed-wrap ul li {
background: url(../images/arrow-3.png) no-repeat left 5px !important;
padding-bottom: 5px;
padding-left: 15px;
}
.newsfeed-wrap ul li.last { border: none; padding-bottom: 0; }
/* Comment Button --- */
.jac-add-button {
display: block;
float: right;
font: 10px/normal Tahoma, Arial, sans-serif;
text-transform: uppercase;
}
.jac-add-button a, .jac-add-button span.jac-count-comment {
background: #f0f0f0;
color: #333 !important;
display: block;
float: left;
line-height: 18px;
padding: 0 8px;
border: 1px solid #ccc;
}
.jac-add-button a:hover,
.jac-add-button a:active,
.jac-add-button a:focus {
background: #000;
color: #fff !important;
border: 1px solid #000;
text-decoration: none;
}
.jac-add-button span.jac-count-comment {
background: #ccc;
border: 1px solid #ccc;
color: #333 !important;
font-weight: bold;
padding: 0 4px;
}
/* Others ---*/
#ja-banner { border-top: 1px solid #ccc; }
.custom-tabs p {
display: none;
height: 0;
position: absolute;
}
div.ja-innerdiv { border-bottom: 1px dotted #ccc; }
div.ja-innerdiv h4 {
color: #999;
font-family: Tahoma, Arial, sans-serif;
font-size: 92%;
font-weight: normal;
text-transform: uppercase;
}
div.advs-title {
background: url(../images/dot-g1.gif) repeat-x left center;
color: #999;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
}
div.advs-title span { background: #fff; padding: 0 5px; }
.fancyboxgroup,
.fancyboxgroup:hover,
.fancyboxgroup:focus { cursor: pointer; text-decoration: none; }
ul.social-network { overflow: hidden; }
ul.social-network li { display: block; float: left; }
/* Max Width for Side Image --- */
#ja-inset1 div.ja-innerdiv img,
#ja-right div.ja-innerdiv img,
#ja-inset1 div.ja-innerdiv img,
#ja-right div.ja-innerdiv img { max-width: 99.9%; }
/* contentpane ---*/
body#bd.contentpane { }
body#bd.contentpane p { margin: 10px 0; }
/* COLOR THEMES
------------------------------------------------*/
.ja-zin .ja-zinsec:hover .ja-zincat h3 { background-image: url(../images/arrow-3-l.png); }
.ja-zin .ja-zinsec:hover .ja-zincat h3 a { color: #fff; }
.default .ja-zin .ja-zinsec:hover a { color: #333; }
/* Black ---*/
.ja-zin .ja-zinsec:hover { }
.ja-zin .ja-zinsec:hover h2 a { color: #000; }
.ja-zin .ja-zinsec:hover .ja-zincat h3 { background-color: #000; }
.pulse .ja-zin .ja-zinsec:hover h2 { background-color: #000; }
.pulse .ja-zin .ja-zinsec:hover h2 a { color: #fff; }
.pulse .ja-zin .ja-zinsec:hover h4.ja-zintitle a { color: #000; }
/* Red ---*/
.ja-zin .ja-zinsec:hover.red { }
.ja-zin .ja-zinsec:hover.red h2 a { color: #9c152d; }
.ja-zin .ja-zinsec:hover.red .ja-zincat h3 { background-color: #9c152d; }
.ja-zin .ja-zinsec:hover.red .subcats-selection li.active a { color: #9c152d; }
.pulse .ja-zin .ja-zinsec:hover.red h2 { background-color: #9c152d; }
.pulse .ja-zin .ja-zinsec:hover.red h2 a { color: #fff; }
/* Blue ---*/
.ja-zin .ja-zinsec:hover.blue { }
.ja-zin .ja-zinsec:hover.blue h2 a { color: #069; }
.ja-zin .ja-zinsec:hover.blue .ja-zincat h3 { background-color: #069; }
.ja-zin .ja-zinsec:hover.blue .subcats-selection li.active a { color: #069; }
.pulse .ja-zin .ja-zinsec:hover.blue h2 { background-color: #069; }
.pulse .ja-zin .ja-zinsec:hover.blue h2 a { color: #fff; }
/* cyan ---*/
.ja-zin .ja-zinsec:hover.cyan { }
.ja-zin .ja-zinsec:hover.cyan h2 a { color: #138bb3; }
.ja-zin .ja-zinsec:hover.cyan .ja-zincat h3 { background-color: #138bb3; }
.ja-zin .ja-zinsec:hover.cyan .subcats-selection li.active a { color: #138bb3; }
.pulse .ja-zin .ja-zinsec:hover.cyan h2 { background-color: #138bb3; }
.pulse .ja-zin .ja-zinsec:hover.cyan h2 a { color: #fff; }
/* Lime ---*/
.ja-zin .ja-zinsec:hover.lime { }
.ja-zin .ja-zinsec:hover.lime h2 a { color: #818800; }
.ja-zin .ja-zinsec:hover.lime .ja-zincat h3 { background-color: #818800; }
.ja-zin .ja-zinsec:hover.lime .subcats-selection li.active a { color: #818800; }
.pulse .ja-zin .ja-zinsec:hover.lime h2 { background-color: #818800; }
.pulse .ja-zin .ja-zinsec:hover.lime h2 a { color: #fff; }
/* Green ---*/
.ja-zin .ja-zinsec:hover.green { }
.ja-zin .ja-zinsec:hover.green h2 a { color: #3b7513; }
.ja-zin .ja-zinsec:hover.green .ja-zincat h3 { background-color: #3b7513; }
.ja-zin .ja-zinsec:hover.green .subcats-selection li.active a { color: #3b7513; }
.pulse .ja-zin .ja-zinsec:hover.green h2 { background-color: #3b7513; }
.pulse .ja-zin .ja-zinsec:hover.green h2 a { color: #fff; }
/* Orange ---*/
.ja-zin .ja-zinsec:hover.orange { }
.ja-zin .ja-zinsec:hover.orange h2 a { color: #bf5600; }
.ja-zin .ja-zinsec:hover.orange .ja-zincat h3 { background-color: #bf5600; }
.ja-zin .ja-zinsec:hover.orange .subcats-selection li.active a { color: #bf5600; }
.pulse .ja-zin .ja-zinsec:hover.orange h2 { background-color: #bf5600; }
.pulse .ja-zin .ja-zinsec:hover.orange h2 a { color: #fff; }
/* Brick ---*/
.ja-zin .ja-zinsec:hover.brick { }
.ja-zin .ja-zinsec:hover.brick h2 a { color: #e04b40; }
.ja-zin .ja-zinsec:hover.brick .ja-zincat h3 { background-color: #e04b40; }
.ja-zin .ja-zinsec:hover.brick .subcats-selection li.active a { color: #e04b40; }
.pulse .ja-zin .ja-zinsec:hover.brick h2 { background-color: #e04b40; }
.pulse .ja-zin .ja-zinsec:hover.brick h2 a { color: #fff; }
/* Pink ---*/
.ja-zin .ja-zinsec:hover.pink { }
.ja-zin .ja-zinsec:hover.pink h2 a { color: #a71269; }
.ja-zin .ja-zinsec:hover.pink .ja-zincat h3 { background-color: #a71269; }
.ja-zin .ja-zinsec:hover.pink .subcats-selection li.active a { color: #a71269; }
.pulse .ja-zin .ja-zinsec:hover.pink h2 { background-color: #a71269; }
.pulse .ja-zin .ja-zinsec:hover.pink h2 a { color: #fff; }
/* Ja Popup ---*/
.ja-video-thumb { overflow: hidden; }
.ja-video-thumb a,
.ja-video-thumb a.highslide {
display: block;
float: left;
margin: 2px;
}
.ja-video-thumb a img,
.ja-video-thumb a.highslide img {
border: 0;
margin: 0;
padding: 0;
}
.ja-video-thumb a.highslide:hover img {
border: 0 !important;
}
/* Archive page
--------------------------------------------------------- */
.archive dl.article-info { float:none; }
ul#archive-items li {
background: none;
padding-left: 10px;
}
.profile-edit fieldset dt {
min-width: 17em;
}
.contact-form fieldset dd {
margin-left: 0px;
}
.contact-miscinfo .jicons-icons, .contact-address .jicons-icons {
float: left;
width: 16px;
margin-right: 3px;
}
.contact div.current { max-width: 515px; }
p img.caption{
margin-top: -10px;
}
.ja-megamenu ul.level0 li.mega a.mega{font-size:10px}
div.ja-moduletable h3, div.moduletable h3 {
font-family: Tahoma,"Arial Narrow",Arial,sans-serif;
font-size:12px;
}
.ja-zinfp-featured h2.ja-zintitle {
font-size:12px;
line-height: 1.275;
font-weight:normal;
}
.default .ja-zinsec h2 {
font:Tahoma,Arial,sans-serif;
font-weight:normal;
letter-spacing: -1px;
text-indent: 4px;
text-transform: uppercase;
}