/* THE KILLERS */
/* Section Stylesheet: Join
----------------------------------------------------------------------------------- */


	body {
	
		font-size: 12px;
		line-height: 16px;
	
		}
		
	#container .animation {
	
		margin-bottom: -4px;
		
		}

	#content {
	
		background: url(../images/section-join/bg-join-alt.jpg) no-repeat;
		width: 854px;
		
		}
		
	#main {
	
		width: 375px;
		margin-top: 156px;
		
		}
		
	#sidebar {
	
		margin-top: 156px;
		width: 420px;
		position: relative;
		
		}

	#footer {
	
		display: block;
		clear: both;
		width: 872px;
		height: 70px;
		padding: 15px;
	
		}
		
	#footer ul {
	
		list-style-type: none;
		margin-left: 180px;
		
		}
	
	#main h3,
	#sidebar h3 {
	
		font-size: 23px;
		line-height: 23px;
		margin-bottom: 3px;
		color: #c51f23;
		
		}
		
	h4 {
	
		visibility: visible;
		font: bold 14px/16px Arial, sans-serif;
		color: #8d8d8d;
		text-transform: none;
		margin: 0 0 10px;
		
		}
		
	p {
	
		color: #dddada;
		font-size: 10px;

		}
			
	div.plan ul {
	
		list-style-type: square;
		margin: 0 0 15px 15px;
		
		}
		
	ul.benefits.one {
	
		width: 190px;
		float: left;
		margin-right: 8px;
		
		}
		
	ul.benefits.two {
	
		width: 190px;
		float: left;
		
		}
		
	#content ul.merch li {
	
		color: #8d8d8d;
	
		}
		
	#content li {
	
		color: #fff;
		font-weight: normal;
		
		}
		
	#content li.note {
	
		clear: left;
		padding-top: 8px;
		width: 300px;
	
		}
		
	h4.plus {
	
		position: absolute;
		top: 123px;
		right: 15px;
		width: 165px;
		
		}
		
	.plan.online h4 {
	
		width: 315px;
		margin-bottom: 10px;
		
		}
		
	div.plan.renew {
	
		background: url(../images/section-join/bg-renew-year-four.gif) no-repeat top left;
		width: 344px;
		display: block;
		padding-top: 340px;
				
		} 
	
	
	.plan.renew h3 {
	
		color: #c51f23;
		
		}	
	
	.plan.renew h4 {
	
		width: 340px;
		margin-bottom: 10px;
		
		}
		
	.plan.renew .actions li {
	
		clear: left;
		
		}
		
	#main li.note {
	
		margin: 0 !important;
		
		}
		
	#content li.nobag {
	
		font: bold 11px/13px Arial, Sans-Seirf;
		color: #8d8d8d;
		font-style: italic;
		text-transform: none;
		margin: 20px 0 20px 0 !important;
		
		}
		
	div.plan.join {
	
		background: url(../images/section-join/bg-join-year-four.gif) no-repeat bottom left;
		width: 344px;
		display: block;
		padding-bottom: 340px;
				
		} 
		
	.plan.online {
	
		padding-top: 20px;
		
		}
		
		
/* B/W Backgrounds
----------------------------------------------------------------------------------- */
		

/* Time of Day */


	body.dawn,
	body.dusk {
	
		background-image: url(../images/layout/bg-dusk-victims.jpg);
	
		}
		
	body.day {
	
		background-image: url(../images/layout/bg-day-victims.jpg);
	
		}
		
	body.night {
	
		background-image: url(../images/layout/bg-night-victims.jpg);
	
		}
		
		
/* Post-Load Background Colors */
		
		
	body.dawn.loaded,
	body.dusk.loaded {
	
		background-color: #e4e4e4;
		
		}
		
	body.day.loaded {
	
		background-color: #d8d8d8;

		}


/* Photo Widget
----------------------------------------------------------------------------------- */

	
	p.photo {
	
		background-image: url(../images/section-join/p-photo.gif);
		width: 101px;
		height: 118px;
		display: block;
		text-indent: -5000px;
		float: left;
		margin: 110px 0 68px 0;
		
		}

	#photo-join {
	
		float: left;
		background: url(../images/section-join/bg-photo.gif) no-repeat;		
		position: absolute;
		top: 55px;
		left: 110px;
		padding: 37px 0 20px 22px;
		
		}

	#photo-join ul.photos {
	
		list-style-type: none;
		
		}
		
	#photo-join img {
	
		width: 170px;
		border: 6px solid #dddada;
		
		}
		
	#photo-join h3,
	#photo-join a.comments,
	#photo-join strong,
	#photo-join ul.actions {
	
		display: none;
		
		}
	

/* Actions
----------------------------------------------------------------------------------- */


	body.section-join ul.actions {
	
		list-style-type: none;
		float: left;
		margin: 5px 0 0 3px;
		
		}
		
	body.section-join ul.actions li {
	
		margin: 0 7px 5px 0;
	
		}
	
		
/* DISCLAIMERS
----------------------------------------------------------------------------------- */


	#disclaimers {
	
		clear: both;
	
		}