html {
	height: 100%; /*STOCK*/
	overflow-y: scroll; /*STOCK*/
	}

body {
	background: #222; /*STOCK*/
	color: ; /*STOCK*/
	font: ; /*STOCK*/
	height: 100%; /*STOCK*/
	}

#wrapper {
	background: #; /*STOCK*/
	font: 11px verdana; /*STOCK*/
	margin: 0px auto; /*STOCK*/
	min-height: 100%; /*STOCK*/
	width: 720px; /*STOCK*/
	}

#content {
	padding: 92px 0px 55px; /*STOCK*/
	position: relative; /*STOCK*/
	}

	a:link {text-decoration: none; color: #777; }
	a:visited {text-decoration: none; color: #777; }
	a:hover {text-decoration: none; color: #0f0; }
	a:active {text-decoration: none; color: #f99; }



p {
	margin-top: 12px;
	}

	.alc /* alc=ALWAYS LOWER CASE */ {
		text-transform: lowercase;
		}

caption {
	letter-spacing: 2px;
	font: 14px trebuchet-italic;
	padding:  5px 1px;
	text-align: left;
	}

	.here{
		border-top: solid 1px #0f0;
		color: #5c5;
		}

hr {
	border: 0 none;
	height: 1px;
	}

table {
	border-collapse: separate;
	color: #777;
	font: 11px verdana;
	margin-bottom: 15px;
	width: 660px;
	}

th {
	background: #444;
	border: 1px solid #222;
	color: #000;
	font: 11px trebuchet;
	letter-spacing: 2px;
	padding: 5px 0px;
	text-transform: uppercase;
	}

	tr:hover {
		background: rgba(120,120,120, .7);
		color: #777;
		}

	tr.playoff-div {
		background-color: #444;
    		}


td {
	background: rgba(20,20,20,.8);
	border: 1px solid #333;
	padding: 5px 10px;
	text-align: center;
	}

	#footnotes {
		color: #888;
		width: 660px;
		margin: 0px auto;
		}


.blank, .blank tr {
	color: #444;
	}

	.blank img, .blank tr img {
		opacity: 0.2;
		}

			.night-PS {
				background: #111;
				}

				.night-PS4 {
					background: #111;
					}

			.night-RS {
				background: #111;
				color: #0a0;
				letter-spacing: .5px;
				}

				.night-RS4 {
					background: #111;
					color: #0a0;
					letter-spacing: .5px;
					}

			.night-SS {
				background: #111;
				color: #0a0;
				letter-spacing: .5px;
				}

				.night-SS4 {
					background: #111;
					color: #0a0;
					letter-spacing: .5px;
					}



.next, .next tr {
	color: #0a0;
	}


.note-1 {
	background-image: url("../zone/kraken/image/note/note-1.png") ;
	background-repeat: no-repeat;
	background-position: right top;
	}

.note-2 {
	background-image: url("../zone/kraken/image/note/note-2.png") ;
	background-repeat: no-repeat;
	background-position: right top;
	}

.note-3 {
	background-image: url("../zone/kraken/image/note/note-3.png") ;
	background-repeat: no-repeat;
	background-position: right top;
	}

.note-4 {
	background-image: url("../zone/kraken/image/note/note-4.png") ;
	background-repeat: no-repeat;
	background-position: right top;
	}

.note-5 {
	background-image: url("../zone/kraken/image/note/note-5.png") ;
	background-repeat: no-repeat;
	background-position: right top;
	}






/* words */
#words {
	color: #555;
	font: 14px verdana;
	margin-top: -43px;
	padding: 0px 0px 37px;
	text-transform: capitalize;
	}

	/* in multi-article.css, kraken.css, word.css */
	#words .goml-menu {
		background: #000;
		color: #777;
		font: 16px georgia;
		padding-top: 5px;
		text-align: center;
		width: 600px;
		}

		#words .goml-menu a:link {text-decoration: none; color: #01CC01; }
		#words .goml-menu a:visited {text-decoration: none; color: #01CC01; }
		#words .goml-menu a:hover {text-decoration: none; color: #f00; }
		#words .goml-menu a:active {text-decoration: none; color: #309; }


	#words .category {
		color: #555;
		font: 17px tahoma;
		margin: 34px 0px 7px;
		letter-spacing: 6px;
		text-transform: uppercase;
		}

		#words .article {
			font-size: 16px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}

		#words .byline {
			font: 13px arial;
			margin-bottom: 15px;
			text-transform: capitalize;
			letter-spacing: 1px;
			}
