/* SLIPKNOT */
/* Page Stylesheet: Index
----------------------------------------------------------------------------- */



/* STRUCTURAL CONTAINERS
----------------------------------------------------------------------------- */


	#page-index #layout,
	#page-index #content {
	
	width: 980px;
		
	}
	
	#page-index #ads,
	#page-index #main {
	
	width: 100%;
	float: left;
	clear: left;
	margin: 0 0 25px 0;
	
	}
	
	#page-index #features_container {
	
	width: 100%;
	height: 490px;
	
	}
	
	#page-index #main ul.members, 
	#page-index #main ul.friends, 
	#page-index #main ul.clips, 
	#page-index #main ul.photos {
	
	width: 180px !important;
	padding: 0 !important;
	margin: 0 !important;
	
	}
	
	#page-index #news li,
	#page-index #online li {
	
	padding: 0;
	
	}
	

/* ACTIONS
----------------------------------------------------------------------------- */


	#page-index #content ul.actions {
	
	width: auto;
	padding: 4px 0 0;
	float: none;
	
	}
	
	#page-index #content ul.actions li {
	
	margin: 0;
	float: none;
	
	}

	#page-index #content ul.actions a {
	
	background: none !important;
	font: bold 9px/12px Arial, Helvetica, Sans-Serif;
	padding: 0;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;

	}
	
	#page-index #main ul.actions {
	
	text-align: center;
	
	}
	
	#page-index #main #heading ul.actions {
	
	padding: 0;
	
	}
	
	#page-index #subscribe ul.actions {
	
	clear: none;
	padding: 0;
	
	}
	

/* LATEST NEWS
----------------------------------------------------------------------------- */


	#latest_news {
	
	width: 100%;
	height: 65px;
	margin-top: 26px;
	
	}

	#latest_news h3,
	#latest_news span,
	#latest_news .comments {
	
	display: none;
	
	}
	
	#latest_news ul.paging span {
	
	display: inline-block;
	
	}
	
	#latest_news ul.headlines li {
	
	text-align: center;
	padding: 0;
	width: 306px;
	float: left;
	margin-right: 20px;
	
	}
	
	#latest_news ul.headlines strong {
	
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	width: 100%;
	
	}
	
	#latest_news ul.headlines li a {
	
	font: normal 18px/21px Georgia, "Times New Roman", serif;
	float: left;
	clear: left;
	width: 100%;
	
	}
	
	#latest_news ul.actions {
	
	float: right !important;
	
	}
	

