@charset "utf-8";
/*
Theme Name: Rafa Caballero - As de picas
Theme URI: http://www.rafacaballero.es
Description: Plantilla original para Rafa Caballero
Version: 1.0
Author: Angel Cardiel
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/


/* CSS Document */

@font-face {font-family: "segoe"; src: url(http://www.rafacaballero.es/rc/wp-content/themes/picas/images/segoe.ttf);}
@font-face {font-family: "rock"; src: url(http://www.rafacaballero.es/rc/wp-content/themes/picas/images/ROCKEB.TTF);}

html, body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	height:100%;
	background:url(images/fondo.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed ;
	background-position:center;
}

body {
	margin: 0px;
	color: white;
	line-height: 23px;
}

#barra-naranja{
	background:url(images/barra_naranja.png) repeat-x;
	height:195px;
	position:absolute;
	width:100%;
	z-index:0;
}

#centro { /*columna central */
	margin:auto;
	width: 720px;
	width: 957px;
	background:black;
	min-height: 100%;	
	background:transparent;
	position:relative;
	z-index:1;
}


#principal {
	width: 100%;
}

#menu {
	height: 97px;
	padding:0px;
	margin-top:-13px;
	margin-left:-40px;	
	padding-top:116px;
	*padding-top:13px;
	position:absolute;
	*position:relative;
	z-index:1;
}

#menu img {
	border:0px;
}

#menu ul {
	list-style:none;
	
}

#menu li {
	margin:0px;	
	padding:0px;
	float: left;
}

#menu li a {
	text-decoration:none;
	border:0px;
}

#menu li a:hover {
	color:#99CC00;
	background-color:#003366;
}

#cabecera{
	width: 957px;
	height:116px;
	background:url(images/cabecera_1.png) no-repeat;
	position:absolute;
	*position:relative;
}

#contenido {
	/*width:61%;	*/
	width:620px;
	margin-top:10px;
	margin-right: 5px;
	margin:auto;
	float:left;
}

#general {
	background:url(images/fondo_centro.png) repeat-y;
	float:left;
	margin:auto;
	width:947px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:#333 1px solid;
	border-top:#333 1px solid;
	padding-left:10px;
	position:relative;
	padding-top:200px;
	*padding-top:15px;
}


.post {
	margin-top:20px;
	/*width:495px;*/
	margin:0 auto 0 auto;
	padding: 20px 10px 20px 20px;

}

.post-arriba {
	height:27px;
	width:590px;
	background:url(images/post_cabecera.png)

}


.cuadro-titulo{
	z-index:4;
	color:#4E4625;
	padding-top: 5px;
	line-height:1;
	margin-top:-25px;
	margin-bottom:-20px;
}


.titulo a, .titulo a:link, .titulo a:visited, .titulo a:hover, .titulo a:active {
	font-weight:bold;
	text-decoration:none;
	font-size:98%;
	color:#4E4625;
}

.fecha {
	font-weight:normal;
	color:#282000;
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
	
}

.post-centro{
	padding:5px;	
	padding-top:7px;
	background:#DFDED9;
	border-left: 5px #A5944E solid;
	border-right: 5px #A5944E solid;
	
}

.post-texto{
	letter-spacing:1px;
	text-align:justify;
	margin:20px;
	color:#292100;
	font-family:segoe;
}

.post-texto img {
	background-color:#F9F9F9;
	border:1px solid #C3D7E6;
	border:1px solid #BFBE9D;
	clear:both;
	display:block;
	margin:3px auto 9px;
	padding:5px;		
}


.post-abajo {
	height:27px;
	width:590px;
	background:url(images/post-abajo.png);
	margin-top:-26px;
	*margin-top:0px;
}

.post-abajo-opciones{
	text-align:right;
}

.post-abajo-opciones img{
	vertical-align:middle;
}

.post-abajo-opciones a{
	color: red;
	text-decoration:none;
	left:23px;	
	top:2px;
	font-weight:bold;
	filter:alpha(opacity=60);   
   	-moz-opacity: 0.6;   
   	opacity: 0.6;		
}

.post-abajo-opciones a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}


.fin-de-post{
	height:1px;	
}


#pie {
	clear:both;
	height:50px;
	margin-top:80px;
	text-align:right;
	padding-right:100px;
	color: #dfded9;
}

#pie-abajo {
	background:white;
	height:40px;
	width: 100%;
	margin:0px;
	padding:0px;
}

#pie-abajo p{
	font-size:60%;
	margin-left:10px;
}

#sidebar{
	margin-top:10px;
	width:293px;
	float:right;
	/*background:url(images/sidebar-fondo.png) repeat-y;*/
	margin-right:30px;
	padding-bottom: 30px;
}

#sidebar-arriba{


}

#sidebar-abajo{
	background:url(images/sidebar-fondo-down.png) repeat-y;
	height:10px;
}


.tablapedido {
	border:2px #600 solid;	
	padding:15px;
	background:#F1F0E4;
}

.tablapedido a, .tablapedido a:visited, tablapedido a:hover {
	color: blue;	
}

#sidebar h2{
	padding:0px;
	background:orange;
	height:55px;
	line-height:40px;
	text-align:center;
	letter-spacing:-1px;
	background: url(images/sidebar_h2.png) no-repeat;
	list-style:none;
	width:266px;
	margin: 0 auto 0 auto;
	padding-top:15px;
	background-position:bottom;
	font-family:rock,Arial, Helvetica, sans-serif;
}

#sidebar h2 img{
	padding-top:15px;
}

.widget li{
	width:220px;	
	text-align:left;
	list-style-image:none;
	line-height:30px;
		
}


