/* TEMPLATE STYLES */

body {
    background: #4E4E4E;
    font-family: Verdana, Tahoma, Geneva, sans-serif;
    font-size: 75%;
    color: #000000;
    line-height: 1.5em;
}

#site {
    width: 1000px;
    margin: 0 auto;
    background: #FFFFFF url(../images/site_background.jpg) no-repeat top left;
}

#container {
    background: transparent url(../images/site_buildings.png) no-repeat bottom right;
    padding: 0 0 20px 0;
}

#header {
    position: relative;
    height: 150px;
    width: 100%;
}

#logo {
    position: absolute;
    top: 7px;
    left: 7px;
}

#logo a {
    display: block;
    width: 490px;
    height: 143px;
    background: url(../images/site_logo.png) no-repeat top left;
    overflow: hidden;
    text-indent: -9999px; 
}

#sites {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 7px;
    right: 7px;
}

#sites li {
    float: left;
    margin: 0 0 0 20px;
}

#sites li a {
    display: block;
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;    
}

#sites li.facebook a {
    width: 101px;
    height: 31px;
    background-image: url(../images/logo_facebook.gif);
    margin-top: 15px;
}

#sites li.myspace a {
    width: 111px;
    height: 31px;
    background-image: url(../images/logo_myspace.gif);
    margin-top: 15px;
}

#sites li.twitter a {
    width: 113px;
    height: 31px;
    background-image: url(../images/logo_twitter.gif);
    margin-top: 15px;
}

#sites li.youtube a {
    width: 68px;
    height: 31px;
    background-image: url(../images/logo_youtube.gif);
    margin-top: 15px;
}

#sites li.justinguitar a {
    width: 133px;
    height: 70px;
    background-image: url(../images/logo_justinguitar.gif);
}

#links-one {    
    margin: 0;
    padding: 0 13px 0 0;
    list-style: none;
    position: absolute;
    bottom: 35px;
    right: 7px;
    background: url(../images/menu_dot.gif) no-repeat top right;
}

#links-one li {
    float: left;
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    background: url(../images/menu_dot.gif) no-repeat top left;    
}

#links-one li a {
    display: block;
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;    
    height: 18px;
}

#links-one li.listen a {
    width: 80px;
    background-image: url(../images/menu_listen.gif);
}

#links-one li.watch a {
    width: 78px;
    background-image: url(../images/menu_watch.gif);
}

#links-one li.gigs a {
    width: 53px;
    background-image: url(../images/menu_gigs.gif);
}

#links-one li.causes a {
    width: 86px;
    background-image: url(../images/menu_causes.gif);
}

#links-one li.pix a {
    width: 39px;
    background-image: url(../images/menu_pix.gif);
}

#links-two {    
    margin: 0;
    padding: 0 13px 0 0;
    list-style: none;
    position: absolute;
    bottom: 5px;
    right: 7px;
    background: url(../images/menu_dot.gif) no-repeat top right;
}

#links-two li {
    float: left;
    margin: 0 0 0 5px;
    padding: 0 0 0 15px;
    background: url(../images/menu_dot.gif) no-repeat top left;    
}

#links-two li a {
    display: block;
    background-position: top left;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;    
    height: 18px;
}

#links-two li.help a {
    width: 60px;
    background-image: url(../images/menu_help.gif);
}

#links-two li.shop a {
    width: 62px;
    background-image: url(../images/menu_shop.gif);
}

#links-two li.links a {
    width: 69px;
    background-image: url(../images/menu_links.gif);
}

#links-two li.press a {
    width: 72px;
    background-image: url(../images/menu_press.gif);
}

#links-two li.contact a {
    width: 102px;
    background-image: url(../images/menu_contact.gif);
}

#content {
    margin: 20px 20px 0;
    background: transparent url(../images/content_background.png) repeat top left;
}

#content #inner {
    min-height: 370px;
    padding: 20px 20px 170px; /* need room for logo_oceanredrecords */
    position: relative;
} 

#content #inner #logo-oceanredrecords {
    position: absolute;
    bottom: 20px;
    left: 20px;
} 


/* CONTENT STYLES */

#content h1 {
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #550922;
}

#content h2 {
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 15px 0;    
    color: #550922;
}

#content h3 {
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 0 15px 0;   
    color: #550922; 
}

#content h4 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 0 0 15px 0;  
    color: #550922;  
}

#content h5 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 15px 0;    
    color: #550922;
}

#content h6 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 15px 0;    
    color: #550922;
}

#content p {
    margin: 0 0 18px 0;
    line-height: 1.4em; 
    font-size: 1.2em;    
}

#content a, #content a:link, #content a:active, #content a:visited, #content a:hover {
    color: #550922; 
    font-weight: bold;
    text-decoration: none;
} 

#content a:hover {
    text-decoration: underline;
}

#content img.topright {
    float: right;
    margin: 0 0 10px 10px;
}



/*
table styles
*/

table th, table td {
	vertical-align:top;
    padding: 8px 10px 10px;
}

body.gigs table thead th {
    background: #AB764F;
    font-weight: bold;
    font-size: 1.2em;
    border-style: solid;
    border-color: #6E3714; 
    border-width: 0 0 1px 0;  
    color: #000000;
}

body.gigs table tbody td {
    border-bottom: 1px dotted #6E3714; 
}