/*

      Theme Name: Relax V2
	URI: 
	Description: Relax version 2 - html & css validated, Safari OK
	Version: 2.0
	Author: Ewen
	Author URI: 

	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
	
*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #a9ac99 url(images/jowra.gif) no-repeat top right;
	font-size: 13px;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	padding: 20px 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;
}


img.right { 
        margin: 0px 0px 10px 20px; 
        border: 1px solid #000000;
        display: inline; 
        float: right;
}

img.left { 
        margin: 0px 20px 10px 0px;
        border: 1px solid #000000;
        display: inline; 
        float: left;
}

img.centered {
        margin-left: auto;
        margin-right: auto;
        display: block; 
        border: 1px solid #000000;
}



img.right-white { 
        padding-left: 20px; 
        padding-bottom: 10px;
        margin: 0px; 
        border: 0px;
        display: inline; 
}

img.left-white { 
        padding-right: 20px; 
        padding-bottom: 10px;
        margin: 0px; 
        border: 0px;
        display: inline; 
        float: left;
}

img.centered-white {
        margin-left: auto;
        margin-right: auto;
        display: block; 
        border: 0px;

}







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;
}


#breadcrumbs{
	background: transparent;
	border-width: 0px;
	color: #808979;
	margin: 0 0 0 3px;
	padding: 5px 0px 0px 24px;
	text-align: left;
        vertical-align: bottom;
	width: 540px; 
        font-size: 10px;
        
}


#breadcrumbs a:link{
	color: #808979;
}

#breadcrumbs a:visited{
	color: #808979;
}

#breadcrumbs a:hover{
	color: #a06000;
}

#breadcrumbs a:active{
	color: #a06000;
}




#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: 0 10px 30px 57px; /* 10 was 30 */
	text-align: left;
	width: 480px; /*  was  496 */
}


.contenttab {
	background: blue;
	border: none;
	color: #000000;
	margin: 0;
	padding: 0 10px 20px 10px; /* 10 was 30 */
	text-align: left;
	width: 470px; /* was  496 */
}

.contenttabbot {
	background: red;
	border: none;
	color: #000000;
	margin: 0;
	padding: 0 10px 20px 10px; /* 10 was 30 */
	text-align: left;
	width: 470px; /*  was  496 */
}






#content a:hover {
	text-decoration: underline;
}

/*#content img {
	float: right;
	margin: 5px 15px 0 0;
	border: 1px solid #e0e0d0;
} */

#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;
}

#header {
	background: transparent;
	color: #a0a999;
	font-size: 11px;
	height: 60px;
	margin: 0;
	padding: 3px 30px 0 3px;
	text-align: right;
	width: 490px;
}

#header a {
	color: #990000;
}

#header img {
	border: none;
}

#page {
	background: transparent url(images/middle.gif) repeat-y top center;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 780px;
}

#s {
	background: #ffffff;
	border: 1px solid #e0e0d0;
	color: #595949;
	font-size: 11px;
	height: 15px;
	padding-left: 2px;
        margin-left:  8px;
	vertical-align: middle;
	width: 115px;
}

#sidebar {
	background: transparent;
	border: none;
	color: #443;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 0 27px 30px 0px;
	text-align: left;
	width: 155px;
}

#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 5px;
	padding: 0;
}

#sidebar li {
	line-height: 1.5em;
	list-style-type: none;
	margin: 0 0 0 0px;
	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;
}



#tabs{
	background: transparent;
	/* border 0px; */
	color: #000000;
	margin: 0px 14px 0px 20px; /* was 24 */
	/* padding: 0px 0px 0px 0px; */
	text-align: left;
	width: 560px; /*was 558px;*/
        /* font-size: 8px; */
        
}


#tabsbot{
	background: transparent;
        /* border 0px;*/
	color: #000000;
	margin: 0px 14px 0px 20px; /* was 24 */
	/* padding: 0px 0px 0px 0px; */
	text-align: left;
	width: 560px; /* was 558px;*/ /* 583 */
        /* font-size: 8px; */
        
}








#today {
	background: #ffffff;
}

#top {
	background: transparent url(images/top.gif) no-repeat top center;
	height: 30px;
}

#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;
}

.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;
}

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;
}


.postmetadataLeft {
	color: #808979;
	font-size: 11px;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
	text-align: left;
}


.postmetadataLeft a {
	color: #808979;
}



.sectiontitle {
        margin-top: 0px;
        padding-top: 0px;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-align: right;
        vertical-align: top;
        border-top: 4px;
        line-height: 18px;
}



