/*



	Theme Name: Relaxation

	URI: http://www.jowra.de/wp/

	Description: A clean, simple and soothing theme.

	Version: 1

	Author: John Wrana

	Author URI: http://www.jowra.de/



	Relaxation

	http://www.jowra.de/wp/

	This theme was designed and built by John Wrana,

	whose blog you will find at http://www.jowra.de/wp/

	

	While I've written this CSS for my own and nearly from scratch,

	the famous Kubrick-Theme by Michael Heilemann (http://binarybonsai.com/kubrick/)

	functioned as a base-template to start working.

	

	The CSS, XHTML and design is released under the GPL:

	http://www.opensource.org/licenses/gpl-license.php

	

	This is the first release of this theme.

	Maybe it's not really finished and therefore feedback is always appreciated.

	If you have any questions installing, using and modifying this theme,

	don't hesitate to contact me. Especially if you consider any errors on validating

	XHTML 1.1 or CSS, please drop me a line.

	

	ToDo:

	

	- important: using as much as possible the localize-function

	- cleanup the template files (some unused css-classes and such)

	- some enhancements to the design of the comments and the response-box

	- there are still some template files untouched, e.g. '404.php'

	- other minor issues

	

*/









#page {

	background: transparent url(images/middle_top.gif) repeat-y top center;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	width: 714px;

}











/* ----------------     Beginn Header Bild      ----------------- */





#top {

	background: transparent url(images/top.gif) no-repeat top center;

	height: 146px;

}



/* ----------------    Ende Header Bild      ----------------- */









//       --------------    Beginn horizontale Navigationsleiste       -------------------



#navcontainer{



    background: transparent url(images/middle_top.gif) repeat-y top center;

    margin: 0;

	padding: 0;

	text-align: center;





    

}









#navlist

{

border-bottom: 1px solid #ccc;

margin: 0 0 0 20px;

padding: 10px 0px 19px 20px;

width: 650px;

}



#navlist ul, #navlist li

{

display: inline;

list-style: none;

margin: 0;

padding: 0;

}



#navlist a:link, #navlist a:visited

{

background: #E8EBF0;

border: 1px solid #ccc;

color: #666;

float: left;

font-size: small;

font-weight: normal;

line-height: 14px;

margin-right: 8px;

padding: 2px 10px 2px 10px;

text-decoration: none;

}



#navlist a:link#current, #navlist a:visited#current

{

background: #fff;

border-bottom: 1px solid #fff;

color: #000;

}



#navlist a:hover { color: #f00; }



body.section-1 #navlist li#nav-1 a, 

body.section-2 #navlist li#nav-2 a,

body.section-3 #navlist li#nav-3 a,

body.section-4 #navlist li#nav-4 a

{

background: #fff;

border-bottom: 1px solid #fff;

color: #000;

}



#navlist #subnav-1,

#navlist #subnav-2,

#navlist #subnav-3,

#navlist #subnav-4

{

display: none;

width: 90%;

}



body.section-1 #navlist ul#subnav-1, 

body.section-2 #navlist ul#subnav-2,

body.section-3 #navlist ul#subnav-3,

body.section-4 #navlist ul#subnav-4

{

display: inline;

left: 10px;

position: absolute;

top: 95px;

}



body.section-1 #navlist ul#subnav-1 a, 

body.section-2 #navlist ul#subnav-2 a,

body.section-3 #navlist ul#subnav-3 a,

body.section-4 #navlist ul#subnav-4 a

{

background: #fff;

border: none;

border-left: 1px solid #ccc;

color: #999;

font-size: smaller;

font-weight: bold;

line-height: 10px;

margin-right: 4px;

padding: 2px 10px 2px 10px;

text-decoration: none;

}



#navlist ul a:hover { color: #f00 !important; }





//       --------------    Ende horizontale Navigationsleiste       -------------------







/* ----------------     Ende Header      ----------------- */









html, body {

	margin: 0;

	padding: 0;

	text-align: center;

}



body {

	background: #a9ac99;

	font-size: 13px;

	word-spacing: 0.1em;

	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;

	padding: 0px 0;

}



a {

	color: #a06000;

	text-decoration: none;

}



acronym {

	text-decoration: none;

	border: none;

	border-bottom: 1px dotted #808979;

}



blockquote {

	border-left: 1px solid #e0e0d0;

	padding-left: 10px;

	margin: 0 30px;

}



code {

	color: #005577;

	text-align: left;

}



h1, h1 a {

	color: #005577;

	font-size: 20px;

	font-weight: normal;

	font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif;

	margin: 40px 0 0 0;

	padding: 0;

	text-decoration: none;

}



h2, h2 a {

	color: #990000;

	font-size: 13px;

	font-weight: normal;

	letter-spacing: 0.09em;

	margin: 0;

	padding: 0;

}



h3 {

	color: #005577;

	font-size: 13px;

	margin: 15px 0 15px 0;

	padding: 0;

}



h4 {

	font-size: 11px;

	font-weight: normal;

	margin: 0;

	padding: 0;

}



img {

	border: none;

}



ol, form {

	margin: 0;

	padding: 0;

}



ul {

	list-style-type: circle;

}



p {

	line-height: 1.5em;

	text-align: justify;

}



small {

	font-size: 10px;

	line-height: 1.2em;

}



#comment {

	background: #ffffff;

	border: 1px solid #e9e9d9;

	color: #595949;

	font-size: 11px;

	padding-left: 2px;

	vertical-align: middle;

	width: 350px;

}



