@charset "utf-8";
:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

h6{
margin:0;
}

h1{
color:red;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2{
padding:110px 0 0 12px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:26px; 
color:#FFFFFF;
}

h3{
color:#FFFFFF;
}

h7{
padding:10px 0 10px 0; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:18px; 
color:#FFFFFF;
}
 
 
.clear{
clear: both;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	background-image:url(images/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.text a:link {
	color: #000000;
	text-decoration: underline;
}

.text a:visited {
	color: #000000;
	text-decoration: underline;
}

.text a:hover {
	color: #0066CC;
	text-decoration: none;
}
/*
a#logo {
width:380px;
height:88px;
float:left;
margin: 10px 0 0 15px;
background-position:top;
background-image:url(images/logo.png);
background-repeat:no-repeat;
display:block;
text-indent:-8888px;
}

a#logo:hover {
background-position:bottom;
}*/

#logo{
width:654px;
height:210px;
float:left;

}

#topnav{
width:1001px;
height:56px;
background-image:url(images/topnav.jpg);
background-position:top left;
margin:0 auto;
clear:both;
overflow:hidden; 
}

#topnavheads{
width:350px;
height:210px;
z-index:9999;
float:left;
}

#header{
width:1050px;
height:265px;
margin:0 auto;
}

.bodycnt{
width:1000px;
height:auto;
margin:0 auto;
background-color:red;
}

.leftcnt{
width:710px;
float:left;
}

.leftcntinside{
width:710px;
float:left;
min-height:700px;
background:#2f2f2f
}


.rightcnt{
width:290px;
float:left;
/*background-color:#ff1919;*/
background:red;
}

#homepagetopnews{
background-color:#000000;
height:auto;
padding-top:10px;
padding-bottom:5px;
width:710px;
}

.klavadaplayer{
height:607px;
width:710px;
background-image:url(images/klavadaplayer.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#ff1919;
}

.klavadaplayerbox{
	margin:180px 0 0 95px;
	width:363px;
	height:186px;
	position:absolute;
} 
/*
#link12 {
display:block;
background:#0000CC;
height:76px;
margin-left:300px;
position:absolute;
margin-top:550px;
width:118px;
}
*/
.videoplayerhome{
height:471px;
width:690px;
background:url(images/home-videoplayer.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:red;
padding:10px;
}

.videooftheweek{
width:290px;
height:252px;
background-image:url(images/videooftheweek.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.shoutoutstitle{
width:290px;
height:70px;
background-image:url(images/shoutoutstitle.png);
background-position:center left;
text-indent:-8888px;
}

.soundboardtitle{
width:290px;
height:80px;
background-image:url(images/shoutouttitle-soundboard.png);
background-position:center left;
text-indent:-8888px;
}

.chusmatitle{
width:290px;
height:105px;
background-image:url(images/fotochusmatitle.png);
background-position:center left;
text-indent:-8888px;
}

.showgueststitle{
width:290px;
height:80px;
background-image:url(images/showguests-title.png);
background-position:center left;
text-indent:-8888px;
}


.chusmapic{
background-color:#ff1919;
}
.chusmabtn{
text-align:center;
padding:10px;
}
.afterhoursbanner{
text-align:center;
}
.thecastbanner{
width:710px;
height:305px;
}
.obamabanner{
width:1000px;
}
#btmnav{
width:990px;
height:45px;
background:#000000;
margin:0 auto;
padding-left:10px; 
}

.btnnavtext li{
padding:15px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
float:left;
display: block;
text-decoration: none;
}


.btnnavtext li a{
color:#666666;
float:left;
text-decoration: none;
}

.btnnavtext li a:hover{
color:#666666;
float:left;
text-decoration:underline;
}

#copyright{
background-image:url(images/btmnavback.jpg);
background-position:bottom center;
background-repeat:no-repeat;
margin:0 auto;
text-align:center;
width:980px;
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
padding:10px;
}

.pagetitles{
width:1000px;
margin:0 auto;
}

.biopagecnt{
width:1000px;
height:660px;
background-image:url(images/EJ-Bios-backfade.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#2f2f2f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

.biopagecnt a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
}

.biopagecnt a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:underline;
}

.biopagecnt a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFCC00;
text-decoration:none;
}

.guysbiocnt{
margin:20px 0 50px 60px;
float:left;
width:820px;
padding:20px;
height:auto;
background-color:#202020;
}

.salonthumbcnt{
width:1000px;
min-height:300px;
}

.salonthumbs{
float:left;
width:323px;
margin:5px;
background-color:#999999;
}

.afterhoursplayer{
height:348px;
width:640px;
background-image:url(images/after-hours-player.png);
background-position:top left;
background-repeat:no-repeat;
margin:0 auto;
padding-bottom:50px;
}

.afterhoursplayerbox{
padding:71px 0 0 60px;
width:363px;
height:186px;
} 


.whitetext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}

.whitetext a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
}

.whitetext a:visited{
text-decoration:none;
}

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


p{
padding-bottom:15px;
}

