/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
@import url(../warp/css/layout.css);
/* Spacing
----------------------------------------------------------------------------------------------------*/
.wrapper { padding: 5px 0; }
.module,
#toolbar,
#header,
#breadcrumbs,
#content,
#footer { margin: 5px; }
#menu .module { margin: 10px 5px; }
#footer .module { margin: 0; }
#headerbar { margin-bottom: 20px; }
#headerbar .module { max-width: 700px; }
/* Layout
----------------------------------------------------------------------------------------------------*/
#toolbar,
#header,
#footer,
#content,
.mod-box {
	padding: 20px;
	/*background: url(../images/section.png) 50% 50% repeat;*/
    background: rgba(0,0,0,0.7);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.8),0 0 6px rgba(64, 159, 255, 0.5);, inset 0px 0px 30px rgba(0,0,0,0.5) ;
	border: rgba(64, 159, 255, 0.5) solid 1px;
}
#toolbar {
	padding: 5px 10px;
	font-size: 11px;
}
#menubar {
	padding: 4px;
	border-top: 1px solid #000;
	border-top: 1px solid rgba(0,0,0,0.3);
	border-bottom: 1px solid #343434;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	border-radius: 3px;
	background: #242424;
	background: rgba(0,0,0,0.08);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.breadcrumbs { margin-bottom: 10px; }
#footer {
	color: #8b8d8e;
	font-size: 12px;
	text-align: left;
}
#footer:before {
	bottom: -6px;
	right: 0;
	left: 0;
	height: 14px;
}
#totop-scroller {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
	width: 21px;
	height: 21px;
	background: url(../images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
}
#totop-scroller:hover { background-position: 0 -50px; }
/* Section Line Style */
.top-a-line #top-a,
.top-b-line #top-b,
.main-line #main,
.bottom-a-line #bottom-a,
.bottom-b-line #bottom-b,
.footer-line #footer {
	margin-top: 20px;
	position: relative;
}
.top-a-line #top-a:before,
.top-b-line #top-b:before,
.main-line #main:before,
.bottom-a-line #bottom-a:before,
.bottom-b-line #bottom-b:before,
.footer-line #footer:before {
	top: -15px;
	right: 5px;
	left: 5px;
	height: 10px;
	background: url(../images/section_before.png) 0 0 repeat-x;
}
.top-a-line #top-a,
.main-line #header + #main,
.footer-line #footer { margin-top: 25px; }
.footer-line #footer:before {
	top: -20px;
	right: 0;
	left: 0;
}
/* :Before Elements */
#footer:before,
.top-a-line #top-a:before,
.top-b-line #top-b:before,
.main-line #main:before,
.bottom-a-line #bottom-a:before,
.bottom-b-line #bottom-b:before,
.footer-line #footer:before {
	content: "";
	display: block;
	position: absolute;
}