/* @override 
	http://jose981.com/components/css-default.css
	http://staging.jose981.com/components/css-default.css
*/

* { 
	 
}

img { 
	border: none;
}

body { 
	behavior: url(/components/csshover.htc); 
	background-image: url(/images/jose/jose_redbackground.png); 
	background-repeat: no-repeat; 
	margin: 0; 
	padding: 0; 
	font-family: "Arimo", Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	color: #000; 
	background-color: #1e0202; 
	text-align: center; 
}

#branding { 
	width: 960px;
	height: 180px;
	overflow: hidden;
	margin: 0px auto; 
	text-align: center; 
	float: left; 
	z-index: 10; 
}

#branding img {
	padding: 0;
	margin: 0;
}

#pagebrandingleft { 
	width: 400px; 
	height: 800px; 
	position: absolute; 
	top: 40px; 
	left: -260px; 
	display: block; 
	z-index: 0; 
	background: url(/images/jose/jose_leftswirls.png) no-repeat; 
	_background: none; 
}

#pagebrandingright { 
	width: 400px; 
	height: 800px; 
	position: absolute; 
	top: 170px; 
	right: -260px; 
	display: block; 
	z-index: 0; 
	background: url(/images/jose/jose_rightwirls.png) no-repeat; 
	_background: none; 
}

select { 
	color: #19303A; 
	width: 160px; 
	font-weight: bold; 
	font-size: 10px; 
}

.headline { 
	line-height: 105%; 
	font-size: 17px; 
	font-weight: bold; 
	color: #632d00; 
}

.subheadline { 
	font-weight: bold; 
	color: #003E6A;
}


.headline a { 
	text-decoration: none; 
}

.summary { 
	margin-top: 3px; 
	line-height: 130%; 
}

.hide { 
	display: none; 
}

.even { 
	background-color: #dedede; 
}

#bodyarea {
	width: 960px; 
	margin: 0px auto; 
	text-align: left; 
	clear: both; 
	position: relative; 
	z-index: 3; 
}

header { 
	width: 960px; 
	clear: both; 
	position: relative; 
}

.columnmiddle .promo { 
	padding-top: 10px; 
}

.columnmiddle .promo:first-child { 
	margin-top: 5px; 
}

#calendar_moreinfo img { 
	width: 350px; 
}

#maincontentarea { 
	position: relative; 
	width: 960px; 
	background-color: #FFF; 
}


#leftnav { 
	margin: 0; 
	padding: 0; 
	width: 210px; 
	float: left; 
	display: block; 
}

#topofsitebanner { 
	background-color: rgba(191,69,14,.4);
	width: 960px; 
	padding: 10px 0; 
	text-align: center; 
	clear: both; 
	color: #c95a08; 
}

form { 
	margin-top: 0; 
	margin-bottom: 0; 
}

#columns { 
	display: block; 
	text-align: left; 
	background-color: #FFF; 
	float: left; 
	margin-bottom: 30px; 
}

.promo { 
	display: block; 
	clear: both; 
}

.columnleft { 
	width: 183px; 
	float: left; 
}

.columnleft .promo { 
	padding: 10px 11px 15px 12px; 
	width: 160px; 
}

.columnleft .thumbnail { 
	margin-top: 15px; 
}

.columnmiddle { 
	width: 325px; 
	float: left; 
}

.columnmiddle .promo { 
	width: 320px; 
}

.columnmiddle .thumbnail { 
	margin-top: 15px; 
}

.columnright { 
	width: 240px; 
	color: #FFF; 
	background-color: #3f4241; 
	position: absolute; 
	right: 0; 
	top: 0; 
}


.columnright .headline { 
	color: #fef6f2; 
}


.columnright a:hover { 
	color: #FC3; 
	background-color: #111; 
}

.columnright a:visited { 
	color: #FC3; 
}

.columnright .subheadline { 
	color: #F60; 
}

.columnright .link a { 
	color: #FC3; 
	background-image: url(/images/icons/newicon-linkreversed.gif); 
}

.programslist,.djslist { 
	margin-bottom: 15px; 
}

.columnright a { 
	color: #FC3; 
}

#include-expandedslideshows .headline { 
	font: Normal 30px/30px Lobster; 
	margin: 0; 
	padding: 0; 
	color: #FFF;
	padding:5px 15px;
}

#include-expandedslideshows .summary { 
	margin: 0; 
	padding: 0; 
	color: #FFF;
	padding:5px 15px;
}

#include-expandedslideshows .slideshowtitle { 
	display: block;
	margin: 0; 
	padding: 0;
	color: #CCC;
	padding-top: 5px;
	font: bold 1.2em/1em "Arimo",Helvetica, Arial, sans-serif;
}



#expandedslideshow {
	padding: 0;
	margin: 0; 
}

#expandedslideshow img { 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px 10px 10px 10px; 
}

#expandedslideshow ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}

#expandedslideshow li {
	clear: both; 
	border-top: 1px solid #666; 
	border-bottom: 1px solid #111; 
	-webkit-box-shadow: inset 0px -25px 20px rgba(0,0,0,.4),inset 0 	-260px 0px rgba(255,255,255,.05);
}

#expandedslideshow li a { 
	display: block; 
	padding-bottom: 10px; 
	padding-top: 10px; 
	padding-left: 11px; 
	padding-right: 12px; 
	line-height: 12px; 
	text-decoration: none; 
	color: #FFF;
	-webkit-transition: all 500ms ease-out; 
	-moz-transition: all 500ms ease-out; 
	-o-transition: all 500ms ease-out; 
	-transition: all 500ms ease-out; 
}