/* FEATURES BOX
----------------------------------------------------------------------------- */


	#features {
	
	width: 580px;
	height: 320px;
	
	}

	#features > div {
	
	float: left;
	width: 580px;
	height: 320px;
	margin: 0 0 0 60px;

	}
		
	#features div div {
	
	width: 580px;
	margin: 0;
	
	}
	
	#features h3 {
	
	display: none;
	
	}
	

	/* Tabs */
	
	
	#features .tabs {

	margin: 30px 0 15px 0;	
	padding-left: 20px;

	}
	
	#features .tabs a {
	
	font: normal 18px/18px Georgia, "Times New Roman", serif;
	padding-top: 20px;
	
	}
	
	#features #photos ul.tabs a,
	#features #photos ul.tabs li.selected a {
	
	background: none;
	font-size: 10px;
	line-height: 12px;
	
	}
		
	
	/* Video */
	

	#features .video {
	
	font-size: 10px;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	width: 580px;
	height: 286px;
	
	}
	
	#features .video div.details img,
	#features .video div.details em.artist,
	#features .video a.details,
	#features .video a.mute,
	#features .video a.unmute,
	#features .video ul.actions {
	
	display: none !important;
	
	}
	
	#features .video div.details {
	
	width: 100%;
	background: url(../skins/year4-public/images/section-home/bg-controls.png) repeat;
	padding: 5px 0;
	position: absolute;
	top: -30px;
	left: 0;
	z-index: 30;
	
	}
	
	#features .video div.details a {
	
	color: #fff;
	font-weight: bold;
	font-size: 9px;
	line-height: 13px;
	margin-left: 10px;
	float: left;
	
	}
	
	#features .video div.details a.comments {
	
	color: #ae0000;
	margin-right: 10px;
	float: right;
	}
	
	#features .video div.details var {
	
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
	position: absolute;
	right: 100px;
	top: 5px;
	
	}
	
	#features .video div.details var em {
	
	font-style: normal;
	font-weight: bold;
	
	}
	
	#features div.flash div {
	
	width: 100%;
	height: 295px;
	
	}
	
	#features .video .controls {
	
	width: 119px !important;
	height: 18px !important;
	background: url(../skins/year4-public/images/tabs/bg-tabs-features.png) no-repeat;
	margin: 0;
	padding: 7px 16px 7px 18px !important;
	position: absolute;
	left: 210px;
	bottom: -34px;

	}
	
	#features .video .controls li {
	
	float: left;
	margin: 0;
	
	}
	
	
	#features .video .controls li a {
	
	width: 17px;
	height: 19px;
	display: block;
	text-indent: -5000px;
	
	}
	
	#features .video .controls li a.back:hover,
	#features .video .controls li a.skip:hover,
	#features .video .controls li a.play:hover,
	#features .video .controls li a.pause:hover {
	
	background-position: 0 -19px;
	
	}
	
	#features .video .controls li a.back {
	
	background: url(../images/actions/a-player-back.png) no-repeat;
	
	}
	
	#features .video .controls li a.play {
	
	background: url(../images/actions/a-player-play.png) no-repeat;
	margin: 0 30px 0 38px;
	
	}

	#features .video .controls li a.pause {
	
	background: url(../images/actions/a-player-pause.png) no-repeat;
	margin: 0 33px 0 35px;
	
	}

	#features .video .controls li a.skip {
	
	background: url(../images/actions/a-player-skip.png) no-repeat;
	
	}
	
	
	/* Photos */
	
	
	#features #photos {
	
	position: relative;
	float: left;
	height: 288px;
	
	}
	
	
	/* Photos - Tabs */
	
	
	#features #photos ul.tabs {
	
	width: 73px !important;
	height: 18px !important;
	background: url(../skins/year4-public/images/tabs/bg-tabs-features.png) no-repeat;
	margin: 0;
	padding: 7px 40px !important;
	position: absolute;
	left: 210px;
	bottom: 0;
	z-index: 20;
	visibility: visible;
	
	}
	
	#features #photos ul.tabs li {
	
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	
	}
	
	#features #photos ul.tabs li a {
	
	padding: 0;
	text-indent: -5000px;
	display: block;
	width: 26px;
	height: 19px;
	
	}
	
	#features #photos ul.tabs li.gallery.selected a,
	#features #photos ul.tabs li.thumbnails.selected a,
	#features #photos ul.tabs li.gallery a:hover,
	#features #photos ul.tabs li.thumbnails a:hover {
	
	background-position: 0 -19px;
	
	}
	
	#features #photos ul.tabs li.thumbnails a {
	
	background: url(../skins/year4-public/images/tabs/tab-photos-thumbnails.gif) no-repeat;
	margin-right: 20px;
	
	}

	#features #photos ul.tabs li.gallery a {
	
	background: url(../skins/year4-public/images/tabs/tab-photos-gallery.gif) no-repeat;

	}
	
	
	/* Thumbnails */
	
	
	#features #thumbnails ul.photos {
	
	margin: 0;
	padding: 0;
	width: 580px;
	
	}
	
	#features #thumbnails ul.photos li {
	
	margin: 0 3px 3px 0;
	
	}
	
	#features #thumbnails ul.photos a {
	
	width: 145px;
	
	}
	
	#features #thumbnails img {
	
	width: 100%;
	
	}
	
	#features #thumbnails ul.actions {
	
	position: absolute;
	top: 285px;
	bottom: 0;
	right: 0;
	
	}
	
	
	/* Photos - Gallery */
	
	
	#features .slideshow,
	#features .slideshow ul.photos {
	
	width: 580px !important;
	height: 286px !important;
	padding: 0;
	margin: 0;
	
	}
	
	#features .slideshow ul.photos li {
	
	margin: 0;
	width: 100%;
	height: 286px !important;
	
	}
	
	#features .slideshow ul.photos img {
	
	height: auto;
	width: 100%;
	
	}

	#features .slideshow #prev {
	
	left: 0;
	
	}
	
	#features .slideshow #next {
	
	right: 0;
	
	}
	

