/*  
Theme Name: WebTipsTheme
Theme URI: http://www.webtips.es
Description: Template for blog WebTips.es
Version: 3.0
Author: DC
Author URI: http://www.webtips.es/
*/

* {margin:0; padding:0; border:0;}

body {
font:12px/21px Verdana;
}

#wrapper {
/*background:#fff;*/
color:#444;
width:980px;
margin:0 auto;
overflow:hidden;
}

a {
/*color:#0066FF;*/
color:#488793;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

/************************************************/
/* HEADER
/************************************************/

#header {
overflow:hidden;
}

#header a {text-decoration:none;}
#header a:hover {text-decoration:underline;}

#top-bar {
height:30px;
overflow:hidden;
}

#menu-top {
background:url('images/bg-meta.png') repeat-x;
font:10px/30px Verdana;
float:left;
height:30px;
width:850px;
}

#menu-top li {
float:left;
list-style:none;
}

#menu-top li a {
color:#fff;
padding:0 15px;
}

#blogtitle {
text-align:left;
float:left;
}

#header_social {
background:url('images/bg-meta.png') repeat-x;
float:right;
height:30px;
width:130px;
}

#header_social a {margin-right:5px; line-height:36px;}

#header_social img {border:0;}

h1 {
font:bold 50px/80px Helvetica;
text-shadow:2px 2px 2px #999;
}

h1 a {
background:url('images/logo.png') no-repeat;
padding-left:70px;
color:#444;
outline:none;
}
h1 a:hover {text-decoration:none;}

#header .description {
margin:2px 0 0 10px;
color:#aaa;
display:none;
}

/************************************************/
/* MENU
/************************************************/

#menu-nav {
background:url('images/bg-menu-grey.png') top repeat-x;
font:bold 12px/30px Verdana;
height:30px;
margin:0 0 30px;
clear:both;
border:1px solid #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
-webkit-box-shadow:0 1px 2px #ccc;
box-shadow:0 1px 2px #ccc;
}

#menu-nav li {
float:left;
list-style:none;
border-right:1px solid #ccc;
}

#menu-nav li.current_page_item {
background:#fff;
}

#menu-nav li a {
color:#444;
display:block;
padding:0 20px;
outline:none;
text-decoration:none;
}

#menu-nav li.current_page_item a {color:#000;}

#menu-nav li a:hover {
color:#999;
text-decoration:none;
}

#social-icons {
float:left;
margin-top:1px;
}

#social-icons a {
float:left;
height:32px;
width:32px;
margin-left:7px;
text-indent:-9999px;
outline:none;
}

#social-icons .rss {
background:url('images/social/icons-header.png') 0 2px no-repeat;
}

#social-icons .twitter {
background:url('images/social/icons-header.png') 0 -37px no-repeat;
}

#social-icons .delicious {
background:url('images/social/icons-header.png') 0 -77px no-repeat;
}

/* search */

#search {
float:right;
margin:6px 20px 0 0;
}

#search #searchform {
border:1px solid #888;
}

#search input#s {
background:none;
border:0;
padding:3px;
color:#888;
width:170px;
}

#search #searchsubmit {
background:url('images/magnifier.png') no-repeat;
width:16px;
cursor:pointer;
border:0;
outline:none;
}

/************************************************/
/* CONTAINER
/************************************************/

#container {
float:left;
width:660px;
margin-right:20px;
padding-bottom:20px;
}

h2.pagetitle {
font:bold 38px/38px Helvetica;
margin:0 0 5px;
}

h2.archivetitle {
font:bold 30px/38px Helvetica;
margin-bottom:30px;
}

.post h2 a {
color:#444;
text-decoration:none
}

.post h2 a:hover {text-decoration:underline;}

.comment-count {
background:url('images/commentbg.png') no-repeat;
font:14px/24px Verdana;
width:40px;
height:32px;
float:right;
text-align:center;
text-decoration:none;
margin:5px 0 0 10px;
}

.comment-count:hover {text-decoration:underline;}

.post {
margin:0 0 20px;
border-bottom:1px solid #ddd;
overflow:hidden;
}

.post-preview {
float:right;
width:495px;
padding-bottom:20px;
}

.full-post {border:0}

.wp-post-image {
float:left;
margin:0 13px 0 0;
border:1px solid #888;
}

.entry .wp-post-image {
float:right;
margin:0 0 0 15px;
}