#expandedslideshow li a:hover { 
	background-color: #666; 
}

#expandedslideshow .headline { 
	display: block; 
	padding-top: 5px; 
	color: #cec8bf; 
	font: bold 15px/15px "Arimo", Helvetica, Arial, sans-serif; 
}

a { 
	color: #036; 
	text-decoration: underline; 
}

a:hover { 
	text-decoration: none; 
}

a:visited { 
	color: #632d00; 
}

.link a { 
	font-size: 12px; 
	font-weight: normal; 
	padding-left: 15px; 
	background-image: url(/images/icons/newicon-link.gif); 
	background-repeat: no-repeat; 
	clear: both;
	display: block;
}

br { 
	clear: both; 
}

footer {
	width: 960px; 
	text-align: center; 
	margin: 0 auto;
	padding-top: 10px;
}

footer a, footer a:link, footer a:visited { 
	color: #FFF; 
	text-decoration: none; 
	font-weight: bold; 
}

footer nav ul li { 
	display: inline; 
	margin: 5px;
}

footer nav ul { 
	margin: 0; 
	padding:0; 
	list-style-type: none; 
}


footer a:hover { 
	text-decoration: underline; 
	color: #FC3; 
	background-color: #000; 
	font-weight: bold; 
}

#addressinfo { 
	margin: 10px  0; 
	color: #FFF; 
}

.tableheaderrow { 
	background-color: #333; 
	color: #FFF; 
	font-weight: bold; 
}

.tabledata { 
	background-color: #CCC; 
}

.tabledataalternate { 
	background-color: #FFF; 
}

td, table { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000; 
}

.small { 
	font-size: 9px; 
	font-weight: bold; 
}

a.tooltip { 
	position: absolute; 
	z-index: 24; 
	background-color: #F00; 
	color: #FFF; 
	text-decoration: none; 
}

a.tooltip:hover { 
	z-index: 25; 
	background-color: #ff0 
}

a.tooltip span { 
	display: none 
}

a.tooltip:hover span { 
	/*

the span will display just on :hover state*/
    display: block; 
	position: absolute; 
	top: 0px; 
	left: 9px; 
	width: 200px; 
	padding: 10px; 
	border: 1px solid #0cf; 
	background-color: #cff; 
	color: #000; 
}

a.tooltipsecond { 
	position: relative; 
	z-index: 22; 
	background-color: #00F; 
	color: #FFF; 
	text-decoration: none; 
	top: 0px; 
	left: 9px; 
}

ul#latestnews { 
	margin: 0px; 
	padding: 0px; 
	list-style: none; 
	padding-top: 10px; 
}

ul#latestnews li { 
	padding-bottom: 5px; 
}

a.tt { 
	position: relative; 
	z-index: 24; 
    text-decoration: none; 
	color: #003369; 
}

a.tt span { 
	display: none; 
}

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover { 
	z-index: 25; 
	background: ; 
}

a.tt:hover span.texttip { 
	/*

the span will display just on :hover state*/
    display: block; 
	position: absolute; 
	top: -26px; 
	left: -230px; 
	width: 218px; 
	padding: 10px; 
	color: #000; 
	filter: alpha(opacity:90); 
	opacity: 0.90; 
}

a.tt:hover span.top { 
	position: relative; 
	background: url(/images/misc/textip-top.png) no-repeat; 
	display: block; 
	height: 12px; 
}

a.tt:hover span.middle { 
	position: relative; 
	display: block; 
	padding-left: 15px; 
	padding-right: 38px; 
	line-height: 14px;
	font-weight: normal; 
	background: url(/images/misc/textip-filler.png) repeat-y; 
}

a.tt:hover span.bottom { 
	position: relative; 
	display: block; 
	height: 8px; 
	background: url(/images/misc/textip-bottom.png) no-repeat bottom; 
}

a.ht { 
	position: relative; 
	z-index: 24; 
	;
    text-decoration: none; 
	color: #003369; 
}

a.ht span { 
	display: none; 
}

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.ht:hover { 
	z-index: 25; 
	background: ; 
}

a.ht:hover span.texttip { 
	/*

the span will display just on :hover state*/
    display: block; 
	position: absolute; 
	top: -26px; 
	left: -230px; 
	width: 218px; 
	padding: 10px; 
	color: #000; 
	filter: alpha(opacity:90); 
	opacity: 0.90;
}

a.ht:hover span.top { 
	position: relative; 
	background: url(/images/misc/textip-top.png) no-repeat; 
	display: block; 
	height: 12px; 
}

a.ht:hover span.middle { 
	position: relative; 
	display: block; 
	padding-left: 15px; 
	padding-right: 38px; 
	font-weight: bold; 
	background: url(/images/misc/textip-filler.png) repeat-y;
	
}

a.ht:hover span.bottom { 
	position: relative; 
	display: block; 
	height: 8px; 
	background: url(/images/misc/textip-bottom.png) no-repeat bottom; 
}

ul.photogroup { 
	margin: 0px; 
	padding: 0px; 
}

ul.photogroup li { 
	list-style: none; 
	width: 77px; 
	height: 98px; 
	float: left; 
	display: block; 
}

ul.photogroup li img { 
	width: 77px; 
	height: 77px; 
}

ul.photogroup li a.photolink { 
	text-decoration: none; 
}

ul.photogroup li a.tt { 
	display: block; 
	float: left; 
	text-align: center; 
}

.audiolink a { 
	font-size: 10px; 
	padding-left: 15px; 
	margin-top: 5px; 
	background-image: url(/images/icons/icon-audio.gif); 
	background-repeat: no-repeat; 
	text-decoration: none; 
}