/* words */


/* AV */
#av {
	color: #555;
	font: 14px verdana;
	line-height: 21px;
	padding: 0px 0px 37px;
	text-transform: capitalize;
	}

	#av a:link {text-decoration: none; color: #777; }
	#av a:visited {text-decoration: none; color: #777; }
	#av a:hover {text-decoration: none; color: #0f0; }
	#av a:active {text-decoration: none; color: #f00; }

	#av .date {
		color: #666;
		font: 12px verdana;
		margin-top: -5px;
		position: relative;
		}

	#av .source {
		font: 9px verdana;
		}

		#av .source a:link {text-decoration: none; color: #555; }
		#av .source a:visited {text-decoration: none; color: #555; }
		#av .source a:hover {text-decoration: none; color: #0f0; }
		#av .source a:active {text-decoration: none; color: #f00; }
/* AV */



/* DECADE */
#decade {
 	position: relative;
	margin: 0px auto;
	margin-top: -10px;
	width: 660px;
	}

#decade .decade-total {
	background: #222;
	}
	
	#decade .decade-total:hover {
		background: rgba(0,110,0, .7);
		}

#decade .record-best {
	color: #090;
	}

#decade .record-worst {
	color: #a00;
	}

#decade .px107 {
	width: 107px;
	}

#decade .px130 {
	width: 130px;
	}

#decade .px67 {
	width: 67px;
	}

#decade .px60 {
	width: 60px;
	}

#decade .px43 {
	width: 43px;
	}

#decade .px40 {
	width: 40px;
	}
/* DECADE */

/* SCHEDULE */
#schedule {
	position: relative;
	margin: 0px auto;
	margin-top: -10px;
	width: 660px;
	}

#schedule .gm {
		min-width: 71px;
		}

		#schedule .preseason,
		#schedule .regseason,
		#championship .nhl-ss {
			list-style-type: none;
			counter-reset: css-counter 0; /* initializes counter to 0; use -1 for zero-based numbering */
			}

		.preseason .ps-game-num,
		.regseason .rs-game-num,
		.nhl-ss .ss-game-num {
			counter-increment: css-counter 1; /* Increase the counter by 1. */
			}
		.preseason .ps-game-num:before,
		.regseason .rs-game-num:before,
		.nhl-ss .ss-game-num:before {
			content: counter(css-counter, decimal-leading-zero) ""; /* Apply counter before children's content. */
			}


#schedule .day {
		min-width: 50px;
		}

#schedule .date {
		min-width: 92px;
		}

#schedule .opponent {
		border-left: none;
		text-align: left;
		padding-left: 0px;
		width: 257px;
		}

	#schedule .gamebook {
		left: 160px;
		}

#schedule .loc {
		border-right: none;
		width: 15px;
		}

#schedule .wl {
		border-right: none;
		width: 40px;
		}

#schedule .ot {
		color: #3c3;
		}

#schedule .no-ot {
		color: #444;
		}

/* SCHEDULE */


/* championship */
#championship {
	position: relative;
	margin: 0px auto;
	width: 660px;
	}

#championship table {
	margin-bottom: 0px;
	}

#championship th {
	background: #666;
	color: #000;
	}

#championship .date {
	width: 92px;
	}

#championship .winner {
	border-right: none;
	padding-left: 15px;
	text-align: left;
	width: 210px;
	}

#championship .vs {
	float: right;
	}

#championship .loser {
	border-left: none;
	text-align: left;
	width: 210px;
	}

	#championship .gamebook {
		right: -127px;
		}

#championship .gm {
	width: 25px;
	}

#championship .east {
	background: #333;
	border-radius: 4px;
	color: #000;
	font: 10px verdana-bold;
	margin-right: 7px;
	padding: 0px 3px 1px 2px;
	}

