/* ==========================================================================
   Layout
   ========================================================================== */

body {
	background: #fff url(../../img/bg/bg.jpg);
	background-repeat: repeat-x;
	background-position: center 0;
	min-width: 960px; /* scrolling on view port less than 960px */
}

body.contentpane {
	background: #fff;
	min-width: 0;
}

.container {
	width: 959px;
	margin: 0 auto;
}

.top-panel {
	background: url(../../img/bg/top-panel.png);	
	position: relative;
	z-index: 100;
	height: 47px;
}

/*
 * Genius hack from JT to disable scrollbar
 * with width larger than the container.
 * Big Thanks to him
 */

.big-banner {
	position: relative;
	overflow: hidden;
	height: 643px;
	top: -47px;
}

.big-banner .inner {
	position: absolute;
	left: 50%;
	width: 1528px;
	margin-left: -764px;
}

/* Header
   ========================================================================== */

header {
	height: 596px;
}

header .logo {
	background: url(../../img/bg/logo-bg.png) no-repeat;
	position: relative;
	z-index: 1;
	height: 100%;
	width: 225px;
	float: left;
}

header .logo img {
	margin: 20px 0 0 22px;
}

div.tabs {
	float: right;
}

div.slider {
	background: url(../../img/bg/trans--blue.png);
	position: absolute;
	float: right;
	top: 69px;
	right: -285px;
	padding-right: 285px;
	width: 389px;
	height: 246px;
}

/* Main
   ========================================================================== */

div[role=main] {
	margin-top: -385px;
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
	background: #fff;
}

.home div[role=main] {
	margin-top: -147px;
	padding: 0;
	background: url(../../img/bg/shadow.png) repeat-x;
}

.invLeft div[role=main] {
	background: transparent;
}

div.homemods {
	padding: 11px 12px;
	margin-bottom: 2em;
}

div.logos {
	border-top: 2px solid #eeeeee;
}

/* Column settings
   ========================================================================== */

div.main {
	padding: 25px 30px 2em 30px;
	background: #fff;
	float:left;
	min-height:450px
}
.oneCol div.main {
	width:100%;	
}
.twoCol.noRight div.main {
	padding-left: 0;
	width: 699px;
	float: right;
}

.twoCol.noLeft div.main {
	width: 660px;
	float: left;
}

.twoCol.invLeft div.main {
	padding-left: 30px;
	width: 659px;
}

.threeCol div.main{
	width:490px
} 

div.left {
	padding-left: 30px;
	width: 143px;
	float: left;
}
.com_easyblog div.right {
	background: #fff;
	width: 203px;
	float: right;
	padding: 30px 0 30px 30px
}

div.right {
	background: #fff url(../../img/bg/right_bg.png) repeat-x;
	width: 173px;
	float: right;
	padding:30px;
	min-height: 500px
}

/* Footer
   ========================================================================== */

footer {
	margin-bottom: 42px;
	padding-bottom: 13px;
	background: #f7f7f7;
	border-top: 2px solid #eeeeee;
	box-shadow: 0 1px 0 #d7d7d7,
				0 2px 0 #dadada,
				0 3px 0 #dfdfdf,
				0 4px 0 #e5e6e6,
				0 5px 0 #eeeeee,
				0 6px 0 #f5f5f5,
				0 7px 0 #fafafa,
				0 8px 0 #fdfdfd;
}

footer .logo {
	float: right;
	margin-top: -15px;
	margin-right: 8px;
}

/** hoempage cols **/
.home_left, .home_right, .home_main { 
	float:left;
	background: #fff;
}

.home_right{
	margin-left: 10px;
	width: 305px
}

.home_main{
	margin-left: 10px;
	width: 304px;
}

.home_left{
	width:306px
}

/** button **/
.asubtn{
	background: url(../../img/btn/button.png) right -35px no-repeat;
	*background: url(../../img/btn/button.png) right -33px no-repeat;
	display: inline-block;
	border: 0;
	font-size: 12px;
	padding: 0 10px 0 0;
	font-weight:bold;
	font-family: Arial;
	color: white !important;
	text-decoration: none;
	text-transform:capitalize;
	text-align:center
}

.asubtn:hover{
	background-position:right -115px;
	*background-position:right -113px;
	text-decoration:none
}
	
.asubtn:hover span{
	background-position:left -78px;
}

.asubtn span {
	background: url(../../img/btn/button.png) top left no-repeat;
	display: block;
	padding: 7px 5px 8px 15px
}

.asubtn.width120{
	width:110px
}

.asubtn.height47{
	background: url(../../img/btn/button-h.png) right -53px no-repeat;
	*background: url(../../img/btn/button.png) right -53px no-repeat;
}
.asubtn.height47 span {
	background: url(../../img/btn/button-h.png) top left no-repeat;
}
.asubtn.height47:hover{
	background-position:right -163px;
	*background-position:right -163px;
}
.asubtn.height47:hover span{
	background-position:left -110px;
}

/*Joomla MSG*/
#system-message{
	margin:0;	
}
#system-message > dt{
	display:none;	
}
#system-message dd.message, #system-message dd.message ul{
	padding:0;
	margin: 0;
}
#system-message dd.message li{
	list-style:none none;
}
#system-message dd.info {
	text-indent: -9999px;
}
#system-message dd.info div{
	text-indent: 0;
}
#system-message dd.error {
	color:red;	
}
.left .blogArchives .archive-year-wrapper{ clear: both; margin-top: 5px; margin-bottom: 5px;}
.left .blogArchives{
clear: both;margin-top: 30px;}
.left .moduletable-Categories{margin-top: 60px;}
.moduletable-Categories #ezblog-categories .mod-item>div{ padding-left: 0 ! important;}
.moduletable-Categories .mod-category-name a{ color: #000}
.moduletable-Categories .mod-category-name a:hover,.moduletable-Categories .mod-category-name a:active{
color: #F8921C;
font-weight: bold;
text-decoration: none;
}
.left .blogArchives .mod-year a,.left .blogArchives .mod-month a{ color: #000;}
.left .blogArchives .mod-year a:hover,.left .blogArchives .mod-year a:active,.left .blogArchives .mod-month a:hover,.left .blogArchives .mod-month a:active{
color: #F8921C;
font-weight: bold;
text-decoration: none;
}