.audiolink a:hover { 
	text-decoration: underline; 
}

.feedlink a { 
	font-size: 10px; 
	padding-left: 15px; 
	margin-top: 5px; 
	background-image: url(/images/icons/podcast-chicklet.gif); 
	background-repeat: no-repeat; 
	text-decoration: none; 
}

.feedlink a:hover { 
	text-decoration: underline; 
}

.commentflip { 
	margin-top: 10px; 
	margin-bottom: 20px; 
}

a.linkadd { 
	padding-left: 15px; 
	font-size: 13px; 
	font-weight: bold; 
	background-image: url(/images/icons/icon-add.png); 
	background-repeat: no-repeat; 
	text-decoration: none; 
}

a:hover.linkadd { 
	text-decoration: underline; 
}

.mycomment { 
	background-color: #CCC; 
	padding: 20px; 
}

.singlecomment { 
	border-bottom: 1px dotted #000; 
	padding-bottom: 10px; 
	padding-top: 10px; 
}

.singleblogentry { 
	padding-top: 10px; 
	border-top: 1px solid #000; 
	margin-top: 50px; 
}

#latestaudiobar { 
	height: 22px; 
	padding-top: 8px; 
	border-top: 1px #000 solid; 
	border-bottom: 1px #000 solid; 
	padding-left: 85px; 
	background-image: url(/images/template/metalback3.jpg); 
	background-repeat: no-repeat; 
	font-weight: bold; 
	clear: both; 
}

#latestaudiobar select { 
	font-size: 10px; 
}

#latestaudiobar a { 
	color: #600b07; 
	text-decoration: none; 
}

.highlight { 
	color: #F00; 
	font-weight: bold; 
}

#include-mggetnewphotos.promo li { 
	width: 53px; 
	height: 53px; 
}

#include-mggetnewphotos.promo li img { 
	width: 53px; 
	height: 53px; 
}

#include-mggetnewphotos.promo #megagentewideheader { 
	padding-top: 160px; 
	background-image: url(/images/misc/megagente160x160.png); 
	background-repeat: no-repeat; 
}

#include-mggetnewphotos.promo #newphotos h3 { 
	padding: 0px; 
	margin: 0px; 
	padding-top: 10px; 
}

/* Search Bar Style */

#loginarea {
	font-weight: bold; 
	display: block; 
	width: 100%; 
	background-color: #ffb045; 
}

#loginarea a, #loginarea a:visited,#loginarea a:link { 
	color: #300; 
}

#loginarea a:hover { 
	color: #000; 
	background-color: #FFF; 
}

#loginarea #welcomebar { 
	float: left; 
}

#loginarea #welcomebar #welcometext { 
	float: left; 
	padding-top: 6px; 
	padding-left: 10px; 
}

#loginarea #welcomebar #searchbox { 
	float: left; 
	padding-left: 30px; 
}

#loginarea #welcomebar #icons { 
	float: right; 
	padding-left: 20px;
}

#loginarea #welcomebar #searchbox { 
	float: left; 
}

#loginarea #welcomebar #welcometext { 
	float: left; 
}

#loginarea #welcomebar #icons ul { 
	margin: 0px; 
	padding: 0px; 
	position: absolute; 
}

#loginarea #welcomebar #icons ul li { 
	list-style: none; 
	float: left; 
	padding-top: 5px; 
	padding-right: 3px; 
	width: 16px; 
}

#loginarea #welcomebar #icons ul li a:hover .tiptext { 
	position: relative; 
	display: block; 
	float: right; 
	background-color: #CCC; 
	border: 1px solid #FFF; 
	padding: 5px; 
	width: 150px; 
	text-align: right; 
}

#loginarea #welcomebar #icons ul li a .tiptext { 
	position: relative; 
	display: none; 
	top: 0px; 
	right: 0px; 
	z-index: 50; 
}




#include-youtubevideos { 
	float: left; 
	clear: both; 
}

#include-youtubevideos ul { 
	margin: 0px; 
	padding: 0px; 
}

#include-youtubevideos ul li { 
	list-style: none; 
	display: block; 
	float: left; 
}

#include-youtubevideos ul li img { 
	width: 77px;
	height: 60px;
	margin-right: 3px; 
	margin-bottom: 3px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px 5px 5px 5px;
}


@-webkit-keyframes slide { 
	from {left: -300px; 
	opacity: 0; 
}

to { 
	left: 0px; 
	opacity: 1; 
}

}


#socialmediabuttons #facebook .fbcontainer .box { 
	opacity: 0; 
	position: relative; 
}

#socialmediabuttons #facebook:hover .fbcontainer .box { 
	-webkit-animation-name: slide; 
	-webkit-animation-duration: .5s; 
	-webkit-animation-timing-function: easein; 
	opacity: 1; 
	left: 0; 
}

#include-calendar.promo { 
	float: left; 
}

#include-calendar.promo h2 { 
	font: Normal 30px/30px Lobster; 
	margin: 0; 
	padding: 0; 
	color: #036; 
}

#include-calendar.promo h2 a { 
	color: #036; 
	text-decoration: none; 
}



.calendaritem { 
	float: left; 
	clear: both; 
	border-bottom: 1px dotted #AAA; 
}

.calendaritem a { 
	text-decoration: none; 
	float: left; 
	clear: both; 
	padding: 5px 0px; 
	-webkit-transition: all 500ms ease-out; 
	-moz-transition: all 500ms ease-out; 
	-o-transition: all 500ms ease-out; 
	-transition: all 500ms ease-out; 
}


.calendaritem .pageinfo a { 
	text-decoration: underline; 
	padding: 10px 0px; 
	float: none;
}