/* FEATURED MERCH
----------------------------------------------------------------------------- */


	#featured_merch {

	display: none !important;

	width: 230px;
	height: 300px;
	margin: 125px 0 0 170px;
	float: left;
	position: relative;
	overflow: hidden;
	
	}
	
	#featured_merch h3 {
	
	display: none;
	
	}
	
	#featured_merch #merch {
	
	margin: 58px 0 0 5px;
	
	}
	
	#featured_merch #merch,
	#featured_merch #merch ul.items {
	
	width: 200px;
	
	}
	
	#featured_merch #merch ul.items li {

	width: 180px;
	clear: left;
	margin: 0 0 25px 0;
	padding: 0;
	border: 0 !important;

	}

	#featured_merch #merch ul.items li a img {

	width: 180px;
	height: 180px;

	}
	
	#featured_merch ul.actions {
	
	padding: 0 !important;
	position: absolute;
	top: 30px;
	left: 10px;
	
	}
	
	#featured_merch ul.actions li {
	
	float: left !important;
	margin-right: 15px !important;
	
	}
	
	#featured_merch dt em {
	
	display: none;
	
	}
	
	
	/* Pagination */
	
	
	#featured_merch #merch #prev,
	#featured_merch #merch #next {
	
	width: 23px;
	height: 23px;
	display: block;
	text-indent: -5000px;
	position: absolute;
	right: 4px;
	
	}
	
	#featured_merch #merch #prev:hover,
	#featured_merch #merch #next:hover {
	
	background-position: 0 -23px;
	
	}
	
	#featured_merch #merch a#prev {
	
	top: 240px;
	
	}

	#featured_merch #merch a#next {

	top: 268px;
	
	}
		

/* AD BANNERS
----------------------------------------------------------------------------- */


	#ads {
	
	width: 100%;
	float: left;
	clear: left;
	
	}
	
	#ads.middle div {
	
	float: left;
	
	}
	
	#main #ads div {
	
	margin: 0 !important;
	
	}
	
	#ads div#wide {
	
	margin-right: 10px !important;
	
	}
	

/* MAIN STRUCTURAL CONTAINERS AND HEADINGS
----------------------------------------------------------------------------- */
	
	
	#main #hq,
	#main #network,
	#main #shop {
	
	float: left;
	clear: none;
	
	}
	
	#main #hq div,
	#main #network div,
	#main #shop div {
	
	float: left;
	clear: left;
	margin-bottom: 25px;
	
	}
	
	/* Section Headings */
	
	
	#main h3 {
	
	height: auto;
	padding: 0;
	margin-bottom: 8px;
	text-align: center;
	text-transform: uppercase;
	background: none;
	
	}
	
	#main div h3 {
	
	font-size: 14px;
	line-height: 14px;
	
	}
	
	#main #heading {
	
	width: 100%;
	height: 40px;
	margin-bottom: 25px;
	text-align: center;
	background: none;
	float: none !important;
	clear: none !important;
	
	}
	
	#main #heading h3 {

	height: 26px;
	background: url(../skins/year4-public/images/section-home/bg-rule.gif) repeat-x bottom center;
	margin-bottom: 4px;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	
	}
	
	#main #hq #heading h3 {
	
	color: #ffffff;
	
	}

	
/* NEWS FROM HQ
----------------------------------------------------------------------------- */
	
	
	#main #hq {
	
	width: 480px;
	padding: 0 12px 0 25px;
	
	}
	
	
	/* News */
	
	
	#main #news h3,
	#main #news li ul.actions {
	
	display: none;
	
	}
	
	#main #news li {
	
	width: 480px;
	margin-bottom: 25px;
	
	}
	
	#main #news li.last {

	margin-bottom: 0;
	
	}
	
	#main #news h4 {
	
	margin-bottom: 2px;
	
	}
	
	#main #news h4 a {
	
	font-weight: normal;
	text-transform: none;
	
	}
	
	#main #news div.story {
	
	margin-bottom: 0;
	width: 100%;
	
	}
	
	#main #news embed,
	#main #news object {
	
	width: 480px;
	z-index: 200;
	position: relative;
	
	}
	
	#main #news ul.actions {
	
	background: url(../skins/year4-public/images/section-home/bg-rule.gif) repeat-x top center;

	}
	
	
	/* Mailing List */
	
	
	#page-index #subscribe {
	
	width: 480px;
	margin: 0 0 25px 0;
	
	}
	
	#page-index #subscribe h3 {
	
	text-align: left;
	
	}
	
	#page-index #subscribe em {
	
	display: none;
	
	}
	
	#page-index #subscribe label {
	
	padding: 0;
	
	}
	
	#page-index #subscribe label input {
	
	font: italic 10px/12px Arial, Helvetica, Sans-Serif;
	padding: 4px;
	
	}
	
	#page-index #subscribe ul.actions {

	float: left;
	
	}
		
	
