/*
Theme Name: El Blog del Tarot
Theme URI: http://www.elblogdeltarot.com/
Description: Skydone.
Author: Skydone
Author URI: http://www.elblogdeltarot.com/
*/

html, body {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	font: 90%/1 arial, helvetica, sans-serif;
	line-height: 140%;
	background: #413342;
	width: 100%;
	min-width: 970px;
}
/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h1 {
	width: 97%;
	clear: both;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 3px;
	letter-spacing: -1px;
	font: 2em Georgia, "Times New Roman", Times, serif;
	color: #59174D;
	background-color: transparent;
	border-bottom: 1px dotted #877065;
}
h1 a {
	color: #000;
	text-decoration: none;
}
h1 a:hover {
	color: #6C574F;
	text-decoration: none;
	border: none;
}
h2 {
	padding: 15px 0 7px 0;
	color: #413342;
	background-color: transparent;
	letter-spacing: -1px;
	font: 1.4em bold arial, helvetica, sans-serif;
	font-weight: bold;
}
h3 {
	padding: 7px 0;
	font: 1.1em arial, helvetica, sans-serif;
	font-weight: bold;
	color: #6C574F;
}
p {
	margin: 0;
	padding: 0 0 18px 0;
}
p.notfound {
	padding: 15px 0 100px;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 40px;
}
blockquote {
	font-family: Times, "Times New Roman", serif;
	font-style: italic;
}
code {
	display: block;
	width: 80%;
	background-color: #F5F4F3;
	border: #E2DBD8 1px solid;
	color: #666666;
	padding: 3px 5px;
	margin: 10px 0;
}
pre {
	padding: 1em;
	border: 1px dashed #2f6fab;
	color: black;
	background-color: #f9f9f9;
	line-height: 1.1em;
}
small {
	font-size: 0.85em;
}
img {
	border: none;
}
sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}
hr {
	display: block;
	clear: both;
	border-top: 1px dotted #E7E1DE;
	border-bottom: 1px dotted white;
	margin: 5px 20px 0;
}
/***** Links *****/

a {
	text-decoration: none;
	color: #877065;
	border-bottom: 1px;
}
a:hover {
	text-decoration: none;
	color: #413342;
}
a img {
	border: none;/*remove border for linked images*/
}
/***** Tables *****/

table {
	border: 0;
	margin: 0 0 18px 0;
	padding: 0;
}
table tr td {
	padding: 2px;
}
/***** Global Classes *****/

.clear {
	clear: both;
}
.alignleft {
	display: block;
	float: left;
}
.alignright {
	display: block;
	float: right;
}
.aligncenter {
	display: block;
	text-align: center;
	margin: 0 auto;
}
.endOfSection {
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
/***** Main Layout ****/

#container {
	background: url(images/bg_top.jpg) repeat-x top left;
	width: 100%;
	height: 100%;
}
#wrapper {
	width: 970px;
	background: url(images/bg.jpg) repeat-y top left;
	text-align: center;/* IE fix to center the page */
	margin: 0 auto;/* center the page in Firefox */
}
/**** Sidebar ****/

#sidebar {
	display: block;
	float: left;
	clear: left;
	width: 290px;
	text-align: left;
	color: white;
}
/* Logo and Slogan */

#sidebar #sb_top {
	width: 290px;
	height: 240px;
	padding: 0;
	background: url(images/sb_top.jpg) no-repeat left top;
	color: #A8948A;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
#sidebar #sb_top a {
	display: block;
	width: 290px;
	text-decoration: none;
	color: #573455;
}
#sidebar #sb_top a:hover {
	text-decoration: none;
	color: #FFF;
	border:none;
}
#sidebar #sb_top img {
	border:none;
	border: none;
	padding:0;
	margin: 0;
}
#sidebar select{ margin-left:15px; margin-bottom:10px}
#sidebar #sb_top .sb_logo {
	padding-top: 67px;
}
/* End logo and Slogan */