.calendaritem .pageinfo p { 
	line-height: 18px;
	margin: 0;
	padding: 0px 10px; 
}


.calendaritem:last-child { 
	border-bottom: none; 
}

.calendaritem a:hover { 
	background-color: #f5e9a4; 
}

.calendaritem.moreinfo a:hover { 
	background-color: #f3d9b8; 
}

.calendar { 
	padding: 0; 
	padding: 0; 
	float: left; 
	list-style: none; 
	clear: both;
}


.calendar .summary { 
	display: block; 
	padding: 0px; 
	margin: 0px; 
}

.calendaritem .headline { 
	color: #cb2b00;
	display: block;
	padding-bottom: 20px;
}

.calendaritem .subheadline { 
	display: block;
	line-height: 12px;
}


.calendaritem .howmanydays{ 
	color: #6A0013;
}

.calendaritem .calendarstamp {
	display: block;
	width: 48px; 
	height: 55px; 
	background-color: #ff6100; 
	color: #FFF; 
	float: left; 
	background-image: -webkit-gradient(linear,left top, left bottom, from(#FF9400), to(#F94F00),color-stop(0.5,#FF9100),color-stop(0.51,#FF6401));
	background-image: -moz-linear-gradient(center bottom, #F94F00 0%, #FF6401 50%, #FF9100 51%, #FF9400 100%);
	border: 1px solid #491100; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-border-radius: 5px 5px 5px 5px; 
	text-align: center; 
	margin: 0 5px; 
	-webkit-transition: all 500ms ease-out; 
	-moz-transition: all 500ms ease-out; 
	-o-transition: all 500ms ease-out; 
	-transition: all 500ms ease-out;
	position: relative;
}


.calendar .weekday {
	display: block; 
	width: 48px; 
	font: bold 16px/16px "Arimo", Arial;
	color: #fed92a; 
	text-transform: uppercase;
	padding-top: 3px;
	position: absolute;
	width: 100%;
}

.calendar .day { 
	display: block;
	width: 48px; 
	overflow: hidden;
	font: bold 28px/25px Courier;
	position: absolute;
	top: 16px;
	width: 100%;
}

.calendar .month { 
	display: block; 
	width: 48px; 
	font: Regular 18px/15px Arial; 
	text-transform: uppercase; 
	position: absolute;
	top: 35px;
	width: 100%;
}


.calendaritem:hover .calendarstamp { 
	background-color: #a71733; 
}

.calendaritem .headline { 
	clear: both; 
	padding: 0px; 
	margin: 0px; 
}

.calendaritem .info { 
	display: block; 
	width: 260px; 
	float: left; 
}

.calendaritem .summary { 
	color: #333; 
}

.calendaritem .thumbnail { 
	float: right; 
	padding-bottom: 10px; 
	padding-right: 5px; 
}

.calendaritem .thumbnail img { 
	width: 77px; 
	height: 77px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	-border-radius: 10px;
	margin-left: 5px; 
}

#rightrail { 
	width: 330px; 
	float: right; 
}

.calendaritem .info .summary strong { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #a72e09; 
	-webkit-transition: all 100ms ease-out; 
	-moz-transition: all 100ms ease-out; 
	-o-transition: all 100ms ease-out; 
	-transition: all 100ms ease-out; 
}

.calendaritem .info:hover .summary strong { 
	padding-left: 10px; 
}

.calendaritem .info .summary strong.moreinfo { 
	color: #971200; 
	font-weight: bold; 
}

.calendar h1, #calendar_moreinfo ul.calendar h1 { 
	font: Normal 40px/14px Lobster; 
	margin: 10px 0; 
	padding: 0 5px 10px 5px; 
	color: #036; 
	float: left; 
}

#clubnights { 
	text-align: center; 
}

#clubnights h2 { 
	font: Normal 30px/14px Lobster, Helvetica, Arial, sans-serif; 
	text-align: left; 
	margin: 10px 0; 
	padding: 10px 5px 0 5px; 
	color: #97002d; 
}

#clubnights .clubpix { 
	padding-bottom: 4px; 
	-border-radius: 10px 
}

#rightrail #ad-mediumrectangle { 
	text-align: center; 
	padding: 10px 0; 
}

.clubpix img { 
	margin-bottom: 2px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px 10px 10px 10px; 
}

#page-calendario .info { 
	width: 360px; 
}

#page-calendario .withthumbnail .info { 
	width: 260px; 
}

#page-calendario #pagecontent h1 { 
	font-size: 35px; 
	padding: 10px; 
}

#page-calendario #pagecontent .calendaritem h2 { 
	padding-bottom: 5px; 
	margin: 0; 
	color: #cb2b00; 
}

#page-calendario #pagecontent img.flyer, #page-clubnights #pagecontent img.flyer { 
	float: right; 
	clear: both; 
	max-width: 420px; 
	margin-top: 10px; 
}


#page-calendario .calendaritem { 
	width: 420px; 
	text-align: left; 
	padding: 10px 0px; 
}

#page-calendario .calendaritem.withthumbnail { 
	padding: 0px; 
}

#rightrail #rightrailcal .calendaritem { 
	padding: 0px; 
}

#page-calendario #rightrail .calendaritem .info { 
	width: 270px; 
}


#rightrail #rightrailcal h2 { 
	font: Normal 30px/14px Lobster, Helvetica, Arial, sans-serif; 
	text-align: left; 
	margin: 0; 
	padding: 0; 
	margin: 20px 5px 0 10px; 
}

#rightrail #rightrailcal .calendaritem { 
	width: 330px; 
}

