/*
    Theme Name: Webitus Home Design
	URI: http://webitus.cz
	Description: Design of the portal.
	Version: 03.10 (de, en)
	Author: Raphael Raue
	Author URI: http://www.raphael-raue.de

	Layout and Design based on the Original-Theme
	Relaxation by John Wrana (www.jowra.com)
	
	This Theme is Widget-ready.
	
	The unprocessed photo of the headerimage is published by
	http://www.photocase.de
	
	The CSS, XHTML and design is released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* ---------------------------------------------------------------------------------- */

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

body {
	font-size: 12px;
	background: #414141;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
 

p {margin: 0px 0px 12px 0px;}

a {color: #1d5ff1; text-decoration: none;}

a:hover {color: #00b3b3; text-decoration: none;}

#content a:hover {text-decoration: none; color: #00b3b3;}

#content_main a:hover {text-decoration: none; color: #00b3b3;}

/* ---------------------------------------------------------------------------------- */

#page {
	background: url('images/content.jpg') repeat-y;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 925px;}

#head {
	background: transparent url(images/head.jpg) no-repeat top center;
	height: 87px;
	margin-top:40px;
	padding: 0px 0px 0px 0px}

#titel {

	text-align: right;
margin0;
padding:70px 50px 0 0;}

#logo {
	width: 218px;
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;}

#content {
	float: left;
	color: #000000;
	margin: 0;
	padding: 20px 40px 0px 40px;
	text-align: left;
	width: 400px;}
	
#content2 {
	float: left;
	color: #000000;
	margin: 0;
	font-size: 14px;
	padding: 20px 70px 0px 70px;
	text-align: left;
	width: 800px;}

#feat {
margin:15px 0 15px 0;
padding: 25px;
height: 150px;
text-align: justify;
border-top: 1px solid #ccc;
}

#feat img {border:1px solid #ccc;}

#content_main {
	float: left;
	color:#000;
	margin: 0px 0px 0px 0px;
	padding: 24px 20px 0px 30px;
	text-align: justify;
	width: 400px;}

.entry_main {
	text-align: justify;
	margin: 12px 0px 0px 55px;
	line-height: 1.6em;
	color: #525252;}



.entry {margin: 4px 0px 0px 0px; line-height: 1.6em; color: #525252;}




#footer {
	background: url('images/footer.jpg') bottom no-repeat;
	clear: both;
	color: #999999;
	font-size: 11px;
	height: 50px;
	margin:0px;
	padding: 50px 10px 0px 40px;}

#sidebar {
	color: #7a9799;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 10px 37px 0px 0px;
	text-align: left;
	width: 400px;}

#info {}

#end_a {
	background: url(images/bottom.gif) bottom left repeat-x transparent;
	margin: 0px 0px 0px 0px;}

#end_b {
	background: url(images/bottom.gif) bottom left repeat-x transparent;
	margin: 0px 0px 0px 0px;}


#end_c {
	background: url(images/bottom.gif) bottom left repeat-x transparent;
	margin: 0px 0px 0px 0px;}

/*---------------------Navigation----------------------------------------------------- */

#navigation {
	float:right;
	margin-right:45px;
	padding-top: 36px;
	}
	
#navigation ul {
	list-style-type:none;
	}
#navigation li {
	float:left;

	text-align:center;
	}
#navigation li a {
	background:url(images/nav.jpg) no-repeat;
	display:block;
	height:25px;
	width:80px;
	padding-top: 10px;
	text-decoration:none;
	color:#000;
	}
#navigation li a:hover {
	color:#222222;
	background:url(images/navh.jpg) no-repeat;

	}
#navigation .active {
	color:#222222;
	background:url(images/navh.jpg);
	}









/* ---------------------------------------------------------------------------------- */

h1, h1 a {
	letter-spacing: 1px;
	background: none;
	color: #000;
	font-size: 24px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	font-family: 'Times New Roman', Times, serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;}

h2, h2 a {
	letter-spacing: 1px;
	background: none;
	color: #000;
	font-size: 24px;
	font-weight: normal;
	font-family: 'Times New Roman', Times, serif;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;}

h3 {
	background: inherit;
	font-weight: normal;
	color: #1f6066;
	font-size: 12px;
	margin: 16px 0px 4px 0px;
	padding: 0px 0px 0px 0px;}
	
