/* Global Elements
----------------------------------- */

body.wordpress {
color:#555;
font: normal 11px/11pt Verdana, Helvetica, Tahoma, Arial;
line-height:18px;
}

p, ul, ol, dd, pre {
margin-bottom:12px;
}

blockquote {
color:#555;
font-style:italic;
}

caption {
text-align:left;
}

a:link {
color:#c20000;
text-decoration:none;
}

a:visited {
color:#c20000;
text-decoration:none;
}

a:active,
a:hover {
color: #333;
}

.clear {
clear:both;
}

.nomargin {
margin:0;
}

#wrapper {
}



/* Tipografia y Links
----------------------------------- */

/* Tipograf?a */


/* Enlaces */

a:link {
text-decoration:none;
}

.entry-content a:link {
text-decoration:underline;
}

h2 a:link {
color:#333;
}

.wordpress a.more-link {
background:#c20000;
color:#FFF;
float:right;
font-weight:bold;
font-style:italic;
margin:20px 0 0;
padding:3px 6px;
text-decoration:none;
text-shadow:1px 1px 0 #800000;
-moz-border-radius:5px;
}

.wordpress a.more-link:hover {
background:#666;
text-shadow:none;
}

#siteinfo a:link,
#siteinfo a:visited {
color:#FFF;
}

#siteinfo a:hover{
color:#AAA;
}


/* Titulos */

h1 {
color:#333;
font: bold 26px/36px Verdana, Helvetica, Tahoma, Arial;
}

h1.entry-title {

margin:5px 0 0 0;
}

.home h1.entry-title {
text-align:right;
margin:5px 0 0 0;
}

h2 {
color:#333;
font: bold 26px/36px Verdana, Helvetica, Tahoma, Arial;
}

h2 a:visited {
color:#333;
}

h2 a:hover {
color:#c20000;
}

h2.entry-title {
text-align:right;
}

h3 {
display:block;
height:31px;
font: italic bold 14px/30px Verdana, Helvetica, Tahoma, Arial;
text-shadow:1px 1px #FFF;
}

#primary h3 {
background:#e9edf0 url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-h3-primary.png);
margin:0 -10px 0 0;
text-align:center;
}

#secondary h3 {
background:#e9edf0 url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-h3-secondary.png);
margin:0 -10px 0px -10px;
padding-left:10px;
height:30px;
}

#comments h3 {
display:block;
color:#333;
font: bold 26px/36px Verdana, Helvetica, Tahoma, Arial;
border-top:1px solid #E1E7EA;
margin-top:32px;
padding:22px 0 20px;
}



/* Estructura
----------------------------------- */

/* Header */

#header {
background:#444 url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-header.png);
height:160px;
margin-bottom:1px;
}

#branding {
height:118px;
width:960px;
margin:0 auto;
}

#blog-title a {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/logo.png) bottom no-repeat;
display:block;
padding:23px 0 0;
width:329px;
height:75px;
text-indent:-9999px;
}

* html #blog-title a {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/logo.gif) bottom no-repeat;
}

#blog-description {
display:none;
}

#access {
width:960px;
margin:0 auto;
height:42px;
font-size:13px;
overflow:visible;
z-index:100;
}

.skip-link {
display:none;
}


/* Columns */

.col {
float:left;
width:42%;
}

.left {
float:left;
}

.right {
float:right;
}


/* Footer */

#footer {
background:#444 url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-footer.png);
height:350px;
font-size:9px;
}

#footer .xoxo {
padding:0;
}

#footer .widgetcontainer {
margin:0;
}

#footer-inner {
width:960px;
margin:0 auto;
padding:1px 0 0;
color:#AAA;
}

#footertop {
height:60px;
padding:15px 0 0;
}

#footermain {
overflow:hidden;
height:149px;
padding:25px 0;
}

#footer-enlaces {
width:150px;
}

* html #footer-participa {
float:left;
width:400px;
}

#footer-participa li {
padding:5px 0 5px 42px;
}

#footer-publica-tutorial {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/32px.png) no-repeat 0px 8px;
}

#footer-sugerencias {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/32px.png) no-repeat 0px -57px;
}

* html #footer-publica-tutorial {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/32px.gif) no-repeat 0px 8px;
}

* html #footer-sugerencias {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/32px.gif) no-repeat 0px -57px;
}

#footer-participa li a {
color:white;
}

#footer-participa li:hover a {
color:#AAA;
}

