/*
#------------------------------------------------------------------------
  JA Purity II for Joomla 1.5
#------------------------------------------------------------------------
#Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
#@license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html
#Author: J.O.O.M Solutions Co., Ltd
#Websites: http://www.joomlart.com - http://www.joomlancers.com
#------------------------------------------------------------------------
*/


/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { width: 100%; clear: both; }
.main { width: 980px; margin: 0 auto; position: relative;}

.column { overflow: hidden; float: left; }

.ja-mass { clear: both; }

/* Gutter ---*/
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 5px; 
}

.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module { 
/* for side columns and spotlight, we only need to add margin or padding to Module */
	margin-top:0;
	border: 1px solid #cfcfcf;
	background: #ebebeb;
}

	.column div.ja-moduletable.moduletable_login,
	.column div.moduletable.moduletable_login, 
	.column div.ja-module.moduletable_login, 
	.column div.module.moduletable_login {
	background: #000;
	border: 1px solid #464646;
	}
	
		#ja-left .column div.ja-moduletable.moduletable_login h3,
		#ja-left .column div.moduletable.moduletable_login h3, 
		#ja-left .column div.ja-module.moduletable_login h3, 
		#ja-left .column div.module.moduletable_login h3, 
		#ja-right .column div.ja-moduletable.moduletable_login h3,
		#ja-right .column div.moduletable.moduletable_login h3, 
		#ja-right .column div.ja-module.moduletable_login h3, 
		#ja-right .column div.module.moduletable_login h3{
		background: #121212 url(../images/dark/module-title-bg.gif) repeat-x;
		border-style: solid;
		border-width: 1px 1px 0 1px;
		border-color: #000;
		color: #fff;
		font-size: 1.33em;
		text-shadow: none;
		font-weight: normal;
		}
		
			#ja-left .ja-moduletable.moduletable_login h3 span,
			#ja-right .ja-moduletable.moduletable_login h3 span {
			border: 0;
			}
		
		#ja-left .column div.ja-moduletable.moduletable_login .ja-box-ct,
		#ja-left .column div.moduletable.moduletable_login .ja-box-ct, 
		#ja-left .column div.ja-module.moduletable_login .ja-box-ct, 
		#ja-left .column div.module.moduletable_login .ja-box-ct, 
		#ja-right .column div.ja-moduletable.moduletable_login .ja-box-ct,
		#ja-right .column div.moduletable.moduletable_login .ja-box-ct, 
		#ja-right .column div.ja-module.moduletable_login .ja-box-ct, 
		#ja-right .column div.module.moduletable_login .ja-box-ct {
		background: url(../images/dark/module-bg.gif) repeat-x;
		}
		
			#ja-left .ja-moduletable.moduletable_login .module-inside,
			#ja-right .moduletable_dark .module-inside {
			border: 1px solid #fff;
			}
					
			#ja-left .ja-moduletable.moduletable_login .ja-box-ct,
			#ja-right .ja-moduletable.moduletable_login .ja-box-ct {
			border: 0;
			}
				
				#ja-left .ja-moduletable.moduletable_login .ja-box-ct-inside,
				#ja-right .ja-moduletable.moduletable_login .ja-box-ct-inside {
				border: 0;
				color: #fff;
				padding: 16px 10px 18px;
				background: none;
				}

#ja-left .column div.ja-moduletable{
	margin: 0 0 10px 0;
}

#ja-right .column div.ja-moduletable{
	margin: 0 0 10px 0;
}

.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
	margin-right: 0;
	margin-left: 20px;
}

.ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module {
	margin-right: 20px;
	margin-left: 0;
}

.article_column .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div  */
	padding-left: 10px;
	padding-right: 10px;
}

.leading { }

.article_row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
	/*
	margin-left: -10px;
	margin-right: -10px; 
	*/
}

/* MAIN COLUMN
--------------------------------------------------------- */
#ja-mainbody { float: left; }
#ja-current-content, #ja-main { float: right; }

/* SIDE COLUMNS
--------------------------------------------------------- */
.ja-colswrap {}
.ja-col {}

/* Left Column ---*/
#ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 50%; }
#ja-left .ja-l1 .ja-col { width: 100%; }

/* Right Column ---*/
#ja-right { float: right; }
#ja-right .ja-r2 .ja-right1, #ja-right .ja-r2 .ja-right2 { width: 50%; }
#ja-right .ja-r1 .ja-col { width: 100%; }

/* HEADER
--------------------------------------------------------- */
#ja-header {}

/* FOOTER
--------------------------------------------------------- */
#ja-footer { clear: both; }

/* CONTENT'S GRIDS
--------------------------------------------------------- */
.article_column { float: left; position: relative; }

.cols1 .article_column { width: 100%; }
.cols2 .article_column { width: 50%; }
.cols3 .article_column { width: 33.33%; }
.cols4 .article_column { width: 25%; }
.cols5 .article_column { width: 20%; }

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl {
border-top: 15px solid #e2e2e2;
border-bottom: 1px solid #e3e3e3;
background: #fff url(../images/topsl-bg.gif) repeat-x 0 100%;
line-height: 24px;
}


#ja-botsl {}

.ja-box { float: left; overflow: hidden; }