.entry {
background:#fff;
}

.full-post .entry {margin-bottom:30px;}

.page-container .post h2 {
margin-bottom:20px;
}

h3 {
font:bold 28px/28px Helvetica;
background:none;
border:0;
color:#444;
margin:40px 0 30px;
}

.entry h3 {
font:bold 32px/28px Helvetica;
/*background:#eeeeee;*/
border-left:10px solid #488793;
margin:40px 0 30px 0;
padding-left:10px;
color:#444;
clear:both;
}

.entry h3 img {
vertical-align:middle;
border:0;
}

.entry h3 a {text-decoration:none;}
.entry h3 a:hover {text-decoration:underline;}

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

.page-container .entry p.info {
font-size:12px;
color:#777;
}

.entry .wp-caption {
background:#fff;
text-align:center;
padding-top:5px;
border:1px solid #ccc;
}

.entry .wp-caption-text {
background:#f9f9f9;
font:10px/20px Verdana;
color:#999;
margin:10px 0 0px 0;
border-top:1px solid #ccc;
}

.entry ul, .entry ol {
list-style-position:inside;
margin:15px 0;
}

.entry ul li {
background:url('images/bullet_green.png') 0 3px no-repeat;
list-style:none;
display:block;
padding-left:20px;
//padding-left:5px; /* ie */
margin-bottom:5px;
}

.alignright {
float:right;
margin:0 0 20px 20px;
}

.alignleft {
float:left;
margin:0 20px 20px 0;
}

.aligncenter {
margin:30px auto;
display:block;
clear:both;
}

.entry .more-container {
overflow:hidden;
}

.entry .more-link {
font-size:11px;
background:url('images/bg-meta.png') bottom repeat-x;
float:left;
padding:2px 10px;
color:#fff;
text-decoration:none;
border-radius:5px;
-moz-border-radius: 5px;
}

.entry .more-link:hover {
color:#fff;
background:#444;
}

/* metadata */

.postmetadata {
font-size:11px;
color:#77929b;
}

.postmetadata img {
border:0;
vertical-align:middle;
}

/* postmetadata top */

.pmd-top {
    margin-bottom:10px;
}

.full-post .pmd-top {
margin-bottom:20px;
}

/* postmetadata bottom */

#rss_banner {
background:url('images/rss-banner.png') no-repeat;
width:280px;
height:63px;
margin:30px 0;
display:block;
text-decoration:none;
}
#rss_banner span {
font:bold 34px/65px Arial;
color:#fff;
padding-left:80px;
text-shadow:2px 2px 2px #444;
}

.pmd-bottom {
padding:10px 0;
margin:0;
overflow:hidden;
color:#444;
line-height:20px;
}

.pmd-bottom .pmd_cat {background:url('images/folder.png') 0% 50% no-repeat;padding-left:20px;}
.pmd-bottom .pmd_tags {background:url('images/tag_blue.png') 0% 50% no-repeat;padding-left:20px;}

.shr-bookmarks {overflow:hidden;margin:30px 0 50px !important;}

/* tab comentarios */
#tab_comments_trackbacks {
float:right;
margin-top:5px;
}

#tab_comments_trackbacks a {
font:bold 12px/21px Verdana;
padding:3px 5px;
margin-right:5px;
outline:none;
text-decoration:none;
}

#tab_comments_trackbacks a:hover {text-decoration:none;}

#tab_comments_trackbacks .tab_comments_on {
background:url('images/bg-meta.png') bottom repeat-x;
color:#ddd;
}

#tab_comments_trackbacks .tab_comments_off {
background:#ddd;
color:#aaa;
}

#tab_comments_trackbacks .tab_comments_off:hover {
color:#fff;
background:#444;
}

/* trackbacks */

#trackbacks_container {
}

#trackbacks_container ol {
margin-left:25px;
}

/* comentarios */

#comments_container {
display:block;
border-bottom:1px solid #ccc;
}

.commentlist {
font:12px/21px Verdana;
}

.commentlist li {
list-style:none;
padding-top:20px;
}

.commentlist .trackback {
background:none;
}

.comment-top { /* contenedor datos autor del comentario */

}

.comment-text {
padding:5px 0 0 60px;
}

.comment-text p {margin-bottom:15px;}

.commentlist .avatar {
margin-right:10px;
float:left;
}

