/*-----------------------------------------------------------------------------
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: 0px auto;
  font: 0.8em Verdana, Arial, sans-serif; 
  line-height: 1.5em;
  background: #CACACA;
  color: #454545;
  outline: none;
}

a, a:visited {
 color: #4670BB;
 text-decoration: none;
 outline: none;
}
			
a:hover {
 color: #89ACED;
 outline: none;
}
		
a img {
 border:0px;
 outline: none;
}

a.title {
  color: #FE6700;
}



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

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

h2 {
 text-align: center;
 color: #6D758F;
 font:normal 1.2em Arial,Verdana,sans-serif;
 font-weight: bold;
}

p {	
 margin: 0 0 5px 0;
}

.contentpost {
 margin-bottom:40px;
}


.postlist {
 border-top: 2px solid #ccc;
 margin: 4px 0px 40px 0px;
 padding: 4px;
}

.postlist p {
 margin:3px;
 border-bottom: 1px solid #ccc;
}

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: -2px 2px 2px 2px;
 color: #ccc;
 font: 1.3em Arial, Sans-Serif;
}

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

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

.content { 
  margin: 0px auto;
  padding-top:10px;
  width: 816px;
  background: #CACACA;
  border: 4px solid #626A85;
  outline: none;
}

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

.top_info {
  padding: 0 0 10px 0;
}

.top_info_topnavi {
 float: right;
 text-align: right;
 width: 440px;
 padding: 4px 10px 10px 0px;
 color: #666;
 font: normal 1.0em Arial, Sans-Serif;
 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: #6D758F;
 background: #fff; /* Hintergrundfarbe Navigation-Bar */
 clear: both;
 font: 1.2em Arial, Sans-Serif;
 list-style: none;

 margin:15px 0px 15px 0px;
 height: 22px;
}

.navi .navsearch {
 text-align:right;
 padding: 0px 12px 0px 0px;
}

.navi .navsearch input#s { 
 width: 165px;
 border: 0px solid #fff;

 color: #333;
 font: normal 0.9em Arial, Sans-Serif;
}

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

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

.navi ul li { 
  margin: 0; 
  padding: 3px 10px 0px 10px;
  color: #333;
  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: #333; 
 text-decoration: none;
 background:none;
}
	
.navi ul li a:hover { 
  color: #000;
  font-weight: bold; 
  text-decoration: none;
} 


/* Left Side
-----------------------------------------------------------------------------*/
.pagemain {
  float: center;
  width: 816px;
  background: #fff;
  outline: none;
  margin-top: 25px;
  text-align: center;
}

.pagemain h1, .pagemain h1:hover{
 padding: 0px;
 text-align: center;
 color: #6D758F;
 padding:auto;
 font:normal 1.4em Arial,Verdana,sans-serif;
 font-weight: bold;
}

.main {
  float: left;
  width: 816px;
  background: #fff;
  outline: none;
  background: url('http://gizmodity.com/wp-content/themes/blubbr/images/midmainblock.png') repeat-y;
}

.maintop {float: left;width: 816px;height: 15px;background: url('http://gizmodity.com/wp-content/themes/blubbr/images/uppermainblock.png') no-repeat;}
.mainmid {float: left;width: 816px;height: 15px;background: url('http://gizmodity.com/wp-content/themes/blubbr/images/midmainblock.png') repeat-y;}

.blockspacer {
height: 20px;
}

.left {
  float: left;
  width: 160px;
  outline: none;
}


.right {
  float: right;
  width: 300px;
  margin-right:10px;
  outline: none;
  text-align: center;
}

.mainbottom {float: left;;width: 816px;height: 15px;background: url('http://gizmodity.com/wp-content/themes/blubbr/images/lowermainblock.png') no-repeat;}

.mainpostarea {float: left;width: 470px;margin-left:8px;text-align: justify;}

.main img {
 margin-bottom: 10px;
 padding: 0px;
 outline: none;
}

.main h1, .main h1:hover{
 padding-bottom: 10px;
 text-align: center;
 color: #6D758F;
 font:normal 1.8em Arial,Verdana,sans-serif;
 line-height: 100%;
 font-weight: bold;
}

.minitextblock h1, .main h1:hover{
 padding-bottom: 10px;
 text-align: center;
 color: #6D758F;
 font:normal 1.8em Arial,Verdana,sans-serif;
 line-height: 100%;
 font-weight: bold;

}

.minitextblock h2, .main h2:hover{
 padding: 0px;
 text-align: center;
 color: #6D758F;
 padding:auto;
 font:normal 1.4em Arial,Verdana,sans-serif;
 font-weight: bold;
}