.contenido-sidebar {
	list-style:none;
}

.widget-contenido{
	width:266px;
	padding:0px;
	margin:0 auto 0 auto;
	background:url(images/sidebar_widget_fondo.png) repeat-y;
}

#oreja-izquierda{	
	height:300px;
	width:88px;
	position:fixed;
	z-index:1;
	top:250px;
	float:left;	
}

#oreja-izquierda-arriba{
	background:url(images/oreja-izquierda-arriba.gif);
	height:18px;
	width:88px;
}
#oreja-izquierda-abajo{
	background:#00526E url(images/oreja-izquierda-abajo.jpg);
	height:27px;
	width:88px;
}
#oreja-izquierda-centro{
	background:#00526E;
}


#oreja-derecha{	
	height:300px;
	width:892px;
	position:absolute;
	float:left;
	z-index:0;
	top:350px;	
}

#oreja-derecha-arriba{
	background:url(images/oreja-derecha-arriba.gif) right no-repeat;
	height:18px;
	z-index:1;	
}

#oreja-derecha-abajo{
	background:url(images/oreja-derecha-abajo.jpg) right no-repeat ;
	margin:0px;
	padding:0px;
	height:18px;
	z-index:1;	
}

#oreja-derecha-centro{
	background: url(images/oreja-derecha-centro.jpg) right repeat-y;	
	z-index:1;	
	text-align:right;
	vertical-align:middle;
}


#oreja-derecha-centro img{
	padding-right:22px;
	margin:0;
	padding:0px;
	padding-top:10px;	
	padding-right:20px;
}

#foto-rafa{
	/*background-image:url(images/foto-rafa.png);*/
	width:298px;
	height:508px;
	position: relative;
    top: auto;
    right: 0;
	margin-top:-500px;
    left: 0;
	z-index:0;
}


/* CALENDARIO */


#wp-calendar {
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 220px;
}

#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: #333;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	font-size: 16px;
	text-align: center;
	color:#000;
	font-weight:bold;
	background:none;
}


#wp-calendar td {
	color: #ccc;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	color:black;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	color: green;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

#calendar_wrap {
	background: url("images/sidebar_widget_fondo.png") repeat scroll 0 0 transparent;
	width: 245px;
	margin-left:14px;
	padding-bottom:15px;
}


/* OTROS FORMATOS DEL SIDEBAR */

.textwidget {
	background: url(images/sidebar_widget_fondo.png);
	width:226px;
	margin: 0 auto 0 auto;
	margin-top:0px;
	padding-top:1px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 1px;
	*padding-bottom: 5px;
	color:black;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}

.twitter-avatar, .follow-button {
    background: url("images/sidebar_widget_fondo.png") repeat scroll 0 0 transparent;
    color: black;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin: 0 auto 0;
    padding: 1px 20px;
    text-align: center;
    width: 226px;
}

.follow-button {
	padding-top: 10px;
	padding-bottom:10px;
}

#twitter-3 ul {
    background: url("images/sidebar_widget_fondo.png") repeat scroll 0 0 transparent;
    color: black;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin: 0 auto 0;
    padding: 1px 20px;
    text-align: center;
    width: 226px;
}

#twitter-3 ul  li{
	margin-top:20px;
    color: #292100;
    font-family: segoe;
	font-weight: normal;		
}

#twitter-3 ul  li a, #twitter-3 ul  li a:visited, #twitter-3 ul  li a:hover{
	color: SaddleBrown;
}



#wp-calendar {
	background: url(images/sidebar_widget_fondo.png);
	width:220px;
	margin: 0 1px 10px 20px;
}

#today {
	border:2px solid black;
	background-color:#CCC;
}

#respond h3{
	color:green;	
	text-align:center;
	font-weight:bold;
	font-size:large;
}

#respond {
	color:black;
}

.navigation, .navigation a, .navigation a:visited, .navigation a.hover{
	color:black;
	color: #333;
	font-family:"Arial Black", Gadget, sans-serif;
}

.navigation {
	width:552px;
	background:#dfdede;
	border:0px #4E4625 solid;
	padding:8px;
}

#comentarios{
	color:black;
	font-size:20px;
}


#comentarios .navigation, #post .navigation {
	width:538px;
	background:#dfdede;
	border:0px #4E4625 solid;
	margin-left:20px;	
}

#comentarios a, #comentarios a:hover{
	color: #666;
}

.comment-body{
	border: 1px solid;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-left: 5px;
	margin-right: 10px;
	background-color:#FFC;
}

#recentcomments{
	background: url(images/sidebar_widget_fondo.png);
	width:226px;
	margin: 0 auto 0 auto;
	margin-top:-13px;
	padding-left: 20px;
	padding-right: 20px;

	/* IE7 */
	*width:233px !important;	
	*padding-left: 30px !important;
	*margin-top:0px !important;	
	*padding-top:15px !important;


	/* IE6 */
	*width:233px;
	*padding-left: 30px;
	*padding-right: 0px;	
	*margin-top:0px;
	
	
	color:black;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}

#recentcomments a, #recentcomments a:hover{
	color: #600;
}

#recentcomments li{	
	list-style-image:none;
	width: 230px;
	font-family:segoe;
	font-weight: normal;

	*width: 245px;
	*padding-left:30px;
	*margin-left:-13px;	
	
	*width: 203px !important;
	*padding-left:0px !important;
	*margin-left:0px !important;	

}

#ie6 {
	margin-top:0px;
	background-color:#FFC;
	border:1px solid #F90;
	color:#900;
}

p.audioplayer_container {  
	text-align: center;  
}