/* Copyright (C) arrowthemes, Regular/Extended Licence */

@import url(../warp/css/layout.css);

/* Sections
----------------------------------------------------------------------------------------------------*/
#content {margin: 10px 20px 30px;}
.module{margin: 10px; padding: 15px 10px;}
.footer-overlay-bottom .module, 
#toolbar .module,
#slide-zone .module,
#g-map .module{
	padding: 0;
}

#g-map .module,
#slogan-a .module,
#slogan-b .module,
#showcase .module{
	margin: 0;
}

#showcase .module{padding: 25px 20px 20px; }

#bottom-d .module {
	margin: 0px 5px;
}

/*background*/
body {font-size: 13px;}
sup{font-size: 40%; top: -10px;}
.width35 { width: 35%; }

/*header*/
#header-block{position: relative;}
#header{margin: 0; z-index: 101;  border-bottom: 1px solid rgba(0,0,0,0.1);}

/*slider-zone*/
#slide-zone{text-shadow: none; margin-top: 0; position: relative; overflow: hidden}
#slide-zone .module{margin: 0; text-align: center;}

/*mid-block	*/
.mid-divide{background: url(../images/body/hr-divide.png) repeat-x scroll 0 100% transparent; height: 2px; }

#mosaic{
	border-top: 1px solid rgba(255,255,255,0.1);
	box-shadow: 0 3px 7px #E0E0E0 inset;
}

/*copyright*/
#copyright{
	text-align: center;
    margin-right: 20px;
    padding-bottom: 30px;
}

#copyright .module{margin: 0; padding: 5px;}
#copyright p {text-shadow: 0 1px 0 rgba(255,255,255,.75);}
/*footer*/
#footer{margin: 0; text-align: left; font-size: 12px;}
#footer code{text-shadow: none;}
#footer .module { margin: 0; padding: 0;}
#bottom-c h4{line-height: 1.5; margin: 0;}
#bottom-c{
	-webkit-box-shadow: 0 -4px 0 rgba(255, 255, 255, .1) inset;
	   -moz-box-shadow: 0 -4px 0 rgba(255, 255, 255, .1) inset;
	        box-shadow: 0 -4px 0 rgba(255, 255, 255, .1) inset;
}
#bottom-d{background: url(../images/body/bottom-d.png) repeat-x scroll top left transparent;}
#headerbar {margin: 0; float: left; text-shadow: none; 	color: #FFFFFF;}



/* Layouts
----------------------------------------------------------------------------------------------------*/
/*sheet*/
.sheet-body{
	padding: 0; 
	margin: 0;
	border-radius: 0;
	box-shadow: 0 0 0 1px #DEDEDE, 0 0 5px rgba(0, 0, 0, 0.1);
}

.sheet{
	border-width: 0 none; 
	margin-bottom: 10px;
	border-radius: 0;
}

#bottom-c {
	border-radius: 0 0 3px 3px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.1), 0 10px 35px rgba(0,0,0,0.1) inset;
}

div.css-panes div,.showhide li, 
.module.badge-hot, 
.module.badge-top, 
.module.badge-free, 
.module.badge-new, 
.event-time, 
.block-number, 
.accordion {
	background: url(../images/body/bg-white-large.png) repeat-x 0 0  #f2f2f2;
}	

.accordion h2, 
table thead, 
table tfoot{
	background: url(../images/body/bg-white.png) 100% 100% repeat-x scroll #dedede; 
}


/*toolbars*/
#toolbar{padding: 5px 0; z-index: 105; position: relative;}
#toolbar p{margin: -1px 5px 0}
#toolbar .float-left .module, 
#toolbar .float-right .module, 
#toolbar .float-left > time, 
.float-right > li span, 
.float-left > li span{
	margin: 2px 10px 0 0;
	text-shadow: none;
}

#toolbar ul.menu{margin: 0 15px 0 0;}
.top-bar, .bottom-bar{height: 2px; position: relative;}
.contact strong{font-weight: normal;}
.contact{margin: 5px 0 !important; text-shadow: none;}

/* sidebars */
#sidebar-a, #sidebar-b{margin-top: 0;}
#sidebar-b {background: url(../images/body/sidebar-b.png) repeat-y scroll 0 0 transparent;}
#sidebar-a {background: url(../images/body/sidebar-a.png) repeat-y scroll 100% 0 transparent;}
#bottom-c{bottom: 10px; left: 0; right: 0;  top: 0;}

#bottom-c .module-title{ background: url(../images/body/mod-dot-dark.png) repeat-x scroll left bottom transparent;	}
#utility .module {margin: 0 30px 0; padding: 30px 0 15px;}
#utility .mod-box {padding: 20px 10px 0;}
#bottom-block .dotted {
background: url(../images/body/f_inset_dotted.png) repeat-x scroll 0 100% transparent;}

/*search*/	
#search{margin-top: 0;}

/*header*/
#header-top{
	min-height: 105px; 
	margin: 0; 
}

#slogan-b,
#bottom-block{
	height: auto; 
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 28%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(28%,#ffffff), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #ffffff 28%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #ffffff 28%,#f4f4f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 28%,#f4f4f4 100%);
	background: linear-gradient(to bottom,  #ffffff 28%,#f4f4f4 100%);
	border-bottom: 4px solid rgba(0, 0, 0, 0.05)
 }

/*logo*/
.logo-img{
	background: url(../images/logo.png) no-repeat scroll 0 0 transparent; 
	width: 200px; 
	height: 80px; 
	margin: 15px 0 0 10px; 
	display: block;}

/*logo module*/
#logo p {
	margin: 15px 10px 0;
}

#banner {
	position: relative;
    right: 0;
    top: 0;
    margin: 20px 25px 0 0;
}

/*breadcrumbs*/
#breadcrumbs {
	margin: 0; 
	text-shadow: 0 1px 0 rgba(255,255,255,.75);
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
    box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
}

.module-title{font-size: 24px; padding-bottom: 15px;}


/*dropcaps / block numbers/dates */
.event{display: block; margin: 5px 0 20px}
.event-time .date, .block-number .digit{
	font-size: 2rem; 
	font-size: 20px;
	padding: 9px 10px 25px; 
	line-height: 1;
}
.event-time .month, 
.block-number .bottom{
	display: block; 
	text-align: center;
	text-transform: uppercase;  
	text-shadow: none; 
	border-width: 1px 0 0; 
	border-style: solid; 
	font-size: 11px; 
	color: #FFFFFF;
	margin: -1px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -2px 0 rgba(255, 255, 255, 0.3) inset;
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -2px 0 rgba(255, 255, 255, 0.3) inset;
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -2px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-border-radius: 0 0 3px 3px;
	   -moz-border-radius: 0 0 3px 3px;
	        border-radius: 0 0 3px 3px;
}

.block-number .bottom{height: 6px}
.event-time, .block-number{
	display:block; 
	float:left; 
	height:auto; 
	margin: 5px 15px 5px 0 !important; 
	padding-top:7px; 
	color:#808080; 
	border-width: 1px 1px 0; 
	-webkit-border-radius: 2px 2px 0 0;
	   -moz-border-radius: 2px 2px 0 0;
	        border-radius: 2px 2px 0 0;
	border-style: solid;
	border-color: #D9D9D9 #D9D9D9 #BFBFBF #D9D9D9;
	text-shadow: 0 1px rgba(255, 255, 255, 1);
 	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
}