/* ALL styles */
* { margin:0px; padding:0px}

/* HTML styles */
body { background:#FFF; padding:5px; font-family:Arial, Sans-Serif, Verdana, Tahoma; color:#666; font-size:medium;}
img { border:0px;}
input, select, textarea { color:#666; font-family:Arial, Sans-Serif, Verdana, Tahoma; padding:2px; font-size:small; font-style:italic;}
table { border:0px; width:auto;}
hr { clear:left; float:left; width:100%; margin:10px 0; line-height:1px; height:1px; color:#CCC;}
label { text-transform:uppercase; font-size:x-small; color:#333; font-weight:bold;}



/* ID styles */
#CenterSite { position:relative; width:980px; margin:0 auto;}
#WebsiteArea { float:left; width:960px; padding:10px;  margin-bottom:10px; border:solid 1px #CCC;}
#Header { clear:left; float:left; width:100%; height:105px; border-bottom:solid 1px #CCC; }
    /* #HEADER sub divs and styles */
    #Logo { float:left; width:auto;}
    #Register { float:right; text-align:right; width:auto; font-size:small;}
        #Register h2 { font-size:.8em; text-transform:uppercase; border-bottom:solid 1px; margin-bottom:7px;}
        #Register label { text-transform:uppercase; font-size:x-small; color:#333; font-weight:bold;}

#ContentArea { position:relative; clear:left; float:left; margin-top:10px; width:960px; background:#FFF url(Images/BG-ContentArea.gif) repeat-y left top; }

#Navigation { position:relative; float:left; width:180px; text-align:right; font-size:small;}    
    /* #NAVIGATION sub styles */
    #Navigation .WeatherIcon { position:absolute; left:0px; top:0px; }
    #Navigation ul { margin:18px 10px; list-style-type:none;}    
    #Navigation ul li { padding:5px 0;}
    #Navigation ul li a { text-decoration:none;}
    
    #Navigation ol { list-style-type:none;}
    #Navigation ol li { padding:5px 0;}
    #Navigation ol li a { text-decoration:none; margin-right:20px;}
    #Navigation ol li a:hover { text-decoration:none; }
    #Navigation .NavTitle { font-size:.75em; font-weight:bold; text-transform:uppercase; }
    #Navigation a.SnavLink { color:#666; padding-bottom:1px; }

#PageContent { position:relative; float:left; width:560px; padding:15px 20px; font-size:75%;}
    /* #PageContent sub styles */
    #PageContent h1 { clear:left; text-transform:capitalize; font-size:x-large; font-weight:300; margin-bottom:10px;}
    #PageContent h2 { clear:left; color:#333; font-size:x-small; background:#FFF url(Images/Bullet.gif) no-repeat left 50%; padding:5px 0 5px 11px; margin:0 0 0 -10px; text-transform:uppercase;}
    #PageContent h3 { clear:left; color:#333; font-size:x-small; padding:5px 0 5px 1px; background:#FFF; text-transform:uppercase;}
    #PageContent p { clear:left; padding:7px 0; }
    #PageContent strong { font-weight:bold; font-style:oblique; }
    #PageContent span.Left_Arrow { position:absolute; margin-left:-10px; width:10px;}
    #PageContent a { color:#0066CC; text-decoration:underline;}
    #PageContent a:hover { color:#014D99; text-decoration:none;}
    #PageContent a:visited { color:#666; text-decoration:underline;}
    #PageContent ul { margin:3px 25px; list-style-type:square;}
    #PageContent li { padding:2px 0;}
    #PageContent li b { color:#666; font-style:oblique; font-weight:normal; }
    #PageContent .LeftCol {clear:left; width:270px; padding-right:10px; border-right:solid 1px #CCC;}
    #PageContent .RightCol { width:270px; padding-left:9px;}
        
    #VideoIntro { float:left; width:230px; padding-right:10px; }
    #flashcontent { float:left; width:320px; }
    #Recorded-Media { clear:left; float:left;position:relative; margin:5px 0;}

#RightColumn { position:absolute; right:0px; top:-2px; width:180px; font-size:.7em; padding:18px 0;}
    /* #RightColumn sub styles */
    #RegError { position:absolute; left:605px; width:200px; top:12px; font-size:x-small; font-weight:bold;}
    #RightColumn .Gig { padding:7px 10px; color:#333; }
    #RightColumn strong { font-weight:bold; }
    #RightColumn a { color:#0066CC; text-decoration:underline;}
    #RightColumn a:hover { color:#014D99; text-decoration:none;}
    #RightColumn a:visited { color:#666; text-decoration:underline;}
    #RightColumn .GigRssIcon { clear:right; float:right; margin-top:10px;}
    #RightColumn #SkuffsBlog { clear:left; float:left; width:100%; height:266px; border:0px; overflow:auto; overflow-x:hidden; padding-bottom:10px;}


#Footer { clear:left; float:left; width:90%; margin:5px 10px; padding-bottom:10px; font-size:x-small;}
    #Footer a { color:#000; text-decoration:underline;}
    #Footer a:hover { color:#666; text-decoration:none;}

/* CLASS styles (generic) */
.Clear { clear:left;}
.FloatLeft { float:left;}
.AutoWidth { width:auto;}
.FullWidth {width:100%;}
.DblArrow { font-size:1.3em;}
.FutureSessionsTitle {padding:3px 0 0 10px;}
    /* these styles apply to media pages - specific to xsl */
    .Artist { float:left; width:270px; margin:5px 0; margin-right:10px; }
    .ArtistPicture { position:relative; width:100%; height:110px; background:#FFF;} /* change in xsl as well */
    .OpacityLayer { position:absolute; top:0px; left:0px; opacity: .5; filter: alpha(opacity=50); width:100%; height:110px;}
    .ArtistRecordings {clear:left; float:left; width:260px; height:90px; overflow:auto; overflow-x:hidden; padding:5px 5px; background:#FFF; font-size:.8em; }