/*-----------------------------------------------------------------------------
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 Verdana, Arial, sans-serif; 
  line-height: 1.5em;
  background: #fff; 
  color: #454545;
  text-align:justify;
}

a, a:visited {
 color: #003F7E;
 text-decoration: none;
}
			
a:hover {
 text-decoration: underline;
}
		
a img {
 border:0px;
}

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

h2 { 
 margin: 0; 
 padding: 0; 
 font: bold 1.3em Arial, Sans-Serif; 
 color: #000;
}

p {	
 margin: 0 0 5px 0;
}

.contentpost {
 margin-bottom:40px;
 padding:0 10px;
}

.contentpost img {
 margin: 3px 6px 3px 6px;
 border: 1px solid #ccc;
 padding: 3px;
}

.contentpost .leer_mas {
 border:0;
 margin: 3px 6px 3px 20px;
 padding: 3px;
}

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

.postlist .titulo {
 background-color:#EFEFEF;
 margin:3px;
 padding:0 5px;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
}
.postlist .contenido{
 margin: 0 10px 25px 25px;
}

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

.wp-caption {
 text-align:center;
 border:1px solid #CCCCCC;
 margin: 5px;
}
.wp-caption img {
 border:0;
 margin-left: auto;
 margin-right: auto;
}

.wp-caption-text{
 padding:3px;
 background-color:#DEDEDE;
 margin:2px 5px 4px;
 text-align:center;
 font-style: italic;
}

form { 
 margin: 0px; 
}

#searchform {
 padding-top:0px;
}

#searchform input#s { 
 width: 206px; 
 border: 1px solid #d8d8d8;
 padding: 0 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;
  width: 980px; 
}

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

.logo {
background:transparent url(images/logo.jpg) no-repeat scroll 0 0;
float:left;
text-indent:-99999px;
height:83px;
width:600px;
margin:10px 10px 20px;
}

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

.top_info_topnavi {
 float: right;
 text-align: right;
 width: 340px;
 padding: 4px 10px 10px 0px;
 color: #666;
 font: normal 1.0em Arial, Sans-Serif;
 margin-bottom: 20px;
}

.top_info_topnavi p {
line-height:25px;
margin:0;
padding:0;
text-align:right;
}

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

.top_info_topnavi ul li { 
 font-size:1.2em;
 font-weight:bold;
 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: #666;
 background: #EFEFEF; /* Hintergrundfarbe Navigation-Bar */
 clear: both;
 font: bold 1.3em Arial, Sans-Serif; 
 letter-spacing: -1px;
 list-style: none;
 padding: 4px;
 margin-top: 30px;
}

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

.navi .navsearch input#s { 
 width: 165px;
 border: 0px solid #fff;
 padding: 0 0px 0px 0px;
 margin: 0px;
 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;
} 

.navigation {
width:700px;
margin:15px 15px 15px 0px;
float:left;
text-align:center;
}

span.navback{
width:25px;
height:15px;
display:block;
float:left;
background:url(images/back.gif) top right no-repeat;
cursor:pointer;
}
span.navforward{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/forward.gif) top right no-repeat;
cursor:pointer;
}
span.navback a, span.navback img, span.navforward a, span.navforward img {
border:0;
}


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

.left {
  float: left;
  width: 700px;
  margin: 10px 0 10px 0;
}
.inicio {
 float:left;
 margin: 0 0 10px;
 width:980px;
}

.item{
width:46%;
height:175px;
color:#333333;
margin:10px;
padding:5px;
border:1px solid #000000;
}

.cat_intro {
border:1px solid #000000;
padding:5px 5px 2px;
margin: 3px 0 20px;
}
.cat_intro p {
padding:5px;
margin:0;
}

.cat_img img{
width:180px;
height:142px;
float:left;
padding:3px;
margin: 0 5px 0 0;
vertical-align:middle;
}

.cat-title h2, .cat_intro h2 {
padding:0 0 0 5px;
margin:0 0 3px;
font-size:18px;
font-weight:bold;
color:#003F7E;
text-align:center;
}
.cat-title h2 a:hover, .cat_intro h2 a:hover {
color:#003F7E;
}

.description{
margin:0 10px;
height:170px;
overflow:hidden;
}
.description p{
margin:0;
}
.description ul {
margin:4px 0 3px;
padding:0;
}
.description ul li {
list-style-image:none;
list-style-position:inside;
list-style-type:square;
margin:0 0 0 5px;
padding:2px 0 0 5px;
}

.left_articles {
  margin: 0px 0 10px 0;
}
.left_articles h2, .left_articles h2:hover{
 padding: 0px;
 margin: 10px 0;
 border-bottom: 1px solid #DEDEDE;
 color: #000;
 font:normal 1.8em Arial,Verdana,sans-serif;
 line-height: 100%;
}

.metadata {
 border-top: 1px solid #DEDEDE;
 border-bottom: 1px solid #DEDEDE;
 margin: 8px 0px 10px 0px;
 padding: 0 5px;
 background-color:#EFEFEF;
}

.aligncenter {
margin-left: auto;
margin-right: auto;
}
	
.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.imagen_autor {
  float: right;
  border:0;
  margin:10px 0 10px 15px;
}

.related {
  border:2px #000 dotted;
  padding:3px 20px;
  margin:15px 50px 15px 20px; 
}
.tit_related{
font-weight:bold;
margin:3px 0 5px 5px;
}
.related ul {
margin:-5px 0 3px;
padding:0;
}
.related ul li {
list-style-image:none;
list-style-position:inside;
list-style-type:square;
margin:0 0 0 5px;
padding:2px 0 0 5px;
}

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

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

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

.commentlist li {
  margin: 15px 0 3px;
  padding: 5px 10px 3px;
  list-style: none;
  background: #f6f6f6;
  color: #808080;
}

.commentlist p {
  margin: 10px 5px 10px 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: 245px;
 padding: 10px 0px 10px 20px;
 margin: 0 0 10px 0;
}

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

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

.sidebar ul 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;
}
.right_login h2{
 display: block;
 padding: 0px 5px 0px 2px;
 color: #000;
 margin: 0px;
 border-bottom:1px solid #ccc;
}
.right_login ul li {
 list-style-type:disc;
 list-style-position: inside;
}

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

.relatedArticles:hover, .recentComments:hover, .right_articles:hover, .nube_tags:hover {
 font-size: 11px;
 margin: 24px 0px 24px 0px;
 padding: 3px;
 background-color: #E5F3FF;
}
			
.relatedArticles h2, .recentComments h2, .right_articles h2 {
 display: block;
 padding: 0px 5px 0px 2px;
 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, .nube_tags 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;
}

.nube_tags h2 {
 display: block;
 padding: 0px 5px 0px 2px;
 color: #000;
 margin: 0px;
 border-bottom:1px solid #ccc;
}
.tags {
text-align:center;
}


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

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

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

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