#rightrail #rightrailcal h2 a { 
	text-decoration: none; 
	color: #a71733; 
}

#rightrail #rightrailcal .calendaritem .calendarstamp { 
	margin-left: 10px; 
}

#rightrail #rightrailcal .calendaritem .info { 
	width: 265px; 
}

#overlay { 
	width: 100%; 
	height: 100%; 
	position: fixed; 
	top: 0; 
	left: 0; 
	background-color: rgba(0, 0, 0,.9); 
	opacity: 0; 
	-webkit-transition: all 500ms ease-out; 
	-moz-transition: all 500ms ease-out; 
	-o-transition: all 500ms ease-out; 
	-transition: all 500ms ease-out; 
	text-ali

gn: center; 
	

/* to center the #overlay-box */
	z-index: 30; 
}

#overlay.fadein { 
	opacity: 1; 
}

#overlay.fadeout { 
	opacity: 0; 
}

#overlay img { 
	height: 100%; 
	-webkit-transition: all 500ms ease-out; 
	-moz-transition: all 500ms ease-out; 
	-o-transition: all 500ms ease-out; 
	-transition: all 500ms ease-out; 
	-webkit-transform: scale(0); 
	opacity: 1; 
	border: 10px solid #FFF; 
}

#overlay img.showit { 
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-o-transform: scale(1); 
	-transform: scale(1); 
	opacity: 1; 
}

#overlay img.hideit { 
	-webkit-transform: scale(0); 
	-moz-transform: scale(0); 
	-o-transform: scale(0); 
	-transform: scale(0); 
	opacity: 0.5; 
}

#clubnightscontent { 
	width: 420px; 
	float: left; 
}

#clubnightscontent h1 { 
	font: Normal 40px/14px Lobster; 
	margin: 10px 0; 
	padding: 10px 5px 10px 10px; 
	color: #036; 
	float: left; 
}

#clubnightscontent .clubpix { 
	padding-left: 10px; 
}

#clubnightscontent .info { 
	padding: 10px 10px; 
	line-height: 160%; 
}

#clubnightscontent #slideshows h3 { 
	margin: 0; 
	font: Normal 25px/30px Lobster; 
	color: #555; 
	padding-left: 10px; 
}

#clubnightscontent #slideshows .thumbnails { 
	float: left; 
}

#clubnightscontent #slideshows .thumbnails img { 
	width: 190px; 
	margin-left: 10px; 
	margin-bottom: 10px; 
	-webkit-border-radius: 10px; 
}

#include-thirdrailbutton.promo { 
	margin: 0; 
	padding: 0; 
}

#include-siderailblog { 
	background-color: #dab76c; 
	background-repeat: no-repeat; 
	position: relative; 
}

#include-siderailblog .headline { 
	font: Normal 25px/30px Lobster; 
	padding: 0px 12px; 
	padding-top: 10px; 
	background-color: #dab76c; 
}

#include-siderailblog .summary { 
	padding-left: 20px; 
	padding-right: 20px; 
}

#include-siderailblog .promo {
	padding: 0;
	margin: 0;
}

#sidebarblog ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	border-top: 1px solid #A9680C; 
	border-bottom: 1px solid #FFDF7C; 
}

#sidebarblog ul li {
	border-top: 1px solid #FFDF7C;
	border-bottom: 1px solid #A9680C;
	display: block;
	-webkit-box-shadow: inset 0px -15px 10px rgba(91,0,0,.2); 
	overflow: hidden; 
}

#sidebarblog ul li a { 
	text-decoration: none; 
	display: block; 
	padding: 5px 5px 5px 10px; 
	font-size: 13px; 
	line-height: 13px;
	-webkit-transition: all 500ms ease-out; 
	-moz-transition: all 500ms ease-out; 
	-o-transition: all 500ms ease-out; 
	-transition: all 500ms ease-out;
}

#sidebarblog ul li a:hover { 
	background-color: #eba541; 
}

#sidebarblog .blogtitle { 
	color: #70211f; 
	font-weight: bold; 
}

#sidebarblog .name {

	color: #70211f; 
	font-size: 13px; 
}

#sidebarblog ul li img { 
	float: left; 
	width: 40px; 
	height: 40px; 
	margin-right: 5px; 
	border: 0px; 
}

#sidebarblog ul li a:hover img { 
	position: relative; 
	width: 41px; 
	height: 41px; 
}

/* Style for the link at the end */

#sidebarblog .link { 
	padding-top: 10px; 
	padding-right: 10px; 
	text-align: right; 
}

#sidebarblog .link a { 
	text-decoration: none; 
	font-weight: bold; 
	color: #890528; 
}














#slidercontainer { 
	position: relative; 
	height: 300px; 
	width: 510px; 
	overflow: hidden; 
	z-index: 0; 
}

#slidercontainer img { 
	height: 300px; 
	width: 510px; 
}

#slidercontainer #prev { 
	display: none; 
}

#slidercontainer:hover #prev { 
	display: block; 
	width: 20px; 
	height: 22px; 
	text-align: center; 
	background-color: #888; 
	;
	position: absolute; 
	top: 120px; 
	left: -15px; 
	z-index: 1000; 
}

#slidercontainer:hover #prev a { 
	text-decoration: none; 
	background-color: #000; 
	color: #FFF; 
	padding: 0 8px 5px 20px; 
	border: 1px solid #FFF; 
	font-family: arial black; 
	font-size: 15px; 
	opacity: .7; 
}

#slidercontainer #prev a:hover { 
	background-color: #F00; 
}

#slidercontainer #next { 
	display: none; 
}

