body {
	margin:0;
	padding:0;
	color:#ddd;
	font-family:Arial, sans-serif;
	font-size:62.5%;
	background:#000 url(/images/mainback.png) center top no-repeat;
}

.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


#container {
	width:974px;
	margin-left:auto;
	margin-right:auto;
}

img {
	border:0;
}

#header h1 {
	margin:0;
	width:268px;
	float:left;
}

h2 {
	color:#bb348a;
	font-weight:normal;
	font-size:2.8em;
	margin-top:0;
}


h3 {
	font-weight:normal;
	font-size:1.8em;
	color:#c94d9c;
	margin-bottom:0;
	margin-top:1em;
}

h4 {
	font-weight:normal;
	font-size:1.4em;
	color:#c94d9c;
	margin-bottom:0.5em;
}

p, dl, table {
	font-size:1.4em;
	line-height:1.5em;
	color:#aaa;
}

ul {
	color:#aaa;
	font-size:1.2em;
}

li {
    line-height:1.4em;
}

p {
	margin-top:0;
}

table {
	width:100%;
}

a:link, a:visited {
	text-decoration:none;
	color:#49abe2;
}

a:hover, a:active {
	text-decoration:underline;
	color:#49abe2;
}

img.right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

/** begin header styles **/

#navigation {
    width:650px;
    float:right;
    margin-right:12px;
}

#navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}

#navigation ul li {
	position:absolute;
	text-indent:-5000em;
}

#navigation ul li a {
	height:26px;
	width:168px;
	display:block;
	overflow:hidden;
}

#nav1, #nav5, #nav9 { top:30px; }
#nav2, #nav6, #nav10 { top:56px; }
#nav3, #nav7, #nav11 { top:82px; }
#nav4, #nav8, #nav12 { top:108px; }

#navigation #djnav, #navigation #medianav, #navigation #entnav {
    width:168px;
    height:143px;
    float:left;
    margin-right:73px;
}

#navigation #djnav {
    background:#000 url(/images/navigation/djnav.png) left top no-repeat;
}

#nav1 a:hover { background: transparent url(/images/navigation/djnav.png) -168px -30px no-repeat; }
#nav2 a:hover { background: transparent url(/images/navigation/djnav.png) -168px -56px no-repeat; }
#nav3 a:hover { background: transparent url(/images/navigation/djnav.png) -168px -82px no-repeat; }
#nav4 a:hover { background: transparent url(/images/navigation/djnav.png) -168px -108px no-repeat; }

#gigspage #nav1 a, #gigspage #nav1 a:hover { background: transparent url(/images/navigation/djnav.png) -336px -30px no-repeat; }
#testimonialspage #nav2 a, #testimonialspage #nav2 a:hover { background: transparent url(/images/navigation/djnav.png) -336px -56px no-repeat; }
#presspage #nav3 a, #presspage #nav3 a:hover { background: transparent url(/images/navigation/djnav.png) -336px -82px no-repeat; }
#bookingspage #nav4 a, #bookingspage #nav4 a:hover { background: transparent url(/images/navigation/djnav.png) -336px -108px no-repeat; }

#navigation #medianav {
    background:#000 url(/images/navigation/medianav.png) left top no-repeat;
}

#nav5 a:hover { background: transparent url(/images/navigation/medianav.png) -168px -30px no-repeat; }
#nav6 a:hover { background: transparent url(/images/navigation/medianav.png) -168px -56px no-repeat; }
#nav7 a:hover { background: transparent url(/images/navigation/medianav.png) -168px -82px no-repeat; }
#nav8 a:hover { background: transparent url(/images/navigation/medianav.png) -168px -108px no-repeat; }

#gallerypage #nav5 a, #gallerypage #nav5 a:hover { background: transparent url(/images/navigation/medianav.png) -336px -30px no-repeat; }
#tunespage #nav6 a, #tunespage #nav6 a:hover { background: transparent url(/images/navigation/medianav.png) -336px -56px no-repeat; }
#popcastpage #nav7 a, #popcastpage #nav7 a:hover { background: transparent url(/images/navigation/medianav.png) -336px -82px no-repeat; }
#televisionpage #nav8 a, #televisionpage #nav8 a:hover { background: transparent url(/images/navigation/medianav.png) -336px -108px no-repeat; }

#navigation #entnav {
    margin-right:0;
    background:#000 url(/images/navigation/entnav.png) left top no-repeat;
}

#nav9 a:hover { background: transparent url(/images/navigation/entnav.png) -168px -30px no-repeat; }
#nav10 a:hover { background: transparent url(/images/navigation/entnav.png) -168px -56px no-repeat; }
#nav11 a:hover { background: transparent url(/images/navigation/entnav.png) -168px -82px no-repeat; }
#nav12 a:hover { background: transparent url(/images/navigation/entnav.png) -168px -108px no-repeat; }

