/*-----------------------------------------------------------------------------
Theme Name: Blubbr
Theme URI: http://mitra.ch/blubbr
Description: Clean and light Wordpress Theme.
Version: 0.8.1
Author: Renato Mitra
Author URI: http://mitra.ch
-----------------------------------------------------------------------------*/

   
/* default styles
-----------------------------------------------------------------------------*/

body {
  padding: 0; 
  margin: 0; 
  font: 0.7em Tahoma; 
  line-height: 1.5em;
  background: #fff; 
  color: #454545; 
}

a, a:visited {
 color: #2786c2;
 text-decoration: none;
}
			
a:hover {
 text-decoration: none;
 color: #000;
}
		
a img {
 border: 0;
}

a.title {
  color: #FE6700;
}

h1 {
 margin: 10px 0px 0px 0px;
 padding-top: 0px;
 float:left;
 height:38px;
 line-height: 36px;
}

h1 a, h2 a {
 text-decoration: none;
}

h1 a:hover, h2 a:hover {
 color: #646264;
}

h2 { 
 margin: 0; 
 padding: 0; 
 font: bold 1.3em Tahoma; 
 letter-spacing: -1px;
 color: #000;
}

h3 a {
 color: #000!important;
}

h3 a:hover {
 color: #000!important;
}

h3 { 
 color: #000!important;
 font: 1em Tahoma;
}

p {	
 margin: 0 0 15px 0;
}

.contentpost {
 margin-bottom:40px;
 font: 1.3em Tahoma; 
}

.contentpost1 {
 margin-bottom:40px;
 font: 1.3em Tahoma; 
}

.contentpost1 img {
 margin: 3px 6px 3px 0px;
 border: 3px solid #dbe4ef;
 padding: 3px;
}

.contentpost1 img:link,
	.contentpost1 img:visited {
		border: 3px solid #dbe4ef;
	}
	
	.contentpost1 img:hover,
	.contentpost1 img:active {
		border: 3px solid #dbdbdb;
	}


.postlist {
 margin: 4px 0px 40px 0px;
 padding: 4px;
}

.postlist p {
 margin:3px;
}

blockquote {
 margin: 10px 0 0 25px;
 padding: 0 20px;
 border-left: 1px solid #ccc;
 color: #666;
}

form { 
 margin: 0px; 
}

#searchform {
 padding-top:0px;
}

#searchform input#s { 
 width: 206px; 
 border: 1px solid #d8d8d8;
 padding: 0 2px 2px 2px;
 color: #000;
 font: 1.3em Tahoma;
}

form#searchform div input#searchsubmit {
  margin:3px 0px 0px -20px;
  position:absolute;
}

.slideshow {	
 margin: 10px 0 0 0;
}

/* layout
-----------------------------------------------------------------------------*/

.content { 
  margin: 0px auto;
  width: 980px; 
}

.header { 
 /*height: 90px;*/
}

.top_info {
  padding: 0 0 14px 0;
  font: 1.2em Tahoma;
}

.top_info_topnavi {
 float: right;
 text-align: right;
 width: 440px;
 padding: 4px 10px 10px 0px;
 color: #666;
 font: normal 1.0em Tahoma;
 margin-bottom: 20px;
}

.top_info_topnavi ul { 
 margin: 0px; 
 padding: 0px; 
 list-style: none; 
}

.top_info_topnavi ul li { 
 margin: 0px; 
 padding: 3px 10px 0px 0px;
 float: right;
}

.top_info_topnavi a {
 color: #666;
 text-decoration: none;
}

.top_info_topnavi a:hover {
 color: #003366;
 text-decoration: underline;
}

.navi { 
 color: #000000;
 background: #EFEFEF; /* Hintergrundfarbe Navigation-Bar */
 clear: both;
 list-style: none;
 padding: 4px;
 margin-top: 30px;
}

.navi .navsearch {
 text-align:right;
}

.navi .navsearch input#s { 
 width: 165px;
 border: 0px solid #fff;
 padding: 0px 0px 0px 0px;
 margin: 0px;
 color: #000000;
 font: normal 0.9em Tahoma;
}

.navi .navsearch input#searchsubmit {
 margin: 0px 0px 0px 0px;
}

.navi ul { 
 margin: 0px; 
 padding: 0px; 
 list-style: none; 
}

.navi ul li { 
  margin: 0; 
  padding: 3px 10px 0px 10px;
  color: #000000;
  float: left; 
}
	
.navi ul li.current_cat a{  
 color: #000;
 font-weight: bold; 
 text-decoration: none;
 background:none;
}

.navi ul li a { 
 font-weight: bold;
 color: #000000; 
 text-decoration: none;
 background:none;
}
	
.navi ul li a:hover { 
  color: #000;
  font-weight: bold; 
  text-decoration: none;
} 


