/*------------------------------------------------------------------------
# JA Nagya for Joomla 1.5 - Version 1.1 - Licence Owner JA108226
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 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.
-------------------------------------------------------------------------*/

#ja-containerwrap-c #ja-content {
	width: 77%;
}

#ja-containerwrap-c #ja-colwrap {
	width: 22.9%;
	background: none;
}

#ja-containerwrap-c #ja-search {
	width: 22%;
	background: none;
}

#ja-colwrap {
	padding: 20px 0;
	margin: 0;
}

/* COMMON STYLE
--------------------------------------------------------- */
body#bd {
	color: #CCCCCC;
	background: url(../../images/bluejean/bd-bg.gif) left #2C2A26;
}

/* Normal link */
a {
	color: #FFF799;
}

a:hover, a:active, a:focus {
	color: #CCCCCC;
}

small, .small, .img_caption {
	color: #888888;
}

img.caption {
	padding: 3px;
	background: #25292F;
	border: 1px solid #131C26;
}

ul li {
	background: url(../../images/bluejean/bullet.gif) no-repeat 18px 7px;
}

hr {
	border-top: 1px solid #464A4E;
}

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox, .button {
	color: #CCCCCC;
}

.inputbox {
	border: none;
	background: #464A4E;
}

.button {
	border: none;
	background: url(../../images/bluejean/but-bg.gif) repeat-x center #464A4E;
	color: #FFF799;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* content tables */
.sectiontableheader {
	background: #464A4E;
	border-right: 1px solid #0C1117;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	background: url(../../images/bluejean/hline.gif) repeat-x bottom;
}

table.contenttoc td {
	background: url(../../images/bluejean/bullet.gif) no-repeat 10px 7px;
}

table.contenttoc th {
	border-bottom: 1px solid #464A4E;
}

.blog_more ul li {
	background: url(../../images/bluejean/bullet.gif) no-repeat 6px 7px;
}

.componentheading {
	color: #FFF799;
}

a.readon {
	color: #FFF799;
	border: none;
	background: url(../../images/bluejean/readon-bg.gif) no-repeat left top;
}

a.readon:hover, a.readon:focus, a.readon:active {
	color: #CCCCCC;
}

/* META
--------------------------------------------------------- */
.article-toolswrap {
	background: url(../../images/bluejean/meta-l.gif) no-repeat top left;
	color: #888888;
}

.article-tools {
	background: url(../../images/bluejean/meta-r.gif) no-repeat top right;
}

.createby {
	background: url(../../images/bluejean/icon-author.gif) no-repeat left center;
}

.createdate {
	background: url(../../images/bluejean/icon-date.gif) no-repeat left center;	
}

.modifydate {
	color: #888888;
}

#ja-container {
	background: url(../../images/bluejean/content-bg.png) repeat-y center;
}

.narrow #ja-container {
	background: url(../../images/bluejean/content-bg-n.png) repeat-y center;
}

/* COLUMNS
--------------------------------------------------------- */
#ja-colwrap {
	background: url(../../images/bluejean/dot.gif) repeat-y center;
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap,
#ja-containerwrap-f,
#ja-containerwrap-c {
	background: url(../../images/bluejean/container-bg.gif);
}

/* full */
#ja-containerwrap-f #ja-container  {
	background: url(../../images/bluejean/content-f-bg.png) repeat-y center top;
}

.narrow #ja-containerwrap-f #ja-container  {
	background: url(../../images/bluejean/content-f-bg-n.png) repeat-y center top;
}

/* content + 1 col */
#ja-containerwrap-c #ja-container  {
	background: url(../../images/bluejean/content-c-bg.png) repeat-y center top;
}

.narrow #ja-containerwrap-c #ja-container  {
	background: url(../../images/bluejean/content-c-bg-n.png) repeat-y center top;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3 {
	color: #FFF799;
	background: url(../../images/bluejean/h3-bg.gif) no-repeat bottom right;
}