.minitextblock h3, .main h3:hover{
 padding-bottom: 0px;
 text-align: center;
 color: #6D758F;
 font:normal 1.2em Arial,Verdana,sans-serif;
 line-height: 100%;
 font-weight: bold;
}

.minitextblock {clear: both;float: left;width: 816px;background: #fff;margin:10px 0px 10px 0px;clear: both;}
.relatedpoststop {float: left;;width: 816px;height: 15px;background: url('http://gizmodity.com/wp-content/themes/blubbr/images/relatedpostsbodytop.png') no-repeat;}
.relatedpostsbody {float: left;width: 816px;background: #fff;}
.relatedpostsbodyblock {float: left;width: 806px;padding-left:5px;background: #fff;}
.relatedpostsbottom {float: left;;width: 816px;height: 15px;background: url('http://gizmodity.com/wp-content/themes/blubbr/images/relatedpostsbodybottom.png') no-repeat;}

.relatedpostsmainblock {float: left;width: 816px;background: #B2B7C4;margin:15px 0px 15px 0px;}
.metadata {
 border-top: 1px solid #B2B7C4;
 border-bottom: 1px solid #B2B7C4;
 margin: 15px 0px 15px 0px;
 padding: 5px 0px 5px 0px;
 text-align: center;
}
	
.alignright {
  float: right;
}

.alignleft {
  float: left
}

/* Begin Comments
-----------------------------------------------------------------------------*/

.commentlist li.alt {
  background-color:#f6f6f6;
}

.commentlist {
  margin:5px;
  padding: 0;
  text-align: justify;
}

.commentlist li {
width: 500px;
border-bottom: 1px solid #6D758F;
  margin: 5px 0 5px;
  padding: 5px 10px 3px;
  list-style: none;
  color: #808080;
}

.commentlist p {
  margin: 5px 5px 5px 0;
}

#commentform p {
  margin: 5px 0;
}

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
}

.commentmetadata {
  margin: 0;
  display: inline;
}


/* 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: #E5F3FF;  /* Hintergrundfarbe breite Boxen */
 color: #333333;
}

.image {
 float: left;
 margin: 0 9px 3px 0;
}
/* --------------------------------------------- HIER HIER HIER HIER HIER HIER HIER HIER ----- */
.relatedArticles, .recentComments, .right_articles {
 font-size: 11px;
 margin: 24px 0px 24px 0px;
 padding: 8px;
 background-color: #E5F3FF;  /* Hintergrundfarbe kleine Boxen */
}

.relatedArticles:hover, .recentComments:hover, .right_articles:hover {
 font-size: 11px;
 margin: 24px 0px 24px 0px;
 padding: 3px;
 background-color: #E5F3FF;
}
			
.relatedArticles h2, .recentComments h2, .right_articles h2 {
 color: #000;
 margin: 0px;
}

.recentComments a:hover, .relatedArticles a:hover, .right_articles a:hover {
 background-color: #f7f7f7;
 color: #003366;
 text-decoration: none;
}
			
.recentComments a, .recentComments a:visited, .relatedArticles a, .relatedArticles a:visited, .right_articles a, .right_articles a:visited {
 display: block;
 border: 1px solid #ccc;
 border-width: 1px 0px 0px 0px;
 padding: 2px 0px 2px 20px;
 margin: 0px;
 background-image: url(images/icon-article.png);
 background-repeat: no-repeat;
 background-position: -2px 5px;
 color: #333;
}
			
.recentComments a, .recentComments a:visited {
 background-image: url(images/icon-comment.png);
 font-size: 9px;
 color: #999;
}
                        
.recentComments em {
 font-style: normal;
 font-size: 11px;
 color: #333;
}
			
.recentComments a:hover, .relatedArticles a:hover {
 background-color: #f7f7f7;
 color: #cc0000;
 text-decoration: none;
}				

.recentComments div.names {
 padding: 0px 0px 2px 20px;
 margin: 0px; 
}

.recentComments div.names a, .recentComments div.names a:visited {
 font-size: 10px;
 display: inline;
 background: none;
 margin: 0px;
 padding: 0px;
 border: none;
 color: #444;
}		
			
.recentComments div.names a:hover {
 background: none;
 color: #000;
}

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

.footer { 
 clear: both; 
 text-align: left;
 line-height: 1.2em;
 color: #E9E9E9;
 padding:10px 0pc 10px 0px;
 background:#626A85;
 text-align: center;
 width:816px;
}
.footer ul { 
 margin: 0px; 
 padding: 0px; 
 list-style: none; 
}

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