/* 

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

ToC

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

Notes

*/



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

* {
		margin: 0;
		padding: 0;
}

body {
		background: #000;
}
		
/*  --------- 2. structure  --------- */

#wrapper {
		background: #000;
		min-height: 760px;
}

.container {
		width: 1080px;
		margin: 0 auto;
}

#masthead {
		height: 100px;
		background: url(images/header.png) repeat-x;
		margin: 0 0 20px 0;
}

#sponsor-bar {
		width: 1080px;
		height: 40px;
		background: #000;
		margin: 0 0 0 0;
		padding: 0 0 10px 0;
		overflow: hidden;
}

.plusone-div2 {
		float: left;
		height: 30px;
		padding: 20px 0 0 20px;
}

#outer-shell {
		width: 1120px;
		background: #303;
		margin: 0 auto;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		overflow: hidden;
		border: 1px solid #333;
		padding: 0 0 20px 0;
}




#col-left {
		width: 260px;
		background: #FFF;
		float: left;
		margin: 20px 20px 0 0;
		padding-bottom: 20px;
		overflow: hidden;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 3px 3px 6px #999;
		-moz-box-shadow: 3px 3px 6px #999;
    	box-shadow: 3px 3px 6px #999;
}

#col-right {
		width: 800px;
		background: #FFF;
		float: right;
		margin: 20px 0 0 0;
		padding-bottom: 20px;
		overflow: hidden;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 3px 3px 6px #999;
		-moz-box-shadow: 3px 3px 6px #999;
    	box-shadow: 3px 3px 6px #999;
}



#content-header {
		width: 760px;
		height: 100px;
		background: url(images/contentheadbg.png) repeat-x;
		margin: 0 20px 0 20px;
		border-top: 20px solid #FFF;
	
}

.content {
		width: 718px;
		margin: 20px 20px 0 20px;
		padding: 20px 20px 0 20px;
		background: #FFF;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #CCC;
}

.secondary-content {
		width: 220px;
		background: #000;
		margin: 0 20px 0 20px;
		float: left;
}



.side-header {
		width: 220px;
		height: 35px;
		background: #303;
		margin: 19px 20px 0 20px;
		float: left;
}


#footer-container {
		width: 1050px;
		background: #000;
		margin: 0 auto;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		overflow: hidden;
		padding: 20px 50px 20px 50px;
}

.footer {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 1px;
		color: #FFF;
		text-align: center;
}

/* float-clearing rules */
	
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
 		content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		margin: 0 0 20px 0;
		}		
		
/* ---------- 3. links and navigation ---------- */

.profiles {
		display: block;
		text-decoration: none;
		padding: 0 0 20px 0;
}

.profiles ul {
		margin: 0;
		border: 0;
	
	
	}

.profiles li {
		list-style: none;
		display: block;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		line-height: 24px;
		letter-spacing: 1px;
}

.navigation-header {
		width: 220px;
		height: 35px;
		background: #303;
		margin: 19px 20px 0 20px;
		float: left;
}


ul.nav {
  		margin: 0;
  		padding: 0;
  		width: 220px;
  		list-style-type: none;
		float: left;
		background-color: #000;
		border-bottom: none;
		border-top: none;
		margin: 0 20px 0 20px;
	
}

ul.nav li {
		display: inline;
}

ul.nav a {
		display: block;
		height: 20px;
		text-decoration: none;
		border-top: 1px solid #E4FFD3;
		border-bottom: 1px solid #486B02;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		color: #FFF;
		text-transform: uppercase;
		padding: 10px 0 5px 10px;
		overflow: hidden;
}

ul.nav a:hover,
ul.nav a:focus,
ul.nav .selected a {
		color: #FC0;
		background-color: #303;
}


.first a {
		border-top: 0px;
}

.last a {
		border-bottom: 0px;
		margin-bottom: 20px;
}


a {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		line-height: 24px;
		letter-spacing: 1px;
		color: #000;
		text-decoration: none;
}

a:visited {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		line-height: 24px;
		letter-spacing: 1px;
		color: #303;
		text-decoration: underline;
}