#sidebar p {
	margin: 5px 0;
}
#sidebar ul, #sidebar div ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li, #sidebar div {
	padding-left: 12px;
	text-align: left;
	width: 268px;
	list-style: none;
	display: block;
}
#sidebar ul ul #sidebar div ul ul {
	margin-bottom: 10px;
}
#sidebar ul li h2, #sidebar div h2 {
	color: #59174D;
	background: url(images/bg_h2.png) repeat-x;
	min-height: 25px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
}
#sidebar ul li ul li, #sidebar div li ul li {
	margin: 0;
	padding-left: 15px;
	width: 240px;
	list-style: none;
}
/*links*/

#sidebar ul li a, #sidebar div a {
	font-size:12px;
	color: #573455;
	padding-bottom:5px
}
#sidebar ul li a:hover, #sidebar div a:hover {
	color: #573455;
	border-bottom: 1px dotted #573455;
}
#sidebar ul li img {
	border: 1px solid #302723;
	padding: 4px;
	background-color: #413342;
	Margin: 0;
}
#sidebar ul li img a {
	border: none;/*remove border for linked images*/
}
#sidebar ul li img a:hover {
	border: none;
}
#sidebar ul li img.noborder {
	border: none;
	padding: 0;
	background-color: transparent;
	Margin: 0;
	margin-left: 10px;
}
/**** Main Menu ****/

#sidebar ul.navlist {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 268px;
	font-size: 16px;
}
#sidebar ul.navlist li {
	display: inline;
	line-height: 0px;/* fix the unwanted gap between li elements in FF */
}
#sidebar ul.navlist li a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: white;
	padding: 2px 2px 2px 24px;
	text-decoration: none;
	border-top: 1px solid #EDA8EE;
	border-bottom: 1px solid #6B536E;
	font-size:16px!important;
}
#sidebar ul.navlist a:hover {
	color: #FFF;
	background-color: #B12E97;
	border-bottom: 1px solid #59174D;
}
#sidebar ul.navlist li a.noborder, #sidebar ul.navlist li a:hover.noborder {
	border-bottom: none;
}
#sidebar ul.navlist .current_page_item a, #sidebar ul.navlist .current_page_item a:hover {
	background: #B12E97 url(images/menu_arrow_active.jpg) no-repeat center left;
	cursor: default;
	color: #FFF;
}
/*Copyright*/

#sidebar .copyright {
	display: block;
	margin: 60px auto 40px auto;
	padding: 5px 7px;
	width: 220px;
	text-align: center;
	background-color: #59174D;
	border: 1px solid white;
	color: #FFF;
}
#sidebar .copyright p {
	padding: 0;
}
#sidebar .copyright a {
	color: #573455;
}
#sidebar .copyright a:hover {
	color: #573455;
	border-bottom: 1px dotted #573455;
}
/*feed*/

#sidebar ul.feed li {
	background: url(images/rss.jpg) no-repeat 20px 0;
	margin-bottom: 10px;
	padding-left: 55px;
	padding-bottom: 20px;
	width: 180px;
}
#sidebar ul.feed li a{font-size:16px!important}
/**** Header ****/

#top {
	background: url(images/bg_top.jpg) repeat-x top left;
	display: block;
	float: left;
	clear: right;
	width: 680px;
	height: 40px;
	padding-top: 15px;
	color: white;
	text-align: right;
}
#top a {
	color: white;
}
#top a:hover {
	border-bottom: 1px dotted white;
}
/**** Content ****/