#aboutpage #nav9 a, #aboutpage #nav9 a:hover { background: transparent url(/images/navigation/entnav.png) -336px -30px no-repeat; }
#blogpage #nav10 a, #blogpage #nav10 a:hover { background: transparent url(/images/navigation/entnav.png) -336px -56px no-repeat; }
#linkspage #nav11 a, #linkspage #nav11 a:hover { background: transparent url(/images/navigation/entnav.png) -336px -82px no-repeat; }
#newsletterpage #nav12 a, #newsletterpage #nav12 a:hover { background: transparent url(/images/navigation/entnav.png) -336px -108px no-repeat; }

/** end header styles **/

/** begin main content **/

#maincontent {
  margin:30px 38px 24px 12px;
  min-height:400px;
}

#maincontent {
    width:545px;
    float:left;
}

#big_photo {
    width:365px;
    float:right;
}

/* homepage stuff */

#row1, #row2 {
    clear:both;
    padding-bottom:10px;
}

#maincontent dt {
	margin:0;
	padding:0;
	font-style:italic;
	color:#bb348a;
}

#maincontent dd {
	margin:0 0 1em 0;
	padding:0;
}

#gigs {
	width:254px;
	float:right;
}

#gigs dl {
	font-size:1.2em;
}

#gigs p.link {
    margin-top:0.6em;
}

#blogentry {
	width:260px;
	float:left;
}

#blogentry p, #gigs p {
	font-size:1.2em;
	margin:0.3em 0;
}

#blogentry h4 {
	margin:0.7em 0 0.5em 0;
	font-weight:bold;
}

#blogentry p.date {
	margin:0;
	font-size:1.1em;
	color:#646262;
}

#blogentry .link {
    margin-top:0.5em;
}

#latestgallery {
	width:260px;
	float:left;
}

#latestgallery ul {
	margin:0 0 15px 0;
	padding:0;
	list-style-type:none;
}

#latestgallery li {
	width:70px;
	float:left;
	display:inline;
	margin:10px 10px 0 0;
}

#latestgallery li img {
	display:block;
	width:70px;
	height:70px;
}

#latestgallery p {
	font-size:1.2em;
}

#latestmixes {
	width:254px;
	float:right;
}

#latestmixes h4 {
    margin:0 0 0.5em 0;
}

#latestmixes h5 {
    font-weight:bold;
    font-size:1.2em;
    margin:0 0 0.3em 0;
}

#latestmixes p {
    font-size:1.2em;
    margin-bottom:0.3em;
}

#latestmixes p.download {
    margin:0.2em 0 0.9em 0;
}

/* end homepage */

/* gallery page */

#gallerypage #container {
	position:relative;
}

#gallerypage #maincontent {
	width:670px;
}

#galleryimages {
	display:block;
	padding-bottom:2em;
	z-index:21;
	position:relative;
}

#galleryimages ul {
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#000;
}

#galleryimages li {
	width:75px;
	float:left;
	margin:10px;
	display:inline;
}

#galleryimages img {
	display:block;
}

p.footnote {
	clear:both;
	font-style:italic;
	padding-top:2em;
}

#gallerypage #big_photo {
	position:absolute;
	top:190px;
	right:0;
	z-index:20;
}

/* end gallery page */

/* begin blog pages */

.blogentry {
	padding-bottom:1em;
}

.blogentry h2 {
	margin-bottom:0.2em;
}

.blogentry h3 {
	margin-top:0;
	width:340px;
	float:left;
}

.blogentry p.date {
	margin-top:0;
	color:#646262;
	font-size:1.2em;
	width:195px;
	text-align:right;
	float:right;
}

.blogentry .excerpt {
    clear:both;
}

.blogentry p {
	font-size:1.2em;
}

#blogsidebar {
    width:300px;
    float:right;
}

#blogsidebar ul, #tvsidebar ul {
    margin:20px 0;
    padding:0;
    list-style-type:none;
    font-size:1.4em;
}

#blogsidebar li, #tvsidebar li {
    margin-bottom:10px;
}

#blogsidebar li em, #tvsidebar li em {
    display:block;
    font-style:normal;
    font-size:0.8em;
    color:#666;
}

#blogsidebar p {
    width:75%;
    margin-bottom:2em;
}

.latestmonth h3 {
    margin-bottom:0.5em;
}

.latestmonth .blogentry h4 {
	margin-top:0;
	width:340px;
	float:left;
}

#blogsidebar .lpimages {
	margin-top:2em;
}

#blogsidebar .lpimages ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#blogsidebar .lpimages li {
	margin-right:1em;
	margin-bottom:1em;
	width:75px;
	float:left;
	display:inline;
	background:none;
	padding:0;
}

#blogsidebar .lpimages img {
	display:block;
}


/* end blog page */

/* begin comments */


#comments h3 {
	margin-top:0;
}

#comments p {
	margin-top:0.5em;
	font-size:1.2em;
}

#comments p.guidelines {
	font-size:1.1em;
	margin-bottom:20px;
}

.comment h4 {
	margin-bottom:0;
}

#comments .comment p {
	margin:0.2em 0;
}

#comments .comment p.date {
	color:#666;
	font-size:1.1em;
}

#comments form {
	margin-top:20px;
}

.formrow {
	clear:both;
	margin:10px 0;
}

.formrow label {
	font-size:1.4em;
	width:90px;
	margin-right:15px;
	display:inline;
	float:left;
	color:#aaa;
	margin-top:5px;
	text-align:right;
}

