@charset "UTF-8";

/* 

STYLE SHEET FOR [Mobile-DJs.net]
Created by [Designfordjs.com / TWellsdesign.co.uk]
[Designfordjs.com / TWellsdesign.co.uk]

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
}

body {
		font-family: 'Helvetica', Arial sans-serif;
		font-size: 12px;
		color: #3B1E21;
		line-height: 24px;
		letter-spacing: 1px;
		background: #550000;
}


		
/*  --------- 2. structure  --------- */

#wrapper {
		background: #212121;
		width: 100%;
		min-height: 1300px;
		background: #212121;
		
		background: url(images/blackbg.png) repeat;
}

#container {
		width: 1040px;
		margin: 0 auto;
		min-height: 1300px;
		border-left: 1px solid #900;
		border-right: 1px solid #900;
		overflow: hidden;
}

#content {
		width: 1000px;
		float: left;
		min-height: 1300px;
		padding: 10px 10px 10px 10px;
		background: url(images/bg.gif) repeat;
		border: 10px solid #EAEAEA;
		overflow: hidden;
		

}

#mast {
		width: 998px;
		float: left;
		height: 100px;
		padding: 10px 0 0 0;
		margin: 0 0 10px 0;
		background-color: #FFF;
		border: 1px solid #EAEAEA;
		overflow: hidden;
}


#location-wrap {
		width: 978px;
		height: 50px;
		background: #EAEAEA;
		float: left;
		border: 1px solid #CCC;
		padding: 10px 10px 10px 10px;
		margin: 0 0 10px 0;

}

#location {
		width: 978px;
		height: 50px;
		background: #000;
		background: url(images/blackbg.png) repeat;
		text-align: center;
		
}

#left-col {
		float: left;
		width: 292px;
		min-height: 800px;
		overflow: hidden;
}



.side-wrap {
		float: left;
		width: 270px;
		background: #FFF;
		background: #EAEAEA;
		overflow: hidden;
		padding: 10px 10px 10px 10px;
		margin: 0 0 15px 0;
		border: 1px solid #CCC;
}

.side-article {
		float: left;
		width: 272px;
		background: #000;
		}


#right-col {
		float: right;
		width: 695px;
		min-height: 800px;
		overflow: hidden;
}

.article-wrap {
		float: left;
		width: 673px;
		background: #EAEAEA;
		padding: 10px 10px 10px 10px;
		overflow: hidden;
		border: 1px solid #CCC;
}

.article-container {
		float: left;
		width: 653px;
		min-height: 100px;
		background: url(images/blackbg.png) repeat;
		padding: 10px 10px 0 10px;
		overflow: hidden;
}



.article {
		float: left;
		width: 633px;
		min-height: 100px;
		background: #FFF;
		margin: 0 0 10px 0;
		padding: 10px 10px 0 10px;
		border-bottom: 5px solid #D5D5D5;

		
}

.article-head {
		float: left;
		height: 25px;
		background: #FBF9FA;
		border-bottom: 1px dashed #D5D5D5;
		padding: 5px 10px 0 0;
		box-shadow: 0px 10px 10px #CCC;
}

#footer-wrap {
		width: 978px;
		height: 65px;
		background: #EAEAEA;
		float: left;
		border: 1px solid #CCC;
		padding: 10px 10px 5px 10px;
		margin: 10px 0 0 0;
}

#footer {
		width: 978px;
		height: 65px;
		background: #000;
		background: url(images/blackbg.png) repeat;
		text-align: center;
		
}




/* was E8E9E3 */


/* float-clearing rules */


.clearFix:after {
 		content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		margin: 0 0 0 0;
}		
		
/* ---------- 3. links, navigations, lists ---------- */

a {
		color: #373024;
}

a:visited {
		color: #900;
}


ul.nav {
		width: 272px;
		float: left;
}

li.nav {
		list-style: none;
		border-bottom: 1px solid #FFF;
		float: left;
		
}
	

h2.side-head {
		display: block;
		font-weight: bold;
		color: #FFF;
		text-transform: uppercase;
		text-decoration: none;
		background: #900;
		width: 252px;
		height: 25px;
		float: left;
		padding: 5px 10px 0 10px;
		font-size: 12px;
		border-bottom: 1px solid #FFF;
		letter-spacing: 1px;
}

h3.side-head {
		display: block;
		font-weight: bold;
		color: #FFF;
		text-transform: uppercase;
		text-decoration: none;
		background: #900;
		width: 252px;
		height: 25px;
		float: left;
		padding: 5px 10px 0 10px;
		font-size: 12px;
		border-bottom: 1px solid #FFF;
		letter-spacing: 1px;
}

a.nav {
		display: block;
		font-weight: bold;
		color: #FFF;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #000;
		width: 252px;
		height: 25px;
		float: left;
		padding: 5px 10px 0 10px;
		font-size: 12px;
		-webkit-transition: background .2s ease;
		-webkit-transition-property: background;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-timing-function: ease;
		-webkit-transition-delay: initial;
		-moz-transition: background .2s ease;
		-o-transition: background .2s ease;
		transition: background .2s ease;
}