/* NETWORK
----------------------------------------------------------------------------- */
	
	
	#main #network {
	
	width: 180px;
	padding: 0 12px 0 0;
	margin-left: 12px;
	background: none;
	border: none;
	
	}
	
	#main #network div {
	
	width: 180px !important;
	
	}
	
	#main #network a,
	#main #network .browse a {
	
	text-indent: 0;
	background: none;
	width: auto;
	height: auto;
	
	}
	
	
	/* Maggots Online & Latest Submissions */
	
	
	#main #network #photos ul.photos li,
	#main #network #online ul.members li {
	
	float: left;
	margin: 0 3px 3px 0;
	
	}
	
	#main #network #photos ul.photos li,
	#main #network #photos li img,
	#main #network #online li a.picture,
	#main #network #online li img {

	width: 87px;
	height: 87px;
	
	}
	
	#main #network #online li a.alias,
	#online h3 {
	
	display: none;
	
	}


	/* Referral Contest */
	
		
	#referral {
	
	width: 180px;
	
	}
	
	#referral div tr {
	
	border: none;
	width: 180px;
	padding: 0;
	margin-bottom: 15px;
	float: left;
	
	}
	
	#referral p {
	
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	text-align: center;
	
	}

	#referral td.member,
	#referral td.tally {
	
	width: 180px;
	float: left;
	clear: left;
	text-align: center;
	
	}	

	#referral td.member a {
	
	font: italic 12px/13px Georgia, Serif;
	font-weight: normal;
	
	}
	
	#referral td.tally em {
	
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	
	}
	
	#referral a.alias {
	
	background: none;
	
	}
	
	#referral div h3,
	#referral a.picture,
	#referral div td.member span,
	#referral div br {
	
	display: none !important;
	
	}
	
	#referral ul.actions li {
	
	float: left !important;
	margin: 0 7px !important;
	
	}
	
		
/* SHOP
----------------------------------------------------------------------------- */


	#main #shop,
	#main #shop div,
	#main #shop #merch ul.items,
	#main #shop #merch_exclusive ul.items,
	#main #shop #merch ul.items li,
	#main #shop #merch_exclusive ul.items li {
	
	width: 200px;
	
	}
	
	#main #shop {
	
	padding: 0 25px 0 12px;
	min-height: 763px;
	background: url("../skins/year4-public/images/section-home/tribal-s.gif") no-repeat center center;
	
	}
	
	#main #shop div {
		
	display: none !important;
		
	}
	
	#main #shop #merch h3,
	#main #shop #merch_exclusive h3 {

	display: none;

	}

	#main #shop #merch ul.items li,
	#main #shop #merch_exclusive ul.items li {

	clear: left;
	margin: 0 0 25px 0;
	padding: 0;
	border: 0;

	}

	#main #shop #merch ul.items li a img,
	#main #shop #merch_exclusive ul.items li a img {

	width: 200px;
	height: 200px;

	}
	
	#main #shop #merch li dt a,
	#main #shop #merch_exclusive li dt a {
	
	font: normal 14px/16px Georgia, "Times New Roman", Serif;
	
	}
	
	#main #shop #merch li dt em,
	#main #shop #merch_exclusive li dt em {
	
	font-size: 11px;
	font-style: normal;
	
	}
	
	#main #shop #merch li dl,
	#main #shop #merch_exclusive li dl {
	
	font-size: 12px;
	
	}
	
	
/* CHAT PROMPT
----------------------------------------------------------------------------- */


	#page-index #chat .chat,
	#page-index #chat .dim {
	
		left: 60px;
		top: 83px;
	
		}
		
		
/* ANNIVERSARY
----------------------------------------------------------------------------- */


	#page-index #anniversary a {
	
		display: block;
		text-indent: -5000px;
		width: 579px;
		height: 320px;
		background: url('../images/actions/anniversary.jpg');
		
		}