/* fonts not, used yet*/
/* Fonts by Jos Buivenga (exljbris) -> www.exljbris.com 
@font-face {font-family: "Museo 300"; src: url("fonts/Museo300-Regular.otf")}
@font-face {font-family: "Museo 500"; src: url("fonts/Museo500-Regular.otf")}
@font-face {font-family: "Museo 700"; src: url("fonts/Museo700-Regular.otf")}
@font-face {font-family: "Museo Sans";src: url("fonts/MuseoSans_500.otf")}
@font-face {font-family: "Museo Sans Italic"; src: url("fonts/MuseoSans_500_Italic.otf")} */

/*std. styles */
body{font-size:12px;}
.top{background-color:#000; height:20em;}
.top h1 {text-align:right;}
.top h1 a{color:#FFF;}
a:link, a:visited {color:#000; text-decoration: none;}
a:hover, a:active {color:#222; text-decoration: none;}

p a {border-bottom:#222 dotted 1px;}

fieldset {border:none; padding:0; margin:0;}

/*Bars */
/*letter-spacing: -0.2em;
font-family:"Museo 500";*/
#posts   {color:#FFF;background-color:#333; border-top:#222 solid 1px;}
#twitter {color:#CCC;background-color:#666;}
#flickr  {color:#333;background-color:#CCC;}
#lastfm  {color:#000;background-color:#FFF; border-bottom:#EEE solid 1px;}

#posts   .titles li a{color:#FFF;}
#twitter .titles li a{color:#CCC;}
#flickr  .titles li a{color:#333;}
#lastfm  .titles li a{color:#000;}

.next,   .prev{font-size: 3.5em; padding:0 0.2em; cursor: move;}
.next    {float:right;}
.prev    {float:left;}
.titles{
	overflow:hidden;
	position:relative;
	font-size: 3.5em;
	height:1.5em;
}

.items{
	list-style: none; margin-left:0px; padding:0; display:block; width: 10000%; overflow:hidden;
	position:absolute; 
}
.items li{float: left; padding:0 0.5em;}
#postTitles .items li{ border-right:#000 solid 1px;}
#twitTitles .items li{ border-right:#333 solid 1px;}
#flickPotos .items li{ border-right:#666 solid 5px; padding: 0px;}
#lastSongos .items li{ border-right:#CCC solid 1px;}

.enf_posts  {color:#F40000;}

.postTitle, .postDate{width:62%; margin-right:auto; margin-left:auto;}
.head-date, .head-title {padding-top:0.5em; padding-bottom:0.5em;}
.head-title {background-color:#333;}
.head-date  {background-color:#CCC;}

.head-title h1   {color:#EEE;}
.head-date  span {font-size:1.5em;}
.head-title a    {color:#EEE;}

img.left    {float:left; }
img.right   {float:right;}

.postContent, .commentWrap{width:50%; padding:2em 6%; margin-right:auto; margin-left:auto;}
.archivaldo {border-bottom:#CCC solid 1px;}

.postContent{border:#CCC solid 1px; border-top: none; border-bottom: none; }
.commentWrap{border:#666 solid 1px; background-color:#CCC;}
.comment    {padding: 2em 6%; border-bottom:#333 solid 1px;}

.comment h2, .comment h2 a{color:#222;}
.comment h2 a:hover       {text-decoration:underline;}

.comment img{float:left; margin-right:1em; width:60px; height:60px;}
.comment h2 {float:left; font-weight:bold;}
.comment p  {padding:1em 0 0 0;clear:both;}
.forim      {padding-top:2em;}

.nav {width:62%; margin-right:auto; margin-left:auto; height:4em; padding-bottom:1em; }
.exP {float:left;  padding-top:1em;}
.exN {float:right; padding-top:3em;}
/*.mainArea{color:#000; background-color:#CCC; font-size:16pt;}
.postContent{width:61.8%; margin-right:auto; margin-left:auto;}
.mainArea .tituloPost{background-color:#333; color:#FFF;}*/

.footer {width:50em; margin-top:5em;margin-left:auto; margin-right:auto; clear:both;}
.footer .left {float:left;  width:48%; margin-right:1%; text-align:right;}
.footer .right{float:right; width:48%; margin-left: 1%; text-align:left;}

.widget ul {
  list-style-type:none;
  padding-left:0;
}