#slidercontainer:hover #next { 
	display: block; 
	width: 20px; 
	height: 22px; 
	text-align: center; 
	background-color: #888; 
	;
	position: absolute; 
	top: 120px; 
	right: 5px; 
	z-index: 1000; 
}

#slidercontainer:hover #next a { 
	text-decoration: none; 
	background-color: #000; 
	color: #FFF; 
	padding: 0 20px 5px 8px; 
	border: 1px solid #FFF; 
	font-family: arial black; 
	font-size: 15px; 
	opacity: .7; 
}

#slidercontainer #next a:hover { 
	background-color: #F00; 
}

#slidercontainer #nav { 
	display: none; 
}

#slidercontainer:hover #nav { 
	display: block; 
	position: absolute; 
	bottom: 10px; 
	right: 10px; 
	z-index: 3000; 
}

#slidercontainer:hover #nav a { 
	font-family: arial black; 
	text-decoration: none; 
	background-color: #000; 
	color: #FFF; 
	margin: 2px; 
	padding: 3px; 
	border: 1px solid #FFF; 
	-webkit-border-radius: 3px; 
	opacity: .7; 
}

#slidercontainer #nav a:hover { 
	background-color: #F00; 
}

header nav { 
	font-family: 'Arvo', Helvetica, sans-serif; 
	width: 960px; 
	float: left; 
	font-size: 12px; 
	font-weight: bold; 
	background-image: url(/images/jose/jose_navbackground.png); 
	position: relative; 
	z-index: 5,; 
	letter-spacing: .09em; 
}

header nav .highlight { 
	color: #FFF; 
	background-color: #720E0E; 
}

header nav ul { 
	margin: 0; 
	padding: 0; 
}

header nav li { 
	float: left; 
	position: relative; 
	list-style-type: none; 
	border-right: 1px solid #333; 
}

header nav li:hover { 
	text-align: left; 
}

header nav a,header nav a:link,header nav a:visited { 
	color: #FFF; 
	display: block; 
	padding: 7px 10px 5px 10px; 
	text-decoration: none; 
}

* html header nav a { 
	padding-top: 3px; 
	padding-bottom: 1px; 
}

header nav a:hover { 
	color: #FFF; 
	background-color: #720E0E; 
}

header nav ul li ul li a:hover { 
	color: #000; 
	background-image: none; 
	background-color: #666; 
}

header nav ul li ul { 
	font-size: 11px; 
	margin: 0; 
	position: absolute; 
	width: 130px; 
	left: -1px; 
	z-index: 100 
}

header nav ul li ul li { 
	line-height: 14px;
	width: 100%; 
	background-color: #333; 
	border-left: 1px solid #000; 
	border-bottom: 1px solid #000; 
	border-right: 1px solid #000; 
	padding: 0 0 1px; 
}

header nav ul li ul li:first-child { 
	border-top: 1px solid #000; 
}

header nav ul li ul { 
	display: none; 
}

header nav ul li:hover ul { 
	display: block; 
	color: #DDD; 
}

header nav ul li ul li ul { 
	visibility: hidden; 
	top: -1px; 
	left: 130px; 
}

* html header nav ul li ul li ul { 
	margin-left: 19px; 
}

header nav ul li ul li:hover ul { 
	visibility: visible; 
}

header nav ul li ul li:hover ul li ul { 
	display: none; 
}

header nav ul li ul li ul li:hover ul { 
	display: block; 
}

* html header nav ul { 
	float: left; 
	border-left: 0px solid #000; 
	margin-left: 0px; 
}

* html header nav ul li ul { 
	border-top: 1px solid #000; 
	border-left: 0px; 
}

* html header  nav ul li ul li ul { 
	left: 130px; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	left: 111px; 
}

/*  Clearfix group */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

/* for IE6 */
* html .group {
	height: 1%; 
}
/* for IE7 */
*:first-child+html .group {
	min-height: 1px;
}
/*  Clearfix hack */

#pagecontent {
	width: 750px;
	float: left;
}


#page-galeria #slideshowlist { 
	float: left;
}

#page-galeria #slideshowlist ul {
	width: 420px;
	list-style: none;
	padding: 0;
}


#page-galeria #slideshowlist ul li {
	padding-left: 10px;
	padding-bottom: 3px;
	margin-bottom: 6px;
	float: left;
	width: 200px;
	height: 133px;
	overflow: hidden;
}

#page-galeria #slideshowlist ul li img {
	-webkit-border-radius:10px;
	width: 200px;
}

#page-galeria #slideshowlist ul li a {
	text-decoration: none;
}

#page-galeria h1 { 
	font: Normal 30px/30px Lobster; 
	color: #a71733;
	margin: 10px 0 0 10px;
	
}

#page-galeria #slideshowlist ul li .slideshowtitle {
	font: Bold 13px/12px "Arimo", Helvetica, Arial, sans-serif;
}

#page-galeria #slideshowlist ul li .slideshowtitle a {
	
}

#tagcloud { 
	width: 330px;
}



#tagcloud h3 { 
	font: Normal 25px/20px Lobster; 
	margin: 0;
	padding-left: 15px;
	padding-bottom: 10px;
	color: #555;
}

#tagcloud ul { 
	list-style: none;
	padding: 0;
	margin: 0 17px;
}

#tagcloud ul li { 
	float:  left;
	padding: 0 3px;
}

#tagcloud a {
	text-decoration: none; 
	font-weight: bold;
	display: block;
	line-height: 18px;
	color: #da4900;
}

#tagcloud a:hover {
	color: #921100;
}

#tagcloud .tags0 a {
	font-size: 12px;
	opacity: .4;
}

#tagcloud .tags1 a {
	font-size: 14px; 
	opacity: .5;
}