div.moduletable h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_hilite h3 span {
	background: url(../../images/bluejean/h3-bg.gif) no-repeat bottom left;
}

div.moduletable_hilite {
	background: #FFF799;
}

div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li {
	background: url(../../images/bluejean/bullet.gif) no-repeat 5px 8px;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	background: url(../../images/bluejean/header-bg.gif) repeat-x;
}

h1.logo a {
	background: url(../../images/bluejean/logo.png) no-repeat;
}

#ja-login span {
	color: #CCCCCC;
}

#ja-login .inputbox {
	border: 1px solid #47210C;
	padding: 3px 2px;
	background: #8A5C2B;
}

#ja-login .button {
	background-image: url(../../images/bluejean/but-bg2.gif);
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrapmask {
	background: url(../../images/bluejean/mainnav-bg.gif);
}

#ja-mainnav {
	font-family: "Lucida Grande", Arial, sans-serif;
}

#ja-topnavwrap {
	background: url(../../images/bluejean/topnav-l.gif) no-repeat left top;
}

#ja-topnav {
	background: url(../../images/bluejean/topnav-r.gif) no-repeat right top;
}

#ja-topnav li {
	background: url(../../images/bluejean/bullet.gif) no-repeat 12px center;
}

#ja-topnav li a {
	color: #CCCCCC;
}

/* breadcrumbs */
#ja-pathway {
	color: #FFF799;
	border: none;
	background: url(../../images/bluejean/pathway-bg.gif) repeat-x;
}

/* Default Joomla! Menu */
ul.menu li {
	background: url(../../images/bluejean/hline.gif) repeat-x left bottom;
}

ul.menu li a {
	color: #CCCCCC;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	color: #FFF799;
}

ul.menu li.active a {
	color: #FFF799;
}

ul.menu li li a {
	background: url(../../images/bluejean/arrow.png) no-repeat 9px 12px !important;
}

ul.menu li li li a {
	background: url(../../images/bluejean/arrow.png) no-repeat 18px 11px !important;
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl div.moduletable {
	color: #888888;
}

#ja-topsl .contentheading {
	color: #FFF799;
}

/* Bot spotlight*/
#ja-botslwrap {
	background: url(../../images/bluejean/botslwrap-bg.gif) repeat-x top;
}

#ja-botsl div.moduletable h3 {
	background: none;
}

#ja-botsl div.moduletable span {
	background: url(../../images/bluejean/h3-botsl.gif) no-repeat left bottom;
}

/* JA Moo Tabs */
#ja-tabs {
	margin: -20px 20px 0;
	padding: 20px 0 20px;
	background: url(../../images/bluejean/tabs-bg.gif);
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
	border-top: 1px solid #25292F;
}

#ja-footer small {
	color: #888888;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* Search */
#ja-search {
	background: url(../../images/bluejean/icon-search.png) no-repeat 5px 5px;
}

div.ja-innerdiv {
	background: url(../../images/bluejean/hline.gif) repeat-x bottom;
}

div.ja-innerdiv img {
	border: 1px solid #464A4E;
}

/* SPLITMENU
----------------------------------------------------------- */
#ja-splitmenu {
	background: url(../../images/bluejean/mainnav-sep.gif) no-repeat left 3px;
}

#ja-splitmenu li {
	background: url(../../images/bluejean/mainnav-sep.gif) no-repeat 100% 3px;
}

#ja-splitmenu a {
	color: #FFFFFF;
	font-variant: normal;
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
}

#ja-splitmenu a:hover,
#ja-splitmenu a:active,
#ja-splitmenu a:focus {
	background: none;
	color: #FFF799;
}

#ja-splitmenu li.active a,
#ja-splitmenu li.active a:hover,
#ja-splitmenu li.active a:active,
#ja-splitmenu li.active a:focus {
	background: url(../../images/bluejean/mainnav-active-bg.gif) no-repeat center top;
	color: #FFF799;
}