#content {

	background: transparent;

	border: none;

	color: #000000;

	margin: 0;

	padding: 0px 30px 30px 67px;

	text-align: left;

	width: 430px;

}



#content a:hover {

	text-decoration: underline;

}





#content img {

	margin: 5px 15px 15px 5px;

}



#email, #author {

	background: #ffffff;

	border: 1px solid #e9e9d9;

	color: #595949;

	font-size: 11px;

	padding-left: 2px;

	vertical-align: middle;

}



#footer {

	background: transparent url(images/bottom.gif) no-repeat bottom center;

	clear: both;

	color: #808979;

	font-size: 11px;

	height: 65px;

	margin: 0;

	padding: 10px 10px 10px 67px;

}











/* ----------------     Beginn Sidebar      ----------------- */

#s {

	background: #ffffff;

	border: 1px solid #e0e0d0;

	color: #595949;

	font-size: 11px;

	height: 15px;

	padding-left: 2px;

	vertical-align: middle;

	width: 115px;

}



#sidebar {

	background: transparent;

	border: none;

	color: #443;

	float: right;

	font-size: 11px;

	margin: 0;

	padding: 25px 27px 30px 0px;

	text-align: left;

	width: 130px;

}



#sidebar a {

	color: #444433;

}



#sidebar a:hover {

	color: #a06000;

}



#sidebar h2 {

	color: #005080;

	font-size: 11px;

	font-weight: normal;

	letter-spacing: 0.3em;

	margin: 20px 0 10px 0;

	padding: 0;

}



#sidebar li {

	line-height: 1.5em;

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#sidebar ul {

	list-style-type: none;

	margin: 0 0 0 10px;

	padding: 0;

}



#noindent {

	margin: 0 0 0 -10px;

	padding: 0;

}



#submit {

	background: #ffffff;

	border: 1px solid #e9e9d9;

	color: #595949;

	font-size: 11px;

	margin: 0;

	padding: 0 10px;

}



#today {

	background: #ffffff;

}


/* Breite des AusklappmenŸs */

select.postform {width: 140px}





/* ----------------     Ende Sidebar      ----------------- */







#contents

{

background: #fff;

border: 1px solid #ccc;

border-top: none;

clear: both;

margin: 0px;

padding: 15px;

}





#url {

	background: #ffffff;

	border: 1px solid #e9e9d9;

	color: #595949;

	font-size: 11px;

	padding-left: 2px;

	vertical-align: middle;

}



#wrapper {

	float: left;

	margin: 0;

	padding: 0;

}







//          ----------------- Rumwall Tags ----------------







#rumwallbtn input.styled {

	/* you can add your style for the button here */

}



#rumwallform {

	

}



#rumwallform table {

	width: 100%;

	

}



#rumwallform textarea {

	width: 98%;

	height: 100px;

}







//          ----------------- Rumwall Tags Ende ----------------







.clear {

    clear: both;

}



.alignleft {

	float: left;

	text-align: left;



}



.alignright {

	float: right;

	margin-top: -1px;

	text-align: right;



}



.commentbody {

	color: #595949;

	font-size: 11px;

	margin: 0 0 10px 0;

	padding: 15px 15px 5px 15px;

	background: #f7f7f0;

	border: 1px solid #f0f0e0;

	position: relative;

}



.commentbody p {

	line-height: 1.2em;

}



.commentlink {

	font-size: 10px;

}



.commentlist {

	list-style: none;

}



.commentcount {

	position: absolute;

	right: 36px;

	top: 0;

	font-family: Georgia;

	font-size: 24px;

	font-weight: bold;

	color: #e0e0d0;

	float: right;

}



.logo {

    float: right;

    height: 50px;

}





html[xmlns] .commentcount {

	position: absolute;

	right: 7px;

	top: 0;

}



.date {

	color: #808979;

	font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;

	letter-spacing: 0.09em;

	margin: 0;

	padding: 0 0 0 2px;

}



.navigation {

	font-size: 11px;

	padding: 40px 0 0 0;

}



.pagetitle {

	font-size: 11px;

	letter-spacing: 0.09em;

	text-align: right;

}



.postmetadata {

	color: #808979;

	font-size: 11px;

	letter-spacing: 0.09em;

	margin: 0;

	padding: 0;

	text-align: right;

}



.postmetadata a {

	color: #808979;

}



/* different postmetadata style for single.php */



.alt {

	line-height: 1.4em;

	padding: 0 0 15px 30px;

}



.alt a {

	color: #005577;

}


.bildschatten {
  background: url(/images/bildschatten.png) no-repeat bottom left;
  padding: 4px 7px 17px 7px;
}

// Gravatar Plugin

.gravatar {
        float:left;
        padding: 3px;
        border: 1px solid #000;
        background: #fff;
}

.postgrav {
        float: left;
        padding: 3px;
        margin-right: 5px;
        margin-left: 5px;
        border: 1px solid #000;
        background: #fff;
}


// Steckbrief Styles



dd.steckbild

dl.steck {border-left:2px solid #000088;}

dt.steck00{font-weight:bold;margin:0;padding:20px 0px 10px 0px;line-height:1.0em;}

dd.steck01{padding:20px 2px 2px 5px;margin:0;line-height:1.2em;}

dd.steck02{padding:2px 2px 2px 5px;margin:0;line-height:1.2em;color:#000;background-color:inherit;}





/* sticky Plugin style 



.adhesive_post {

border: 2px solid green;

margin: 15px 5px 15px 5px;



}

.adhesive_post H3 {

background-color: yellow;

}

.adhesive_post .storycontent p {

font-weight: bold;

}



*/