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

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


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

.module,
#header,
#breadcrumbs,
#content,
#footer { margin: 15px; }

#footer .module { margin: 0; }

#toolbar,
#headerbar { margin-bottom: 0; }


/* Layout
----------------------------------------------------------------------------------------------------*/
/* Blocks*/
#menubar { margin-top: 15px; }

#block-toolbar {
	padding: 5px 0;
        color: #fff;
        background-image: url(../images/pattern.png);
}

#block-header {
	padding: 1px 0;
	background: #e8e8e8;
	box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset;
}

#block-top-a {
        background-image: url(../images/pattern.png);
}
.wrapper.max-width65 { max-width: 65%; }
.wrapper.max-width80 { max-width: 80%; }
.wrapper.max-width100 { max-width: 100%; }

#block-main {
	padding: 15px 0;
	background: #fff;
}

#block-bottom-a {
        background-image: url(../images/noise.jpg);
}
.wrapper.max-width65 { max-width: 65%; }
.wrapper.max-width80 { max-width: 80%; }
.wrapper.max-width100 { max-width: 100%; }

#block-bottom a { color: #848484; }
#block-bottom a:hover { color: #fff; }

#block-bottom {
	padding: 15px 0;
	background: #494949;
	box-shadow: 0 -1px 0 rgba(255,255,255,0.05) inset;
	color: #777;
}

body#page { background: #fff; }

#block-footer {
	padding: 15px 0;
	background: #e8e8e8 40px;
}

/* Header */
#toolbar {
	line-height: 26px;
	font-size: 12px;

}

#header { min-height: 35px; }

/* Block Separators */
#top-a:after,
#top-b:after,
#innertop:after {
	content: "";
	display: block;
	margin: 0 15px;
	height: 1px;
}

#bottom-a:before,
#innerbottom:before {
	content: "";
	display: block;
	margin: 0 15px;
	height: 1px;
}

/* Remove Block Separators if System Output is disabled */
#header + #bottom-a:before,
#top-a + #bottom-a:before,
#top-b + #bottom-a:before { display: none; }

/* Footer + Header */
#toolbar,
#toolbar a { color: #bbb; text-shadow: 1px 1px 2px #000; }
#headerbar,
#footer { color: #383838; }
#headerbar a,
#footer a { color: #252525; }
#toolbar a:hover { color: #fff; }
#headerbar a:hover { color: #686868; }

#headerbar .module {  
    max-width: 600px;  
}

/* Footer */

#footer a {font-size: 12px; line-height: 18px;}

#footer a:hover { color: #686868; }

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.png) 50% 50% no-repeat;
	text-decoration: none;
}