@charset "utf-8";
/* CSS Document */

body {
background-color: #262626;
margin: 0px;



}

#navigation li {
list-style:none;
margin-bottom: 18px;

}

#navigation ul {
padding: 0;
margin: -15px 0 0 30px;
}


#content ul {
padding:0;
margin:0;
list-style: none;

}

#content li {
padding:15px 0 0 0;

}
#search {
width:803px;
height: 54px;
float:left;
background:url(../images/white-header.gif) top left #FFFFFF;
clear: left;
font-size:11px;
}

#search ul{
padding: 0;
margin: 0;
list-style: none;
}

#search ul li {
float: left;
height: 27px;
margin-top: 20px;

}


#search ul li.arrow {
background: url(../images/arrow.gif) no-repeat left 8px !important;
padding: 6px 50px 0 15px;
margin-left:18px;
}



input {
background-color:#955AAE;
border: none;
height: 21px;
}

.button {

background: url(../images/button.gif) top left no-repeat #ffffff;
border: none;
height: 24px;
width: 49px;
color:#FFFFFF;
margin:0 0 0 10px; 

}


#header {
clear: left;
width: 100%;
height: 127px;
background:url(../images/header.gif) repeat-x;

}

#logo {
float: left;
margin-left: -33px!important;

width:425px;
height:127px;


}

#container {
width: 100%;
background: url(../images/footer-light-bg.gif) repeat-x bottom #262626;
height:auto;

}

.column-holder {
width:1000px;
margin: 0 auto;

}

#main-column {
width: 802px;
background: url(../images/background.gif) top center no-repeat #ffffff;

float:left;

min-height:937px;

}


#navigation {
background:url(../images/navigation-bg.gif) #FFFFFF no-repeat;
width: 160px;
min-height: 585px;
float:left;

margin-left: 10px;

}

h4 {
padding:0;
margin:0;

}

#navigation h4.nav-title{
margin-top:11px;
}

#navigation h4.more-title{
margin-top:11px;
}

#navigation ul {
margin-top: 10px;
}





#footer {
width: 100%; 
background: url(../images/footer-light-bg.gif) repeat-x;
height: 87px;
float:left;

}

/*#footer-text {
float:left;
background: url(../images/background-footer.gif) repeat-x bottom;
width: 333px;
height: 190px;
background-color:#00FF00;
}


#footer-people {
float: left;
background:url(../images/people-top.gif) bottom right;
background-color:#0099FF;

height:190px;
width: 475px;


position:relative;
margin-left: 367px;
}*/


#footer-bottom p {
width: 1000px;
text-align: left;

margin: 0 auto;
padding: 4px 0 0 35px;
}

#footer-text {
width: 394px;
height: 202px;
float:left;
background: url(../images/background-footer.gif) repeat-x bottom;
width: 352px;
height: 190px;
padding-left: 15px;
}

#footer-text p {
	margin-top: 125px;
	line-height: 20px;
}

#footer-people {
width: 475px;
height: 190px;
float:right;
background:url(../images/people-top.gif) bottom right no-repeat;
position:relative;
margin-right: -40px;


}

#footer-people-bottom {
width: 475px;
height: 87px;
float: right;
background: url(../images/people-bottom.gif) bottom right no-repeat;
margin-right: 158px;

}


#footer-bottom {

width:100%;
background-color:#290139;
height: 25px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
float:left;
}

.clear {
clear:both;
padding:0;
margin:0;
}


#content {
float: left;
width: 743px;
min-height: 873px;
/*background:url(../images/content-bg.gif) no-repeat #FFFFFF;*/
margin: 0 0 0 9px;
padding: 15px 20px 0 20px;
}


#content span.breadcrumb {
background: url(../images/arrow.gif) no-repeat center;
width: 8px;
height: 11px;
margin: 0px 5px 0 0;

}



#breadcrumb {
float: left;
clear:left;
padding-bottom: 10px;

}

.pagination {
float: left;
margin:0;
padding:0px 0 10px 0;
clear:left;
width:auto;
}


/*------ home page -------*/

body.home h1 {
background: url(../images/main-header-bg.gif) repeat-x;
height: 35px;
width:782px;
padding: 0;
margin: 10px 10px 9px 10px;
}


body.home #interviews h2,
body.home #gigs-tonight h2,
body.home #latest-news h2,
body.home #latest-events h2 {
background: url(../images/black-header-bg.gif) repeat-x;
height: 34px;

float:right;
padding: 0;

}

body.home h2 {
font-size: 1.5em;
display:block;
}

body.home #interviews h2 {
margin: 16px 7px 0 0;
width:372px;
display:block;

}
body.home #gigs-tonight h2,
body.home #latest-news h2 {
margin: 16px 6px 0 0;
width:382px;


}
body.home #latest-events h2 {
margin: 14px 3px 0 0;
width:371px;
}