#footerbottom {
height:55px;
margin:0 auto;
padding:20px 0 0;
color:#AAA;
}

#footer a {
color:#b33636;
}

#footerbottom a {
color:#eee;
}

#footer a:hover {
color:#aaa;
}

#footer h3 {
text-shadow:1px 1px #222;
}

#footer ul,
#footer li {
margin:0;
list-style:none;
}


/* Content */

#main {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-main.png);
width:960px;
margin:0 auto;
overflow:hidden;
}

.single #main,
.tag #main,
.category #main,
.author #main {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-main-single.png);
}

#container {
width:436px;
border-right:1px solid #e1e7ea;
float:left;
padding-top:5px;
overflow:hidden;
}

.single #container,
.tag #container,
.category #container,
.author #container {
width:638px;
border-right:0;
float:left;
padding:5px 20px 0 0;
overflow:hidden;
}

#nav-above {
display:none;
}

.hentry {
padding:0 10px 24px 0;
margin-bottom:24px;
border-bottom:1px solid #e1e7ea;
}

.single .hentry {
padding:0 0 0 0;
margin-bottom:0;
border-bottom:0;
}

.entry-meta span {
background:#e9edf0;
padding:0px 4px;
margin:8px 0 20px;
float:left;
text-align:right;
}

.home .entry-meta span {
float:right;
}

.intro {
font-size:1.1em;
font-style:italic;
}

.intro p {
margin-bottom:20px;
}

.wordpress .intro a.more-link {
margin:0;
}

.entry-content {
clear:both;
overflow:hidden;
text-align:justify;
}

.aside ul {
padding:10px 0;
}

.aside .xoxo li {
list-style:none;
margin-bottom:10px;
}

.aside .xoxo li li {
margin-bottom:0px;
}

#primary {
margin-left:10px;
padding:2px 10px 0 0;
width:201px;
float:left;
overflow:hidden;
}

.aside ul {
margin:0;
}

#secondary {
background:#e9edf0;
border-left:1px solid #c2cfd5;
border-right:1px solid #c2cfd5;
padding:2px 10px 0;
width:280px;
float:left;
overflow:hidden;
}



/* Comentarios */

#comments ol {
clear:right;
margin:0;
}

#comments li {
background:#e9edf0;
border:1px solid #c2cfd5;
padding:10px;
-moz-border-radius:2px;
margin-bottom:10px;
overflow:hidden;
clear:right;
}

#comments .avatar {
background:white;
border:1px solid #c2cfd5;
-moz-border-radius:2px;
padding:2px;
width:60px;
height:60px;
float:left;
margin:0 10px 0 0;
}

#comments .comment-author {
font-weight:bold;
margin-bottom:3px;
}

#comments .comment-meta {
color:#999;
font-weight:normal;
}

#comments a.comment-reply-link {
float:right;
background:white;
border:1px solid #c2cfd5;
padding:2px 4px;
-moz-border-radius:2px;
}

#comments .children {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/comment-reply.png) no-repeat 0 40px;
border-left:1px solid #c2cfd5;
margin:0;
padding:0 0 0 20px;
}


/* Comments Form */

.formcontainer {
background:#e9edf0;
border:1px solid #c2cfd5;
padding:10px;
-moz-border-radius:2px;
margin-bottom:32px;
overflow:hidden;
}

.formcontainer input,
.formcontainer textarea {
border:1px solid #c2cfd5;
padding:2px 2px;
-moz-border-radius:2px;
}

.formcontainer label,
#submit {
font-weight:bold;
}

.form-section {
margin-bottom:10px;
}

#commentform-left {
float:left;
width:29%;
}

#commentform-left input {
width:95%;
}

#commentform-right {
float:right;
width:69%;
}

.form-textarea {
overflow:hidden;
}

#comment {
width:98.5%;
float:right;
margin:0;
}

#submit {
clear:both;
float:right;
color:#c20000;
cursor:pointer;
}

#submit:hover {
float:right;
color:#333;
}


/* Navegacion */

.navigation {
}






/* OTROS
----------------------------------- */

/* MENU */

.sf-menu, .sf-menu * {
margin:			0;
padding:		0;
list-style:		none;
}

.sf-menu {
line-height:	1.0;
}

.sf-menu ul {
position:		absolute;
top:			-999em;
width:			10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
width:			100%;
}

.sf-menu li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
float:			left;
position:		relative;
}

.sf-menu a {
display:		block;
position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:			0;
top:			2.5em; /* match top ul list item height */
z-index:		99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:			-999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			10em; /* match ul width */
top:			0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:			-999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:			10em; /* match ul width */
top:			0;
}

