/* DJ AM */
/* Section: Home
----------------------------------------------------------------------------- */

	@import url("tabs.css");


/* Structural Containers
----------------------------------------------------------------------------- */

	body {
	
		background-image: url(../images/layout/bg-body-home.jpg);
	
		}
		
	#content {
	
		width: 942px;
		height: 850px;
		position: relative;
		background: none;
		margin-left: 0;
		padding-right: 0;
	
		}
		
	#content span.end {
	
		display: none;
	
		}
		

/* Layers
----------------------------------------------------------------------------- */


	#videos {
	
		position: absolute;
		top: 15px;
		left: 180px;
	
		}

	#events {
	
		position: absolute;
		top: 280px;
		right: 0;
		z-index: 10;

		}

	#editorial {

		position: absolute;
		top: 250px;
		left: 25px;
	
		}

	#photos {
	
		position: absolute;
		top: 0;
		right: 40px;
		padding: 8px;
		background: #fff;
	
		} 


/* Videos
----------------------------------------------------------------------------- */


	#videos {
	
		width: 359px;
		height: 219px;
		background: url(../images/section-home/ipod.png);
	
		}
	
	div#video {
	
		position: absolute;
		top: 21px;
		left: 55px;
		width: 238px;
		height: 163px;
	
		}
		
	#videos a.browse {
	
		position: absolute;
		top: 100px;
		left: -10px;
		width: 59px;
		background: url(../images/actions/a-videos.gif);
	
		}
		
		
/* Events
----------------------------------------------------------------------------- */

	#events {
	
		width: 550px;
		height: 620px;
		overflow: hidden;
	
		}
		
	#flyers {
		
		position: absolute;
		right: 0;
		width: 980px;
		height: 620px;
	
		}

	a#browse_events {
	
		display: block;
		position: absolute;
		width: 63px;
		height: 20px;
		top: 300px;
		left: 820px;
		background: url(../images/actions/a-amlive.gif);
		text-indent: -5000px;
		z-index: 30;
	
		}


/* Editorial
----------------------------------------------------------------------------- */

	#editorial {

		width: 450px;
		min-height: 275px;
		padding: 0 15px 10px 15px;
		background: url(../images/section-home/bg-content-end-sm.gif) bottom left;
	
		}
		
	#editorial h3 {
	
		display: block;
		width: 480px;
		height: 15px;
		margin: -10px 0 25px -15px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/section-home/h3-editorial.png);
	
		}
		
	#editorial div h3 {
	
		display: none;
	
		}
		
	#editorial .tabs {
	
		margin-top: -20px;
	
		}
		
	#editorial ul.leads li {
	
		border-bottom: solid 1px #343434;
	
		}
		
	#editorial ul.leads li.last {
	
		border: 0;
	
		}
		
	#editorial h4,
	#editorial #twitter_update_list span {
	
		margin: 0 0 -7px 0;
		margin-right: 50px;
		display: inline;
		font: normal 36px/36px arial;
		letter-spacing: 1px;
		display: block;
		visibility: hidden;
	
		}
		
	#editorial .alt h4,
	#editorial .last h4 {
	
		margin-right: 0;
	
		}
		
	#editorial a.browse {
	
		position: absolute;
		top: 5px;
		right: 15px;
	
		}
		
	.leads h3,
	.leads img,
	.leads strong,
	.leads em,
	.leads .comments,
	.leads .story,
	.leads li ul {
	
		display: none;
	
		}
		

/* Twitter */


	#editorial * {
	
		outline: none;
	
		}
		
	#editorial a.follow {
	
		position: absolute;
		top: 5px;
		right: 15px;
	
		}
		
	#twitter li {
	
		padding: 5px 0 15px;
		border-bottom: solid 1px #343434;	
	
		}
		
	#twitter li:last-child {
	
		border: none;
	
		}
		
	#twitter li > a {
	
		text-transform: uppercase;
		color: #444;
	
		}


/* Photos
----------------------------------------------------------------------------- */

	#photos {
	
		width: 300px;
		padding: 8px;
		background: #fff;
		overflow: hidden;
	
		} 
	
	#photos h3,
	#photos dl {
	
		display: none;
	
		}
		
	#photos img {
	
		width: 300px;
		margin-bottom: 8px;
	
		}
		
	#photos h4 {
	
		float: left;
		width: 75%;
		margin: 0 25% -5px 0;
		font-size: 14px;
		line-height: 14px;
		visibility: hidden;
	
		}
		
	#photos a.browse {
	
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 63px;
		background: url(../images/actions/a-photos.gif);
	
		}