/*
Theme Name: BeBop 08
Version: 1.0
Author: Flavia Calzecchi Onesti
webmaster@bebopclub.info
*/


body {background:#000;color:#fff;font-family:'Trebuchet MS';margin:0px;padding:0px;}

#header {height:240px;background:#000 url('images/guitar.jpg') right bottom no-repeat;/*position:fixed;*/top:0px;left:0px;right:0px;} 
	h1 {margin:0 0 15px 0;padding:0;height:175px;background: url('images/logoBeBop.gif') 10px top no-repeat;}
	#header ul {margin:0;padding:0;list-style:none;}
	#header ul li {margin:0 10px;padding:0;float:left;display:block;position:relative;}
	#header ul li a {margin:0;padding:10px 6px 0 6px;text-decoration:none;display:block;color:#EE001A;font-size:16px;}
	#header ul li a:hover, #front #home a, #live #events a, #where #location a, #contacts #contact a, #see #gallery a {color:#EE001A;background:url('images/menuBg.jpg') left bottom repeat-x;}
	#header ul li a span {margin-top:5px;font-family:Verdana;font-size:9px;color:#fff;display:block;}
	/*#header  ul li#events a {padding-right:30px;}*/
	#header #events #rss, #live #header #events #rss {width:28px;height:28px;padding:0;background:url('images/rss.gif') top left no-repeat;position:absolute;top:5px;right:0px;}

	#header p {margin:0;padding:4px 10px 0 0;text-align:right;font-size:14px;height:40px;background:#000 url('images/header.jpg') right top no-repeat;clear:both;}

#main {padding:20px;min-height:200px;}
#front #main p {line-height:220%;}
#main p.monthly {text-align:right;margin:0 0 20px 20px;height:370px;border-bottom:1px solid #7B7E81;background:url('images/microphone.jpg') right bottom no-repeat;padding-right: 130px;}
	/*#main p.monthly a {color:#BBC0C4;}*/
	.leftImg {float:left;}
	em {font-style:normal;font-size:20px;}
	#main h2 {margin:0 0 15px 0;color:#EE001A;font-size:20px;font-weight:normal;}
	#main a {color:#EE001A;font-size:20px;text-decoration:none;}
	#main a:hover {color:#EE001A;text-decoration:underline;}
	#main p {font-size:14px;}
	#events #main {text-align:center;}
	ul.cal {margin:0 auto;padding:0;list-style: none;width:910px;}
	.cal li {float:left;margin:4px;padding:0;}
	li.empty {width:122px; height:122px;background:transparent;}
	.outer {font-weight:normal;border-width: 1px  0;margin: 0 1px;border-style: solid;display: block;border-color:#444;}
	.inner {font-weight:normal;padding:0px 0px;border-width:0  1px;margin: 0 -1px;border-style: solid;display: block;  border-color:#444;background:#444;}
	.inner div {width:120px; height:120px;margin:0:padding:0;}
	.bg_1 {border-color:#444;}
	.bg_1 .inner {border-color:#444;background:#444;}
	#live ul.cal li p.date {display:block;margin:0;padding:0;text-align:right;font-size: 28px;color:#EE001A;}
	#live ul.cal li p.band {display:block;margin:8px 0 5px 2px;padding:0;text-align:right;font-size: 15px;color:#fff;font-weight:bold;text-align:left;}
	#live ul.cal li p.desc {display:block;margin:0 2px;padding:0;text-align:right;font-size: 11px;color:#bbb;font-family:Verdana;text-align:right;}
	#live ul.cal li p.desc strong {color:#fff;}
	p.date span {font-size:12px;text-transform:uppercase;color:#bbb;}
	.bigText {font-size:22px;}
	#contact a {font-size:22px;}
	.alignleft {width:25%;float:left;text-align:left;}
	.alignRight {width:25%;float:right;text-align:right;}
	.alignCenter {display:block;text-align:center;}
.navigation h2 {font-weight:normal;width:45%;text-align:center;float:left;}
	.navigation {clear:both;}
	.credits {color:#666;font-size:10px;}

h2.error {background:url('images/404.jpg') left top no-repeat;width:625px;height:282px;text-align:left;padding:70px 0 0 200px;color:#EE001A;font-size:20px;}
span.errordesc {color:#fff;font-size:15px;display:block;margin-top:15px;}

#footer {height:5px;background:url('images/footer.jpg') left top no-repeat;margin:40px 0;}


/*social bookmarking styles*/

div.sociable { margin: 16px 0; clear:both;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}