/*
# ------------------------------------------------------------------------
# JA Anion template for Joomla 1.5.x
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,
# bound by Proprietary License of JoomlArt. For details on licensing, 
# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.
# Author: JoomlArt.com
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# Redistribution, Modification or Re-licensing of this file in part of full, 
# is bound by the License applied. 
# ------------------------------------------------------------------------
*/

/* COMMON STYLE
--------------------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; }

body#bd { background-color: #353535; color: #ccc; }

#ja-wrapper {
	background-attachment: fixed;
 	background-image: url(../images/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* Normal links ---*/
a { color: #369; text-decoration: none; }

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

/* Readon links ---*/
.readon {
	display: inline-block;
	background: url(../images/button-bg.png) right bottom no-repeat;
	padding-right: 11px;
	color: #777;
}

.readon span {
	display: inline-block;
	background: url(../images/button-bg.png) left top no-repeat;
	height: 20px;
	padding-left: 11px;
	padding-right: 0;
	line-height: 20px;
}

.readon:hover {
	text-decoration: none;
	color: #369;
}

/* 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;
}

.column .article_row h2 {
	margin-top: 0;
}

/* Headings & Titles ---*/
.contentheading, .componentheading, h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

.componentheading {
	border-bottom: 1px solid #ddd;
	color:#369;
	font-size:150%;
	font-weight:bold;
}

h1.componentheading {
	border-top: 1px solid #ddd;
	font-size: 85%;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0 -20px !important;
	background: #fff url(../images/h3-bg2.gif) left bottom repeat-x;
	padding: 10px 20px;
}

h1.componentheading span {
	display: inline-block;
	background: url(../images/title-bg2.png) right bottom no-repeat;
	padding-right: 11px;
}

h1.componentheading span span {
	background-position: left top;
	height: 20px;
	padding-left: 11px;
	padding-right: 0;
	color: #777;
	line-height: 20px;
	font-weight: bold;
}

h2.contentheading, .contentheading {
	font-weight: normal;
}

.ja-content-main {
	padding: 0 20px;
	margin: 0;
}

.contentheading { font-size: 200%; }

.blog { background: url(../images/box-ct-bg.gif) left top repeat-x; margin: 0 -20px; }

.blog .contentheading { font-size: 150%; color: #369; }

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

/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc, p.site-slogan, a.readon, .ja-navhelper, #ja-footer {
	font-size:90%;
}

/* Others ---*/
hr { border-top: 1px solid #ccc; }

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
	padding: 2px;
	font-family: Helvetica, Arial, sans-serif;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

label { vertical-align: middle; }

.inputbox, .txtbox {
	background-color: #F2F6FC;
	border: 1px solid #ddd;
	padding: 3px 5px;
}

.inputbox:hover, .inputbox:focus { background: #ffffcc; }

.button {
	background: #fff url(../images/button-bg.gif) repeat-x bottom center ; 
	border: 1px solid #ddd;
	padding: 0 10px;
	height: 20px;
	padding-bottom: 2px;
	overflow: visible;
	line-height: 1;
	cursor: pointer;
}

/* josForm */
form.josForm {
	padding-bottom: 20px;
}

/* Search ---*/
form#searchForm { border-top: 1px solid #ccc; }

.searchintro { border-bottom: 1px solid #ccc; }

.results h4 { text-transform: none; font-size: 110%; }

/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc; }


/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.leading { border-bottom: 1px solid #ccc; margin: 0 20px; }

.article_row {
	background: url(../images/border-3.gif) left bottom repeat-x;
	padding-bottom: 24px;
	padding-top: 10px;
}

.article-content {
	overflow: visible;
}

/* Meta ---*/
.article-tools {
	clear: both;
	color: #777;
	display: block;
	line-height: normal;
	margin: -5px 0 0;
	position: relative;
}

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

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

.createby { color: #1C1C1C; padding: 3px; }

.createdate {
	color: #777;
	padding: 3px 0 3px 0;
}

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

.contentdescription {
	border-bottom: 1px solid #ccc;
	display: block;
	margin: 0;
	padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.weblinks .contentdescription img { margin-right: 10px; }

.buttonheading { float: right; }

.buttonheading img { border: 0; float: left; margin: 0 5px 0 0; display: none }

.content_rating { }

.content_rating img { padding: 0 4px; }

ul.actions {
	margin: 0 !important;
}

ul.actions li {
	background: none !important;
}

dl.article-info dd, dl.article-info dt {
	margin: 0 !important;
}
/* Inline images ---*/
.img_caption { border: 1px solid #2B2B26; overflow: hidden; }

img.caption { margin-top: 0; }

.img_caption.left { margin-right: 20px; }

.img_caption.right { margin-left: 20px; }

#jac-social-links img,
#jac-wrapper img { background: transparent; }

.img_caption p {
	background: #181818;
	color: #777;
	margin: 0;
	padding: 2px 0 0;
	text-align: center;
}

.contentpaneopen { position: relative; }

.haveimage, .article_column .haveimage { padding-left: 158px !important; min-height: 190px; }

.article-image { left: 0; position: absolute; top: 5px; }

/*Inline images ---*/
p.img_caption { color: #999; text-transform: uppercase; margin: 0 !important; }

/* Tables ---*/
.sectiontableheader {
	border-bottom: 1px solid #ccc;
	background: #F2F6FC;
	color: #777;
	padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #777; }

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 { border-bottom: 1px solid #ccc; padding: 5px; }

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background: #ffffcc; }

.sectiontableentry2 { background-color: #f6f6f6; }

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

.contentpane { margin-top: 10px; }

/* 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;
}

/* Poll */
form#poll {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
}

dl.poll { border-bottom: 1px dotted #ccc; }

table.pollstableborder td {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px !important;
}

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

#ja-mainnav a.poll-result:hover {
	background: none !important;
}

/* Pagination ---*/
.ja-content-main .pagination ul {
	margin-left: 20px;
	width: auto;
}

.pagination ul li {
	background: none !important;
}

.ja-content-main .counter {
	margin-right: 20px !important;
	width: auto;
}

.pagination ul li span { line-height: 20px; }

.blog_more {
	border-bottom: 1px solid #ccc;
	margin: 0 20px;
	padding-left: 30px;
}

.blog_more h2 { font-size: 125%; }


/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable, div.moduletable {
	margin: 0;
	padding: 0;
}

div.ja-moduletable h3, div.moduletable h3 {
	background: url(../images/h3-bg.gif) repeat-x left bottom #252525;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 20px;
	text-transform: uppercase;
}

div.ja-moduletable h3 span {
	display: inline-block;
	background: url(../images/title-bg.png) right bottom no-repeat;
	padding-right: 11px;
}

div.ja-moduletable h3 span span {
	background-position: left top;
	height: 20px;
	padding-left: 11px;
	padding-right: 0;
	color: #555;
	line-height: 17px;
}

div.ja-moduletable .ja-box-ct {
	border-top: 1px solid #151515;
	border-bottom: 1px solid #2c2c2c;
	padding: 10px 20px;
}

div.ja-moduletable ul, div.ja-module ul {
	margin: 0;
}

.ja-moduletable ul li,
.ja-module ul li,
.ja-content-main ul li {
	background: url(../images/bullet.png) no-repeat scroll 20px 7px;
}

/* High light module ---*/
div.moduletable_hilite h3 {
	background-image: url(../images/hilite-bg.gif);
	background-color: #4080bf;
}

div.moduletable_hilite h3 span { background-image: url(../images/hilite-title-bg.png); }

div.moduletable_hilite h3 span span { color: #b3d2f1; }

/* Content top ---*/
#ja-content-top div.ja-moduletable h3 {
	background-image: url(../images/h3-bg2.gif);
	background-color: #fff;
}

#ja-content-top div.ja-moduletable h3 span { background-image: url(../images/title-bg2.png); }

#ja-content-top div.ja-moduletable h3 span span { color: #777; }

#ja-content-top div.ja-moduletable .ja-box-ct {
	background: url(../images/box-ct-bg.gif) left top repeat-x;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #fff;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; }

/* Tooltips --- */
.tool-tip {
	color: #353535;
}

/* BOX STYLE
--------------------------------------------------------- */
/* Top ---*/
.top {
	height: 15px;
	background: url(../images/bx-tc.png) left top repeat-x;
	margin: 0 10px;
}

.top .tl {
	width: 15px;
	height: 15px;
	float: left;
	margin-left: -15px;
	background: url(../images/bx-tl.png) left top no-repeat;
}

.top .tr {
	width: 15px;
	height: 15px;
	float: right;
	margin-right: -15px;
	background: url(../images/bx-tr.png) right top no-repeat;
}

/* Middle style ---*/
.mid {
	position: relative;
	padding: 0 10px;
	margin: 0 -5px;
}

.mid .main-inner { background-color: #1C1C1C; }

.ml {
	background: url(../images/bx-ml.png) left top repeat-y;
	float: left;
	width: 10px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.mr {
	background: url(../images/bx-mr.png) right top repeat-y;
	float: right;
	width: 10px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

/* Bottom style ---*/
.bot {
	height: 15px;
	background: url(../images/bx-bc.png) left bottom repeat-x;
	margin: 0 10px;
}

.bot .bl {
	width: 15px;
	height: 15px;
	float: left;
	margin-left: -15px;
	background: url(../images/bx-bl.png) left bottom no-repeat;
}

.bot .br {
	width: 15px;
	height: 15px;
	float: right;
	margin-right: -15px;
	background: url(../images/bx-br.png) right bottom no-repeat;
}

/* Edit --- */
.contentpaneopen_edit {
	float: none !important;
	clear: both !important;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main { }

#ja-container .main { min-height: inherit; }

#ja-container .top { display: none; }

#ja-current-content { background: #fff; color: #353535; }

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-col { font-size: 90%; }

.ja-col div.ja-moduletable h3 { font-size: 90%; }

.ja-col .inputbox {
	border: 1px solid #333;
	color: #777;
	background: #222;
}

.ja-col .inputbox:hover,
.ja-col .inputbox:focus { background: #111; }

input[type="checkbox"], input[type="radio"] {
	background: 0;
	margin: 0;
	padding: 0;
}

/* HEADER
--------------------------------------------------------- */
#ja-header .main {
	background: transparent;
	padding: 0 0 15px;
	height: 220px;
}

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

/* Logo Image ---*/
h1.logo { 
	width: 210px;	
	height: 41px;
	margin-top: 10px;
}

h1.logo a {
	background: url(../images/logonew.png) no-repeat left;
	display: block;
	width: 950px;	
	height:140px;
}

/* Logo Text ---*/
div.logo-text h1 a {
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

p.site-slogan {
	background: #333;
	color: #999;
	display: block;
	font-size: 85%;
	letter-spacing: 1px;
	margin: 8px 0 0;
	padding: 0 5px;
	text-align: center;
	text-transform: uppercase;
}

/* Search ---*/
#ja-search {
	height: 20px;
	width: 950px;
	bottom: 10px;

}



/* Topnav ---*/
#ja-topnav { float: right; margin-bottom: 5px; }

#ja-topnav li {
	display: inline;
	background: url(../images/border-1.gif) left center no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	font-size: 90%;
}

#ja-topnav li:first-child {
	background: none;
	margin-left: 0;
	padding-left: 0;
}

#ja-topnav a { color: #ababab; }

#ja-topnav a:hover { color: #369; text-decoration: none; }

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav .main {}

#ja-mainnav .mid .main-inner { background: url(../images/bx-ct-bg2.png) repeat scroll left top; }

#ja-mainnav .tl { background: url(../images/bx-tl2.png) left top no-repeat; }

#ja-mainnav .tr { background: url(../images/bx-tr2.png) right top no-repeat; }

#ja-mainnav .top { background: url(../images/bx-tc2.png) left top repeat-x; }

#ja-mainnav .bot { display: none; }

#ja-mainnav li a {
	color: #b3d2f1;
	font-size: 90%;
	text-transform: uppercase;
}

#ja-mainnav li .ja-moduletable a {
	color: #369;
	text-decoration: underline;
}

#ja-mainnav li li a {
	text-transform: none;
	font-size: 100%;
}

/* Breadcrumbs ---*/
.ja-breadcrums img { display: none; }

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

.ja-breadcrums, .ja-links { margin-top: 0; }

/* Extras ---*/
.ja-links li { padding: 0 10px; }

/* Default Joomla! Menu ---*/
#ja-container ul.menu li { border-top: 1px solid #252525;}

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

#ja-container ul.menu li a {
	background: url(../images/arrow-1.gif) right 12px no-repeat;
	color: #ccc;
	padding-right: 12px;
}

#ja-container ul.menu li a:hover{
	text-decoration: none;
	color: #369;
}

#ja-container ul.menu li.active > a { color: #369; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl .ja-box, #ja-botsl .ja-box { background: url(../images/dot1.gif) repeat-y right; }

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; }

#ja-topsl li, #ja-botsl li {
	background-position: 2px 8px;
	padding-left: 12px;
}

/* Top spotlight ---*/
#ja-topsl .main { border-bottom: 1px solid #ccc; }

/* Bot spotlight ---*/
#ja-botsl .main { padding: 0; }

#ja-botsl .main-inner1 {
	background: url(../images/bx-ct-bg.gif) repeat-x left top #1c1c1c;
	margin: 4px;
}

#ja-botsl .mid .main-inner { background: url(../images/bx-ct-bg.gif) repeat-x scroll left top #1c1c1c; }

#ja-botsl .tl { background: url(../images/bx-tl1.png) left top no-repeat; }

#ja-botsl .tr { background: url(../images/bx-tr1.png) right top no-repeat; }

#ja-botsl .top { background: url(../images/bx-tc1.png) left top repeat-x; }

#ja-botsl h3 { background: none; margin: 0; }
	
#ja-botsl h3 span span { line-height: 20px; }

#ja-botsl .ja-box-ct { border: 0; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* system-message */
#system-message {
	margin: 0;
}

#system-message dd.message ul {
	background: #0055BB;
	color: #fff;
}

/* Others ---*/
#ja-banner { border-top: 1px solid #ccc; }

div.ja-innerdiv img {
	border: 0;
	margin-left: 20px;
}

div.ja-innerdiv h4 {
	font-size: 92%;
	font-weight: normal;
	text-transform: uppercase;
}

/* Override mega menu ---*/
.group-content div.ja-moduletable .ja-box-ct { border: 0; }

/* Custom underlist style ---*/
ul.two-cols { margin-top: 10px; }

ul.two-cols li { float: left; width: 40%; }

ul.two-cols li a { font-size: 92%; color: #555; }

ul.two-cols li { margin-bottom: 0; margin-top: 5px; }

/* Text note ---*/
.text-note { font-size: 92%; color: #555; margin-top: 5px; }

/* NAVHELPER
----------------------------------------------------------- */
#ja-navhelper .main { padding: 0; }

#ja-navhelper .main-inner { padding: 0 15px; }

.ja-breadcrums { margin-left: 0px; }

.ja-links li.top {
	margin: 0;
	height: auto;
	padding: 0;
}

/* FOOTER
----------------------------------------------------------- */
#ja-footer { padding: 15px 0 20px; }

#ja-footer .main {
	text-align: left;
	padding: 0;
	position: relative;
}

#ja-footer .main-inner1 { margin: 0 20px; }

#ja-footer .ja-copyright { margin-bottom: 5px; }

#ja-footer small { color: #9a9a9a; }

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

/* T3 Framework logo ---*/
#ja-poweredby {
	position: absolute;
	top: 10px;
	right: 20px;
	text-indent: -9999px;
}

.t3-logo a:hover, .t3-logo a:active, .t3-logo a:focus {
	text-decoration: none;
}

/* Footer links ---*/
.ja-footnav li {
	background: url(../images/icon-dash.gif) no-repeat left center;
	float: left;
	padding: 0 7px;
}

.ja-footnav li:first-child {
	padding-left: 0;
	background: none;
}

.ja-footnav li a {
	color: #9a9a9a;
	display: block;
	text-decoration: none;
}

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

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

/* Copyright Info. ---*/
.ja-copyright small { display: block; }
/* .title2 {
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
}---*/

.searched { background-color: #7da2c8;}
/* .rollover a {
	display:block;
	background-image: url(../images/give.png);
	background-color: #0F0;
}
.rollover a:hover {
display:block;
	background-image: url(../images/giveon.png);
}---*/

.eventstitle {
	color: #666;
	display: block;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
}













.myButtonLink {
	display: block;
	width: 151px;
	height: 77px;
	background: url('http://www.imaginalmission.net/web2.0/images/stories/join.jpg') bottom;
	text-indent: -99999px;
}
.myButtonLink:hover {
	background-position: 0 0;
}

.myButtonLink2 {
	display: block;
	width: 151px;
	height: 77px;
	background: url('http://www.imaginalmission.net/web2.0/images/stories/wear.jpg') bottom;
	text-indent: -99999px;
}
.myButtonLink2:hover {
	background-position: 0 0;
}

.mybiketeaser {
	display: block;
	width: 151px;
	height: 150px;
	background: url('../../../images/stories/biketeaser.gif') bottom;
	text-indent: -99999px;
}
.mybiketeaser:hover {
	background-position: 0 0;
}

.quoteone {
	display: block;
	width: 151px;
	height: 70px;
	background: url('../../../images/stories/quoteone.gif') bottom;
	text-indent: -99999px;
}
.quoteone:hover {
	background-position: 0 0;
}