/*
Theme Name: Bar_Macondo
Theme URI: http://bar-macondo.com/
Description: Tema por defecto para el sitio de Bar Macondo 2010.
Version: 1.0
Author: Gonzalo Linares
Author URI: http://cebra.com.uy/
Tags: black, fixed header, fixed width, two columns

	Bar_Macondo
	http://bar-macondo.com/

*/

html {font-size: 100%;}

body {
	background: #000000 url("auxiliar/bg-body.gif") repeat-y fixed center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
	margin:0;
}
p	{color:#ffffff; font-size: 11px; text-align: justify; margin-top:0;}
a:link				{color:#e97400; text-decoration:none}
a:visited			{color:#e97400; text-decoration:none}
a:focus			 	{color:#e97400; text-decoration:none}
a:hover 			{color:#e97400; text-decoration:none}
a:active			{color:#ffffff; text-decoration:none}
h1	{font-size:13px;} /*logo*/
h2	{font-size: 10px; color:#FFFFFF; text-align:center;} /*links*/
h3	{font-size: 9px; color:#FFCC00; text-transform:uppercase; text-align:left; margin:2px 0;} /*subtítulos */
h4	{font-size: 15px; color:#ffffff; text-transform:uppercase; text-align:left; margin:2px 0;} /*títulos */
h4 a:link, a:visited, a:active {font-size:15px; color:#ffffff;}
h4 a:focus, a:hover {font-size: 15px; color:#e97400;}
h5	{font-size: 10px; color:#ffffff; text-align:center; margin-top:0;} /* pie de página */
h5 a:link, a:visited, a:focus, a:hover, a:active {font-size: 10px; color:#ffffff; text-align:center;} 
h6	{font-size:10px; text-align:center; color:#ffffff; margin:10px 0;} /* texto centrado para menú */


#wrapper{
	background-color:#000000;
	width: 800px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	border-left: 2px solid #993b00;
	border-right: 2px solid #993b00;
	}

/* ------------------------------------- CABEZAL */

#header{
	width:800px;
	height:463px;
	background: url("auxiliar/bg-header.gif") no-repeat;
	position:relative;
	}

#flash-home{
	width:406px;
	height:244px;
	float: right;
	margin-top:4px;
	position:absolute;
	top:0;
	right:0;
	}

h1		{
		width: 350px;
		height: 450px;
		position: absolute;
		top:0;
		left:0;
		overflow: hidden;
	}

h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
		display: block;
		width:350px;
		height:450px;
		text-indent: -100000px;
	}

/* ------------------------------------- MENÚ DE NAVEGACIÓN */

#nav{
	width: 800px;
	height: 25px;
	margin-left:0;
	margin-bottom:35px;
	text-align: center;
	position:relative;
	background: url("auxiliar/bg-nav.gif") no-repeat;
	}
#nav ul{
	margin:0;
	font-size:10px;
	padding-left:10px;
	list-style:none;
	text-align:center;
	}
#nav li{
	height:20px;
	margin-right:2px;
	float: left;
	padding: 0 8px;
	text-transform:uppercase;
	text-align:center;
	}
#nav a {
	float:left;
	display:block;
	padding: 5px 8px 5px 0;
	text-align: center;
	text-decoration:none;
	color:#ffffff;
	}
	/* Commented Backslash Hack
	hides rule from IE5-Mac */
	#nav a {float:none;}
	/* End IE5-Mac hack */
	#nav li:hover {padding-top:2px; color:#ffffff;}
	#nav a:hover {color:#ffffff;}
	
/* ------------------------------------- CUERPO */

#content	{
	width:570px;
	text-align:left;
	margin:0 auto;
	padding: 0 10px 50px 10px;
	float:left;
	}

#content .post h2 {
	font-size: 2em;
	padding: 0 0 10px 0;
	text-align: left;
	text-transform: lowercase;
}

#lateral	{
	width:180px;
	text-align:right;
	margin:0 auto;
	float:left;
	}

/* ------------------------------------- GALERIA */

#galeria	{
	width:610px;
	min-height:76px;
	overflow:hidden;
	border-top: 1px solid #e97400;
	border-bottom: 1px solid #e97400;
	margin:0 auto;
	}
#fotos-galeria	{
	width:400px;
	height:76px;
	border-bottom: 1px dotted #ffffff;
	margin:0;
	float:left;
	}
#text-galeria	{
	width: 200px;
	height:46px;
	padding-left:10px;
	padding-top:30px;
	text-align:left;
	margin:0;
	float:right;
	border-bottom: 1px dotted #ffffff;
	}
#thumb-img	{
	width:80px;
	height:80px;
	float:left;
	margin:5px;
	padding:0;
	border:0;
	}

/* ------------------------------------- CARTA */

#carta	{
	width:610px;
	min-height:76px;
	overflow:hidden;
	border-top: 1px solid #e97400;
	border-bottom: 1px solid #e97400;
	margin:0 auto;
	}

#l-column	{
	width: 205px;
	margin: 0 auto;
	padding:0 2px;
	text-align:center;
	float:left;
	}
#m-column	{
	width: 50px;
	margin:0 auto;
	padding: 0 2px;
	text-align:center;
	float:left;
	}

#r-column	{
	width:	343px;
	margin: 0 auto;
	padding:0 2px;
	text-align:center;
	float:right;
	}
#dotted	{
	width: 610px;
	border-top: 1px dotted #ffffff;
	}

/* ------------------------------------- EVENTOS */

#eventos	{
	width:160px;
	text-align:center;
	margin:0 auto;
	padding: 0 10px;
	}

/* ------------------------------------- FOOTER */

#footer	{
	width:800px;
	border-top:2px solid #993b00;
	}

/* ------------------------------------- MISCELANEAS */

#clear	{
	clear:both;
	}


/* ------------------------------------- COMENTARIOS */

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	margin-bottom:8px;
	background: #60360b url(auxiliar/comment_arrows.gif) bottom no-repeat;
	color:#FFF;
	list-style:none;
	width:413px;
	}

.commentlist .commenttext {
	background:url(auxiliar/bg_paint.gif) no-repeat;
	padding:22px 22px 50px 22px;
	}

.commentlist cite {
	display:block;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
	background:url(auxiliar/bg_cite_arrows.gif) bottom repeat-x;
	padding-bottom:12px;
	font-size:1.1em;
	}

.commentlist a:link, .commentlist a:visited {
	color:#fff9b9;
	}

.commentlist a:hover, .commentlist a:active {
	color:#FFF;
	}

.commentlist .date {
	font-size: 8pt;
	background:#930e27;
	padding:3px;
	}

li.alt {
	background:#836241 url(auxiliar/comment_arrows_alt.gif) no-repeat bottom;
	}

li.alt .commenttext {
	background:url(auxiliar/bg_paint_alt.gif) no-repeat;
	}	

li.alt .date {
	background:#67421c;
	padding:3px;
	}