#content {
	display: block;
	float: left;
	width: 668px;
	background-color: white;
	text-align: left;
	margin: 0;
	margin-bottom: 40px;
	padding: 0;
}
#content ul li {
	list-style: url(images/bullet.jpg);
}
#content img {
	border: 1px solid #D0C5BF;
	padding: 4px;
	background-color: #E7E1DE;
	Margin: 15px 0;
}
#content img.alignleft {
	display: block;
	float: left;
	clear: none;
	margin: 5px 10px 0 0;
}
#content img.alignright {
	float: right;
	margin: 5px 0 0 10px;
}
#content img.noborder {
	border: none;
	background-color: transparent;
	padding: 0;
	margin: 10px;
}
#content #intro {
	background: #55453E url(images/intro.jpg) no-repeat center;
	width: 100%;
	height: 176px;
	color: white;
}
#content .intro_t {
	width: 90%;
	margin-left: 40px;
	color: white;
}
#content #intro h1 {
	margin: 0;
	color: white;
	font-size: 36px;
	border: none;
	padding: 35px 0 0 0;
}
#content #intro h1 span {
	color: black;
	font-size: 24px;
}
#content #intro h1 .editsection {
	font-size: 12px;
	margin-left: 15px;
	color: white;
}
#content #intro h2 {
	margin: 0;
	padding: 0 0 15px 0;
	color: black;
	font-size: 18px;
}
#content #intro p {
	padding: 0;
}
/*links*/

#content #intro a, #introduction a {
	color: #573455;
}
#content #intro a:hover, #introduction a:hover {
	color: #573455;
	border-bottom: 1px dotted #573455;
}
/* Navigation Next and Previous Post */

#content .navigation {
	display: block;
	clear: both;
	margin: 0 20px;
	margin-top: 10px;
	padding: 3px 10px;
}
/* Navigation Next and Previous Page */

#content .browse {
	display: block;
	clear: both;
	margin: 10px 20px 20px;
	padding: 3px 10px;
	text-align: center;
}
/* Calendar */

#content .calendar {
	Float: left;
	clear: left;
	background: url(images/calendar.jpg) no-repeat left top;
	width: 50px;
	height: 55px;
	margin-top: 20px;
}
#content .calendar .month {
	display: block;
	clear: both;
	text-align: center;
	font-size: 14px;
	color: white;
	font-weight: bold;
	margin-bottom: 0;
}
#content .calendar .date {
	display: block;
	clear: left;
	text-align: center;
	font-size: 30px;
	color: #59174D;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1px;
}

#today a{ color:#FFF;}
/* main content */

#content .post {
	display: block;
	float: left;
	width: 580px;
	margin: 15px 0 40px;
	padding: 0 15px;
}
#content .post .author {
	font-size: 75%;
	display: block;
	height: 15px;
	line-height: 15px;
	clear: both;
	margin-bottom: 15px;
	background: url(images/author.jpg) no-repeat left top;
	padding-left: 25px;
}
/* the links at the bottom of each posts */

#content .post .links {
	display: block;
	width: 95%;
	height: 25px;
	background-color: #FAFAFA;
	border-top: #E2DBD8 1px dotted;
	border-bottom: #E2DBD8 1px dotted;
	color: #444444;
	padding: 3px 10px;
	line-height: 25px;
	font-size: 85%;
}
#content .post .links a {
	text-decoration: none;
	color: #666666;
}
#content .post .links a:hover {
	color: #666666;
	border-bottom: dotted 1px #666666;
}
#content .post .links .comment {
	display: block;
	float: left;
	background: url(images/comment.jpg) no-repeat left center;
	padding-left: 20px;
	margin-right: 45px;
}
#content .post .links .feed {
	display: block;
	float: left;
	background: url(images/feed.jpg) no-repeat left center;
	padding-left: 20px;
	margin-right: 45px;
}
#content .post .links .cat {
	display: block;
	float: left;
	background: url(images/categories.jpg) no-repeat left center;
	padding-left: 20px;
}
/* Comments Template */