#tagcloud .tags2 a {
	font-size: 16px;
	opacity: .6;
}
#tagcloud .tags3 a {
	font-size: 18px;
	opacity: .7;
}
#tagcloud .tags4 a {
	font-size: 22px;
	opacity: .8;
}

#tagcloud .tags5 a {
	font-size: 25px;
	opacity: 1;
}

#tagcloud p { 
	margin: 0px 0px 5px 0px;
	padding-left: 17px;
	float: left;
}

#include-expandedslideshows #tagcloud { 
	width: 240px;
}

#include-expandedslideshows #tagcloud ul { 
	margin: 0 5px;
}

#include-expandedslideshows #tagcloud a { 
	color: #d9b793;
}



#include-socialnetwork .headline { 
	font: Normal 30px/30px Lobster; 
	margin: 0; 
	padding: 0; 
	color: #036;
}



#include-socialnetwork #whoami ul {
	list-style: none;
	padding: 0;
}

#include-socialnetwork #whoami ul  li {
	float: left;
}

#include-socialnetwork #whoami a {
	text-decoration: none;
	color: #570e16;
}

#include-socialnetwork #whoami ul li {
	position: relative;
}

#include-socialnetwork #whoami ul li a img {
	margin-right: 3px;
	margin-bottom: 3px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-border-radius:10px 10px 10px 10px;
}

#include-socialnetwork #whoami ul li a span.info {
	display: none;
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	width: 200px;
	background: #CCC -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#AAA) );
	z-index: 100;
	padding: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-border-radius:10px 10px 10px 10px;
	color: #333;
	font: normal 12px/14px Arimo, Helvetica, Arial, sans-serif;		text-shadow: 1px 1px #DDD;
}

#include-socialnetwork #whoami ul li a:hover span.info {
	opacity: .9;
	position: absolute;
	display: block;
	left: 90px;
	top: 0;
}

#include-socialnetwork #whoami ul li a span.info .membername {
	color: #555;
	text-shadow: 1px 1px #FFF;
	font: bold 18px/20px Arimo, Helvetica, Arial, sans-serif;
}

#include-socialnetwork .summary { 
	padding-bottom: 10px; 
}

#include-socialnetwork nav li { 
	color: #555;
}

#include-socialnetwork nav li a { 
	color: #555;
	font-size: 11px;
	padding-right: 3px;
	padding-left: 3px;
	border-right: 1px solid #999;
}

#page-promomoreinfo .promomoreinfo { 
	width: 420px;
	float: left;
}

#page-promomoreinfo .promomoreinfo ul {
	padding-left: 30px;
	padding-top: 10px;
	list-style: bullet;
	line-height: 14px;
}

#page-promomoreinfo .promomoreinfo ul li {
	padding-bottom: 4px;
}

#page-promomoreinfo .promomoreinfo h1,#page-promomoreinfo .promomoreinfo h2,#page-promomoreinfo .promomoreinfo h3,#page-promomoreinfo .promomoreinfo h4,#page-promomoreinfo .promomoreinfo h5,#page-promomoreinfo .promomoreinfo h6 { 
	padding: 10px;
}

#page-promomoreinfo .promomoreinfo p { 
	line-height: 18px;
	padding: 10px;
}


#page-promomoreinfo .promomoreinfo .flyer img {
	width: 350px; 
}

#page-promomoreinfo .promomoreinfo img {
	max-width: 420px;
	display: block;
	margin: 0 auto;
}



#page-promomoreinfo #pagecontent img.flyer { 
	float: right; 
	clear: both; 
	width: 420px;
	margin-top: 10px; 
}

.ui-datepicker { 
	background-color: #DDD;
	opacity: .9;
	border: 1px solid #ccc;
	padding: 5px;
}

#include-buscabusinesses h3 { 
	font-weight: bold;
	font-size: 14px;
	color: #555;
	padding-top: 10px;
	
}

#include-buscabusinesses h4 { 
	font-weight: bold;
	font-size: 13px;
	color: #333;
	padding-top: 10px;
	
}

#enelairearea { 
	position: relative; 
	max-height: 210px;
}

#enelairearea .djinfo { 
	text-align: center;
	position: absolute; 
	bottom: 0;
	left: 0;
	background-color: #000;
	background: -webkit-gradient(linear,left top, left bottom, from(rgba(0,0,0,.3)), to(rgba(0,0,0,1)));
	width: 100%;
}

#enelairearea .djinfo .djname {
	color: #a9131d;
	font: Normal 30px/30px Lobster;
	display: block;	
}

#enelairearea .djinfo .onairtext {
	color: #FFF;
	display: block;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#expertscontent {
	width: 420px;
	float: left;
}
#expertscontent h1 { 
	font: Normal 40px/30px Lobster;
	color: #036; 	
	margin: 0; 
	padding:10px 10px;
}

#expertscontent .item { 
	padding: 10px;
	border-bottom: 1px dotted #AAA;
}

#expertscontent .item:last-child { 
	border-bottom: none;
}


#expertscontent .item h3 { 
	font-size: 22px; 
	color: #7c1640; 
	margin: 0;
	padding: 0;
}

#expertscontent p {
	line-height: 16px;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}


#expertscontent .item img.logo { 
	float: right;
	width: 70px; 
	height: 70px; 
}

#expertscontent .item .companyname a {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none; 
	color: #1f627e; 
}

#expertscontent .item .moreinfo {
	display: none;
	line-height: 16px;
}

#expertscontent .item .askform {
	display: none;
}
#expertscontent .item form {
	background-color: #c0d3df;
	padding: 20px;
	-webkit-border-radius:0 30px;
	-moz-border-radius:0 30px;
	border-radius:0 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}


