/*
# ------------------------------------------------------------------------
# JA Teline IV Template
# ------------------------------------------------------------------------
# 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. 
# ------------------------------------------------------------------------
*/

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
/* Gutter ---*/
.main .inner {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	padding-left: 15px;
	padding-right: 15px;
}

.main .main-inner1 {
/* We use liquid layout, so we need to insert a div which will create margin if need */
	margin-left: 15px;
	margin-right: 15px;
}

.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-left: 2px;
	margin-right: 2px;
	background-color:#FFF;
	margin-top: 0px;
}

.ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
	margin-right: 2px;
	margin-left: 2px;
}

.ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module {
	margin-right: 2px;
	margin-left: 2px;
}

.item .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div  */
	padding-left: 15px;
	padding-right: 15px;
}

.items-leading { }

.items-row {
/* minus the spacing of the article row to macth with the Gutter & global grid */
	margin-left: -15px;
	margin-right: -15px; 
}

/* ADVANCED CONTENT GRIDS FOR TELINE IV
--------------------------------------------------------- */
.item .contentpaneopen {
/* for article columns, we only need to add margin or padding to this div  */
	padding-left: 15px;
	padding-right: 15px;
}

/* 1 Column */
.cols-1 .item .contentpaneopen { padding-left: 0; padding-right: 0; }

/* 2 Columns */
.cols-2 .column0 .contentpaneopen { padding-left: 0; }
.cols-2 .column1 .contentpaneopen { padding-right: 0; }

/* 3 Columns */
.cols-3 .column0 .contentpaneopen { padding-left: 0; padding-right: 10px; }
.cols-3 .column1 .contentpaneopen { padding-left: 5px; padding-right: 5px; }
.cols-3 .column2 .contentpaneopen { padding-left: 10px; padding-right: 0; }

/* 3 Columns */
.cols-3 .column0 .contentpaneopen { padding-left: 0; padding-right: 20px; }
.cols-3 .column1 .contentpaneopen { padding-left: 10px; padding-right: 10px; }
.cols-3 .column2 .contentpaneopen { padding-left: 20px; padding-right: 0; }

/* 4 Columns */
.cols-4 .column0 .contentpaneopen { padding-left: 0; padding-right: 20px; }
.cols-4 .column1 .contentpaneopen { padding-left: 10px; padding-right: 10px; }
.cols-4 .column2 .contentpaneopen { padding-left: 10px; padding-right: 10px; }
.cols-4 .column3 .contentpaneopen { padding-left: 20px; padding-right: 0; }

/* 5 Columns */
.cols-5 .column0 .contentpaneopen { padding-left: 0; padding-right: 20px; }
.cols-5 .column1 .contentpaneopen { padding-left: 10px; padding-right: 10px; }
.cols-5 .column2 .contentpaneopen { padding-left: 10px; padding-right: 10px; }
.cols-5 .column3 .contentpaneopen { padding-left: 10px; padding-right: 10px; }
.cols-5 .column4 .contentpaneopen { padding-left: 20px; padding-right: 0; }

/* No need to minus spacing for item row */
.items-row { margin-left: 0; margin-right: 0; }

/* SPOTLIGHT
--------------------------------------------------------- */

.ja-box { float: none; overflow: visible; }
.ja-box-right { position: absolute; right: 0; }