#comments-template {
	display: block;
	clear: both;
	margin: 0px 25px;
}
#comments-template p {
	line-height: 24px;
}
#comments-template p.nocomments {
	padding: 0 15px;
}
#comments-template h2, #comments-template h3 {
	display: block;
	clear: both;
	margin-top: 35px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	letter-spacing: -1px;
	font: 2em Georgia, "Times New Roman", Times, serif;
	color: #413342;
	font-size: 140%;
	border-bottom: 1px dotted #877065;
}
h3 #comments, h3 #respond {
	padding: 0 0 0 15px;
}
h3 #respond {
	padding: 30px 0 0 15px;
}
#comments-template #commentlist {
	display: block;
	clear: both;
	border: 1px solid #E2DBD8;
	background: #F5F4F3 url(images/comment_bg.jpg) repeat-y left top;
	margin: 15px 0;
	padding: 0;
}
#comments-template #commentlist img, #comments-template #commentlist a img {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}
#comments-template #commentlist .commentmetadata {
	display: block;
	float: left;
	clear: left;
	width: 118px;
	background: url(images/comment_arrow.jpg) no-repeat right 20px;
	padding: 5px 10px;
	font-size: 11px;
}
#comments-template #commentlist .commenttext {
	display: block;
	float: left;
	clear: right;
	width: 420px;
	padding: 5px 10px 5px 25px;
}
/* alternate comments */

#comments-template #commentlist.alt {
	display: block;
	clear: both;
	border: 1px solid #E2DBD8;
	background: #FAFAFA url(images/comment_bg_alt.jpg) repeat-y left top;
	margin: 15px 0;
	padding: 0;
}
#comments-template #commentlist.alt .commentmetadata {
	display: block;
	float: left;
	clear: left;
	width: 118px;
	background: url(images/comment_arrow_alt.jpg) no-repeat right 20px;
	padding: 5px 10px;
	font-size: 11px;
}
#comments-template #commentlist.alt .commenttext {
	display: block;
	float: left;
	clear: right;
	width: 420px;
	padding: 5px 10px 5px 25px;
}
/* End Comments Template */
/* wp-calendar */

#wp-calendar {
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 85%;
	color: #302723;
}
#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}
#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}
#wp-calendar a {
	display: block;
	text-decoration: none;
	color: #FFF!important;
}
#wp-calendar a:hover {
	background: #FFF;
	color: #573455!important;
	border-bottom: none!important;
}
#wp-calendar caption {
	color: black;
	font-size: 16px;
	text-align: right;
	margin-left: 15px;
}
#wp-calendar #today a{	color:#413342!important; }
#wp-calendar td {
	color: black;
	background: transparent;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
}
#wp-calendar td.pad:hover {
	background: #433732;
}
#wp-calendar td:hover, #wp-calendar #today {
	background: #FFF;
	border: none;
	color: #573455;
	border: none;
}
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
/***** Footer *****/

#footer {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	height: 60px;
	font-size: 80%;
	color: #6C574F;
	background: #413342 url(images/sb_bottom.jpg) no-repeat left top;
}
#footer .contentfoot {
	display: block;
	float: right;
	width: 680px;
	height: 30px;
	padding: 5px 0;
	border-top: #866581 10px solid;
}
#footer a {
	color: #866B62;
}
#footer a:hover {
	border-bottom: 1px dotted #866B62;
}
#footer .backtotop {
	background: url(images/backtotop.jpg) no-repeat left top;
	float: right;
	clear: right;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
#footer .backtotop a {
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
/**** Form Layout ****/

form {
	margin: 0;
	padding: 0;
	display: inline;
}
input, textarea, select {
	font: 1em arial, helvetica, sans-serif;
	background-color: #FAFAFA;
	border: 1px solid #ccc;
	line-height: 1.25em;
	padding: 0 0 0 2px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #ccc;
	background-color: #BDADA6;
}
label {
	cursor: pointer;
}
.errormsg {
	display: block;
	width: 90%;
	color: #FFFFFF;
	font-weight: bold;
	background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
	padding: 3px 10px 3px 40px;
	margin: 10px 0;
	border-top: 2px solid #FF0000;
	border-bottom: 2px solid #FF0000;
}
input.button {
	background: url(images/button.jpg) repeat-x center;
	color: white;
	padding: 0 7px;
	height: 23px;
	border: 1px solid #302723;
	cursor: pointer;
}
/*Search input*/