#post h4 {
	background: none;
	color: #000;
	font-size: 16px;
	font-variant: small-caps;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;}

#sidebar h4 {
	background: none;
	color: #000;
	font-size: 16px;
		border-bottom: 1px solid #ccc;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;}

#sidebar h5 {
	background: none;
	color: #1f6066;
	/*color: #ab4400;*/
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 16px 0px 7px 0px;
	padding: 0px 0px 0px 0px;}

/* ---------------------------------------------------------------------------------- */

.date {
	background: url(images/top.gif) bottom left repeat-x transparent;
	color: #86b0b3; 
	font: 10px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 0px 0px 55px;
	padding: 0 0 4px 0px;}

.pagetitle {
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 
	'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
	color: #1f6066; 
	font-size: 16px;
	padding: 0px 0px 20px 0px; 
	letter-spacing: 0.09em;}

blockquote {
	border-left: 1px dotted #ccd8d9;
	color: #9db1b3;
	padding: 1px 0px 10px 25px;
	margin: 12px 25px 0px 0px;}

#email, #author, #url {
	background: #ffffff;
	border: 1px solid #e9e9d9;
	color: #1f6066;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;}
	
.title {
	clear: left;
	text-align: left;
	color: #1f6066;
	font-size: 16px;
	font-variant: small-caps;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 12px 0px 4px 0px;}

/* ---------------------------------------------------------------------------------- */

acronym {text-decoration: none;}

code {background: inherit; color: #1f6066; text-align: right;}

.description {
	text-align: center;
	font-size: 12px; 
	font-variant: small-caps; 
	color: #ebebeb;
	padding: 5px 0px 0px 0px;
	letter-spacing: 2px;}

#logo img {border: none;}

#content img {
	float: left;
	border: 1px solid #cccccc;
	padding: 4px;
	max-width: 100%;
	display: inline;}

#content_main img {
	float: left;
	border: 1px solid #cccccc;
	padding: 4px;
	max-width: 100%;
	display: inline;}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;}

.entry img {
	margin: 5px 8px 0px 0px;
	display: inline;}

.entry_main img {
	margin: 5px 8px 0px 0px;
	display: inline;}

#sidebar img {
	vertical-align: text-bottom;
	border: none;
	padding: 0px;
	margin: 0px;}


#content .wp-smiley {
	background: transparent;
	border: none; 
	float: none;
	padding: 0;
	margin: 0;}


#content_main .wp-smiley {
	background: transparent;
	border: none; 
	float: none;
	padding: 0;
	margin: 0;}



ol, form {margin: 0; padding: 0;}

ul {list-style-type: circle;}

/* ---------------------------------------------------------------------------------- */

#sidebar a {background: none; color: #1d5ff1;}

#sidebar a:hover {background: none; color: #00b3b3;}

#sidebar li {
	color: #383838;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	background: url(images/dot.gif) bottom left repeat-x transparent;}

#sidebar li.nodots {
	color: #000;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;}

#post {
	color: #000;
	font-size: 11px;
	margin: 0;
	padding: 5px 0px 0px 20px;}


#post ul {
	background:none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

#post li {
	color: #383838;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;}
	


#signup li {
	text-align:left;
	font-size: 15px;
	}
#signup li a, #signup li a:active, #signup li a:visited{
	background:url(images/signup.jpg) no-repeat;
	display:block;
	margin-left:60px;
	padding: 12px 0 0 42px;
	height:50px;
	width:160px;
	text-decoration:none;
	color:#000;
	}
#signup li a:hover {
	color:#ccc;
	background:url(images/signup2.jpg) no-repeat;
	}
	
#post li.nodots {
	color: #000;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: none;}

#post .three{
text-align: center;
border: 1px solid #ccc;
height: 80px;
padding:10px 5px 10px 40px;
margin-bottom: 20px;
margin:0;

}
#post .three img{
border: none;
}

#post .three li{
	float:left;
	text-align:center;
}

a.admin{
border:none;
color: #000;
margin:5px;
display:block;
padding-right:30px;
background: url(images/admin.jpg) no-repeat;
width: 64px;
line-height: 64px;
}