/* THEMATIC SKIN */

.sf-menu {
float:left;
}

.sf-menu a {
padding:14px 13px 15px;
text-decoration:none;
}

ul.sf-menu li:first-child a {
border-left:0;
}

.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
background:#333 url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-menuhover.png);
color:#FFF;
}

.sf-menu a  {
color:#333;
}

.sf-menu li {
}

.sf-menu li li {
background:#fff;
}

.sf-menu li li li {
background:#9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:#333 url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-menuhover.png);
color:#FFF;
outline:0;
}

.sf-menu ul {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
top:32px; /* overriding essential styles */
}

.sf-menu ul ul {
margin-top:0;
}

.sf-menu ul a {
background:#fafafa;
border-bottom:none;
}

.sf-menu ul a:hover {
color: #c20000;
}

.aside ul.blogroll {
font-style:italic;
}

.aside ul.blogroll li {
margin:0 0 10px;
}

.aside ul.blogroll a {
display:block;
font-style:normal;
}

#sindicacion li a,
#acciones a {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/sindicacion.png);
display:block;
width:231px;
height:52px;
margin:0 auto;
text-indent:-9999px;
}

#acciones-inner {
margin:0 auto;
overflow:hidden;
width:502px;
}

#acciones .n-acciones-1 {
width:251px;
}

#acciones a {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/acciones.png);
width:251px;
float:left;
}

#sindicacion #sindicacion-rss a {
background-position:-20px -20px;
}

#sindicacion #sindicacion-email {
margin:10px auto;
}

#sindicacion #sindicacion-email a {
background-position:-20px -79px;
}

#sindicacion #sindicacion-twitter a {
background-position:-20px -138px;
}

#sindicacion #sindicacion-rss a:hover {
background-position:-271px -20px;
}

#sindicacion #sindicacion-email a:hover {
background-position:-271px -79px;
margin:10px auto;
}

#sindicacion #sindicacion-twitter a:hover {
background-position:-271px -138px;
}

#acciones #accion-getpsd {
background-position:-10px -20px;
}

#acciones #accion-getfiles {
background-position:-10px -79px;
}

#acciones #accion-getcode {
background-position:-10px -138px;
}

#acciones #accion-demo {
background-position:-10px -197px;
}

#acciones #accion-getpsd:hover {
background-position:-261px -20px;
}

#acciones #accion-getfiles:hover {
background-position:-261px -79px;
}

#acciones #accion-getcode:hover {
background-position:-261px -138px;
}

#acciones #accion-demo:hover {
background-position:-261px -197px;
}


/* Tabs Widget */

.aside .xoxo .box {
margin:0;
}

#tabMenu {
background:#e9edf0 url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-h3-secondary.png);
margin:0 -10px 0px -10px;
padding:0px 0 0 7px;
height:30px;
width:293px;
}

#tabMenu li {
display:block;
font: italic normal 12px/14pt Verdana, Helvetica, Tahoma, Arial;
text-transform:uppercase;
float:left;
cursor:pointer;
margin:7px 2px 5px;
padding:0 3px;
-moz-border-radius:3px;
}

li.mouseover {background:#e9edf0;}
li.mouseout {background:transparent;}

li.selected {
background:#c20000;
color:#FFF;
}

.boxBody {
overflow:hidden;
width:280px;
}

.boxBody p {
margin:0;
}

#populares,
#categorias,
#comentarios {
}

.boxBody div {display:none;}
.boxBody div.show {display:block;}
.boxBody #categorias a {display:block;}

.boxBody div ul {
margin-top:5px;
padding:0;
}

.aside .boxBody div li {
border-bottom:1px solid #d0d9de;
padding:0 0 5px 0;
margin-bottom:5px;
}

.aside .boxBody div li.nomargin {
margin:0;
}

.aside .boxBody div li:last-child {
border-bottom:none;
}

.boxBody div ul li.last {
border-bottom:none
}

#populares h2 {
display:none;
}

#comentarios li {
clear:both;
overflow:hidden;
}

#comentarios li a:link,
#comentarios li a:visited {
color:#555;
}

#comentarios li a:hover {
color:#c20000;
}

#comentarios img {
float:left;
margin: 3px  5px 0 0;
}


/* Tags Widget */

.widget_tag_cloud div {
margin:10px 0;
}


/* Bloques General */