/* SPLITMENU + MOOMENU
----------------------------------------------------------- */
#ja-cssmenu {
	background: url(../../images/bluejean/mainnav-sep.gif) no-repeat left 3px;
}

#ja-cssmenu li {
	background: url(../../images/bluejean/mainnav-sep.gif) no-repeat 100% 3px;
}

#ja-cssmenu li a {
	color: #FFFFFF;
}

#ja-cssmenu li a:hover,
#ja-cssmenu li a:active,
#ja-cssmenu li a:focus {
	background: none;
	color: #FFF799;
}

#ja-cssmenu li:hover a,
#ja-cssmenu li.sfhover a,
#ja-cssmenu li.havechildsfhover a,
#ja-cssmenu li.havechild-activesfhover a {
	background: none;
	color: #FFF799;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus {
	background: url(../../images/bluejean/mainnav-active-bg.gif) no-repeat center top;
	color: #FFF799;
}

/* 2nd level and above */
#ja-cssmenu li ul {
	border: 1px solid #31373D;
	background: url(../../images/bluejean/trans-bg.png);
}

#ja-cssmenu li ul li {
	border-bottom: 1px solid #31373D;
}

#ja-cssmenu li ul a {
	color: #FFFFFF !important;
}

#ja-cssmenu li ul a:hover,
#ja-cssmenu li ul a:active,
#ja-cssmenu li ul a:focus,
#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.sfhover,
#ja-cssmenu ul li.havesubchildsfhover,
#ja-cssmenu ul li.havesubchild-activesfhover,
#ja-cssmenu ul ul li:hover,
#ja-cssmenu ul ul li.sfhover,
#ja-cssmenu ul ul li.havesubchildsfhover,
#ja-cssmenu ul ul li.havesubchild-activesfhover {
	background: #464A4E;
	color: #FFF799 !important;
}

#ja-cssmenu ul li a.active {
	background: none !important;
	color: #FFF799 !important;
	font-weight: bold;
}

#ja-cssmenu ul li a.active:hover,
#ja-cssmenu ul li a.active:active,
#ja-cssmenu ul li a.active:focus {
	color: #FFF799 !important;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	background: #464A4E;
	border-left: 5px solid #FFF799;
}

blockquote span.open {
	background: url(../../images/bluejean/so-q.gif) no-repeat 0px 3px;
}

blockquote span.close {
	background: url(../../images/bluejean/sc-q.gif) no-repeat bottom right;
}

blockquote.testimonial {
	border-bottom: 1px solid #C9C0B7;
}

.dropcap {
	color: #FFF799;
}

.highlight {
	background: #464A4E;
}

p.stickynote {
	background-color: #464A4E;
	border: 1px solid #31373D;
}

p.download {
	background-color: #464A4E;
	border: 1px solid #31373D;
}

ul.checklist li {
	background: url(../../images/bluejean/icon-checklist.gif) no-repeat 0 4px;
}

ul.stars li {
	background: url(../../images/bluejean/icon-star.png) no-repeat left top;
}

.bignumber {
	background: url(../../images/bluejean/ol-bg.png) no-repeat top left;
}

div.bubble1 div {
	background: url(../../images/bluejean/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../../images/bluejean/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../../images/bluejean/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../../images/bluejean/bub1-tl.gif) no-repeat top left;
}

div.bubble2 div {
	background: url(../../images/bluejean/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../../images/bluejean/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../../images/bluejean/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../../images/bluejean/bub2-tl.gif) no-repeat top left;
}

div.bubble3 div {
	background: url(../../images/bluejean/bub3-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
}

div.bubble3 div div {
	background: url(../../images/bluejean/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../../images/bluejean/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../../images/bluejean/bub3-tl.gif) no-repeat top left;
}

div.bubble4 div {
	background: url(../../images/bluejean/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../../images/bluejean/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../../images/bluejean/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../../images/bluejean/bub4-tl.gif) no-repeat top left;
}

/* Legend */
.legend-title {
	background: #464A4E;
}

.legend {
	border: 1px solid #31373D;
}