.formrow input, .formrow textarea {
	width:250px;
	padding:5px;
	font-size:1.2em;
	font-family:Arial, sans-serif;
	border:1px solid #c94d9c;
	background-color:#212121;
	color:#ccc;
}

.submitbutton input {
	margin-left:105px;
	background-color:#212121;
	width:200px;
	border:1px solid #c94d9c;
	color:#69ade0;
	padding:5px;
	font-family:Arial, sans-serif;
	font-size:1em;
	cursor:pointer;
}


/* end comments */

/* tunes page */

#tunespage #maincontent {
	margin-right:0;
	width:100%;
}

#clubmixes {
	width:440px;
	float:left;
}

#partymixes {
	width:440px;
	float:right;
}

table td {
	vertical-align:top;
}

table td.downloadlink {
	text-align:right;
}

table td.description p {
	font-size:0.9em;
	color:#646262;
	margin-top:0.2em;
}

/* end tunes page */

/* begin links */

.linkentry {
	padding-bottom:1.5em;
}

.linkentry h3 {
	margin-top:0;
}

.linkentry p {
	font-size:1.2em;
}

#linksholder .linkurl p {
	margin-top:0.1em;
	font-size:1.2em;
}

/* end links  page */

/* begin gigs section */

#upcominggigs h3 {
	margin-top:0;
}

.gig {
	padding-bottom:1.5em;
}

.gig h3 {
    margin-bottom:1em;
}

.gig p {
	font-size:1.2em;
}

.gig h4 {
	margin-bottom:1em;
}

.gig img {
    border:1px solid #63234e;
    margin:10px 0;
}

.gig .flyer {
    text-align:center;
}

#pastgigs {
	width:180px;
	float:right;
}

#pastgigs h3 {
	margin-top:0;
}

#pastgigs ul.oldlist {
	margin:20px 0 20px 0;
	padding:0;
	list-style-type:none;
}

#pastgigs ul.oldlist li {
	margin:0 0 10px 0;
	font-size:1.2em;
	color:#999;
}

#gigssidebar {
    width:300px;
    float:right;
}

#gigssidebar h3 {
    margin-bottom:0.8em;
}

#gigssidebar .pastgig h4 {
    width:200px;
    float:left;
    margin:0;
}

#gigssidebar p.date {
    width:95px;
    float:right;
    margin:0;
    font-size:1.1em;
    text-align:right;
    color:#c5459c;
}

#gigssidebar p.location {
    clear:both;
}

#gigssidebar .lpimages {
	margin-top:1em;
}

#gigssidebar .lpimages ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#gigssidebar .lpimages li {
	width:75px;
	float:left;
	margin:5px;
	display:inline;
}

#gigssidebar img {
	display:block;
}

/* end gigs */

/* begin newsletter */

#newsletterpage #maincontent {
    width:100%;
}

#newsform {
    margin:1em 0;
}

#newsform label {
    font-size:1.4em;
}

#newsform input.textbox {
	width:250px;
	padding:5px;
	font-size:1.2em;
	font-family:Arial, sans-serif;
	border:1px solid #c94d9c;
	background-color:#212121;
	color:#ccc;
	margin-right:10px;
}

#newsform input.submit {
	background-color:#212121;
	width:80px;
	border:1px solid #c94d9c;
	color:#69ade0;
	padding:5px;
	font-family:Arial, sans-serif;
	font-size:1.2em;
	cursor:pointer;
}


/* testimonials page */

#testimonialspage #maincontent {
	width:100%;
	margin-right:0;
}

#clubberstest {
	width:420px;
	float:right;
}

#clubberstest p {
	font-size:1.2em;
}

#clubberstest h3, #promoterstest h3 {
	margin-bottom:1em;
}

#promoterstest {
	width:475px;
	float:left;
}

#promoterstest p {
	font-size:1.2em;
}

/* end testimonials */

/* begin bookings page */

ul#eventlist {
    margin:1em 0;
    padding:0;
    list-style-type:none;
    width:400px;
}

#eventlist li {
    width:50%;
    float:left;
}

.bookinglocation {
    width:49%;
    float:left;
    min-height:160px;
}

/* end bookings page */

/* begin tv page */

#tvsidebar {
	width:300px;
	float:right;
}


/** end maincontent styles **/

/** begin footer styles **/

#footer {
	height:115px;
	padding-top:44px;
	background:#000 url(/images/footerback.png) center bottom no-repeat;
	clear:both;
}

#footerwrap {
	width:974px;
	background-color:#000;
	border:1px solid #355770;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#footerwrap .footerstar {
	position:absolute;
	top:-18px;
	right:-13px;
}

#footer .contactdetails {
	width:540px;
	float:left;
	padding:15px 0 10px 15px;
	margin:0;
}

#footer .copyright {
	width:300px;
	float:right;
	color:#cc4ca7;
	font-size:1.4em;
	text-align:right;
	padding:5px 10px 5px 0;
	margin:0;
}

#footer .copyright em {
	font-style:normal;
	font-size:0.9em;
	color:#5f5f5f;
}

/** end footer styles **/