a.admin:hover{
border:none;
color: #fff;
background: url(images/adminh.jpg) no-repeat;
width: 64px;
height:64px;
}

a.help{
border:none;
margin:5px;
color: #000;
padding-right:30px;
display:block;
background: url(images/help.jpg) no-repeat;
width: 64px;
line-height: 64px;
}

a.help:hover{
border:none;
color: #fff;
background: url(images/helph.jpg) no-repeat;
width: 64px;
height:64px;
}
a.search{
border:none;
margin:5px;
color: #000;
display:block;
padding-right:30px;
background: url(images/search.jpg) no-repeat;
width: 64px;
line-height: 64px;
}

a.search:hover{
border:none;
color: #fff;
background: url(images/searchh.jpg) no-repeat;
width: 64px;
height:64px;
}
	
.blogged {
	background: url(images/updated.jpg) top right no-repeat;
	color: #000;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.features {
	background: url(images/features.png) top right no-repeat;
	color: #000;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}




#sidebar ul {
	background:none;
	list-style-type: none;
	margin: 0;
	padding: 0;}

/* ---------------------------------------------------------------------------------- */

#s {
	background: #ffffff;
	border: 1px solid #e0e0d0;
	color: #4c6466;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 0px 2px 2px;
	vertical-align: top;
	width: 164px;}

#comment {
	background: #ffffff;
	border: 1px solid #cccccc; 
	color: #b34700;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	width: 350px; }

#submit {
	background: #ffffff;
	border: 1px solid #999999;
	color: #666666;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0 10px;}

.commentbody {
	color: #1f6066;
	font-size: 11px;
	margin: 0px 0px 20px 0px;
	padding: 16px 12px 16px 12px;
	background: #f7f7f0;
	border: 1px solid #cccccc;
	position: relative;}

/* ---------------------------------------------------------------------------------- */

#com_info {padding: 0px 0px 0px 0px;}


.comment_title {
	text-align: center;
	font-weight: normal;
	background: inherit;
	color: #1f6066;
	font-size: 16px;
	margin: 16px 0 15px 0;
	padding: 0;}

.commentbody p {line-height: 1.2em;}

.commentlink {font-size: 10px;}

.commentlist {list-style: none;}

.commentlist a {color: #1d5ff1;}

.commentcount {
	background: inherit;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 24px;
	font-weight: bold;
	color: #dedbcc;
	float: right;
	margin: 20px 12px 0px 0px;
	padding: 0px 0px 0px 0px;}

html[xmlns] .commentcount {position: absolute; right: 7px; top: 0;}

/* ---------------------------------------------------------------------------------- */




.info_main {
	clear: left;
	color: #1f6066;
	font-size: 10px;
	text-align: left;
	letter-spacing: 0.01em;
	margin: 0px 0px 30px 55px;
	padding: 4px 0px 0px 0px;
	background: url(images/top.gif) top left repeat-x transparent;}

.info_main a {background: none; color: #1f6066;}

.info_single {
	clear: left;	
	color: #1f6066;
	font-size: 10px;
	line-height: 1.2em;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 18px 0px;
	background: url(images/dot.gif) top left repeat-x transparent;}

.info_single a {background: none; color: #b34a00;}



.alignleft {float: left; text-align: left;}

.alignright {float: right; text-align: right;}


.foot {text-align: right; margin-right: 400px}

/* ---------------------------------------------------------------------------------- */

	#log{ color: #282C2F;  font-size:12px; font-family:  Arial, Helvetica, sans-serif;  background-image: url(images/bg_headsearch.gif); background-repeat: no-repeat; border: none;  width: 185px;  height: 20px; line-height: 19px; padding: 1px 0 0 5px;  margin: 0;  }
	#pwd{ color: #282C2F;  font-size:12px; font-family:  Arial, Helvetica, sans-serif;  background-image: url(images/bg_headsearch.gif); background-repeat: no-repeat; border: none;  width: 185px;  height: 20px; line-height: 19px; padding: 1px 0 0 5px;  margin: 0;  }



.post-date {
	margin: 4px 10px 0px 0px;
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.gif) no-repeat;}

.post-month {
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: 0px;}

.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;}
	
.leftbox {float:left; margin-right:10px;}