#championship .west {
	background: #333;
	border-radius: 4px;
	color: #000;
	font: 10px verdana-bold;
	margin-right: 7px;
	padding: 0px 3px 1px 2px;
	}

	#championship .eastw {
		background: #444;
		border-radius: 4px;
		color: #600;
		font: 10px verdana-bold;
		margin-right: 7px;
		padding: 0px 3px 1px 2px;
		}

	#championship .westw {
		background: #444;
		border-radius: 4px;
		color: #006;
		font: 10px verdana-bold;
		margin-right: 7px;
		padding: 0px 3px 1px 2px;
		}

#championship .conf {
	font: 10px verdana-bold;
	color: #555;
	}

#championship .ot {
		color: #3c3;
		}

#championship .no-ot {
		color: #666;
		}

#championship .hawks {
		font-weight: bold;
		color: #0c0;
		}
/* championship */

	.floaters {
		float: right;
		position: relative;
		}

		.floaters a:link {text-decoration: none; color: #000; }
		.floaters a:visited {text-decoration: none; color: #000; }
		.floaters a:hover {text-decoration: none; color: #0c0; }
		.floaters a:active {text-decoration: none; color: #f99; }

		/* chuck only in SCHEDULE */
		.floaters .chuck {
			opacity: .7;
			position: absolute;
			right: 14px;
			top: 3px;
			}

		.floaters .gamebook {
			position: absolute;
			}

			.floaters .nogb {
				color: #444;
				}

				.floaters .nogb a:link {text-decoration: none; color: #444; }
				.floaters .nogb a:visited {text-decoration: none; color: #444; }
				.floaters .nogb a:hover {text-decoration: none; color: #444; }
				.floaters .nogb a:active {text-decoration: none; color: #444; }



		/* BEGIN media */
		.media ul {
			list-style: none;
			margin: 0;
			/* float: left;    FOR LEFT TO RIGHT */
			}

		.media li {
			position: relative;
			}

		.media a {
			text-decoration: none;
			}

		.media ul ul {
			display: none;
			position: absolute;
			left: 0px;
			}

		.media ul ul li {
			}

		.media .info {
			-moz-border-radius: 5px;
			-moz-box-shadow: 7px 7px rgba(0, 0, 0, .7);
			-webkit-border-radius: 5px;
			-webkit-box-shadow: 7px 7px rgba(0, 0, 0, .7);
			background: url("../zone/kraken/image/bg/bg-popup.png") center top; /* path from location of css file */
			border-color: #444;
			border-radius: 5px;
			box-shadow: 7px 7px 7px rgba(0, 0, 0, .7);
			content: "";
			display: block;
			height: auto;
			padding: 10px 20px 0px;
			position: absolute;
			text-align: left;
			z-index: 1;
			}

			.media .td {
				left: -475px;
				top: -31px;
				width: 435px;
				}

			.media .mid {
				left: -475px;
				top: -222px;
				width: 435px;
				}

			.media .bu {
				bottom: -7px;
				left: -475px;
				width: 435px;
				}

			.media hr {
				background: none repeat scroll 0 0 #222;
				height: 1px;
				margin: 7px auto;
				width: 100%;
				}

				.media .au-vi-div {
					display: block;
					margin: 0px auto;
					}


		.media ul li:hover > ul {
			display: block;
			}

		.clear {
			clear:both;
			}

			.header {
				color: #888;
				font: 16px georgia-bold;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				}

			 .sub-header {
				background: #111;
				color: #666;
				font: 8px verdana;
				text-transform: uppercase;
				position: relative;
				top: 1px;
				letter-spacing: 2px;
				}

			.blurb {
				color: #888;
				font: 11px verdana;
				text-transform: uppercase;
				}

			.blurb .alc {
				font: 14px georgia;
				text-transform: capitalize;
				}

			.stats {
				color: #444;
				max-width: 415px;
				margin: 7px 0px 3px;
				overflow: hidden;
				padding: 7px 16px 21px;
				text-overflow: ellipsis;
				}

				ol {
					counter-reset: item;
					}

					ol li {
						display: block;
						padding: 7px 0px 7px;
						}

					ol li:before { 
						color: #555;
						content: counter(item, decimal-leading-zero) "";
						counter-increment: item;
						font: 10px verdana-bold;
						letter-spacing: 2px;
						opacity: .7;
						}


				.av-link  {
					}

					.av-link a:link {text-decoration: none; color: #444; }
					.av-link a:visited {text-decoration: none; color: #444; }
					.av-link a:hover {text-decoration: none; color: #0b0; }
					.av-link a:active {text-decoration: none; color: #666; }


				 .av-type {
					background: #111;
					color: #555;
					font: 10px verdana-bold;
					text-transform: uppercase;
					letter-spacing: 2px;
					padding: 0px 4px;
					width: 85px;
					}

				.av-time {
					color: #666;
					font: 10px verdana;
					letter-spacing: 1.5px;
					text-transform: uppercase;
					}

				.av-play {
					float: right;
					}


		/* game positioning */
		.media.game {
			float: right;
			height: 15px;
			width: 21px;
			}

			.av {
				float: right;
				}
		/* game positioning */


/* linkage */
#linkage {
	color: #aaa;
	font: 27px verdana;
	letter-spacing: 1.5px 
	margin: 0px auto;
	margin-top: 27px;
	position: relative; 
	text-align: center;
	}

	#linkage h5 {
		color: #555;
		letter-spacing: 17px; 
		margin-top: 20px;
		text-transform: uppercase;
		}

	pre a:link {text-decoration: none; color: #777; }
	pre a:visited {text-decoration: none; color: #777; }
	pre a:hover {text-decoration: none; color: #0f0; }
	pre a:active {text-decoration: none; color: #f99; }
/* linkage */











/* FIXED */ /* OUTSIDE the wrapper unless noted */
#pdf-misc {
	background: rgba(0,0,0, .17);
	border-radius: 0px 0px 7px 0px;
	color: #555;
	font: 10px verdana;
	left: -1px;
	padding: 17px 36px;
	position: fixed;
	text-align: center;
	top: 34px;
	}

	#pdf-misc a:link {text-decoration: none; color: rgba(77,77,77, 1); }
	#pdf-misc a:visited {text-decoration: none; color: rgba(77,77,77, 1); }
	#pdf-misc a:hover {text-decoration: none; color: #0c0 }
	#pdf-misc a:active {text-decoration: none; color: #0c0; }

		#pdf-misc .webversion a:link {text-decoration: none; color: rgba(77,77,77, .5); }
		#pdf-misc .webversion a:visited {text-decoration: none; color: rgba(77,77,77, .5); }
		#pdf-misc .webversion a:hover {text-decoration: none; color: rgba(204,0,0, 1); }
		#pdf-misc .webversion a:active {text-decoration: none; color: rgba(204,0,0, 1); }


/* countdown */
#nsb {
	background: #222;
	color: #090;
	font: 13px verdana-bold;
	height: 24px;
	margin: 0px auto;
	padding: 5px 0px 0px;
	position: fixed;
	text-align: center;
	top: 34px;
	width: 658px;
		left: 50%;
		transform: translateX(-50%);
	}

	#nsb-container {
		width: 100%;
		}

	#cd-title {
		margin: 0px auto;
		width: 339px;
		}

	#countdown {
		text-align: center;
		position: relative;
		}
/* countdown */

#temp {
	bottom: 30px;
	font: 18px verdana-bold;
	right: 14px;
	position: fixed;
	}

	#temp a:link {text-decoration: none; color: rgba(0,0,0, .1); }
	#temp a:visited {text-decoration: none; color: rgba(0,0,0, .1); }
	#temp a:hover {text-decoration: none; color: #666; }
	#temp a:active {text-decoration: none; color: #666; }
/* FIXED */


	.multi-button-small {
		background: #020;
		border: 1px solid #040;
		border-radius: 5px;
		color: #050;
		font: 7px verdana;
		letter-spacing: 1px;
		padding: 0px 3px;
		position: relative;
		text-transform: uppercase;
		top: -1px;
		}

		.multi-button-small:hover {
			border: 1px solid #050;
			background: #030;
			color: #090;
			}