body.home #gig-reviews h2,
body.home #cd-reviews h2 {
background: url(../images/purple-header-bg.gif) repeat-x;
height: 34px;

float:right;
padding: 0;
display:block;

}


body.home #gig-reviews h3, 
body.home #cd-reviews h3,
body.home #gigs-tonight h3,
body.home #latest-events h3 {
margin: -2px 0 0 17px;
padding: 0;
float:left;
width: 218px;

}

body.home #gigs-tonight h3,
body.home #latest-events h3{
padding-bottom:10px;
width: 210px;
}

body.home #gig-reviews p, 
body.home #cd-reviews p,
body.home #gigs-tonight p,
body.home #latest-news p,
body.home #latest-events p {
float: left;
width: 218px;
margin: 5px 0 0 17px;

 }
 
 body.home #latest-news p {
 width: 360px;
 }
 
 body.home #gigs-tonight p,

body.home #latest-events p{
width: 210px;
}

body.home #interviews p {
width: 370px;
float: left;
}


body.home .images{
float:right;
background:url(../images/img-bg.gif) no-repeat;
height: 144px;
width: 144px;


}

body.home .images img {
margin: 10px 11px 0 0;
float: right;
}


body.home #gig-reviews .images{
margin: -10px 6px 0 0;
}

body.home #cd-reviews .images{
margin: -10px 7px 0 0;
}

body.home #gigs-tonight .images{
margin: -7px 6px 0 0;
}

body.home #latest-events .images{
margin: -7px 4px 0 0;
}



body.home #gig-reviews h2 {
margin: 16px 6px 0 0;
width:383px;
display:block;
}

body.home #cd-reviews h2 {
margin: 16px 7px 0 0;
width:371px;
display:block;
}


body.home #interviews {

background: url(../images/interviews-pod.gif) no-repeat;

float: left;
width: 782px;
height: 224px;
margin: 15px 0px 0px 10px;

}

body.home #gig-reviews {
background: url(../images/gig-reviews-pod.gif) no-repeat;
width: 395px;
height: 235px;
float:left;
margin: 15px 0px 0px 10px;
}

body.home #cd-reviews {
background: url(../images/cd-reviews-pod.gif) no-repeat;
width: 387px;
height: 239px;
float:left;
margin: 15px 0px 0px 0px;
}

body.home #gigs-tonight {
background: url(../images/gigs-tonight-pod.gif) no-repeat;
width: 394px;
height: 202px;
float:left;
margin: 8px 0px 0px 10px;
}

body.home #latest-news {
background: url(../images/gigs-tonight-pod.gif) no-repeat;
width: 394px;
height: 202px;
float:left;
margin: 8px 0px 0px 10px;
}

body.home #latest-events {
background: url(../images/latest-events-pod.gif) no-repeat;
width: 378px;
height: 202px;
float:left;
margin: 10px 0px 0px 6px;
}

body.home #interviews .int-image{
float:left;
margin: 6px 0 0 5px;


}

#interviews .more {
background:url(../images/button.gif) no-repeat;
float: right;
height: 24px; 
width: 49px; 
margin: -12px 6px 0px 0!important;
padding:4px 0 0 9px;
}


#gig-reviews .more, 
#cd-reviews .more,
#latest-news .more
{
background:url(../images/button.gif) no-repeat;
float: right;
height: 24px; 
width: 49px; 
margin: 10px 6px 0px 0!important;
padding:4px 0 0 9px;
}

#latest-news .more {
margin: -2px 6px 0px 0!important;
}

span.details {
background: none !important;

}


/*------ listings page -------*/

body.listings h1 {
background: url(../images/main-header-bg.gif) repeat-x;
height: 35px;
width:782px;
padding: 0;
margin: 10px 10px -3px 10px;
}



body.listings .listing {
float: left;
margin-bottom: 5px;
width:743px;
clear: left;
border-bottom: 1px solid #D4D4D4;
}

body.listings .listing h3 {
margin: 0 0 0 0;
padding-top: 4px;
}

body.listings .listing p {
margin: 5px 0 0 0;
padding-left: 20px;

}


body.listings .images{
float:left;
background:url(../images/img-bg-listing.gif) no-repeat;
height: 144px;
width: 144px;
margin-left:-6px;

}

body.listings .images img {
margin: 14px 0px 0 15px;
float: left;

width:114px;
height: 114px;
}

body.listings .more
{
background:url(../images/button.gif) no-repeat;
float: right;
height: 24px; 
width: 49px; 
margin: 10px 6px 0px 0!important;
padding:4px 0 0 9px;
}



/* --------------- content page -------------*/

body.content h1 {
background: url(../images/main-header-bg.gif) repeat-x;
height: 35px;
width:782px;
padding: 0;
margin: 10px 10px -3px 10px;
}


body.content #content img {
float: right;
padding: 10px 0 10px 10px;
clear: right;
}


/*------------------- advertising ---------------- */

#playbanner{

margin-left: 15px;
}