.enriquebiotitle{
padding:5px; 
text-indent:-8888px; 
background-image:url(images/enriquebiotitle.png); 
background-repeat:no-repeat;
width:274px; 
height:53px;
float:left;
}

.joebiotitle{
padding:5px; 
text-indent:-8888px; 
background-image:url(images/joebiotitle.png);
background-repeat:no-repeat;
width:227px; 
height:48px;}

.biopagetitle{
width:1000px;
height:160px;
background-image:url(images/EJ-Bios-title.jpg);
background-position:top left;
background-repeat:no-repeat;
text-indent:-8888px;
}

.contactpagetitle{
width:1000px;
height:238px;
background-image:url(images/contactpagetitle.jpg);
background-position:top left;
background-repeat:no-repeat;
text-indent:-8888px;

}

.contactpagetitletext{
text-align:left;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-transform: uppercase;
margin:190px 0 0 20px;
text-indent:0px;}

.contactpagecnt{
width:1000px;
height:500px;
background-color:#2f2f2f;
}

.contactleftcnt{
float:left;
margin:5px 0 15px 20px;
width:347px;
height:460px;
background-color:#262626;
}

.contactrightcnt{
float:left;
margin:5px 0 15px 10px;
width:575px;
height:460px;
background-color:#262626;
}

.contactform{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
}

.contactformbtn{
width:175px;
height:32px;
background-image:url(images/submitbtn.png);
text-indent:-8888px;
border:0px;
margin:5px 0 0 350px;
}

.comentformbtn{
width:175px;
height:32px;
background-image:url(images/submitbtn.png);
text-indent:-8888px;
border:0px;
margin:0 0 0 500px;
}


.formtext{
width:150px;
text-align:right;
padding:8px;
float:left;
}

.field{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:14px;
width:350px;
padding:5px;
margin:5px;
}

.afterhourstop{
text-align:center;
padding:5px;
}

.afterhourspagecnt{
width:1000px;
height:auto;
background-image:url(images/after-hours-background.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#2f2f2f;
}

.fotospagecnt{
width:1000px;
height:auto;
background-color:#F50200;
}

.fotoslidecnt{
height:500px;
}

.fotosmorelinks{
padding:15px;
background:#212121;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:10px;
cursor:pointer;
color:#FFFFFF;
display:block;
}

.fotosmorelinks:link {
padding:15px;
background:#212121;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:10px;
cursor:pointer;
color:#FFFFFF;
}


.fotosmorelinks:visited {
padding:15px;
background:#212121;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:10px;
cursor:pointer;
color:#FFFFFF;
}

.fotosmorelinks:hover {
padding:15px;
background:#cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:10px;
cursor:pointer;
color:#000000;
}


.newspagetitle{
width:1000px;
height:160px;
background-image:url(images/E&J-news-title.jpg);
background-position:top left;
background-repeat:no-repeat;
}

.newspagepic{
min-width: 300px;
float:left;
padding:0 10px 10px 0;
}

.newspagecnt{
width:980px;
height:auto;
padding:10px;
background-image:url(images/EJ-Bios-backfade.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#2f2f2f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
}

.newspagecnt a:link{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:underline;
}

.newspagecnt a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:underline;
}

.newspagecnt a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFCC00;
text-decoration:none;
}

.morenewscnt{
width:980px; 
margin:0 auto; 
background:#2f2f2f; 
padding:10px;
}

.redtitle{
font-family: Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:30px;
font-weight:bold;
text-align:center;
}


.yellowtitle{
font-family: Arial, Helvetica, sans-serif;
color:#FFCC00;
font-size:30px;
font-weight:bold;
text-align:center;
}

.whitetitles{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
text-align:center;
}




/*
_______________________________bioscroll*/


.osX .jScrollPaneTrack {
background: url(images/osx_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
background: url(images/osx_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
background: url(images/osx_drag_top.gif) no-repeat;
height: 6px;
}
.osX .jScrollPaneDragBottom {
background: url(images/osx_drag_bottom.gif) no-repeat;
height: 7px;
}
.osX a.jScrollArrowUp {
height: 24px;
background: url(images/osx_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
background-position: 0 0;
}
.osX a.jScrollArrowDown {
height: 24px;
background: url(images/osx_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
background-position: 0 0;
}
			
/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */
			/*
_______________________________bioscroll*/




/*___________________________________________________ticker*/

/* this page declarations */	
#wrapp {
width: 100%;
text-align: left;
font: normal 1em Arial;
margin: 0 auto;
padding: 0;
color: black;
}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {
width: 100%; 
margin: 20px 0 3px 0; 
background: #f0f1f1 url(gnb_bg.gif) left top repeat-x 
}
.gnb h3{
font: normal 9px/14px Arial;
text-align: right;
margin: 0 10px 0 0; 
padding: 0
}
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}

code {
width:93%;	
font: normal 11px 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 1em;
margin: 1em 0;
background-color: #eee;
border: 1px solid #d3d3d6;
border-left-width: 5px;
}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 0px;
width: 100000px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 350px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

#socialnetwork{
width:290px;
height:auto;
margin:10px 0 5px 15px;
}

.socialicon{
float:left;

margin:0px;
height:auto;
}