﻿body 
{
    background: url(../images/stripedBackground.gif);
    font-family: Arial, MS Sans Serif, Sans-Serif;
    font-size: 10px;
	text-align: center;
}

/*anchor tag CSS*/

        a
        {
            color:#930000;
            text-decoration:none;
        }

        a:hover
        {
            color:#af4848;
            text-decoration:none;
        }

        a:active
        {
            color:#441111;
            text-decoration:none;
        }

        a:visited
        {
            color:#441111;
            text-decoration:none;
        }

div#container 
{
    width: 600px;
    margin: 0 auto;
	text-align: left;
}


div#header 
{
    background-image: url(../images/header.gif);
    width: 600px;
    height: 100px;
    margin: 0 0 5px 0;
}

#headerImg 
{
    visibility:hidden;
}

table#navigation
{
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    height: 30px;
    text-align:center;
}

div#main
{
    width: 600px;
    margin: 5px 0 10px 0;
}

img
{
    border:none;
}

div#footer 
{
    margin: 0 auto;
    float:right;
    clear:both;
    color: #930000;
    font-size: 9px;
}

/*CSS for Home page*/

img.upcomingPic
{
    float:left;
    margin: 0 5px 0 0;
}

div.upcoming
{
    height:80px;
}

div#upcoming1
{
    width: 39%;
    float:right;
    margin: 0 0 10px 0;
    text-align:center;
}

div#upcoming2
{
    width: 39%;
    float:right;
    clear:right;
    margin: 0 0 10px 0;
    text-align:center;
}

div#homeIntro 
{
    width: 59%;
    float:left;
    font-size: 11px;
}

div#indexText
{
    height:228px;   
}

p.headliner 
{
    font-size:13px;
    font-weight:bold;
}
/*CSS for Bio page*/

div#pics
{
    width: 290px;
    float:left;
    margin: 0 0 10px 0;
}

div#biography
{
    width: 295px;
    float:right;
}

img#bioPic 
{
    border: 3px solid #ffffff;
    float:right;
    margin: 0 0 5px 5px;
}

div#largePic
{
	text-align:center;
    height: 275px;
    margin: 0 auto;
}

img#largeImg 
{
   margin: 3px auto;
}

div#smallPics
{
	text-align:center;
    width: 250px;
    height: 76px;
    margin: 0 auto;
    overflow:auto;
}

img.smallImg 
{
    border: 2px solid #ffffff;
    vertical-align: middle;
    margin: 3px;
}

/*CSS for gigs page*/

div#gigsCopy
{
    width: 100%;
    margin: 0 0 10px 0;
}




    /*Tabs CSS*/
    
    div.tabArea 
    {
          font-size: 10px;
          font-weight: bold;
    }
    
    a.tab {
          background-color: #f0f0f0;
          border: 1px solid #000000;
          border-bottom-width: 0px;
          padding: 2px 1em 2px 1em;
          position: relative;
          text-decoration: none;
          top: -1px;
          z-index: 100;
    }
    
    a.tab, a.tab:visited {
         color: #808080;
    }
    
    a.tab:hover {
          background-color: #d0d0d0;
          color: #606060;
    }

    a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
          background-color: #c0c0c0;
          color: #930000;
    }
    
    a.tab.activeTab {
          z-index: 102;
    }
    
     div.tabMain {
          background-color: #c0c0c0;
          border: 1px solid #000000;
          padding: 1em;
          position: relative;
          z-index: 101;
     }
    
   /* div.tabIframeWrapper {
         width: 100%;
    }

    iframe.tabContent {
          background-color: #c0c0c0;
          border: 1px solid #000000;
          width: 100%;
    }


/*CSS for mixes page*/

div#mixesCopy
{
    width: 100%;
    margin: 0 0 10px 0;
}

div#flashmp3player {
	text-align: center;
}

table#mixLinks {
	background: #c0c0c0;
	margin: 10px 35px;
}

table#mixLinks td, table#mixLinks th{
	border: solid 3px #d9d9d9;
	padding: 2px 4px 2px 4px;
}

table#mixLinks th {
	font-size:11px;
}

/*CSS for links page*/

div#linksCopy
{
    width: 100%;
    margin: 0 0 10px 0;
}

div#linksText2
{
     float:left;
     width:49%;
     height:250px;
}

div#linksText1
{
     float:right;
     clear:left;
     width:49%;
     height:250px;
}
/*CSS for contact page*/

div#contactCopy
{
    width: 100%;
    margin: 0 0 10px 0;
}

td.right 
{
    text-align:right;
    vertical-align:top;
}

table#contactForm 
{
    background:#c0c0c0;
    margin: 0 auto;
    padding: 5px;
}

/*corners CSS*/

#corners 
{
    width: 40%;
}

.topleft {
    margin-right: 10px; /* clip right corner */
    background-image: url('../images/tl.gif');
    height: 10px; /* vertical: show first half of the image with the top-corners in it */
    font-size: 2px; /* correct height for IE */
}

.topright {
    float: right;
    margin-top: -10px; /* to level of top-left corner */
    background-image: url('../images/tr.gif'); 
    height: 10px; 
    width: 10px;
    font-size: 2px;
}

.bottomleft {
    margin-right: 10px; /* clip right corner */
    background-image: url('../images/bl.gif');
    height: 10px;
    font-size: 2px;
}

.bottomright {
	float: right;
	margin-top: -10px;
	background-image: url('../images/br.gif'); 
	height: 10px; 
	width: 10px;
	font-size: 2px; 
}

.inside {
    background: #d9d9d9;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    color: #000000;
    padding-left: 10px;
    padding-right: 10px;
}

.notopgap1 
{
    font-size: 12px;
    font-weight: bold;   
    margin-top: 0;
    border-bottom: 2px solid #930000;
}

.notopgap {
    margin-top: 0;
}

.nobottomgap {
    margin-bottom: 0;
}

.gapFiller {
    visibility: hidden;
}
