/*
Theme Name: Tarot
Description: Tarot - Interpretações e arte
Author: Thiago Diezel - <a href="mailto:thiago.diezel@gmail.com">thiago.diezel@gmail.com</a>
Version: 1.0
*/
body {
	color:#1d1d1d;
	font:13px/18px Arial;
}
a {cursor:pointer; outline:none; color:#06C}
a#btn-a-previous, a#btn-a-next {
	background:url(images/btn-a-previous.gif);
	display:block;
	width:28px; height:21px;
}
a#btn-a-next {background:url(images/btn-a-next.gif)}
a#btn-a-previous:hover, a#btn-a-next:hover {background-position:0 -21px}

a#btn-i-previous, a#btn-i-next {
	background:url(images/btn-i-previous.gif);
	display:block;
	position:absolute; left:5px; top:5px;
	width:14px; height:15px;
}
a#btn-i-next {background:url(images/btn-i-next.gif); left:35px}
a#btn-i-previous:hover, a#btn-i-next:hover {background-position:0 -15px}

#container {
	margin:0 auto;
	width:1024px; height:auto;
}

/******************* HEADER ***************************/
#header {
	background:url(images/bg-header.gif);
	color:#FFF;
	font:20px "Trebuchet MS", Arial;
	margin-bottom:20px;
	padding-top:2px;
	position:relative;
	width:1024px; height:29px;
}
#header ul li {
	float:left;
}
.cartas {margin-left:86px}
.interpretacoes {margin-left:270px}
.arte {margin-left:290px}

	
/******************* CONTENT ***************************/
#content-left {
	background:url(images/div.gif) right 0 no-repeat;
	float:left;
	padding-top:20px;
	position:relative;
	margin-bottom:50px;
	width:237px; height:auto;
}
#content-left ul li{
	float:left;
	text-align:center;
	font-size:8px;
	margin-bottom:5px;
	width:55px
}
#content-left ul li a {color:#1d1d1d}
#content-center {
	background:url(images/div.gif) right 0 no-repeat;
	float:left;
	padding:15px 20px 50px 10px;
	position:relative;
	width:438px; height:auto;
}
#content-center h1{
	font:bold 20px Arial;
	margin-bottom:10px;
}
#content-center span.fonte {
	color:#a8a8a8;
	font:italic 11px "Trebuchet MS", Arial;
}
#content-center p {margin-top:10px}
#content-center div#nav {
	background-color:#f8f8f8;
	position:absolute;
	right:12px; top:15px;
	width:54px; height:25px;
}
#content-center div#loading {
	display:none;
	position:absolute;
	right:80px; top:15px;
	width:24px; height:2px;
}

#content-right {
	float:left;
	padding-top:20px;
	position:relative;
	text-align:center;
	margin-bottom:50px;
	width:319px; height:auto;
}
#content-right div#panel-arte{padding-top:14px}
#content-right div#loading-arte {
	display:none;
	position:absolute;
	left:218px; top:24px;
}
select {width:180px}
table#lista-todas td {padding:5px}
img.thumb-todas {cursor:pointer}
#todos {
	overflow:auto;
	height:700px;
}
a.interpretacao {
	position:absolute;
	right:20px; top:20px;
	font-size:11px;
	text-decoration:underline;
}
a.vertodas {text-decoration:underline}



/******************* FOOTER ***************************/
#footer {
	background:url(images/bg-footer.gif) repeat-x;
	color:#a8a8a8;
	font:11px Arial;
	padding:7px 3px 3px 3px;
	position:relative;
	margin:20px 0 50px 0;
	width:1018px; height:20px;
}

.clear {clear:both}
.no-border {border:none !important}

#numtotal {
	color:#999 !important;
	font-size:11px !important; 
	font-weight:normal !important; 
	position:absolute; 
	right:200px; 
	top:20px;
}
.set2 {}

.alignleft {float:left; margin:0 10px 10px 0}
.alignright {float:right; margin:0 0 10px 10px}