/* Left Side
-----------------------------------------------------------------------------*/

.left {
  float: left;
  width: 490px;
  margin: 10px 0 10px 0;
}
.left_articles {
  margin: 0px 0 10px 0;
}
.left_articles h2, .left_articles h2:hover{
 padding: 0px;
 margin: 0px;
 color: #cccccc;
 font:normal 2.4em Tahoma;
 line-height: 100%;
 letter-spacing: 0px;
}

.metadata {
 margin: 4px 0px 10px 0px;
 padding: 0px;
}
	
.alignright {
  float: right;
}

.alignleft {
  float: left
}

.services {
  float: left;
  width: 990px;
  margin: 10px 0 10px 0;
}

/* commentform
---------------------------------------------------------------------------------------------- */ 
#commentlist {margin: 0 0 15px 0;font: 11px Tahoma;width:500px!important;}
#commentlist li {padding:24px;}
#commentlist .gravatar {float:left;width:42px;display:block;}
#commentlist .gravatar1 {float:left;padding-bottom:3px!important;height:34px!important;width:490px!important;background:#f1f1f1!important;border-bottom:1px solid #dadada!important;}
#commentlist .commentmetadata  a:link,.commentmetadata  a:visited{color:#a7a6a6;text-decoration:none;}
#commentlist .commentmetadata  a:hover{color:#f60}
#commentlist .commenttext a:link, .commenttext a:visited {color:#9ec723;background:#fff!important;}
#commentlist .commenttext a:hover {color:#000;}
#commentlist .commenttext p {font: 13px Tahoma; margin: 0px 0 0px; color:#696969;width:600px!important;}
#commentlist .commenttext code {color:#ff0000;font: 14px Tahoma!important;width:584px!important;margin:7px 0;padding:5px 4px;display:block;background:#f1f1f1!important;}
#commentlist .commenttext ul, .commenttext ol {padding: 5px 0px;}
#commentlist .commenttext li ul li, .commenttext li ol li { padding: 0px;  font-size: .9em; line-height: 13px; color:#666; }		

#comment-wrapper cite {font:1em tahoma;color:#444444;}
#comment-wrapper cite a:link,#comment-wrapper  cite a:visited{color:#444444;text-decoration:none;}
#comment-wrapper cite a:hover {text-decoration:none;}

ol#trackbacks {list-style:decimal;margin:0 0 15px 27px;font:1em tahoma;}
ol#trackbacks li {padding:0;margin:0 0 3px 0;}
ol#trackbacks a:link, ol#trackbacks a:visited {color:#297cdf;}
ol#trackbacks a:hover {color:#d92100;}

#commentform p {margin-bottom:5px;}
#commentform label {color:#666;font-size: 80%;padding-left: 5px;}
#commentform small {color: #999999;font-size: 90%;}
#author,#email,#url {font: 100% tahoma;width: 220px;padding: 2px;	border: 1px solid #e6e6e6;}
#commentform textarea {font: 100% tahoma;width: 480px;height: 120px;border: 1px solid #e6e6e6;padding: 2px 3px 3px 7px;}
#submit {background: url(images/submit.gif) no-repeat;width: 136px;height:19px;border:none;float:left;text-indent: -900em;line-height:0px;cursor:pointer;}
#submit:hover {cursor:pointer;}
#commentform textarea:focus, #commentform input[type="text"]:focus {border: solid 1px #c00;}


/* Sidebar
-----------------------------------------------------------------------------*/
		
.sidebar {
 /*background: #f6f6f6;*/
 float: right;
 width: 470px;
 padding: 10px 0px 10px 20px;
 margin: 0 0 10px 0;
}

#sidebar_left {
 float: left;
 width: 225px;
 margin: 0 0 10px 0;
}

#sidebar_right {
 float: right;
 width: 225px;
 margin: 0 0 10px 0;
}

.sidebar ul { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
}

.sidebar li {
 list-style-type:none;
}

.sidebar li ul li{
 list-style-type:none;
 margin-left:20px;
}

.right_login {
 padding: 10px;
 margin: 10px 0 10px 0;
 background: #f6f6f6;  /* Hintergrundfarbe breite Boxen */
 color: #333333;
}

.image {
 float: left;
 margin: 0 9px 3px 0;
}


/* footer
-----------------------------------------------------------------------------*/

.footer { 
 clear: both; 
 text-align: left;
 line-height: 1.2em;
 font: 13px Tahoma;
 color: #808080;
 padding: 30px 0 10px 0;
 border-top: 1px solid #818181;
}

.footer ul { 
 margin: 0px; 
 padding: 0px; 
 list-style: none; 
}

.footer ul li { 
 margin: 0px; 
 padding: 3px 10px 0px 0px;
 float: left;
}