/* -- just some ugly styling to make it easier to get started, can safely be removed */
.sidebar,#header, #entry-meta-single, .navigation, {border:1px solid #fff;}
#respond {border:1px solid #E0E0E0;}
#footer,  {border:1px solid blue;}
li.depth-1 {border: 1px solid orange;}

.post  {border: 1px solid #E0E0E0;}


/* - BASIC STUFF - */
body {background:#FFF;font:9pt/11pt "Trebuchet MS", Arial, Helvetica, sans-serif;;color:#202123;margin:0 auto;padding:0 10px;}
a {text-decoration:none;}
a:hover {color:#666}
a:visited {color: #0063F0;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:900px;}
#header {height:72px;margin:0 auto;text-align:center;padding: 0px 0;}
#header .logo { width:700px; height:72px; margin:00px 0px 0px 0px; padding:0px; float:left; background-image:url(head.gif); text-indent:-9999px; }
#header #searchform .search-button{background:url(images/search-button.gif) no-repeat; border: 0; width:23px; height: 23px; padding:0 0 3px 0; margin:0}

#footer {height:50px;overflow:hidden;margin:20px auto 0;clear:both;float:none;text-align:center;padding: 20px 0;}



/* -- POSTS -- */
.post-index {margin:5px 0 10px;}
#post-single {margin:5px 0 20px;}
.posts-wrap {float:right; clear:none;width:640px;}
.posts-pages {float:right; clear:none;width:900px;}

/* -- SIDEBARS --*/
.sidebar-wrap {margin:0 auto;overflow:hidden; float:left; clear:none;width:250px;}
.sidebar {width:99%;clear:none;}
.block-1 {float:left;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* -- tabs --*/
#sidebartabs { /* actua como contenedor del widget */
clear:both;
width:300px; /* este ancho debes ajustarlo al mas adecuado a tu sidebar */
margin-left:10px;
margin-bottom:20px;
margin-top:0px;
display:block;
}
#sidebartabs .tabbed div a { /* Esto marca la forma de mostrar los enlaces en las Tabs */
padding-left:3px;
padding-top:5px;
padding-bottom:5px;
display:block;
font-size:10pt;
color:#999999;
border-bottom:#ababab 1px solid;
text-decoration: none;
clear:both;
text-align:left;
margin-left:0px;
margin-right:4px;
margin-top:0;
margin-bottom:0;
width:270px;
}
#sidebartabs .tabbed div a:hover { /* Aqui das estilo a los enlaces cuando colocas el cursor sobre ellos - como vimos en un post reciente */
color:#777777;
text-decoration: none;
}
.tabbed { /* Este es el contenedor del area de las pestañas */
margin-bottom:10px;
clear:both;
margin-top:0px;
}
.tabbed ul.tabs { /* Estilo de las tabs */
float: left;
display: inline;
width: 100%;
margin: 0;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
padding-top:0px;
}
.tabbed ul.tabs li { /* Estilo de cada tab */
list-style-type: none;
float: left;
margin: 0;
padding: 0;
z-index:10;
}
.tabbed ul.tabs li a { /* Estilo del enlace de la tab */
overflow: hidden;
display: block;
margin: 0 1px 0 0;
padding: 10px 12px;
background-color:#efefef;
cursor:pointer;
}
.tabbed ul.tabs li a:hover { /* Estilo cuando colocas el cursor sobre una tab */
text-decoration:none;
}
.tabbed ul.tabs li a.tab-current { /* Estilo de la tab activa */
background-color:#e8e8e8;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:#cda2a2 solid 2px;
}
.tabbed div { /* Estilo del area de cada tab, dentro de la pestaña */
float: left;
display: block;
background-color:#e8e8e8;
padding:10px;
clear:both;
width:100%;
padding-bottom:20px;
border:1px solid #CCCCCC;
border-bottom:#cda2a2 solid 2px;
margin-top:-1px;
z-index:1;
}
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
display: none;
}