a:hover {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		line-height: 24px;
		letter-spacing: 1px;
		color: #609;
		text-decoration: underline;
}

a.sponsor-bar {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		line-height: 24px;
		letter-spacing: 1px;
		color: #FFC;
		text-decoration: none;
}

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

a:hover.side-links {
		color: #FC0;
		text-decoration: underline;
}

a:visited.side-links {
		color: #FC0;
		text-decoration: underline;
}

ul.footlinks a {
		display: inline;
		height: 11px;
		color: #FFC;
  		text-decoration: none;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		letter-spacing: 1px;
}

ul.footlinks a:hover,
ul.footlinks a:focus,
ul.footlinks .selected a {
		color: #F90;
		 text-decoration: none;

}

ul.footlinks li {
		display: inline;
		padding: 0 6px 0 0;
}

.roster {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		color: #303;
}

ul.roster {
		width: 718px;
		margin: 20px 20px 0 20px;
		padding: 20px 20px 0 20px;
		background: #FFF;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #CCC;
		list-style: none;
}
		
		
ul.roster li {
		color: #303;
}

ul.roster a {
		display: block;
		height: 30px;
		text-decoration: none;
		text-transform: uppercase;
		padding: 10px 0 0 0;
		overflow: hidden;
	
}

.first-roster {
		border: 0px;
}

.last-roster {
		padding: 0 0 20px 0;
}

ul.roster a:hover,
ul.roster a:focus,
ul.roster .selected a {
		color: #FC0;
		background-color: #303;
		text-decoration: none;
}
		

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

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {
		font-family: "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
		font-size: 32px;
		font-weight: 400;
		color: #FC0;
		letter-spacing: -1px;
		line-height: 50px;
		text-transform: uppercase;
		padding: 30px 0 0 20px;
	
}

h2 {
		font-family: "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: #636;
		letter-spacing: -1px;
		text-transform: uppercase;
		padding: 0 0 10px 0;
}

h2.menu {
		font-family: "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: #FC0;
		letter-spacing: -1px;
		text-transform: uppercase;
		padding: 8px 0 0 10px;
}

h3.menu {
		font-family: "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: #FC0;
		letter-spacing: -1px;
		text-transform: uppercase;
		padding: 8px 0 0 10px;
}


h3 {
		font-family: "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: #636;
		letter-spacing: -1px;
		text-transform: uppercase;
		padding: 0 0 10px 0;
}

		
h4 {
		font-family: "Helvetica Neue", "Liberation Sans", Arial, sans-serif;
		font-size: 16px;
		font-weight: 300;
		color: #FC0;
		letter-spacing: -1px;
		text-transform: uppercase;
		padding: 8px 0 0 10px;
}

.article {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		line-height: 24px;
		letter-spacing: 1px;
}


.sponsor {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		line-height: 11px;
		letter-spacing: 1px;
		text-align: right;
		float: right;
		color: #FFC;
		margin: 20px 0 0 0;
	
}

.side-text {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		line-height: 24px;
		letter-spacing: 1px;
		color: #FFF;
		padding: 10px 10px 10px 10px;
}

p {
		padding: 0 0 20px 0;
}

p.footer {
		padding: 0 0 10px 0;
}


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

.logo img {
		float: left;
		margin: 20px 0 0 340px;
}

.dj-photo img {
		float: right;
		border: 4px solid #FFF;
		margin: -100px 20px 20px 20px;
		-webkit-box-shadow: 3px 3px 6px #666;
		-moz-box-shadow: 3px 3px 6px #666;
    	box-shadow: 3px 3px 6px #666;
}

.dj-feature img {
		float: right;
		border: 4px solid #FFF;
		margin: 8px 0 20px 20px;
		-webkit-box-shadow: 3px 3px 6px #666;
		-moz-box-shadow: 3px 3px 6px #666;
    	box-shadow: 3px 3px 6px #666;
}
	
.new-dj img {
		margin: 10px 0 0 65px;
		border: 4px solid #FFF;
		-webkit-box-shadow: 3px 3px 6px #666;
		-moz-box-shadow: 3px 3px 6px #666;
    	box-shadow: 3px 3px 6px #666;
}