.commentlist .comment-author a {
font-weight:bold;
color:#444;
text-decoration:none;
}

.commentlist .comment-author a:hover {
color:#488793;
text-decoration:underline;
}

.commentlist .commentmetadata { /* fecha y permalink */
font:9px/11px Verdana;
color:#999;
}

.commentlist .comment-permalink {
color:#999;
text-decoration:none;
}

.commentlist .comment-permalink:hover {text-decoration:underline}

.commentlist .commentmenu { /* link responder */
display:block;
font-size:11px;
}

.commentlist .reply {
float:right;
padding-top:5px;
}

.commentlist .reply a {
font:9px/11px Verdana;
color:#77929b;
float:right;
border:1px solid #ccc;
padding:3px 5px;
text-decoration:none;
}

.commentlist .reply a:hover {
background:#488793;
color:#fff;
}

/* respuestas */

.commentlist .depth-1 {
margin:0 0 20px 0;
border-top:1px solid #ccc;
}

.commentlist .depth-2 {
margin:0 0 20px 60px;
}

#respond .cancel-comment-reply {
display:block;
}

#respond .cancel-comment-reply a {
background:url('images/comment_delete.png') 0 3px no-repeat;
font-weight:bold;
padding:3px 0 3px 20px;
}

#respond .cancel-comment-reply a:hover {
background:url('images/comment_delete.png') 0 3px no-repeat;
color:#aaa;
text-decoration:none;
}

/* commentform */

#commentform p {
margin-bottom:5px;
}

#commentform label {
display:block;
}

#commentform input,
#commentform textarea {
background:#f9f9f9;
font:12px/21px Verdana;
padding:5px;
border:1px solid #ccc;
}

#commentform textarea {margin-bottom:10px;}

#commentform input:hover,
#commentform input:focus,
#commentform textarea:hover,
#commentform textarea:focus {
background:#fff;
}

#commentform input {
width:280px;
}

#commentform textarea {
width:400px;
}

#commentform abbr.required {
color:#f00;
}

#commentform input#submit, 
#commentform input#submit:focus {
background:url('images/bg-meta.png') bottom repeat-x;
color:#fff;
width:140px;
height:30px;
font-weight:bold;
cursor:pointer;
border:0;
outline:0;
border-radius:5px;
-moz-border-radius: 5px;
margin-bottom:10px;
}

#submit::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

#commentform input#submit:hover {
color:#fff;
background:#444;
}

.comment-note {
font:10px/14px Verdana;
margin-bottom:5px;
}

/* commentform al responder */

.commentlist #commentform {
padding-bottom:20px;
}

.commentlist #respond {
padding:20px;
}

/* WPCF7 */

.wpcf7-form {
margin:40px 20px;
}

.wpcf7-form input[type="submit"] {
background:url('images/bg-boton.png') top left no-repeat;
color:#ddd;
width:126px;
height:30px;
float:left;
margin:0 20px 0 0px;
padding:0 0 7px 0;
font-weight:bold;
cursor:pointer;
border:0;
outline:0;
}

.wpcf7-form input[type="submit"]:hover {
background:url('images/bg-boton.png') 0 -30px no-repeat;
color:#fff;
} 

.wpcf7-form input[type="submit"]:active {
background:url('images/bg-boton.png') 0 -60px no-repeat;
color:#999;	
}

/* Related */

h3.related-h3 {
clear:both;
margin:40px 0 20px;
}

ol.related-posts {
margin-bottom:50px;
list-style:none;
overflow:hidden;
}

ol.related-posts li {
float:left;
margin:0 15px 0 0;
width:150px;
}

