﻿body
{
    text-align:center;
    background-color:#a29376;
    background-image:url(/img/rucktion-distress.jpg);
    background-repeat:repeat-x;
    margin:0;
}

#Container
{
    background-color:White;
    text-align:left;
    min-width:800px;
    max-width:1400px;
    width:1020px;
    margin: 0 auto;  
}

#Header
{
    background-color:Black;
    color:White; 
    text-align:center;
    height:150px;
}
#Header div
{
    font-size:500%;
    font-weight:bold;
    width:435px;
    line-height:150px;
    vertical-align:middle;
}

#Content
{
    background-color:White;
    padding: 0 10px 10px 10px;
}

#Footer
{}

#Credit
{
    width:1020px;
    margin: 0 auto; 
    text-align:right;
    }

div.split
{
    height:0;
    clear:both;
}

div.share
{
    margin-left:10px;
    }
div.share img
{
    border-width:0;
    }

/*  Controls  */
.Button
{
    border:solid 1px White;
    background-color:#CC3333;
    color:White;
    font-weight:bold;
    font-size:80%;
    padding:2px 10px;
    text-transform:uppercase;
    cursor:pointer;
}
.Button:hover
{
    border:solid 1px #CC3333;
    background-color:White;
    color:#CC3333;
}


/*  Menu  */
#Menu
{
    background-color:White;
    padding:10px 10px 0 10px;
}
#Menu ul
{
    margin:0;
    padding:0;
    float:left;
}
#Menu ul li
{
    display:inline;
    margin-right:20px;
}
#Menu #GSearch
{
   float:right;  
}

#Menu #GSearch .searchBox
{
    border:solid 1px black;
    width:256px;       
}
#Menu #GSearch .searchBoxWaterMark
{
    background-image: url(http://www.google.com/coop/intl/en-GB/images/google_custom_search_watermark.gif); 
    background-position:left center;
    background-repeat:no-repeat;
}

/*3 cols master*/

#3cols
{
    
}

#3cols #left
{
    float:left;
}

#3cols #center
{
    float:left;
}

#3cols #right
{
    float:right;
}

/*2 cols right master*/
#twoCols
{
    
}

#twoCols #left
{
    float:left;
    width:645px;
}

#twoCols #right
{
    float:right;
    width:345px;
}

#twoCols #right .pic
{    
    text-align:center;
}
#twoCols #right .pic img
{
    max-width:325px;
}
/*HomePage*/
.blackBox
{
    background-color:Black;
}
.readMore
{
    text-align:right;
    margin-right:10px;
    margin-bottom:10px;
}

.releaseContainer
{
    width:150px;
    height:190px;
    margin:5px;
    float:left; 
    text-align:center;
}
#ReleasesPage .releaseContainer
{
     margin:5px 8px;
}

.releaseContainer a
{
    display:block;
}
.releaseContainer img, .releaseContainer img a
{
    max-width:150px;
    max-height:150px;        
}

.bandContainer
{
    width:150px;
    height:190px;
    margin:5px;
    float:left; 
    text-align:center;
}
#BandsPage .bandContainer
{
    margin:5px 8px;
}
.bandContainer a
{
    display:block;
}
.bandContainer img
{
    max-width:150px;
    max-height:150px;      
}

/*Gigs related*/
.gigBox
{
    margin:0 0 0 10px;
    padding:0 0 10px 0;
}
#gigFlyer
{
    width:400px;
    float:right;
    text-align:right;
}
#gigTbl
{
    float:left;
    width:225px;
}
#gigFlyer img
{
    max-width:400px;
    max-height:600px;
}

/*Rss related*/
h3.title img
{
    border-width:0;
    float:right;
    height:103px;
    width: 137px;
}

/*div as tables*/
div.table
{
    display:table;
}
div.tr
{
    display:table-row;
}
div.td
{
    display:table-cell;
    padding:2px 5px;
}
