/*
Theme Name: Tattoo & Rock Theme - 2008
Theme URI: http://ww.tattoorockfest-lisbon.com
Description: "Let's Rock!"
Version: v1
Author: <a href="http://www.imhugo.com">Im Hugo</a>
Author URI: http://www.imhugo.com/
*/


/* ............................................................................. */
/* RESETS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, e, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {	line-height: 1 }

ol, ul { list-style: none; }

blockquote, q { quotes: none }

:focus { outline: 0; }

ins { text-decoration: none;  }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }



/* ............................................................................. */
/* GERAL */

body{
	color: white;
	font-family: Arial, sans;
	font-size: 12px;
	line-height: 16px;
	background: url("img/pattern-1.jpg");
	margin-bottom: 40px;
}

p{ margin-bottom: 0px;}
/* ............................................................................. */
/* ESTRUTURA */

#master{
	width: 960px;
}

#content{
	float:left;
	background: url("img/content-back.gif");
	margin-bottom:20px;
}

#header{
	height: 200px;
	margin-bottom: 40px;
/*	overflow: hidden;*/
}

#sidebar{
	width: 240px;
	padding: 0 20px 30px 20px;
	background-color:black;
	float:left;
}

#container{
	width: 680px;
	/*padding:20px;*/
	float:right;
	background: white;
}


#footer{
	clear:both;
	margin-top:40px;
	padding:20px;
	color: #666666;
	background: url("img/footer-back.gif");
	height: 90px;
}


/* ............................................................................. */
/* HEADER */

#title{
	width: 280px;
	background-color: black;
	float:left;
}

#masterNav{
	width: 680px;
	float:right;
}


#menu{
	width: 200px;
	float:left;
	font-family: Impact, sans-serif;
}

#pubTop{
	width: 480;
	float:right;
	margin-top:60px;
		margin-bottom:auto;
}

#menu a{
	font-size: 22px;
	height: 30px;
	display:inline-block;
	color: #990000;
	background-color: white;
	text-decoration: none;
	padding:10px 20px 0px 20px;	
}

#menu a:hover{
	color: #000;	
}

/* Activa Menu */
body#Artists #menu-artists a{ color: white; background-color: #990000; }
body#Bands #menu-bands a{ color: white; background-color: #990000; }
body#Shows #menu-shows a{ color: white; background-color: #990000; }
body#Gallery #menu-gallery a{ color: white; background-color: #990000; }
body#Info #menu-info a{ color: white; background-color: #990000; }



/* ............................................................................. */
/* SIDEBAR */

.sidebarTitle{
	font-family: Impact, sans-serif;
	font-size: 20px;
	margin: 30px 0 10px 0;
}

#sidebar #s{
	width: 180px;
	height: 30px;
	border: none;
	padding-left: 10px;
}

#sidebar #go{
	width: 40px;
	height: 30px;
	border:none;
	color:#000;
	background-color:#CCC;
	margin-top:5px;
}

#sidebar a, #sidebar a:active, #sidebar a:visited{
	background-color: #990000;
	color: #fff;
	text-decoration: none;
}

#sidebar a:hover{
	color: #990000;
	background-color: #000;
}



/* ............................................................................. */
/* CONTENT */

/* titulos */
.title{
	font-family: Impact, sans-serif;
	font-size:20px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 15px 15px 15px 15px;
	color: black;
	display:block;
	
}

.title a{
	color: black;
	text-decoration:none;
}

.title a:hover{
	/*background-color: black;
	color: yellow;*/
	color: #1B1B1B;
}

.back-yellow{
	background-color:yellow;
}

.back-red{
	background-color: #990000;
	color:white;
}
.back-red a{
	color: white;
	text-decoration:none;
}
.back-red a:hover{
	color: #000;
}


.back-gray{
	background-color:#DADADA;
}

.content{
	padding: 20px;
	background-color:white;
	color:black;
	margin-bottom: 0px;
}

.content a, .content a:active, .content a:visited{
	color:#990000;
	text-decoration:none;
}
.content a:hover{
	background-color:#990000;
	color:#FFF;
}

.content img{
	/*float:left;
	margin: 0 10px 10px 0;*/
	margin-bottom: 10px;
	border: 1px solid #000;
}

.float-img{
	float:left;
	margin: 0 10px 10px 0;
}


/* ............................................................................. */
/* FOOTER */

#footer li{
	display:inline;
}

#footerLeft{
	width:280px;
	float:left;
	
}

#footerRight{
	width:660px;
	text-align:left;
	float:right;
}


/* ............................................................................. */
/* UTILTIES */

.hide{
	display:none;
}

.clear{
	clear:all;
}

.left{float:left;}

.right{float:right;}