/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

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

/* divs
----------------------------------------------------------------------------------------------------*/
	.module{margin: 0; padding: 20px 10px;}
    #content {margin: 10px 20px;}
	#showcase .module {padding: 15px 20px 5px;}
	.footer-overlay-bottom .module, 
	#toolbar .module,
	#slide-zone .module,
	#full-slide-zone .module,
	#g-map .module
	{padding: 0;}
	.footer-body .module{
		padding: 25px 15px;
	}

	#mosaic .module{
		margin: 5px;
	}

	/*background*/
	body {font-size: 13px;}
	#system{padding-bottom: 15px;}
	#mid-block, .header-divide,
	.content-texture{
		background-color: rgba(0,0,0,0.4)
	}

	.sheet-body{
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
		padding: 0; 
		margin: 0 0 30px 0
	}

	.var-dark .sheet-body{
		border: 1px solid rgba(0,0,0,0.2);
		-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset;
		   -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset;
		        box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset;
	}

	.var-light .sheet-body{
		border: 1px solid rgba(0,0,0,0.05);
		-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255,255,255,0.45) inset;
		   -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255,255,255,0.45) inset;
		        box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255,255,255,0.45) inset;
	}


	/*header*/
	#header-block{position: relative;}
	#header{margin: 0; z-index: 9;}
	
	/*slider-zone*/
	#slide-zone, #full-slide-zone{text-shadow: none; margin-top: 0; position: relative; overflow: hidden}
	#slide-zone .module, #full-slide-zone .module{margin: 0;}

	/*mid-block	*/
	.mid-gradient,
	#newsletter,
	.footer-overlay-bottom .wrapper
	{
		background: url(../images/body/mid-gradient.png) repeat-x scroll top left transparent; 
	}
	
	.mid-divide
	{
		height: 5px; 
		margin-bottom: -1px;
	}

	.var-dark .mid-divide{
		background: url(../images/body/mod-dot.png) repeat-x scroll center bottom transparent; 
	}

	.var-light .mid-divide{
		background: url(../images/body/mod-dot-light.png) repeat-x scroll center bottom transparent; 
	}

	/*copyright*/
	#copyright{
		text-align: center;
	    font-size: 12px;
	    margin: 10px 20px 10px 10px;
	}

	#copyright .module{
		margin: 0; 
		padding: 5px;
		float: right;
	}

	/*footer*/
	#footer{margin: 15px 20px 8px; text-align: left; font-size: 12px;}
	#footer code{text-shadow: none;}
	#footer .module { margin: 0; }
	.footer-overlay-bottom .wrapper
	{
		padding: 0 5px;
		-webkit-border-radius: 0 0 4px 4px;
		   -moz-border-radius: 0 0 4px 4px;
		        border-radius: 0 0 4px 4px;
	}
	#footer-block
	{
		-webkit-border-radius: 0 0 3px 3px;
		   -moz-border-radius: 0 0 3px 3px;
		        border-radius: 0 0 3px 3px;
	    position: relative;
	}

	.var-dark #footer-block,
	.var-light.f-var-dark #footer-block
	{
		-webkit-box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255,255,255, 0.05) inset;
		   -moz-box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255,255,255, 0.05) inset;
		        box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255,255,255, 0.05) inset;
	}

	.var-light #footer-block,
	.var-dark.f-var-light #footer-block
	{
		-webkit-box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255,255,255, 0.35) inset;
		   -moz-box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255,255,255, 0.35) inset;
		        box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255,255,255, 0.35) inset;
	}

	#footer-block:before,
	#footer-block:after
	{
		-webkit-border-radius: 50px;
		   -moz-border-radius: 50px;
		        border-radius: 50px;
		height: 15px;
		top: 15px;
		bottom: 0;
		z-index: -1;
		content: "";
		position: absolute;
	}

	#footer-block:after
	{
	  right: 5px;
	  -webkit-transform: rotate(-2deg);
	  -moz-transform: rotate(-2deg);
	  transform: rotate(-2deg);
	}

	#footer-block:before
	{
	  left: 5px;
	  -webkit-transform: rotate(2deg);
	  -moz-transform: rotate(2deg);
	  transform: rotate(2deg);
	}

	.var-dark #footer-block:before,
	.var-dark #footer-block:after,
	.var-light.f-var-dark #footer-block:before,
	.var-light.f-var-dark #footer-block:after
	{
	width: 49.9%;
	-webkit-box-shadow: 0 23px 21px rgba(0, 0, 0, 0.85);
	   -moz-box-shadow: 0 23px 21px rgba(0, 0, 0, 0.85);
			box-shadow: 0 23px 21px rgba(0, 0, 0, 0.85);
	}

	.var-light #footer-block:before,
	.var-light #footer-block:after,
	.var-dark.f-var-light #footer-block:before,
	.var-dark.f-var-light #footer-block:after
	{
	width: 49.79%;
	-webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 20px 10px rgba(0, 0, 0, 0.25);
	}

	.bottom-gradient{
		position: relative; 
	}

	.var-light .bottom-gradient,
	.f-var-light .bottom-gradient
	{
		background: url(../images/body/footer-gradient-light.png) repeat-x scroll top left transparent;
	}

	.var-dark .bottom-gradient,
	.f-var-dark .bottom-gradient
	{
		background: url(../images/body/footer-gradient.png) repeat-x scroll top left transparent;
	}


	#bottom-c h4{
		line-height: 1.5; 
		margin: 0;
	}

	#headerbar {margin: 0; }