.bloque {
background:#e9edf0;
border:1px solid #c2cfd5;
padding:15px;
-moz-border-radius:2px;
margin-bottom:20px;
overflow:hidden;
}

.bloque h3,
.bloque h4 {
margin-top:-8px;
}



/* Bloque Marcadores sociales */

#social {
}

#social ul {
margin:0;
}

#social li {
list-style:none;
}

.social_col {
float:left;
width:33%;
}

#social li {
background: url(http://tutoblog.es/wp-content/themes/tutoblog/img/bookmarks.png) no-repeat;
padding-left:20px;
line-height:22px;
}

#social .delicious {
background-position:0 3px;
}

#social .bitacoras {
background-position:0 -156px;
}

#social .meneame {
background-position:0 -61px;
}

#social .fresqui {
background-position:0 -125px;
}

#social .webeame {
background-position:0 -29px;
}

#social .stumbleupon {
background-position:0 -93px;
}


/* Bloque Autor */

#autor {}

#autor img.avatar {
float:left;
margin:5px 0 0 0;
}

#autor h4 {
clear:none;

font: italic bold 14px/30px Verdana, Helvetica, Tahoma, Arial;
text-shadow:1px 1px #FFF;
}

#autor h4 a {
text-shadow:none;
}

.autor_desc {
padding:0 0 0 80px;
margin-bottom:0;
}


/* Pagina Categorias */

.tag .page-title,
.author .page-title,
.category .page-title {
font-size:16px;
line-height:26px;
margin-top:15px;
text-align:center;
color:#555;
text-shadow:1px 1px #FFFFFF;
}

.tag .page-title span,
.author .page-title span,
.category .page-title span {
font-size:22px;
line-height:32px;
}

.tag .entry-title,
.author .entry-title,
.category .entry-title {
font-size:18px;
line-height:28px;
}

.tag .entry-meta span,
.author .entry-meta span,
.category .entry-meta span {
margin:4px 0;
}

.tag .entry-content,
.author .entry-content,
.category .entry-content {
text-align:right;
}

.tag .post,
.author .post,
.category .post {
overflow:hidden;
padding-right:0;
}

.tag .cover,
.author .cover,
.category .cover {
float:left;
padding:32px 0 0;
}

.tag .post-details,
.author .post-details,
.category .post-details {
float:right;
width:363px;
text-align:left;
}



/* Tutoenlaces */

#sidebar-featured {
position:relative;
}

.sidebar-featured-post {
overflow:hidden;
height:130px;
}

.sidebar-featured-post img {
background:#E9EDF0;
display:block;
width:201px;
height:116px;
}

.sidebar-featured-overlay {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-tutoenlaces-overlay.png);
display:block;
padding:4px 4px;
position:relative;
bottom:32px;
color:white;
display:block;
font-style:italic;
font-size:10px;
line-height:12px;
margin:0;
text-shadow:1px 1px 3px #000;
overflow:hidden;
height:24px;
font-weight:bold;
}

a:hover span.sidebar-featured-overlay {
text-shadow:0 0 1px #fff;
}


/* Busqueda */

#header #searchform {
width:960px;
margin:0 auto;
position:relative;
bottom:34px;
}

#header #searchform div {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/searchbar.png) no-repeat;
position:absolute;
right:25px;
height:25px;
width:254px;
}

*html #header #searchform div {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/searchbar.gif) no-repeat;
}

#searchform label {
display:none;
}

#s {
color:#555;
font-weight:bold;
font-style:italic;
font-size:1.1em;
display:block;
float:left;
padding:5px 8px;
width:155px;
background:transparent;
border:0;
}

#searchsubmit {
border:0;
cursor:pointer;
background:transparent;
text-indent:-9999px;
margin-left:5px;
width:76px;
height:25px;
padding:0 !important;
}

#searchsubmit:focus{
outline:none;
}

* html #searchsubmit {
width:72px;
}


/* Covers */

.home .headline .post-cover {
display:block;
background:#E9EDF0;
width:426px;
height:200px;
margin:0 0 20px;
}

.single .headline .post-cover {
display:block;
float:left;
margin: 0 20px 0 0;
height:117px;
width:250px;
border:1px solid #C2CFD5;
padding:3px;
-moz-border-radius:2px;
}

.single .headline {
overflow:hidden;
clear:both;
margin:0 0 20px 0;
line-height:20px;
}


/* Icono Comentarios */

.home .headline {
position:relative;
}