a:hover.nav {
		background-color: #900;
}

a:visited.nav {
		color: #FFF;
}
	
		

ul.profile {	
		list-style: none;
		margin: 0 0 10px 0;
		padding: 10px 10px 10px 10px;
		float: left;
}

li.profile {
		color: #373024;
}

ul.music-profile {	
		list-style: none;
		margin: 0 0 10px 0;
		padding: 10px 10px 10px 10px;
		float: left;
}

li.music-profile-first {
		margin: 0 0 10px 0;
}

li.music-profile-last {
		margin: 10px 0 0 0;
}

li.music-profile {
		color: #373024;
		
}


ul.music-styles {
		list-style: none;
		float: left;
		display: block;
		padding: 10px 10px 0 5px;
		
		
}

li.music-styles {
		width: 613px;
		height: 30px;
		list-style: none;
		background: #FBF9FA;
		border-bottom: 1px dashed #D5D5D5;
		padding: 5px 0 0 0;
}

li.music-styles2 {
		width: 613px;
		height: 30px;
		list-style: none;
		background: #FFF;
		border-bottom: 1px dashed #D5D5D5;
		padding: 5px 0 0 0;

}

li.music-styles-last {
		width: 613px;
		height: 30px;
		list-style: none;
		background: #FFF;
		padding: 5px 0 0 0;

}

ul.chart-profile {	
		list-style: none;
		margin: 0 0 10px 0;
		padding: 10px 10px 10px 10px;
	
		display: block;
		
}

li.chart-profile {
		color: #373024;
}

ul.booking-profile {	
		list-style: none;
		margin: 0 0 10px 0;
		padding: 0 10px 10px 10px;
		float: left;
}

li.booking-profile {
		color: #373024;
}

a.music-styles {
		font-weight: bold;
		color: #000;
		text-transform: uppercase;
		text-decoration: none;
		float: left;
		display: block;
		height: 30px;
		padding: 0 5px 0 7px;
}

a:hover.music-styles {
		text-decoration: underline;
}

a.book-this-dj {
		color: #900;
		font-weight: bold;
}

ul.convenient {
		list-style: none;
		padding: 0 10px 0 10px;
		text-align: center;
}

li.convenient {
		
}
		

a.convenient {
		text-decoration: none;
}

a:hover.convenient {
		text-decoration: underline;
}

a.side {
		color: #FFF;
		font-size: 12px;
		font-style: italic;
		text-decoration: underline;
}

a:hover.side {
		color: #900;
		text-decoration: none;
}

a:visited.side {
		text-decoration: none;
		color: #FFF;
}

a.footer {
		color: #FBF9FA;
		font-size: 9px;
		text-decoration: none;
}

a:hover.footer {
		color: #F90;
		text-decoration: underline;
}

a:visited.footer {
		text-decoration: none;
		color: #FBF9FA;
}
		
		

/* ---------- 4. fonts ---------- */

h1 {
		font-size: 18px;
		color: #900;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0 10px 0 20px;
		letter-spacing: -1px;
		text-shadow: 1px 1px 1px #CCC;
		
}

h2 {
		font-size: 18px;
		color: #900;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0 10px 0 20px;
		letter-spacing: -1px;
		
}

h3 {
		font-size: 18px;
		color: #900;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0 10px 0 20px;
		letter-spacing: -1px;
		text-shadow: 1px 1px 1px #CCC;
		
}



p.djs-wanted {
		color: #FFF;
		padding: 10px 10px 10px 10px;
		font-size: 12px;
		float: left;
		font-style: italic;
}

p.profile {
		color: #373024;
		padding: 10px 10px 10px 10px;
		font-size: 12px;
		float: left;
		font-style: italic;
}

p.music-styles {
		color: #373024;
		padding: 10px 10px 10px 10px;
		font-size: 12px;
		float: left;
}




p.location {
		color: #FFF;
		padding: 15px 10px 10px 10px;
		font-size: 11px;
}


p.footer {
		color: #FFF;
		padding: 5px 10px 0 10px;
		font-size: 9px;
}


.bold {
		font-weight: bold;
}







/* ---------- 5. images ---------- */

.logo {
		margin-left: 350px;
	
}

.dj {	
		float: right;
		border: 4px solid #EAEAEA;
		-webkit-box-shadow: 3px 3px 6px #333;
		-moz-box-shadow: 3px 3px 6px #333;
		box-shadow: 3px 3px 6px #333;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}

.featured-dj {
		margin: 0 0 0 10px;
}

.side-featured-dj {
		margin: 10px 0 0 10px;
}

.plusone-div2 {
		width: 350px;
		height: 25px;
		float: left;
		padding: 10px 0 15px 270px;
	
}

.plusone-djs {
		height: 25px;
		float: right;
	
}