/*
Theme Name:		Phlow
Theme URI:		http://phlow.org/
Description:	Webdesign by Phlow /// Moritz - mo. - Sauer
Version:		1.0
Author:			Moritz - mo. - Sauer
Author URI:		http://phlow.org/moritz-mo-sauer
*/

* { padding: 0; margin: 0; }
html { background: #fff; }

/* --- LAYOUT --------------------------------------------------------------------- */

body {
text-align: center;
height: 152px;
min-height:101%; /*Firefox scrollbar fix*/
background: transparent url(images/sr-bg.png) repeat-x top;
}
.wrapper {
margin: 0 auto;
padding: 0;
text-align: left;
width:960px;
}
#header {
height: 152px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
text-align: left;
}
#logo-slogan-search {
height: 101px;
}
#navigation {
font-size: 1em;
margin: 0 0 0 0;
max-height: 27px;
padding: 0;
text-align: right;
width: 940px;
float: right;
}
#subnavigation {
width: 940px;
float: right;
height: 24px;
text-align: right;
}
#left {
margin-top: 20px;
margin-bottom: 20px;
}
#right {
margin-top: 20px;
margin-bottom: 20px;
}
#footer {
padding: 20px 0 0 0;
background: #7D6854 url(images/sr-footer-bg.png) repeat-x top;
height: 300px;
}

.grid-540px {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
width: 540px;
}
.grid-380px {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
width: 380px;
}
.grid-300px {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
width: 300px;
}
.grid-940px {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
width: 940px;
}


/* --- ELEMENTS --------------------------------------------------- */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
#skip-navigation { display: none; }

#to-the-top {
margin: 220px 0 2px 0;
padding: 0;
text-align: right;
font-size: 0.6875em;
}

img { border: 0; }

.graue-box {
margin:1.5em 0 0;
padding: 5px;
background: #eee;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* --- HEADER PHLOW MAGAZINE ----------------------------------------------------------------- */

#logo {
padding: 0px 0 0 0px;
float: left;
}
#logo a {
border: 0;
}
#slogan {
padding: 12px 0 0 10px;
float: left;
text-align: left;
float: left;
}
#register {
float: right;
background: transparent;
color: #fff;
text-align: right;
}
#register p {
padding: 4px 2px 0 0;
font-size: 0.625em;
line-height: 1em;
}
#register a {
color: #ffaa00;
text-decoration: none;
border: none;
}
#register a:hover {
text-decoration: underline;
}

/* --- NAVIGATION  ----------------------------------------------------------------- */

#navigation .key {
text-decoration: underline;
font-weight: normal;
}
#navigation a {
text-decoration: none;
font-weight: normal;
}
#navigation a:hover {
text-decoration: underline;
}
#navigation ul {
height: 27px;
list-style: none;
margin: 0;
padding: 0 ;
}
#navigation ul li {
display: inline;
margin: 0;
padding: 0px;
line-height: 1.3em;
}
#navigation ul li a span {
display: block;
float: left;
}

/*

#navigation ul li a.current .key{
font-weight: bold;
}
#navigation ul li a.current {
background: url('images/sr_nav_right_hi.gif') right top no-repeat;
height: 26px;
margin-top: 1px;
}
#navigation ul li a.current:hover {
color: #600;
}
#navigation ul li a.current span {
background: url('images/sr_nav_left_hi.gif') left top no-repeat;
font-weight: bold;
color: #600;
height: 26px;
padding: 5px 1.2em 0;
}

*/

#navigation ul li a {
background: url('images/sr_nav_right.gif') right top no-repeat;
border-left: 2px solid #50462f;
height: 21px;
margin-top: 5px;
border-bottom: none;
}
#navigation ul li a span {
background: url('images/sr_nav_left.gif') left top no-repeat;
height: 21px;
padding: 2px 1em 0 1em;
}
#navigation ul li a,
#navigation ul li a.current {
color: #FFFFFF;
cursor: pointer;
float: right;
font-size: 1em;
margin-bottom: -1em;
}
.clear {
clear:both;
}
#subnavigation {
width: 705px;
float: right;
max-height: 18px;
text-align: right;
font-size: 0.91em;
}
#subnavigation ul {
list-style: none;
padding: 2px 10px 4px 0;
}
#subnavigation li {
display: inline;
padding: 0 ;
line-height: .75em;
color: #300;
}
#subnavigation a {
padding: 0 4px;
color: #000;
text-decoration: underline;
font-weight: bold;
border-bottom: none;
}
#subnavigation p {
color: #000;
margin:0.3em 0 0.5em;
}
#subnavigation a:hover {
text-decoration: underline;
}