.single {
        margin-top: -16px;
        margin-left: 5px;
        padding: 0px;
	font-size: 11px;
        line-height: 11px;
	letter-spacing: 0.1em;
	text-align: right;
        vertical-align: top;
        color: #000000;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;

}


.single2 {
        margin: 0px;
        padding: 0px;
	font-size: 10px;
	text-align: left;
        vertical-align: top;
        color: #000000;
	font-family: trebuchet ms,verdana,arial,helvetica,sans-serif;

}



/* different postmetadata style for single.php */

.alt {
	line-height: 1.4em;
	padding: 0 0 15px 30px;
}

.alt a {
	color: #005577;
}



/*  Ewen's style definitions for use with tabs */

/*
.tabcell { 
          vertical-align: bottom;
          padding-top: 0px;
          padding-left: 2px;
          padding-right:  2px;
          background: #fdfef9; 
          }
*/

.tabcell { 
          vertical-align: bottom;
          padding-top: 0px;
          padding-left: 0px; /*padding-left: 2px;*/
          padding-right:  0px; /*padding-right:  2px; */
          background: #fdfef9; 
          }


.tab-sel { 
           background: url("images/tab-sel-back.png") repeat-x;
           vertical-align: middle;
           padding-left: 4px;
           padding-right: 4px;
           font-size: 8pt;
           line-height: 10px;
           text-align: center;
           /* color: #70653; */
          }

.tab-sel-left {
          width: 4px;
          height: 27px;
          margin: 0 auto;
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-sel-left.png"); 
          }

.tab-sel-right {
          width: 4px;
          height: 27px;
          margin: 0 auto;
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-sel-right.png"); 
          }




.tab-sel-bot { 
           background: url("images/tab-sel-back.png") repeat-x;
           vertical-align: middle;
           padding-left: 4px;
           padding-right: 4px;
           font-size: 8pt;
           line-height: 10px;
           text-align: center;
           /* color: #70653; */
          }

.tab-sel-left-bot {
          width: 4px;
          height: 27px;
          margin: 0 auto;
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-sel-left.png"); 
          }

.tab-sel-right-bot {
          width: 4px;
          height: 27px;
          margin: 0 auto;
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-sel-right.png"); 
          }





.tab-nosel-bot { 
           background: url("images/tab-nosel-back.png") repeat-x;
           vertical-align: middle;
           padding-left: 4px;
           padding-right: 4px;
           font-size: 8pt;
           text-align: center;
           line-height: 10px;
           /* color: #70653; */
	   border-bottom: 1px solid #bbbdbc;

          }

.tab-nosel-left-bot {
          width: 4px;
          height: 27px;
          margin: 0px; /* auto; */
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-nosel-left-bot.png"); 
          }

.tab-nosel-right-bot {
          width: 4px;
          height: 27px;
          margin: 0px; /* auto; */
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-nosel-right-bot2.png"); 
          }



.tab-nosel { 
           background: url("images/tab-nosel-back.png") repeat-x;
           vertical-align: middle;
           padding-left: 4px;
           padding-right: 4px;
           font-size: 8pt;
           text-align: center;
           line-height: 10px;
           /* color: #70653; */

          }

.tab-nosel-left {
          width: 4px;
          height: 27px;
          margin: 0 auto;
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-nosel-left.png"); 
          }

.tab-nosel-right {
          width: 4px;
          height: 27px;
          margin: 0 auto;
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-nosel-right.png"); 
          }





.tab-nosel-top { 
           background: url("images/tab-nosel-back.png") repeat-x;
           vertical-align: middle;
           padding-left: 4px;
           padding-right: 4px;
           font-size: 8pt;
           text-align: center;
           line-height: 10px;
           /* color: #70653; */
	   border-width: 0px;

          }

.tab-nosel-left-top {
          width: 4px;
          height: 27px;
          margin: 0 auto;
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-nosel-left-top.png"); 
          }

.tab-nosel-right-top {
          width: 4px;
          height: 27px;
          margin: 0 auto;
          margin-bottom: 0px;
          padding-top: 0px;
          vertical-align: bottom;
          background: url("images/tab-nosel-right-top.png"); 
          }



.seltab a:link {
          color: #000000;
          text-decoration: none;
              }

.seltab a:visited {
          color: #000000;
          text-decoration: none;
              }

.seltab a:hover {
          /* color: #70653; */
          text-decoration: underline;
              }

.seltab a:active {
          color: #000000;
          text-decoration: none;
              }

.ExcCategory {
          color: #444433;
             }