.headline .date span a {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-comentarios.png);
font-weight:bold;
font-size: 1.4em;
line-height: 2em;
padding-top: 5px;
text-align: center;
position: absolute;
top: 10px;
right: 10px;
width: 48px;
height: 42px;
text-decoration:none;
}

* html .headline .date span a {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-comentarios.gif);
margin-right:10px;
}


/* Dropdown Red Espinlog */

#dropdown_container {
left:-255px;
margin:0 auto;
position:relative;
top:119px;
width:960px;
z-index:999;
}

#dropdown_container div {
position:absolute;
top:-162px;
right:59px;
width:194px;
}

#dropdown_container ul,
#dropdown_container li {
list-style:none;
margin:0;
padding:0;
}

#dropdown_head {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/dropdown-espinlog.png);
cursor:pointer;
display:block;
height:32px;
text-indent:-9000px;
width:194px;
z-index:100;
}

#dropdown_head.hover {
background-position:0 -32px;
}

#dropdown_head.active {
background-position:0 -64px;
}

ul#dropdown {
background:#2e2f2f;
display:none;
margin:0 0 0 5px;
width:182px;
border-right:1px solid #2e2f2f;
border-bottom:1px solid #2e2f2f;
border-left:1px solid #2e2f2f;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
}

#dropdown li {
background:#333;
}

#dropdown li.alt {
background:#272727;
}

#dropdown li a {
color:#FFFFFF;
text-decoration:none;
padding:10px;
display:block;
}

#dropdown li a small {
font-size:.5em;
}

#dropdown li a:hover {
font-weight:bold;
}

#dropdown li.last {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}


/* PageNavi
-------------------------------------------------------------- */

.paginated-comments-links,
.wp-pagenavi {
margin:0 0 20px;
text-align:center;
}

.paginated-comments-links a,
.wp-pagenavi a,
.wp-pagenavi a:link {
background:url(../img/bg-buton.png) center center repeat;
border:1px solid #C2CFD5!important;
color:#c20000 !important;
font-style:normal !important;
padding:4px !important;
-moz-border-radius:5px;
}

..paginated-comments-links  a:visited,
.wp-pagenavi a:visited {
border:1px solid #C2CFD5!important;
color:#c20000 !important;
}

.paginated-comments-links a:hover,
.wp-pagenavi a:hover {
border:1px solid #c20000 !important;
color:#c20000 !important;
}

.wp-pagenavi span.pages {
display:none;
background:none !important;
border:1px solid #C2CFD5!important;
color:#555 !important;
padding:4px !important;
-moz-border-radius:5px;
}

.paginated-comments-links span.current,
.wp-pagenavi span.current {
background:#E9EDF0!important;
border:1px solid #C2CFD5!important;
color:#999 !important;
font-weight:normal !important;
padding:4px !important;
-moz-border-radius:5px;
}

.wp-pagenavi span.extend {
display:none;
background:none !important;
border:0 !important;
color:#aaa !important;
margin:2px;
padding:4px !important;
}


/* Ratings */

#comments li {
position:relative;
}

.wordpress .post .thumblock {
float:right;
position:relative;
bottom:25px;
}

.wordpress #comments .thumblock {
display:block;
position:absolute;
width:150px;
right:10px;
top:11px;
margin:0;
height:16px;
}

.wordpress .post .thumblock  div,
.wordpress #comments .thumblock div {
float:right;
}

.wordpress .gdt-size-16.gdthumb.gdup a.gdt-starrating,
.wordpress .gdt-size-16.gdthumb.gdup div.gdt-starrating {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/vote_up.png);
}

.wordpress .gdt-size-16.gdthumb.gddw a.gdt-starrating,
.wordpress .gdt-size-16.gdthumb.gddw div.gdt-starrating {
background:url(http://tutoblog.es/wp-content/themes/tutoblog/img/vote_down.png);
}


/* YARPP - Posts relacionados */

#yarpp {
border-bottom:1px solid #E1E7EA;
margin-bottom:24px;
padding-bottom:20px;
border-top:1px solid #E1E7EA;
margin-top:24px;
padding-top:20px;
}

#yarpp h3 {
clear:left;
}

/* ADS */

.ads1 {
position:relative;
margin:0 auto;
width:960px;
}

.ads1-inner {
background:#ddd url(http://tutoblog.es/wp-content/themes/tutoblog/img/bg-ads1.png);
position:absolute;
bottom:63px;
right:0;
padding:10px;
-moz-border-radius:5px;
}

.ads4 {
margin:0 0 0 -10px;
}