input.search {
	background: transparent url(images/search.jpg) no-repeat;
	border: none;
	width: 220px;
	height: 25px;
	padding-left: 35px;
	padding-top: 5px;
	color: white;
}
.publicidad {
	width:955px;
	height: 179px;
	background-image: url(images/publicidad.jpg);
	margin-left:auto;
	margin-right: auto;
	padding-left:15px;
	padding-top:5px;
	text-align: left;
}
.cabecera {
	width: 970px;
	height: 239px;
	background-image: url(images/cabecera.jpg);
	margin-left:auto;
	margin-right: auto;
}
.boton-inicio {
	display: block;
	width: 270px;
	height: 239px;
}
/*Tabber
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display:none!important;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	float: left;
	clear: left;
	width: 267px;
	text-align: left;
	color: white;
	margin-left:13px;
	margin-bottom:5px;
	clear:both;

}
.tabberlive h2 {
	background-position: 0 -1px;
	color: #59174D;
	background: url(images/bg_h2.png) repeat-x;
	min-height: 30px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0 0 10px 0!important;
	padding: 4px 0!important;
	background:url(images/tabbernav.gif) repeat-x;

	font:  12px arial, sans-serif!important;
	width:250px;
}
ul.tabbernav li {
	list-style: none!important;
	margin: 0!important;
	display: inline!important;
}
ul.tabbernav a {
	padding: 3px 4px!important;
	margin-left: 1px!important;
	border:1px solid #6B536E;
	background: #F5E0F4!important;
	text-decoration: none!important;
}
ul.tabbernav a:link {
	color: #6B536E!important;
}
ul.tabbernav a:visited {
	color: #6B536E!important;
}
ul.tabbernav a:hover {
	color: #000!important;
	background: #FFF!important;
}
ul.tabbernav li.tabberactive a {
	background-color: #E1A1DE!important;
	background-image:url(images/tab.gif)!important;
	background-repeat:repeat-x;
	border:1px solid #6B536E!important;
	border-bottom: 1px solid #E1A1DE!important;
	color: #FFFFFF!important;
	padding-bottom:4px;
	margin-top:4px;

}
ul.tabbernav li.tabberactive a:hover {
	color: #FFFFFF!important;

}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:0px!important;
	margin-right:2px;/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none!important;
}
.tabberlive .tabbertab h3 {
	display:none!important;
}
.tabbertab a {
	color:#FFFFFF;
	font-size:11px;

}
.tabbertab a:visited {
	color:#FFFFFF
}
.tabbertab a:hover {
	color:#413342
}
.tabbertab {
	color:#413342;
	font-size:11px
}

.tabbertab ul{  list-style-type:none!important;	margin: 0;
	padding: 0 0 20px 10px;}

.espacio h2 { margin-top:15px;}

.widget ul{width:250px!important;}
.widget ul li{font-size:14px;padding-bottom:5px;padding-top:5px;border-top:1px dotted #663300;width:250px!important;}
.widget ul li a{font-size:14px;}
.widget ul li ul li a{font-size:11px!important;}
.widget ul li ul li{list-style:outside;list-style-type:none!important;margin:0;padding:0;font-size:11px!important;border-top:none!important;}
.widget ul li ul{list-style:outside;list-style-type:none!important;margin-left:-15px!important;padding:0;}
ul .children li{list-style:outside;list-style-type:none!important;margin:0;padding:0;}
ul .children{list-style:outside;list-style-type:none!important;margin:0;padding:0;}
.widget{ padding-bottom:15px;}

.vinc-head {
	float: right;
	margin-right: 11px;
	padding-right: 10px;
}