@font-face {
font-family: 'BKoodakBold';
src: url('fonts/BKoodakBold.eot?#') format('eot'),
url('fonts/BKoodakBold.woff') format('woff'),
url('fonts/BKoodakBold.ttf') format('truetype');
}
/*
* ------------------------------------------------------------------------
* JA Ironis Template for Joomla 2.5
* ------------------------------------------------------------------------
* Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: J.O.O.M Solutions Co., Ltd
* Websites: http://www.joomlart.com - http://www.joomlancers.com
* This file may not be redistributed in whole or significant part.
* ------------------------------------------------------------------------
*/
@import url(../fonts/bebas_neue/stylesheet.css);
/* COMMON STYLE
--------------------------------------------------------- */
html,body { color: #333; height: 100%; line-height: 1.6; }
body#bd {
background: url(../images/body_bg.gif) repeat;
color: #333;
}
/* Normal links ---*/
a { color: #ec534d; text-decoration: none; }
a:hover,
a:active,
a:focus { color: #3DB9B1; text-decoration: none; }
/* Readon links ---*/
p.readmore { display: inline; float: left; margin-right: 1px; }
a.readon {
background: url(../images/arrow-normal.png) no-repeat left center;
border-bottom: 1px dotted #ccc;
font-size: 100%;
padding-left: 20px;
}
.readmore a,
a.readmore {
background: url(../images/more.gif) no-repeat left center;
color: #EC534D;
display: block;
margin: 0 !important;
margin-top: 15px;
padding-left: 0px;
}
a.readmore { margin-top: 10px !important; }
.readmore a span, a.readmore span { border-bottom: 1px dotted #ccc; }
a.more-color1,
.readmore a.more-color1 {
background-image: url(../images/more-color1.gif);
color: #222;
}
a.more-color2,
.readmore a.more-color2 {
background-image: url(../images/more-color2.gif);
color: #3DB9B1;
}
a.more-color3,
.readmore a.more-color3 {
background-image: url(../images/more-color3.gif);
color: #5b3800;
}
.readmore a:hover,
.readmore a:focus,
.readmore a:active,
a.readmore:hover,
a.readmore:focus,
a.readmore:active {
background-image: url(../images/more-hover.gif);
color: #3db9b1;
}
.readmore a:hover span,
.readmore a:focus span,
.readmore a:active span,
a.readmore:hover span,
a.readmore:focus span,
a.readmore:active span { border-color: #3db9b1; }
/* Headings ---*/
h1.componentheading,
.componentheading {
background: url("../images/arrowblue_bg.gif") no-repeat scroll 30px bottom;
color: #FFF;
font-size: 135%;
font-weight: normal;
line-height: normal;
margin: -40px 0 0 -40px;
padding: 0 0 10px 0;
}
h1.componentheading span,
.componentheading span {
background: #3DB9B1;
display: inline-block;
padding: 0px 20px;
}
.contentheading,
.componentheading {
font-family: 'BKoodakBold';
font-weight: normal;
line-height: normal;
}
.contentheading, .componentheading, h1, h2, h3, h4, h5 { line-height: normal; }
h1, h2, h3, h4, h5, #jac-login-joomla-form h2 {
line-height: normal;
font-family: 'BKoodakBold';
}
.contentheading,
.blog-featured .contentheading {
margin: 0;
padding: 0 0 5px 0;
}
.contentheading a ,
.blog-featured .contentheading a { color: #222; }
body.contentpane .contentheading { background: none; }
.contentheading a:hover, .contentheading a:active, .contentheading a:focus,
.blog-featured .contentheading a:hover, .blog-featured .contentheading a:focus,
.blog-featured .contentheading a:active { color: #ec534d; }
.category-desc h3 {
font-family: 'BKoodakBold';
font-size: 145%;
font-weight: normal;
margin: 0px 0 0 0;
}
/* Categories List ---*/
div.categories-list.bloglist > ul {
margin: 20px -20px;
}
div.categories-list.bloglist ul li {
width: 33%;
float: left;
}
div.categories-list.bloglist ul li span.jitem-title {
margin: 0 20px;
padding: 20px 20px 10px;
display: block;
font-family: 'BKoodakBold';
font-weight: larg;
font-size: 150%;
}
.bloglist .view-bloglist span.jitem-title a {
color: #111;
border-bottom: none;
}
.bloglist .view-bloglist span.jitem-title a:hover,
.bloglist .view-bloglist span.jitem-title a:focus,
.bloglist .view-bloglist span.jitem-title a:active {
color: #EC534D;
border-bottom: none;
}
div.categories-list.bloglist ul li .view-bloglist {
margin: 0 20px;
padding: 0 20px 20px;
background: #f8f8f8;
border: 1px solid #e6e7e8;
}
div.categories-list.bloglist ul li .view-bloglist:hover {
background: #fff;
border-color: #ec534d;
}
.row-separator {
display: none !important;
height: 0px;
line-height: 0px;
}
/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
font-family: 'BKoodakBold';
padding: 2px;
}
.inputbox {
background: #F8F8F8;
border: solid 1px #eee;
color: #aaa;
}
.button,
input[type="button"],
button[type="submit"] {
background-color: #e95450;
border: 0;
color: #fff;
overflow: visible;
padding: 6px 10px;
font-weight: bold;
}
.button:hover,
input[type="button"]:hover,
button[type="submit"]:hover { background: #3db9b1; color: #fff; cursor: pointer; }
.inputbox,
input[type="text"],
.txtbox,
textarea {
background: #f8f8f8;
color: #666;
margin-left: 3px;
padding: 6px;
}
.inputbox:hover,
input[type="text"]:hover,
.txtbox:hover,
textarea:hover{
background: #fff;
border-color: #e95450;
border-style: solid;
}
.josForm { padding-bottom: 20px; }
.button2-left{ margin-top: 15px !important; }
/* Search ---*/
.moduletable_search .ja-box-ct{
border: solid 1px transparent;
margin: 0 0 20px !important;
padding: 0 !important;
}
.moduletable_search label { display: none; }
.search_search {
background: url(../images/icon-search.png) no-repeat 99% center #f8f8f8;
border: solid 1px #ccc;
margin: 0 20px;
padding: 6px 0;
}
.search_search:hover { background-image: url(../images/icon-search-hover.png); }
.inputbox_search {
background: #f8f8f8;
border: none !important;
color: #999;
padding: 5px 0;
width: 85%;
}
.inputbox_search:hover { background-color: #f8f8f8 !important; }
#searchForm .paginations { right: 20px; }
/* Contact ---*/
.contact { padding-bottom: 20px; }
#component-contact #emailForm { border-top: 1px solid #ccc; }
/* Slider */
#contact-slider { border-bottom: 1px solid #ddd; float: none; margin-top: 20px; }
#contact-slider .title {
border-left: 1px solid #e2e2b5;
border-right: 1px solid #e2e2b5;
border-top: 1px solid #e2e2b5;
margin: 0;
padding: 8px 10px;
}
#contact-slider .jpane-toggler-down { background: #333333; }
#contact-slider .jpane-toggler-down a { color: #fff; }
#contact-slider dt.closed { background: #ffffcc; }
#contact-slider .content { padding: 8px 10px; }
#contact-slider .contact-image { float: left; margin: 15px 0; }
#contact-slider .inputbox,
#contact-slider input[type="text"],
#contact-slider textarea,
#contact-slider input {
background: #F8F8F8 !important;
color: #666 !important;
margin-right: 0 !important;
padding: 3px 0 !important;
}
.panel { border-bottom: none; }
#ja-content-main .contact .panel h3 { font-weight: normal; }
div.contact-links ul li {
padding-right: 10px;
background: url("../images/arrow-check.png") no-repeat scroll left center;
}
div.contact-links ul li:hover {
background-image: url("../images/arrow-check-hover.png");
}
div.contact-links ul li a { color: #ec534d; border-bottom: dotted 1px #ccc; }
div.contact-links ul li a:hover,
div.contact-links ul li a:focus,
div.contact-links ul li a:active { color: #3db9b1; border-color: #3db9b1; }
/* Tabs */
#contact-slider.tabs {
border-bottom: 0;
margin: 20px 0 -1px;
padding-right: 10px;
position: relative;
}
#contact-slider.tabs dt {
background: #f2f2f2;
border: 1px solid #ddd;
padding: 6px 10px;
font-weight: normal;
}
#contact-slider.tabs dt.open {
border-bottom-color: #fff;
}
#contact-slider.tabs dt h3 {
font-weight: normal;
}
#contact-slider.tabs dt a {
color: #444;
}
#contact-slider.tabs dd {
margin: 0;
}
div.current {
max-width: none;
}
div.current dd.tabs p {
margin: 0;
}
/* -- EDITOR STYLES ----------------------------- */
#adminForm fieldset {
border: 1px solid #ccc;
margin-bottom: 20px;
padding: 10px;
}
#adminForm fieldset legend { padding: 0 5px; }
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Meta ---*/
.article-tools { color: #999; font-size: 100%; margin-bottom: 15px; }
.article-tools dl dd { margin: 0; padding: 0; font-style: italic; }
.article-tools dl dd.createdby,
.article-tools dl dd.catitemdate,
.article-tools dl dd.create { font-style: normal; }
dl.article-info { color: #999; margin: 5px 0 0 0 !important; }
dl.article-info a { color: #ec534d; border-bottom: 1px dotted #ccc; font-style: normal; }
dl.article-info a:hover,
dl.article-info a:focus,
dl.article-info a:active { color: #3db9b1; border-color: #3db9b1; }
dl.article-info .italic { font-family: 'BKoodakBold'; }
ul.actions { margin-top: 5px; }
/* Article ---*/
.article-content { overflow: visible !important; }
.items-row { margin: 0; }
/* Category List ---*/
div.categories-list ul li { padding-left: 0; margin: 0px; }
div.categories-list a {
color: #ec534d;
border-bottom: dotted 1px #ccc;
}
div.categories-list a:hover,
div.categories-list a:focus,
div.categories-list a:active {
color: #3db9b1;
border-color: #3db9b1;
}
div.categories-list dl.article-count dt,
div.categories-list dl.article-count dd {
display: inline;
}
div.categories-list dl.article-count dd {
margin-left: 0;
}
div.categories-list ul li ul {
margin: 0px 0px 0px 15px;
}
div.categories-list ul li li {
background: url(../images/arrow-check.png) no-repeat left 11px;
padding: 3px 0 3px 10px;
border: none;
}
div.categories-list ul li ul { margin: 0px 0px 0px 15px; }
div.categories-list ul li li li { background: url(../images/arrow-check.png) no-repeat left 11px; }
div.categories-list ul li li:hover { background-image: url(../images/arrow-check-hover.png); }
div.categories-list ul li li.last {
border-bottom: 0;
}
/* Sub Category List ---*/
.cat-list-row1, .cat-list-row12 {
background: #f8f8f8;
}
.cat-list-row0:hover, .cat-list-row1:hover , .cat-list-row12:hover {
background: #ffffcc;
}
table.category { margin-bottom: 20px; }
table.category ul.actions { margin-top: 0px; }
/* Inline images ---*/
img.img-border {
border: 1px solid #ccc;
display: block;
margin-bottom: 15px;
padding: 3px;
}
img.img-noborder {
display: block;
margin-bottom: 15px;
}
img.left { margin-right: 15px; }
img.right { margin-left: 15px; }
/* 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; }
table.contentpaneopen .pagination { margin-bottom: -5px; margin-right: 0; }
/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }
table.contenttoc td { border-bottom: 1px dotted #ccc; }
table.contenttoc th {
background: #f6f6f6;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
}
table.pollstableborder td {
background: #f6f6f6;
border-bottom: 1px solid #eee;
font-weight: bold;
padding: 5px !important;
}
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }
/* Poll */
h4.poll-title {
font-family: 'BKoodakBold';
margin-bottom: 5px;
text-transform: none;
}
.poll { line-height: 30px; }
/* Pagination */
div.paginations {
bottom: -62px;
margin: 0 0 25px 0;
padding: 0;
position: absolute;
right: 0;
}
.pagination { background: #111; float: right; }
.pagination ul { margin: 0; }
.pagination ul li {
background: url(../images/line-page.gif) no-repeat left bottom;
color: #7b7d80;
display: block;
padding: 0;
}
.pagination ul li a.pagenav {
border-bottom: 6px solid #fff;
color: #7b7d80;
display: block;
line-height: 1;
margin: 0;
padding: 10px 12px;
}
.pagination ul li a:hover,
.pagination ul li a:focus,
.pagination ul li:active { color: #fff; }
.pagination ul li span.pagenav {
background: #fff;
border-bottom: 6px solid #ec534d;
color: #222;
display: block;
line-height: 1;
margin: 0;
padding: 10px 15px;
}
/* Tooltips --- */
.items-row .contentpaneopen_edit { padding-left: 0; }
/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable,
div.moduletable {
background: #fff;
margin: 0 20px 45px 0;
padding: 20px 0 0 0;
position: relative;
}
div.ja-moduletable .ja-box-ct,
div.moduletable .ja-box-ct { padding: 30px 20px 20px 20px; }
div.ja-moduletable.blackcontent .ja-box-ct,
div.moduletable.blackcontent .ja-box-ct { color: #777; }
div.ja-moduletable > h3, div.moduletable > h3 {
background: url(../images/arrow_bg.gif) no-repeat 30px bottom;
color: #fff;
font-family: 'BKoodakBold';
font-size: 145%;
font-weight: normal;
left: -20px;
line-height: normal;
padding: 0 0 10px 0;
position: absolute;
text-transform: uppercase;
top: -20px;
z-index: 1;
}
div.ja-moduletable > h3 span,
div.moduletable > h3 span {
background: #ec534d;
display: inline-block;
line-height: 1;
margin: 0;
padding: 15px 20px;
}
.arroundtitle .ja-box-ct {
margin: -15px 5px 5px 5px;
padding: 40px 15px 15px 15px !important;
}
/* Module Red */
div.ja-moduletable.redtitle h3,
div.moduletable.redtitle h3 { background-image: url(../images/arrow_bg.gif); }
div.ja-moduletable.redtitle h3 span,
div.moduletable.redtitle h3 span { background: #ec534d; }
div.redtitle { color: #777; }
div.redtitle.arroundtitle .ja-box-ct {
background-color: #FEF4F4;
border: solid 1px #FBD4D3;
color: #777;
}
/* Module Blue */
div.ja-moduletable.bluetitle h3,
div.moduletable.bluetitle h3 { background-image: url(../images/arrowblue_bg.gif); }
div.ja-moduletable.bluetitle h3 span,
div.moduletable.bluetitle h3 span { background: #3DB9B1; }
div.bluetitle { color: #777; }
div.bluetitle.arroundtitle .ja-box-ct {
background-color: #F1FBFA;
border: solid 1px #D6F3F1;
color: #777;
}
/* Module Black */
div.ja-moduletable.blacktitle h3 span,
div.moduletable.blacktitle h3 span { background: #222; }
div.ja-moduletable.blacktitle h3,
div.moduletable.blacktitle h3 { background-image: url(../images/arrowblack_bg.gif); }
div.blacktitle { color: #777; }
div.blacktitle.arroundtitle .ja-box-ct {
background-color: #F2F2F2;
border: solid 1px #D8D8D8;
color: #777;
}
div.blackcontent.arroundtitle .ja-box-ct { border: solid 1px #494949; color: #777; }
/* Module Brown */
div.ja-moduletable.browntitle h3,
div.moduletable.browntitle h3 { background-image: url(../images/arrowbrown_bg.gif); }
div.ja-moduletable.browntitle h3 span,
div.moduletable.browntitle h3 span { background: #5b3800; }
div.browntitle { color: #777; }
div.browntitle.arroundtitle .ja-box-ct {
background-color: #fffceb;
border: solid 1px #e3dcb2;
color: #75592b;
}
/* Module Green */
div.ja-moduletable.greentitle h3,
div.moduletable.greentitle h3 { background-image: url(../images/arrowgreen_bg.gif); }
div.ja-moduletable.greentitle h3 span,
div.moduletable.greentitle h3 span { background: #61acd6; }
div.greentitle { color: #777; }
div.greentitle.arroundtitle .ja-box-ct {
background-color: #ecf5f8;
border: solid 1px #c6e0e7;
color: #777;
}
/* Module Menu */
div.ja-moduletable.moduletable_menu ul li a,
div.moduletable.moduletable_menu ul li a {
background: url(../images/arrow-normal.png) no-repeat 20px center !important;
border: none !important;
color: #777;
display: block;
margin: 0;
padding: 12px 0 12px 40px !important;
}
div.ja-moduletable.moduletable_menu ul,
div.moduletable.moduletable_menu ul { margin: 10px -20px 0 -20px; }
div.ja-moduletable.moduletable_menu ul li a:hover,
div.ja-moduletable.moduletable_menu ul li a:focus,
div.ja-moduletable.moduletable_menu ul li a:active,
div.moduletable.moduletable_menu ul li a:hover,
div.moduletable.moduletable_menu ul li a:focus,
div.moduletable.moduletable_menu ul li a:active {
background-image: url(../images/arrow-active.png)!important;
color: #fff;
}
div.ja-moduletable.moduletable_menu ul li,
div.moduletable.moduletable_menu ul li {
background: url(../images/line-menu.gif) repeat-x left bottom;
display: block;
margin: 0;
padding: 0;
}
div.ja-moduletable.moduletable_menu ul li.active,
div.moduletable.moduletable_menu ul li.active {
background: url(../images/line-menu.gif) repeat-x left top;
}
div.ja-moduletable.moduletable_menu,
div.moduletable.moduletable_menu,
div.moduletable.blackcontent { background-color: #111; }
div.ja-moduletable.videos,
div.moduletable.videos { background-color: #222; }
.moduletable_author .content .italic { margin-top: -5px; }
.videos .ja-box-ct .readmore span { border-color: #333 !important; }
/* Module list ---*/
div.ja-moduletable ul,
div.ja-module ul { margin: 0; }
div.ja-moduletable.listmenu ul li,
div.ja-module.listmenu ul li {
background: none;
border-bottom: 1px dotted #ccc;
margin: 0;
padding: 4px 0;
}
div.ja-moduletable.listmenu ul li a,
div.ja-module.listmenu ul li a {
background: url("../images/bullet-grey.gif") no-repeat scroll 0 0;
color: #666;
padding-left: 20px;
}
div.ja-moduletable.listmenu ul li a:hover,
div.ja-module.listmenu ul li a:hover {
background-image: url(../images/more-hover.gif);
color: #3db9b1;
}
/* Module No Title ---*/
div.ja-moduletable.notitle,
div.ja-module.notitle { margin-top: -20px; }
div.ja-moduletable.notitle .ja-box-ct,
div.ja-moduletable.notitle .ja-box-ct { padding-top: 0; }
/* Module Advertising---*/
.advertising ul li {
background: none;
display: block;
float: left;
height: 80px;
margin: 0 10px 0 0 !important;
padding: 0 !important;
width: 160px;
}
.advertising ul li a {
background-position: center center;
background-repeat: no-repeat;
border: none;
cursor: pointer;
display: block;
font-size: 0;
height: 80px;
line-height: 0;
text-decoration: none;
text-indent: -9999em;
width: 160px;
}
.advertising ul li a.icon_work { background-image: url(../images/workhabit.gif); }
.advertising ul li a.icon_phase { background-image: url(../images/phase.gif); }
.advertising ul li a.icon_trellon { background-image: url(../images/trellon.gif); }
.advertising ul li a.icon_adyax { background-image: url(../images/adayx.gif); }
.advertising ul li a.icon_nodeone { background-image: url(../images/nodeone.gif); }
/* Login Module ---*/
#login-form .userdata { padding: 0 0 8px; }
#login-form label { color: #333; }
#login-form ul li { background: none; margin: 0; padding: 0; }
#login-form ul li a { color: #EC534D; padding: 2px 0; }
#login-form ul li a:hover,
#login-form ul li a:focus { color: #3db9b1; }
#login-form .inputbox, #login-form input {
background: #F8F8F8;
border: solid 1px #ccc;
color: #666;
margin-left: 0;
width: 84%;
}
#login-form input.button {
background-color: #e95450;
border: 0;
color: #fff;
overflow: visible;
padding: 6px 10px;
font-weight: bold;
width: auto;
}
#login-form input.button:hover { background: #3db9b1; color: #fff; cursor: pointer; }
#login-form input#modlgn-remember {
background: none;
border: 0 !important;
height: auto;
margin: 0;
padding: 0;
width: auto;
}
#login-form p { margin: 0 0 5px; padding: 0 0 4px; }
#login-form label { color: #333; display: block; font-weight: bold; }
#login-form #form-login-remember label { display: inline; }
.form-validate { padding-bottom: 20px; }
.form-validate dl { margin: 0; }
.form-validate .inputbox,
.form-validate input,
.form-validate textarea,
.login-fields input {
background: #f8f8f8;
border: 1px solid #c6c6c6;
border-left-color: #e9e9e9;
border-top-color: #e9e9e9;
color: #7b7d80;
margin-left: 0;
margin-right: 15px;
overflow: visible;
padding: 6px;
}
#searchForm legend { float: left; }
#contact-form legend { float: none; }
.form-validate .inputbox:hover,
.form-validate input:hover,
.form-validate textarea:hover,
.login-fields input:hover {
background: #fff;
border-color: #e95450;
border-style: solid;
}
.form-validate input[type="checkbox"],
.form-validate input[type="radio"] {
background: none;
border: 0;
border-color: transparent;
}
.form-validate dl dt label {
display: block;
margin-top: 3px !important;
vertical-align: middle;
}
.form-validate #jform_token {
width: 200px;
}
.login-fields #username-lbl,
.login-fields #password-lbl { margin-right: 10px; }
.login-fields input { vertical-align: middle; }
.login, .profile, .logout-page, .registration-complete { padding-bottom: 20px; }
.login_form .button, .login button, .logout-page .button { margin-left: 170px; }
.profile-edit .form-validate .inputbox,
.profile-edit .form-validate input,
.profile-edit .form-validate textarea,
.profile-edit .login-fields input {
padding: 3px;
}
.profile-edit fieldset dt {
min-width: 16em;
}
.profile-edit fieldset dt .optional {
font-size: 10px;
font-style: italic;
color: #666;
}
.profile-edit fieldset dd {
min-height: 35px;
}
/* Latest Comment Module ---*/
ul .jac-lasmod-author {
display: inline !important;
}
.jac-lasmod-author,
.jac-lasmod-time,
.jac-lasmod-time span { float: none; }
.jac-lasmod .ja-box-ct { padding: 0 !important; }
.jac-lasmod ul li {
background: none;
border-bottom: 1px dotted #CCCCCC;
line-height: 1.4;
padding: 10px 0;
}
.jac-lasmod .avatarauthor { float: right; margin-right: 10px; }
li.jac-has-layout IMG {
background: #fff;
border: solid 1px #ccc;
display: block;
float: right;
margin: 2px 4px 4px 0;
padding: 2px;
}
ul .jac-lasmod-author { display: block; width: 100%; }
ul li .jac-mod_content { color: #666; display: block; }
span.jac-lasmod-time { color: #999; float: right; font-size: 92%; }
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.ja-content-main {
background-color: #fff;
margin: 20px 0 50px 20px;
padding: 20px 20px 0;
position: relative;
}
#ja-container { padding-top: 25px; }
/* HEADER
--------------------------------------------------------- */
#ja-header .main { padding-bottom: 30px; padding-top: 20px; }
#js_ja {position: absolute; top: 0px; left: -4900px;}
#ja-header .main .main-inner1 { margin: 0 20px; }
div.logo-text h1 a { text-decoration: none; }
/* JA top */
#ja-header .main { padding-bottom: 20px; }
#ja-header .main .main-inner1 { margin: 0 20px; }
#ja-top { float: left; margin-top: 35px; }
#ja-top ul.menu { float: left; margin-top: 15px; }
#ja-top ul.menu li {
border-right: solid 1px #d6d7d8;
display: block;
float: left;
margin: 0;
padding: 0;
}
#ja-top ul.menu li.first { border-left: none; }
#ja-top ul.menu li a {
border-bottom: dotted 1px #d6d7d8;
color: #aaa;
display: inline;
font-size: 95%;
margin: 0 10px;
padding: 0 0;
}
#ja-top ul.menu li a:hover,
#ja-top ul.menu li a:focus,
#ja-top ul.menu li a:active { color: #ec534d; }
#ja-top ul.menu li:first-child { border-right: 0; }
#ja-top .buy-your-tickets { display: inline; }
#ja-top .buy-your-tickets a { background: #3DB9B1; float: left; padding: 0 10px; }
#ja-top .buy-your-tickets a:hover,
#ja-top .buy-your-tickets a:focus,
#ja-top .buy-your-tickets a:active { background-color: #ec534d; }
#ja-top .buy-your-tickets a span {
color: #fff;
font-family: 'BKoodakBold';
font-size: 290%;
font-weight: bold;
letter-spacing: 0;
margin: 0 10px;
text-transform: uppercase;
}
/* TOPBAR
--------------------------------------------------------- */
#ja-topbar {
background: url(../images/body_black.gif) repeat left top;
color: #777;
font-size: 92%;
position: relative;
z-index: 12;
}
#ja-topbar .main-inner1 { padding: 10px 0; }
#ja-topbar .main .main-inner1 { margin: 0 20px; }
/* Top Bar Left ---*/
#ja-topbar-left { float: left; }
/* Top Bar Right ---*/
#ja-topbar-right { float: right; }
ul.social-links { float: right; margin:%2