ol.related-posts li img {border:1px solid #888;}
ol.related-posts li img:hover {border:1px solid #448793;}

ol.related-posts a {
font:13px/20px Verdana, Helvetica, sans-serif;
color:#444;
text-decoration:none;
}

ol.related-posts a:hover {
color:#488793;
text-decoration:underline;
}

/************************************************/
/* SIDEBAR
/************************************************/

.sidebar {
float:right;
width:300px;
}

.sidebar a {text-decoration:none;}
.sidebar a:hover {text-decoration:underline;}

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

.sidebar img {
border:0;
}

/* cada bloque en el sidebar es un li */
.sidebar .sidebar-container {
display:block;
margin-bottom:10px;
padding:10px;
border:1px solid #ccc;
}

.sidebar ul li h2 {
font:bold 16px/28px Helvetica,Georgia, Sans-serif;
margin:0 0 5px 5px;
color:#488793;
}

/* cada uno de los items dentro de un sidebar-container */
.sidebar ul ul li {
background:url('images/bullet_arrow.png') 0 4px no-repeat;
line-height:14px;
width:auto;
color:#fff;
margin:0 0 5px 0;
border:0;
padding:0 0 0 15px;	
}

.sidebar ul ul li a {
font:11px/14px Verdana;
}

/* sidebar tabs */

#tabs-container .nav {overflow:hidden;margin-left:2px;}
#tabs-container .nav ul {list-style:none;}
#tabs-container .nav li {
    width:88px;
    float:left;
    margin:0 5px 0 0;
    background:none;
    padding:2px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}
#tabs-container .nav li.last {margin-right:0;}
#tabs-container .nav li a {display:block; padding:2px 5px; color:#888;}
#tabs-container .nav li a:hover {background:#444; color:#fff; text-decoration:none;}
#tabs-container .nav li a.current {background:url('images/bg-meta.png') bottom repeat-x; color:#fff;}

.hide {position:absolute; top:-9999px; left:-9999px;}

/* sidebar posts */

.sidebar-posts {}

.sidebar .sidebar-posts li {
background:none;
padding:0;
overflow:hidden;
margin-bottom:10px;
}

.sidebar-posts p {
margin-bottom:0px;
}

.sidebar #recent-posts p,
.sidebar #popular-posts p {
margin-left:67px;
}

.sidebar #tab-comments p {
margin-left:47px;
}

.sidebar-posts li a {
font:11px/14px Verdana;
color:#444;
}

.sidebar-posts li a.post-thumbnail-link,
.sidebar-posts li a.post-thumbnail-link img {
width:60px;
height:60px;
margin:0;
float:left;
}

.sidebar-posts li a.sidebar-avatar,
.sidebar-posts li a.sidebar-avatar img {
width:40px;
height:40px;
margin:0 10px 0 0;
float:left;
}

.sidebar-posts li span,
.sidebar .sidebar-posts li span a {
font:10px/14px Verdana;
color:#888;
}

.sidebar-posts li span a {
}

/* page */
.page-container .skyscrapper {
float:right;
margin:0 0 0 20px;
padding:0 0 0 10px;
background:#fff;
}

.page-container .skyscrapper #contenido-index {
font:11px/18px Verdana;
width:160px;
border:1px solid #ccc;
}

.page-container .skyscrapper #contenido-index strong {
padding-left:10px;
}

/************************************************/
/* FOOTER
/************************************************/

#footer {
font:12px/18px Verdana;
background:#252525;
color:#bbb;
clear:both;
}

#footer-inner {
width:980px;
margin:0 auto;
padding:20px 0 40px;
overflow:hidden;
}

.foot-col {
float:left;
width:160px;
margin-right:20px;
}

#footer h3 {
font:bold 13px/16px Verdana;
color:#bbb;
margin:0 0 10px;
}

#footer ul {list-style:none;}

#footer ul li {
background:url('images/bevel-footer.png') bottom repeat-x;
padding-bottom:5px;
}

#footer a {
color:#797676;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
color:#aaa;
}

#footer p {
margin-bottom:10px;
}

#footer a.foot-rss {background:url('images/social/16/feed.png') 0% 50% no-repeat;padding-left:20px;}
#footer a.foot-mail {background:url('images/social/16/mail.png') 0% 50% no-repeat;padding-left:20px;}
#footer a.foot-facebook {background:url('images/social/16/facebook.png') 0% 50% no-repeat;padding-left:20px;}
#footer a.foot-twitter {background:url('images/social/16/twitter.png') 0% 50% no-repeat;padding-left:20px;}
#footer a.foot-delicious {background:url('images/social/16/delicious.png') 0% 50% no-repeat;padding-left:20px;}

#foot-right {
float:right;
text-align:center;
color:#888;
padding-top:30px;
width:220px;
font-size:11px;
}

#foot-right img {
display:block;
width:88px;
margin:10px auto;
border:0;
}

/* ADS */

#ad_single_top {
float:left;
margin:0 10px 20px 0;
}

#ad_single_bottom {
float:left;
margin:0 20px 40px 0;
}

#ad_sidebar {
margin:0 0 10px 0;
}

.ad_link {
float:left;
width:120px;
}