/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module { margin: 20px; }
#top-a .module { margin: 10px 20px 5px 20px; }

#menu .module { margin: 10px; }

#top-a { margin: 0; }
#top-b,
#bottom-a,
#bottom-b,
#main,
#footer { margin: 15px 20px; }

#menu .module { margin: 10px 5px; }

#header { margin: 0 20px 0 20px; }

#toolbar {}
#headerbar { margin-bottom: 15px; }
#headerbar .module { margin: 15px 0 15px 15px; }

#breadcrumbs,
#content { margin: 20px; }

#footer .module { margin: 0; }


/* Layout
----------------------------------------------------------------------------------------------------*/

/* Background */
body#page { background: #fff; }

/* Menubar */
#menubar {
	border: 1px solid #d5d5d5;
	border-radius: 6px;
/*	box-shadow: 0 2px 2px rgba(0,0,0,0.2);	*/
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	
}
/* Menubar */
#footer {
	border: 1px solid #d5d5d5;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
/* Search */
#search { margin: 6px 6px 0 0; }

/* Blocks */
#top-a {}
#top-b,
#bottom-a,
#bottom-b,
#main {
	border: 1px solid #ddd;
	background: #FFF;
	border-radius: 6px;
}

#innertop { border-bottom: 1px solid #eee; }
#innerbottom { border-top: 1px solid #eee; }

/* Sidebar Backgrounds */
#sidebar-a,
#sidebar-b { position: relative; }

#sidebar-a:before,
#sidebar-b:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 0 solid #eee;
}

.sidebar-a-right #sidebar-a:before,
.sidebar-b-right #sidebar-b:before { border-width: 0 0 0 1px; }

.sidebar-a-left #sidebar-a:before,
.sidebar-b-left #sidebar-b:before { border-width: 0 1px 0 0; }

/* Footer + Toolbar */
#footer {
	font-size: 12px;
	line-height: 18px;
}	
#toolbar {
	margin: 0 0px 5px 5px;	
	font-size: 12px;
	line-height: 18px;
	padding: 8px;
/*	background: url(../../../images/toolbar_bg.png) 100% 100% no-repeat; */	
}

#toolbar a {
	color: #333;
}	
#toolbar a:hover {
	color: #FCC300;
}
/* ToTop Scroller */
#totop-scroller {
	display: block;
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 1;
	width: 21px;
	height: 21px;
	border: 1px solid #ddd;
	background: #fff url(../../../images/totop_scroller.png) 50% 50% no-repeat;
	border-radius: 4px;
	text-decoration: none;
}

#totop-scroller:hover {
	border-color: #ccc;
	background-color: #FCC300;
}