/* main bloodnok styles */

/* links */
a {
	font-size: small;
	text-decoration: none;
}
a:link,a:visited {
	color: #39C;
}
a:hover,a:active {
	color: #99C;
}
a.buy,a.buy:link {
	color: #F3C;
	font-size: small;
	text-decoration: none;
}
a.buy:visited {
	color: #B8E;
}
a.buy:hover,a.buy:active {
	color: #C9F;
}
a.commerce {
	color: #CCC;
	text-align: left;
}
a.mp3 {
	font-size: small;
	text-decoration: none;
}
a.mp3:link,a.mp3:visited {
	color: #9FF;
}
a.mp3:hover,a.mp3:active {
	color: #3F9;
}
a.ogg {
	font-size: small;
	text-decoration: none;
}
a.ogg:link,a.ogg:visited {
	color: #9F9;
}
a.ogg:hover,a.ogg:active {
	color: #9C3;
}
a.sit {
	font-size: x-small;
	text-decoration: none;
}
a.sit:link,a.sit:visited {
	color: #39C;
}
a.sit:hover,a.sit:active {
	color: #99C;
}

/* trick to dispense with borders on images... */
a img {
	border: none;
}

/* headings */
h1 {
	color: #0CF;
	font: bold medium arial, helvetica, san-serif;
}

/* paragraphs */
p {
	color: #999;
	font: italic x-small arial, helvetica, san-serif;
}

/* ids */

#wrap {
	width: 95%;
	margin: 0 auto;
	padding: 10px;
	overflow: hidden;
}
#main {
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
#toons {
	float: left;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 46%;
}
#disks {
	float: right;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 46%;
}


/* classy */
.disk {
	color: #CCC;
	text-align: center;
	clear: both;
}
.audio {
	color: #CCC;
	font: normal medium arial, helvetica, san-serif;
	text-align: center;
	clear: both;
	margin-bottom: 1em;
}
.cleared {
}
.commerce {
	font: small arial, helvetica, san-serif;
	text-align: left;
}
.complain {
	color: #999;
	font: x-small arial, helvetica, san-serif;
	clear: both;
	margin-bottom: 1em;
}
.image {
	float: left;
	margin: 0 5px 0 0;
	width: 75px;
	height: 75px;
}
.propaganda {
	text-align: center;
}
.rip {
	color: #F00;
	font: bold medium arial, helvetica, san-serif;
	margin-bottom: 1em;
	clear: both;
}
a.rip:link,a.rip:visited {
	color: #F00;
}
a.rip:hover,a.rip:active {
	color: #DD9;
}
.spiked {
	font: xx-small courier, monospace;
}
.terms {
	color: #999;
	font: x-small arial, helvetica, san-serif;
	clear: both;
	margin-bottom: 1em;
}
.tiny {
	font-size: xx-small;
}
.tip {
	border: 1px #666 solid;
	background-color: #333;
	color:#9F9;
	font-size: x-small;
	left: 90px;
	padding: 3px 3px;
	position: absolute;
	text-align: left;
	top: 10px;
	visibility: hidden;
	width: 300px;
	z-index: 100;
}
.title {
	color: #6FF;
	font: small arial, helvetica, san-serif;
	margin: 1em 0;
	text-align: left;
	clear: both;
}

/* shows */
.show {
	color: #DD9;
	font-size: xx-small;
}
a.show:link,a.show:visited {
	color: #DD6;
	font-size: xx-small;
	text-decoration: none;
}
a.show:hover,a.show:active {
	color: #BB3;
}

/* default page background */
body {
	background: #000 url(image/bwbloodnok.gif) 0 0 no-repeat fixed;
}

/* !mobile default settings */
.mobile {
	display: none;
}
.notmobile {
	display: inherit;
}

@media only screen and (max-device-width: 480px) {
	html,body,p,div,h1 {
		-webkit-text-size-adjust: none;
	}
	body {
		min-width: 320px;
	}
	/* swap mobile settings */
	.mobile {
		display: inherit;
	}
	.notmobile {
		display: none;
	}
	div#mooseOver {
		display: none;
	}
}