#expertscontent .item form ol { 
	list-style-type: none; 
}


#expertscontent .item form input[type=text] { 
	width: 280px; 
	margin-bottom: 10px;
}

#expertscontent .item form input[type=submit] { 
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}


#expertscontent .item form label { 
	display: block;
	width: 60px;
	float:  left;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}


#expertscontent .item form textarea { 
	display: block;
	width: 280px;
	height: 100px;
}


#expertscontent h3 #flashpresentation { 
	position: relative;
	top: 7px; 
}

#expertscontent h3 .audiobtn {
	width: 33px;
	height: 33px;
	position: relative;
	top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	display: block;
	float: left; 
	background: url(/components/audio/audio-stop.png) no-repeat;
}

#expertscontent h3 .audiobtn#playing { 
	background: url(/components/audio/audio-play.png) no-repeat; 
}

#expertscontent h3 .audiobtn#paused { 
	background: url(/components/audio/audio-pause.png) no-repeat; 
}


@media screen and (max-width: 1000px) {
	#pagebrandingleft { display: none; }	
	#pagebrandingright { display: none; }	
}

#include-experto #expertscontent {
	width: 160px;
	overflow: hidden;
}

#include-experto #expertscontent .item { 
	padding: 0;
}

#include-experto #expertscontent .item h3 { 
	font-size: 17px; 
	line-height: 18px; 
	margin-top: 0px;
}

#include-experto #expertscontent .item p { 
	font-size: 11px; 
	line-height: 12px; 
}


#include-experto #expertscontent h2 { 
	font: Normal 30px/25px Lobster;
	color: #036; 	
	margin: 0; 
	padding: 0px;
}

#include-experto #expertscontent h2 a {
	text-decoration: none;
}

#include-experto #expertscontent .item {
	border-bottom: none;
}

#include-experto #expertscontent p {
	line-height: 14px;
	padding-top:4px
}

#include-experto #expertscontent form {
	width: 160px;
	padding: 0;
	border-radius:8px;
}

#include-experto #expertscontent form label {
	display: block;
	text-align: left;
	margin-left: 10px;
	width: 50px;
	font-size: .9em;
	line-height: 2em;
}

#include-experto #expertscontent form input[type=text] {
	display: block;
	width: 77px;
	padding: 0;
	margin: 0;
}

#include-experto #expertscontent form textarea {
	display: block;
	float: left;
	margin-left: 10px;
	width: 130px;
}

#include-experto #expertscontent form ol {
	padding: 0;
	padding-top: 5px;
}

#include-experto #expertscontent form ol li {
	clear: both;
}

#page-blog section#maincontent {
	width: 420px;
	float: left;
}

#page-blog sidebar {
	width: 330px;
	float: left;
}
#page-blog section#maincontent h1 {
	font: Normal 40px/35px Lobster; 
	color: #97002d; 
	padding: 5px 10px;
}

#page-blog section#maincontent h2 {
	font: Normal 20px/20px Arimo; 
	color: #387586; 
	padding: 5px 10px;
}


#page-blog section#maincontent h3 {
	font: Normal 16px/10px Arimo; 
	color: #856f19; 
}

#page-blog section#maincontent .blogentry .enteredby  {
	padding: 0 10px;
	text-align: right;
	font-size: 10px;
	color: #666;
}

#page-blog section#maincontent .blogentry .summary {
	padding: 0 10px;
	font: Normal 16px/20px Droid Serif;
	color: #666;
}

#page-blog section#maincontent .summary, section#maincontent p {
	padding: 0 10px;
}

#page-blog section#maincontent #commentsfromusers {
	padding: 10px;
	background: #DDD;
}

#page-blog section#maincontent #commentsfromusers ul li {
	list-style: none;	
	border-bottom: 1px dotted #666;
	margin: 6px 0;
	font: Normal 13px/14px Arimo;
	color: #444;
}

#page-blog section#maincontent #commentsfromusers ul li .writtenby {
	font: Normal 11px/14px Arimo;
	text-align: right;
	color: #97002d;
}

#page-blog section#maincontent object, #page-blog section#maincontent embed, #page-blog section#maincontent img, #page-blog section#maincontent iframe {
	width: 100%;
	max-width: 100%;
}

#page-blog section#maincontent #commentsfromusers ul li:last-child {
	border-bottom: none
}

#page-blog sidebar#morefromblog h3 {
	font: Normal 18px/18px Droid Serif; 
	color: #387586; 
	padding: 16px 10px 5px 10px;
}

#page-blog sidebar#morefromblog  a {
	color: #387586;
}


#page-blog sidebar#morefromblog ul li {
	margin: 4px 40px;
	font: Normal 13px/17px Droid Serif;
}

#page-blog sidebar#morefromblog  ul li a {
	color: #85423c;
}

#page-blog sidebar#morefromblog #mediumrectangle {
	width: 100%;
	background: #AAA;
	text-align: center;
	padding-top: 5px;
}

#page-blog #commentform {
	background: #EEE;
}

#page-blog #commentform li {
	clear: both;
	display: block;
	padding: 5px 10px;
}

#page-blog #commentform p {
	font: Normal 14px/14px Droid Serif;
	width: 300px;
	color: #97002d;
	padding-top: 10px;
	padding-left: 20px;
	
}

#page-blog #commentform li label {
	font-weight: bold;
	display: block;
	width: 80px;
	text-align: right;
	float: left;
	padding-right: 10px;
}

#page-blog #commentform li textarea {
	width: 300px;
	height: 150px;
}