/* Layouts
----------------------------------------------------------------------------------------------------*/

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

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

	.var-dark hr {background: url(../images/body/hr-dotted.png) repeat-x scroll 0 0 transparent;}
	.var-light hr {background: url(../images/body/hr-dotted-light.png) repeat-x scroll 0 0 transparent;}

	.var-dark .dotted {background: url(../images/body/block-div-h.png) repeat-x scroll 0 100% transparent;}
	.var-light .dotted {background: url(../images/body/block-div-h-light.png) repeat-x scroll 0 100% transparent;}

	.var-dark hr.divide-no-margin, 
	.var-dark hr.divide{
		background: url(../images/body/hr-divide.png) repeat-x scroll 0 0 transparent;
	}	

	.var-light hr.divide-no-margin, 
	.var-light hr.divide{
		background: url(../images/body/hr-divide-light.png) repeat-x scroll 0 0 transparent;
	}

	/* sidebars */
	#sidebar-a, #sidebar-b{margin-top: 0;}

	.search-box{margin: 30px 0;}

	#bottom-c{bottom: 10px; left: 0; right: 0;  top: 0;}

	.var-dark .module-title,
	.var-dark #content header,
	.var-dark #content .yoo-zoo header
	{ 
		background: url(../images/body/mod-dot.png) repeat-x scroll left bottom transparent;
	}

	.var-light .module-title,
	.var-light #content header,
	.var-light #content .yoo-zoo header{ 
		background: url(../images/body/mod-dot-light.png) repeat-x scroll left bottom transparent;
	}

	.var-light .mod-dark .module-title,
	.f-var-dark .footer-body .module-title
	{
		background: url(../images/body/mod-dot.png) repeat-x scroll left bottom transparent !important;
	}

	.var-dark .mod-color .module-title,
	.f-var-light .footer-body .module-title
	{
		background: url(../images/body/mod-dot-light.png) repeat-x scroll left bottom transparent !important;
	}

	#bottom-block .dotted {
    background: url(../images/body/f_inset_dotted.png) repeat-x scroll 0 100% transparent;}

	/*toolbars*/
	#toolbar{
		padding: 2px 0 5px; 
	}

	.var-dark #toolbar {
		background-color: rgba(0,0,0,0.4); 
		border-bottom: 1px solid rgba(255,255,255,0.16); 
	}

	.var-light #toolbar {
		background-color: rgba(255,255,255,0.4); 
		border-bottom: 1px solid rgba(255,255,255,0.55); 
		-webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.35) inset, 0 0 4px rgba(0,0,0,0.15);
		   -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.35) inset, 0 0 4px rgba(0,0,0,0.15);
		        box-shadow: 0 0 10px rgba(255, 255, 255, 0.35) inset, 0 0 4px rgba(0,0,0,0.15);
	}

	#toolbar{
		margin: 0 0 5px; 
		z-index: 10; 
		position: relative; 
	}
	#toolbar .float-left .module, #toolbar .float-left > time, .float-right > li span{
		margin: 7px 10px 0 0; 
	}

	#toolbar .float-left .module, #toolbar .float-left > time{text-shadow: none;}
	#toolbar .float-right .module {margin: 5px 0 0 10px;}
	#toolbar ul.menu li span{text-shadow: none; padding-top: 5px;}
	#toolbar ul.menu{margin: 0 15px 0 0;}
	#toolbar p{padding: 0; margin: 0;}
	.top-bar, .bottom-bar{height: 2px; position: relative;}
	.contact strong{font-weight: normal;}
	.contact{margin: 5px 0 !important; text-shadow: none;}

	/*search*/	
	#search{margin-right: 15px; margin-top: 7px;}

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

	/*menu*/
	#menu {float: left; margin: 50px 0 10px}
	#breadcrumbs {margin: 0;}
	.var-dark #breadcrumbs 
	{
		border-bottom: 1px solid #101010;
		-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
		-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
		box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	}

	.var-light #breadcrumbs
	 {
		border-bottom: 1px solid rgba(255,255,255,0.75);
		-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
		-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
		box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	}


	/*showcase*/
	.var-light #showcase {
		-webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 3px rgba(0,0,0,0.15) inset;
		-moz-box-shadow: 0 -2px 3px rgba(0,0,0,0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 3px rgba(0,0,0,0.15) inset;
		box-shadow: 0 -2px 3px rgba(0,0,0,0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 3px rgba(0,0,0,0.15) inset;
	}

	#showcase .module-title,
	#newsletter .module-title
	 {background: none}
	.top-showcase{
		display: block;
		height: 40px;
	}

	.var-dark .top-showcase {
		border-top: 1px solid rgba(255,255,255,.2);
		-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5);
		   -moz-box-shadow: 0 1px 5px rgba(0,0,0,.5);
		        box-shadow: 0 1px 5px rgba(0,0,0,.5);
		border-bottom: 1px solid rgba(0,0,0,0.6);
		-webkit-border-radius: 3px 3px 0 0;
		   -moz-border-radius: 3px 3px 0 0;
		        border-radius: 3px 3px 0 0;
		background: #3c3f41;
		background: -moz-linear-gradient(top,  #3c3f41 0%, #1e2123 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3f41), color-stop(100%,#1e2123));
		background: -webkit-linear-gradient(top,  #3c3f41 0%,#1e2123 100%);
		background: -o-linear-gradient(top,  #3c3f41 0%,#1e2123 100%);
		background: -ms-linear-gradient(top,  #3c3f41 0%,#1e2123 100%);
		background: linear-gradient(top,  #3c3f41 0%,#1e2123 100%);
		filter: alpha(opacity=80);
		     -khtml-opacity: .80;
		       -moz-opacity: .80;
		            opacity: .80;
	}

	.var-light .top-showcase {
		border-top: 1px solid rgba(255,255,255,.9);
		border-bottom: 1px solid rgba(0,0,0,0.2);
		-webkit-border-radius: 3px 3px 0 0;
		   -moz-border-radius: 3px 3px 0 0;
		        border-radius: 3px 3px 0 0;
		background: #f4f4f4;
		background: -moz-linear-gradient(top,  #f4f4f4 0%, #E7E7E7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#E7E7E7));
		background: -webkit-linear-gradient(top,  #f4f4f4 0%,#E7E7E7 100%);
		background: -o-linear-gradient(top,  #f4f4f4 0%,#E7E7E7 100%);
		background: -ms-linear-gradient(top,  #f4f4f4 0%,#E7E7E7 100%);
		background: linear-gradient(top,  #f4f4f4 0%,#E7E7E7 100%);
		filter: alpha(opacity=50);
		     -khtml-opacity: .50;
		       -moz-opacity: .50;
		            opacity: .50;
	}
	
	.var-dark #showcase{ 
		margin: 0; 
		overflow: hidden;
		-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) inset, 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset, 0 3px 10px rgba(0, 0, 0, 0.3) inset, 0 0 2px rgba(255,255,255,0.6) inset;
		   -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) inset, 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset, 0 3px 10px rgba(0, 0, 0, 0.3) inset, 0 0 2px rgba(255,255,255,0.6) inset;
		        box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) inset, 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset, 0 3px 10px rgba(0, 0, 0, 0.3) inset, 0 0 2px rgba(255,255,255,0.6) inset;
	}
    

	.header-content{
		display:inline-block; 
		text-shadow: none; 
		top: 0; 
		overflow: visible; 
		z-index: 1; 
		padding: 20px 5px;
		position: relative;	}

	.header-content .module .module-title{
		padding-bottom: 0; 
		margin: 0;
		line-height: 1;
	}

	.hidden-img {
	    position: absolute;
	    right: -10px;
	    margin: 9px 10px 0 0;
	    bottom: 10px;
	}

	#showcase .hidden-img {margin: -45px 50px 0 0;}
	img.static {position: relative; margin: -185px 0 -55px;}
	
	.module-title{
		font-size: 24px; 
		padding-bottom: 15px; 
	}

	.var-dark .module-title{
		text-shadow: 0 1px 1px rgba(0, 0, 0, 1) 
	}
	
	.var-light .module-title{
		text-shadow: none
	}

	.header-content .module-title{font-size: 45px;}
	
	.frontend .module-title { padding-bottom: 0 }
	.frontend{
		padding-top: 45px;
		padding-left: 20px;
	}
	.frontend .module-title{
		display: block;
	    font-size: 56px;
	    line-height: 100%;
	    text-shadow: 0 0 2px #000000;
	}
	.frontend p.show-text{
		display: block;
	    line-height: 1.6em;
	    margin-bottom: 15px;
	    padding-top: 15px;
	}

	.show-title{line-height: 90%; font-size: 140px; visibility: hidden; margin: 0; position: absolute; text-shadow: none;}
	.show-text{font-size: 14px; line-height: 1.5;}

	.searchbox input{
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		        box-shadow: none;
	}

	/*footer overlay*/
	.footer-overlay-bottom {left: 0; right: 0;}

	.footer-overlay-bottom p{margin: 0;}

	.var-dark .footer-overlay-bottom p {text-shadow: 0 1px 1px #000000;}

	.footer-overlay-bottom a{color: #808080; text-shadow: none}
	.footer-overlay-bottom a:hover{color: #FFF;}

	/*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;
		-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; 
		border-width: 1px 1px 0; 
		border-style: solid;
		text-shadow: none;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}

	.event {
	    display: block;
	    margin: 5px 0 20px;
	}

	.event-time {
		min-width: 35px;
		text-align: center;
	}

	/*boxes*/
	.var-dark .box-content {
		background: rgba(255,255,255,0.1);
		border: 1px solid #404040;
	}

	.var-light .box-content {
		background: rgba(255,255,255,0.35);
		border: 1px solid rgba(0,0,0, 0.1);
	}	

	.var-dark .box-note {
		background: rgba(255,255,255,0.1);
		border-top: 1px solid #505050;
		border-bottom: 1px solid #404040;
	}

	.var-light .box-note {
		background: rgba(255,255,255,0.35);
		border-top: 1px solid rgba(0,0,0, 0.1);
		border-bottom: 1px solid rgba(0,0,0, 0.1);
	}

	.var-light .box-info, 
	.var-light .box-warning, 
	.var-light .box-hint, 
	.var-light .box-download, 
	.var-light #system-message dd{
		color: #707070;
	}
	
	/*toggles*/
	.var-dark pre, 
	.var-dark .showhide li div, 
	.var-dark div.note
	 {	
	 	border: 1px solid #101010; 
		color: #f4f4f4; 
	 	background: #000000;
		-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.4) inset, 0 0 1px #404040;
		   -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.4) inset, 0 0 1px #404040;
		        box-shadow: 0 0 0 1px rgba(0,0,0,0.4) inset, 0 0 1px #404040;
	 }

	.var-dark .showhide li.code div,
	.var-dark pre{ 
		background: url(../images/body/note.png) repeat-y scroll 0 0 transparent; 
	}

	 .var-dark pre:after{
	 	background: none repeat scroll 0 0 #101010;
	    border: 1px solid #303030;
	    -webkit-box-shadow: 0 0 2px #000;
	    -moz-box-shadow: 0 0 2px #000;
	    box-shadow: 0 0 2px #000;
	 }

	 .var-light pre:after{
	 	background: none repeat scroll 0 0 #fefefe;
	    border: 1px solid #ededed;
	    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	    box-shadow: 0 0 2px rgba(0,0,0,0.2);
	 }

	.var-dark div.css-panes div, 
	.var-dark .showhide li, 
	.var-dark .module.badge-hot, 
	.var-dark .module.badge-top, 
	.var-dark .module.badge-free, 
	.var-dark .module.badge-new, 
	.var-dark .event-time, 
	.var-dark .block-number, 
	.var-dark .accordion 
	{
		background-color: rgba(0,0,0,0.3);
	}

	.var-dark .module.badge-hot, 
	.var-dark .module.badge-top, 
	.var-dark .module.badge-free, 
	.var-dark .module.badge-new
	{ 
		border: 1px solid rgba(0,0,0,0.3);
	}


	.var-light .module.badge-hot, 
	.var-light .module.badge-top, 
	.var-light .module.badge-free, 
	.var-light .module.badge-new
	{ 
		border: 1px solid rgba(255, 255, 255,0.55);
	}

	.var-light pre,
	.var-light .showhide li div, 
	.var-light div.note
	 {
	 	border: 1px solid #f4f4f4;
	 	background: #fefefe;
	 	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
		   -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
		        box-shadow: 0 0 0 1px rgba(0,0,0,0.1) inset;
	 }

	.var-light .showhide li.code div,
	.var-light pre{ 
		background: url(../images/body/note-light.png) repeat-y scroll 0 0 transparent; 
	}

	.var-light div.css-panes div, 
	.var-light .showhide li, 
	.var-light .module.badge-hot, 
	.var-light .module.badge-top, 
	.var-light .module.badge-free, 
	.var-light .module.badge-new, 
	.var-light .event-time, 
	.var-light .block-number, 
	.var-light .accordion {
		background-color:  rgba(255, 255, 255, 0.65);
	}

	.var-dark .event-time, 
	.var-dark .block-number
	{
		border-color: rgba(0,0,0,0.2);
		color:#c0c0c0; 
	}
	.var-light .event-time, 
	.var-light .block-number
	{
		border-color: rgba(0,0,0,0.2);
		color: #606060;
	}