/*		coded by bob rudderow for newgrounds.com		*/

* {margin: 0; padding: 0; border: 0;}
body {
	position: relative;		/*  added only so the blackout class will go to 100%  */
	background: #000 url(//cssimg.ngfiles.com/bg-skins/gold2-body.gif) top center repeat-y; }

div.passport_head_links {
	display: inline-block;
	line-height: 46px;
	font-size:2em;
	padding-left:20px;
	font-weight:bold;
	/* background: url('//cssimg.ngfiles.com/icons/passport-header-icons.png') 14px 9px no-repeat; */
}

div.passport_head_links a {
	left: -76px;
    position: relative;
    padding-left: 76px;
    color: #fc0;
}

div.passport_head_links a:hover,
div.passport_head_links strong {
	color: #fff;
}

div.passport_container {
	display: none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.85);
	position: absolute;
	z-index: 9100;
}

iframe.passport_frame {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: 0px;
	position: relative;
}

/* upload button in header */
div.header_upload_position { /* used when not logged in */
	position:absolute;
	top: 10px;
	left: 164px;
	line-height: 21px;
}
div.header_upload_button {
	display:inline-block;
	border-left: 2px solid #363232;
	margin-left: 10px;
	padding-left: 10px;
}
div.header_upload_button a, div.header_upload_button a:visited {
	color:#fda238;
	font-weight:bold;
	font-size: 1.2em;
	background-color: #464D54;
	border: 2px solid #34393E;
	display:inline-block;
	padding-left: 4px;
	padding-right: 4px;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#34393e+0,34393e+50,464d54+51,464d54+100 */
	background: #34393e; /* Old browsers */
	background: -moz-linear-gradient(top,  #34393e 0%, #34393e 50%, #464d54 51%, #464d54 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34393e), color-stop(50%,#34393e), color-stop(51%,#464d54), color-stop(100%,#464d54)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #34393e 0%,#34393e 50%,#464d54 51%,#464d54 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #34393e 0%,#34393e 50%,#464d54 51%,#464d54 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #34393e 0%,#34393e 50%,#464d54 51%,#464d54 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #34393e 0%,#34393e 50%,#464d54 51%,#464d54 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34393e', endColorstr='#464d54',GradientType=0 ); /* IE6-9 */
}
div.header_upload_button a:hover {
	color:#FFFFFF;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5e6770+0,5e6770+50,7e8b98+51,7e8b98+100 */
	background: #5e6770; /* Old browsers */
	background: -moz-linear-gradient(top,  #5e6770 0%, #5e6770 50%, #7e8b98 51%, #7e8b98 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e6770), color-stop(50%,#5e6770), color-stop(51%,#7e8b98), color-stop(100%,#7e8b98)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5e6770 0%,#5e6770 50%,#7e8b98 51%,#7e8b98 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5e6770 0%,#5e6770 50%,#7e8b98 51%,#7e8b98 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5e6770 0%,#5e6770 50%,#7e8b98 51%,#7e8b98 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5e6770 0%,#5e6770 50%,#7e8b98 51%,#7e8b98 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e6770', endColorstr='#7e8b98',GradientType=0 ); /* IE6-9 */
}

div.uploads_page_links {
	text-align:center;
	font-size: 1.5em;
}
p.uploads_page_comment {
	margin: 12px;
}

div.uploads_page_links a.upload_button {
	color: #FFFFFF;
	display: inline-block;
	width: 429px;
	text-align: center;
	margin: 5px 200px 5px 200px;
	padding: 0px;
	font-weight: bold;
}
div.uploads_page_links a.upload_button:active {
	color: #FFFFFF;
}
div.uploads_page_links a.upload_button:visited {
	color: #FFFFFF;
}
div.uploads_page_links a.upload_button:hover {
	color: #FFFFFF;
}

span.upload_button_type {
	display:block;
	margin: 8px 0px 4px 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 1.4em;
}
span.upload_button_supported {
	display:block;
	margin: 4px 0px 8px 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 0.8em;
}

div.uploads_page_links a.upload_games			{ background-color: #392AFF; }
div.uploads_page_links a.upload_games:hover		{ background-color: #5346FE; }

div.uploads_page_links a.upload_movies			{ background-color: #981E33; }
div.uploads_page_links a.upload_movies:hover		{ background-color: #AA3045; }

div.uploads_page_links a.upload_audio			{ background-color: #4B8440; }
div.uploads_page_links a.upload_audio:hover		{ background-color: #659D5B; }

div.uploads_page_links a.upload_art				{ background-color: #CD58C3; }
div.uploads_page_links a.upload_art:hover		{ background-color: #E17DD8; }

div.uploads_page_links a.upload_projects			{
	background-color: #524F7C;
	padding: 12px 0px 12px 0px;
}
div.uploads_page_links a.upload_projects:hover	{ background-color: #64618A; }

#blackout {
	display: none; }
#blackout.blackout-on {
	display: block; }
#blackout_bg {
	width: 100%;
	height: 100%;
	background: black;
	position: absolute;
	z-index: 9006;
	opacity: .85; }

.pagecentered {
	width: 100%;
	position: absolute;
	z-index: 9007; }

.pagecentered > * {
	display: block;
	margin: 0 auto; }

/* For moderator based popins */
.bbsmodraised {
	position: absolute;
	z-index: 9900;
}

/*
	in-progress swirl -
	i80 big swirly tank guy to be centred in page, see bbs index edit
*/
#progressi80 {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	display: none;
}

#progressi80 > div {
	margin: 0;
	padding: 0;
	width: 80px;
	height: 80px; background: url("//cssimg.ngfiles.com/icons/in-progress/i80.gif") 0 0 no-repeat;
}

.skipto { display: none; }

#outer {
	min-width: 976px;
	background-position: top center;
	background-repeat: no-repeat;
}

#pageerror, #welcome {
	min-height: 450px; }
#pageerror .podcontent, #welcome .podcontent {
	padding: 125px 60px 100px 400px;
	font-size: 1.5em;
	line-height: 1.5em; }
#pageerror img {
	position: absolute;
	left: 125px;
	top: 150px; }
#pageerror ul {
	margin-left: 5px; }
#welcome img {
	position: absolute;
	left: 30px;
	top: 90px; }
#welcome p + p {
	margin-top: 20px;
	font-size: 14px;
	line-height: 20px; }

div.validation_ticker {
	background-color: #34393e;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	padding: 6px;
	-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.79);
	-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.79);
	box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.79);

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4b4f58+2,667175+3,4b4f58+4,353a3e+49,292e32+50,1d2124+96,292a2e+98,1d2124+98,1d2124+99 */
	background: #4b4f58; /* Old browsers */
	background: -moz-linear-gradient(top,  #4b4f58 2%, #667175 3%, #4b4f58 4%, #353a3e 49%, #292e32 50%, #1d2124 96%, #292a2e 98%, #1d2124 98%, #1d2124 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#4b4f58), color-stop(3%,#667175), color-stop(4%,#4b4f58), color-stop(49%,#353a3e), color-stop(50%,#292e32), color-stop(96%,#1d2124), color-stop(98%,#292a2e), color-stop(98%,#1d2124), color-stop(99%,#1d2124)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4b4f58 2%,#667175 3%,#4b4f58 4%,#353a3e 49%,#292e32 50%,#1d2124 96%,#292a2e 98%,#1d2124 98%,#1d2124 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4b4f58 2%,#667175 3%,#4b4f58 4%,#353a3e 49%,#292e32 50%,#1d2124 96%,#292a2e 98%,#1d2124 98%,#1d2124 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4b4f58 2%,#667175 3%,#4b4f58 4%,#353a3e 49%,#292e32 50%,#1d2124 96%,#292a2e 98%,#1d2124 98%,#1d2124 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #4b4f58 2%,#667175 3%,#4b4f58 4%,#353a3e 49%,#292e32 50%,#1d2124 96%,#292a2e 98%,#1d2124 98%,#1d2124 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4f58', endColorstr='#1d2124',GradientType=0 ); /* IE6-9 */
}

div.validation_ticker_align {
	width: 970px;
	height: 40px;
	margin: auto;
	vertical-align: middle;
}

div.validation_ticker_icon {
	width: 31px;
	height: 31px;
	float: left;
	margin: 4px 0px 0px 6px;
	background:rgba(0,0,0,0.25);
	background-image: url(//cssimg.ngfiles.com//icons/h2-all.png);
	background-repeat: no-repeat;
	background-position: 0 -31px;
}

div.validation_ticker_msg {
	float: right;
	height: 32px;
	margin-right: 18px;
	background-color: #ff530d;
	font-size: 1.5em;
	color: #FFFFFF;
	text-align: center;
	padding: 3px;
	width: 900px;
	line-height: 32px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 1px solid #000000;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cc450c+5,cc450c+6,ff530d+48,ff530d+100 */
	background: #cc450c; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc450c 5%, #cc450c 6%, #ff530d 48%, #ff530d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#cc450c), color-stop(6%,#cc450c), color-stop(48%,#ff530d), color-stop(100%,#ff530d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc450c 5%,#cc450c 6%,#ff530d 48%,#ff530d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc450c 5%,#cc450c 6%,#ff530d 48%,#ff530d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc450c 5%,#cc450c 6%,#ff530d 48%,#ff530d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc450c 5%,#cc450c 6%,#ff530d 48%,#ff530d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc450c', endColorstr='#ff530d',GradientType=0 ); /* IE6-9 */

}

.validation_ticker a, .validation_ticker a:visited, .validation_ticker a:hover {
	color: #ffff00;
	text-decoration: none;
}

/*		HEADER		*/

.header {
	position: relative;
	width: 976px;
	height: 170px;
	margin: 0 auto; }

.sitelinks {
	position: relative;
	top: 0;
	width: 976px;
	height: 48px;
	background: url(//cssimg.ngfiles.com/bg-header/sitelinks.png) top center no-repeat; }
.sitelinks .search {
	position: absolute;
	top: 10px;
	right: 12px;
	height: 25px;
	padding-left: 20px;
	background: url(//cssimg.ngfiles.com/bg-header/search.png) 0 0 no-repeat; }
.sitelinks .search input {
	float: left;
	margin-right: 5px;
	width: 145px;
	border: 0; }
.sitelinks .search div.select {
	float: left;
	width: 100px;
	border: 0; }
.sitelinks button {
	float: right;
	width: 66px; height: 25px;
	margin-left: 5px;
	border: 0;
	background-position: right 0; }
.sitelinks button:hover { background-position: right -25px; }
.sitelinks button[disabled] { background-position: right -50px; }

.sitelinks .quicklinks {
	position: absolute;
	display: block;
	height: 25px;
	margin: 10px 15px; }
.quicklinks strong a {
	float: left;
	height: 25px;
	padding-right: 10px;
	padding-left: 33px;
	margin-right: 10px;
	border-right: 2px solid #363232;
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 25px; }
.quicklinks > a, .quicklinks button.logout {
	position: relative;
	float: left;
	height: 21px;
	min-width: 21px;
	margin-right: 5px;
	border: solid 2px #4f280e;
	background: #6b3613; }
.quicklinks > a > span, .quicklinks button.logout span {
	position: absolute;
	z-index: 2;
	display: block;
	left: 0;
	top: 0;
	width: 15px;
	height: 15px;
	margin: 3px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(//cssimg.ngfiles.com/icons/a-15yellows.png);
	background-repeat: no-repeat; }
.quicklinks em {
	display: block;
	height: 10px;
	line-height: 21px;
	padding-left: 21px;
	padding-right: 3px;
	font-style: normal;
	background: #4f280e; }
.quicklinks em:empty { padding-right: 0; }
.quicklinks > a:hover, .quicklinks button.logout:hover { background-color: #eb7522; border: solid 2px #9d4f18; }
.quicklinks > a:hover em, .quicklinks button.logout:hover em { background: #9d4f18; }

.quicklinks > form {		/*  these two styles just for the login button  */
	float: left;
	width: 25px;
	height: 25px; }
.quicklinks button.logout {
	width: 100%;
	height: 100%;
	margin: 0; }
.quicklinks button.logout em {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0; }

div.eventlist ul, div.eventlist p {		/*  user notifications  */
	display: block;
	position: absolute;
	z-index: 9997;
	top: 25px;
	right: -167px;
	width: 220px;
	font-size: 11px;
	color: #fff;
	line-height: 30px;
	background-color: #000;
	border: solid 3px #0b0909;
	border-bottom-width: 2px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px; }
div.eventlist li {
	overflow: hidden; /* wrap long usernames */
	position: relative;
	height: 31px; }
div.eventlist span, div.eventlist a {
	position: absolute;
	z-index: 9998;
	display: block;
	width: 220px;
	height: 30px;
	background: url(//cssimg.ngfiles.com/bg-header/activityfeed.jpg) 0 0 no-repeat;
	opacity: .8; }
div.eventlist a {
	overflow: scroll; /* wrap long usernames */
	height: 60px; /* wrap long usernames */
	width: 500px; /* wrap long usernames */
	z-index: 9999;
	line-height: 30px;
	border-bottom: solid 1px #000;
	background: none;
	opacity: 1;
	cursor: pointer; }
div.eventlist a:hover {
	background: url(//cssimg.ngfiles.com/bg-header/activityfeed.jpg) 0 0 no-repeat; }
div.eventlist img {
	float: left;
	height: 20px !important;
	width: 20px !important;
	margin: 3px 7px 3px 3px;
	border-left: solid 3px #eb7522;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px; }
div.eventlist a strong {
	font-size: 11px;
	font-weight: bold;
	color: #fda238; }
div.eventlist p {
	text-align: center;
	cursor: default; }
div.eventlist li.game span, div.eventlist li.game a:hover { background-position: 0 -31px; }
div.eventlist li.game img { border-left: solid 3px #3a94e0; }
div.eventlist li.movie span, div.eventlist li.movie a:hover { background-position: 0 -62px; }
div.eventlist li.movie img { border-left: solid 3px #f74040; }
div.eventlist li.audio span, div.eventlist li.audio a:hover { background-position: 0 -93px; }
div.eventlist li.audio img { border-left: solid 3px #60b136; }
div.eventlist li.art span, div.eventlist li.art a:hover { background-position: 0 -124px; }
div.eventlist li.art img { border-left: solid 3px #eb4fa2; }
div.eventlist li.lit span, div.eventlist li.lit a:hover { background-position: 0 -155px; }
div.eventlist li.lit img { border-left: solid 3px #26b28c; }

.sitelinks .loginbox {
	position: absolute;
	display: block;
	width: 550px;
	height: 25px;
	margin: 10px 15px; }
.loginbox > input {
	width: 155px;
	float: left;
	margin-right: 5px;
	border: none !important; }
.loginbox > label {
	position: absolute;
	left: 3px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	opacity: .4;
	line-height: 26px; }
.loginbox #password {
	width: 55px; }
.loginbox #header_label_password {
	left: 173px; }
.loginbox .checkboxes {
	margin: 0 !important;
	padding: 5px 0 !important;
	float: left;
	line-height: 1.2em; }
.loginbox button {
	float: left; }
.loginbox .loginlinks {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 2px solid #5a5454; }

.pagecentered > .two3 {
	float: none;
	width: 622px;
	position: relative;
	border: solid 3px #000; }
.wide_popin {
	width: 948px; }
.wide_popin > div {
	position: relative;
	border: solid 3px #000; }
.formhelp {
	position: absolute;
	width: 285px;
	right: 10px;  }
.formhelp hr {
	margin: 10px 0; }
.gatewaylogin > .podcontent {
	padding: 50px 150px !important; }
.gatewaylogin .formhelp {
	right: 160px;
	top: 91px; }
.gatewaylogin div > label {
	width: 70px;
	margin-right: 0 !important; }
.gatewaylogin div > span {
	display: block;
	font-size: 1.2em;
	margin: 5px 0; }


.header h1 a, .header h6 a {
	display: block;
	text-indent: -9999em;
	overflow: hidden;
	outline: none; }
.header h1 a {
	position: absolute;
	bottom: 54px;
	margin: 0;
	width: 256px;
	height: 63px;
	background: url(//cssimg.ngfiles.com/bg-header/logo.png) bottom right no-repeat; }
.header h6 a {
	float: right;
	margin-top: -69px;
	width: 68px;
	height: 15px;
	background: url(//cssimg.ngfiles.com/bg-header/wallartist.png) top left no-repeat; }
.header h6:before, .header h6:after { content: ""; }		/*  undoes h6 styling in ng_type  */

.header .siteinfo {
	position: absolute;
	bottom: 0;
	width: 976px; }

/*  navbar start  */
.header .navigation {
	display: block;
	width: 976px;
	height: 54px;
	padding-top: 1px;
	background: url(//cssimg.ngfiles.com/bg-header/navigationTop.png) top left no-repeat; }
.header .navigation .navbar {
	position: relative;
	display: block;
	width: 960px;
	height: 40px;
	margin: 7px 8px 0 8px; }

.header .navigation dl {
	position: absolute;
	z-index: 9005;
	list-style: none;
	width: 136px;
	background-position: 0 41px;
	background-repeat: no-repeat; }
#games { left: 0; background-image: url(//cssimg.ngfiles.com/bg-header/subnav-games.jpg) }
#movies { left: 136px; background-image: url(//cssimg.ngfiles.com/bg-header/subnav-movies.jpg) }
#audio { left: 272px; background-image: url(//cssimg.ngfiles.com/bg-header/subnav-audio.jpg) }
#art { left: 408px; background-image: url(//cssimg.ngfiles.com/bg-header/subnav-art.jpg) }
#channels { width: 143px; left: 544px; background-image: url(//cssimg.ngfiles.com/bg-header/subnav-channels.jpg) }
#community { width: 143px; left: 687px; background-image: url(//cssimg.ngfiles.com/bg-header/subnav-community.jpg) }
#shop { width: 130px; left: 830px; background-image: url(//cssimg.ngfiles.com/bg-header/subnav-shop.jpg) }

.header .navigation dt a {
	display: block;
	float: left;
	width: 100%;
	height: 40px;
	border-bottom: solid 1px #1b1717;
	text-indent: -4040em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/bg-header/navbar2016.jpg) top left no-repeat; }

#games dt a { background-position: 0 0; }
#movies dt a { background-position: -136px 0; }
#audio dt a { background-position: -272px 0; }
#art dt a { background-position: -408px 0; }
#channels dt a { background-position: -544px 0; }
#community dt a { background-position: -687px 0; }
#shop dt a { background-position: -830px 0; }

#games:hover dt a { background-position: 0 -40px !important; }
#movies:hover dt a { background-position: -136px -40px !important; }
#audio:hover dt a { background-position: -272px -40px !important; }
#art:hover dt a { background-position: -408px -40px !important; }
#channels:hover dt a { background-position: -544px -40px !important; }
#community:hover dt a { background-position: -687px -40px !important; }
#shop:hover dt a { background-position: -830px -40px !important; }

#games dt a:active { background-position: 0 -80px !important; }
#movies dt a:active { background-position: -136px -80px !important; }
#audio dt a:active { background-position: -272px -80px !important; }
#art dt a:active { background-position: -408px -80px !important; }
/*
 this now has 'portal' as the header, but I'm keeping the id as channels
 so as not to break functionality elsewhere - JH
*/
#channels dt a:active { background-position: -544px -80px !important; }
#community dt a:active { background-position: -687px -80px !important; }
#shop dt a:active { background-position: -830px -80px !important; }

.header .navigation dd {
	float: left;
	height: 30px;
	width: 133px;
	margin-bottom: 1px;
	margin-left: 1px; }
#channels dd, #community dd { width: 140px; }
#shop dd { width: 128px; }

.header .navigation dd:hover {
	background: url(//cssimg.ngfiles.com/bg-header/subnav-hover.jpg) 0 0 repeat-x; }
#movies dd:hover { background-position: 0 -30px; }
#audio dd:hover { background-position: 0 -60px; }
#art dd:hover { background-position: 0 -90px; }
#channels dd:hover { background-position: 0 -120px; }
#community dd:hover { background-position: 0 -150px; }
#shop dd:hover { background-position: 0 -180px; }

.header .navigation dd a {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 9px;
	background: url(//cssimg.ngfiles.com/bg-footer/nav-corners.gif) 119px 11px no-repeat; }
#channels dd a, #community dd a { background-position: 126px 11px; }
#shop dd a { background-position: 113px 11px; }

.header .navigation dd a:hover {
	background-position: 119px -214px; }
#channels dd a:hover, #community dd a:hover { background-position: 126px -214px; }
#shop dd a:hover { background-position: 113px -214px; }
/*  navbar end  */


/*		HEADER/FOOTER ADS		*/
.GAR_header_topbar, .header-enrollment {
	position: relative;
	width: 976px;
	height: 100px;
	margin: -2px auto 0 auto;
	background: url(//cssimg.ngfiles.com/bg-header/topbar.jpg) top center no-repeat; }

.header-enrollment > div { margin: 0; padding: 10px 0 0 13px; }

.GAR_header_topbar > div {
	float: left; }
.GAR_header_topbar > div { margin: 10px 0 0 13px; }
.GAR_header_topbar > div ~ div { margin: 10px 0 0 10px; }
/* for anything wider - first use for Nintendo campaign */
.GAR_header_topbar . { margin: 10px 3px; }

.footerads, .supporter-userpage-footer {
	display: block;
	width: 976px;
	height: 106px; }
.footerads, .supporter-userpage-footer > div {
	float: left; }
.footerads, .supporter-userpage-footer > div { margin-left: 13px; }
.footerads, .supporter-userpage-footer > div ~ div { margin-left: 10px; }

body.adskin .header {
	height: 335px; }
body.adskin .GAR_header_topbar {
	display: none; }


/*		FOOTER		*/

#footer {
	position: relative;
	width: 976px;
	height: 685px;
	margin: 0 auto;
	color: #c9bebe;
	background: url(//cssimg.ngfiles.com/bg-footer/footer.jpg) top left repeat-y; }

.featuredcontent {
	height: 194px;
	background: url(//cssimg.ngfiles.com/bg-footer/featuredcontent.jpg) top left no-repeat; }

.featurebar {
	position: absolute;
	top: 12px;
	left: 3px;
	display: block;
	width: 970px;
	height: 40px; }
.featurebar dt {
	float: left;
	width: 258px;
	height: 40px;
	margin-left: 10px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/bg-footer/featuretitle.jpg) 0 0 no-repeat; }
.featurebar dd {
	display: inline; }
.featurebar dd a {
	float: left;
	width: 116px;
	height: 30px;
	margin-top: 5px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/bg-footer/featurebar.jpg) top left no-repeat; }
#featgames a { background-position: 0 0; }
#featmovies a { background-position: -116px 0; }
#feataudio a { background-position: -232px 0; }
#featart a { background-position: -348px 0; }
#featchannels a { background-position: -464px 0; width: 118px;}
#featusers a { background-position: -582px 0; width: 115px; }

#featgames a:hover { background-position: 0 -30px; }
#featmovies a:hover { background-position: -116px -30px; }
#feataudio a:hover { background-position: -232px -30px; }
#featart a:hover { background-position: -348px -30px; }
#featchannels a:hover { background-position: -464px -30px; }
#featusers a:hover { background-position: -582px -30px; }

#featgames a:active { background-position: 0 -60px; }
#featmovies a:active { background-position: -116px -60px; }
#feataudio a:active { background-position: -232px -60px; }
#featart a:active { background-position: -348px -60px; }
#featchannels a:active { background-position: -464px -60px; }
#featusers a:active { background-position: -582px -60px; }

.footerfeatures {
	position: relative;
	top: 62px;
	left: 13px;
	width: 950px; }
.footerfeatures > a {
	position: absolute;
	width: 25px;
	height: 110px;
	text-indent: -9999em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/bg-footer/a-stripes.png) top left repeat; }
.footerfeatures a.fprev { left: 0; }
.footerfeatures a.fnext { right: 0; }
.footerfeatures > a span {
	display: block;
	width: 4px;
	height: 8px;
	margin-top: 47px;
	margin-left: 10px;
	background-image: url(//cssimg.ngfiles.com/bg-footer/featurearrow.gif);
	background-repeat: no-repeat; }
.footerfeatures a.fprev span { background-position: 0 0; }
.footerfeatures a.fnext span { background-position: -4px 0; }
.footerfeatures a.fprev:hover span { background-position: 0 -8px; }
.footerfeatures a.fnext:hover span { background-position: -4px -8px; }

.footerfeatures > div {
	position: absolute;
	top: 0;
	left: 30px; }
.footerfeatures > div > div {
	position: relative;
	float: left;
	width: 290px;
	height: 110px;
	margin-right: 1px;
	padding-right: 6px;
	background: url(//cssimg.ngfiles.com/bg-footer/footerfeature.png) top left repeat; }
.footerfeatures h4 {
	padding: 0;
	margin: 12px 0px 8px 10px;
	font-style: normal; }
.footerfeatures div > h4 + a {		/*  when FF has a title, image gets spaced differently  */
	position: relative;
	float: left;
	margin: -3px 5px;
	padding: 5px; }
.footerfeatures div.game > span,
.footerfeatures div.movie > span {		/*  Flash  */
	position: absolute;
	right: 10px;
	bottom: 0;
	display: block;
	width: 176px;
	height: 25px;
	padding-top: 8px;
	text-align: right;
	border-top: solid 1px #c9bebe; }
.footerfeatures span[class|="star"] {
	float: left;
	font-size: 1.2em;
	text-align: left; }
.footerfeatures div.art {		/*  Art  */
	position: relative;
	float: left;
	width: 90px;
	height: 90px;
	padding: 10px 10px 10px 9px; }
.footerfeatures div.art:first-child {
	margin-left: 5px; }
.footerfeatures div.art > a > span {
	top: 10px;
	left: 9px; }
.footerfeatures div.audio {		/*  Audio  */
	width: 216px; }
.footerfeatures div.audio h4 {
	white-space: nowrap;
	overflow: hidden; }
.footerfeatures div.audio > span {
	display: block;
	float: left;
	min-width: 100px;
	margin: 3px 0; }
.footerfeatures div.user {		/*  Users  */
	width: 282px;
	height: 41px;
	margin-bottom: 1px;
	padding: 7px;
	font-size: 10px;
background-position: -10px -45px; }
.footerfeatures div.user:nth-child(3) ~ div.user {
	height: 40px; }

#footer .siteinfo {
	position: absolute;
	bottom: 0;
	width: 976px;
	height: 400px;
background: url(//cssimg.ngfiles.com/bg-skins/gold-footer.jpg) 3px bottom no-repeat; }

#footer .copyright {
	position: absolute;
	top: 56px;
	left: 23px;
	display: block;
	width: 644px;
	height: 45px;
	padding-left: 50px;
	background: url(//cssimg.ngfiles.com/bg-footer/logo-tiny.png) top left no-repeat; }

#footer .navigation {
	position: absolute;
	top: 111px;
	left: 23px; }
#footer .navigation dl {
	float: left;
	width: 150px;
	margin-right: 10px; }
#footer .navigation dt {
	display: block;
	height: 30px; }
#footer .navigation dd a {
	position: relative;
	display: block;
	width: 150px;
	height: 25px;
	margin-bottom: 1px;
	color: #fda238;
	background: url(//cssimg.ngfiles.com/misc/link_stripes2.png) 0 0 no-repeat; }
#footer .navigation dd a:hover { background-position: -300px 0; }
#footer .navigation dd:nth-of-type(even) a {
	background-position: -9px 0; }
#footer .navigation dd:nth-of-type(even) a:hover {
	background-position: -309px 0; }
#footer .navigation dd span {
	position: absolute;
	top: 6px;
	display: block;
	width: 129px;
	height: 13px;
	line-height: 14px;
	margin-left: 8px;
	padding-left: 5px;
	border-left: solid 2px #e15f20;
	background: url(//cssimg.ngfiles.com/bg-footer/nav-corners.gif) right -21px no-repeat; }
#footer .navigation a:hover span {
	border-color: #1b1717 !important;
	color: #000;
	background-position: right 4px !important; }

/*		nudges for supporters and no ad showing		*/
body.supporter .footerads, body.noads .footerads { height: 0px; /* 106px */ }
body.supporter #footer, body.noads #footer { height: 579px; }
body.supporter span#frontpagemessage, body.noads span#frontpagemessage { bottom: -560px; }

/*		GLOBAL FORM ELEMENTS		*/

/*		(includes type styles)		*/

/*  for changing or removing that firefox border around active buttons, */
/*  found @ https://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links */
button::-moz-focus-inner { border: 0; }
input::-moz-focus-inner { border: 0; }

button {
	height: 27px;
	width: 68px;
	color: #fda238;
	font-size: 12px;		/*  necessary for when buttons are in a table  */
	line-height: 2.0em;
	font-weight: bold;
	border-color: #000;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-style: solid;
	background: url(//cssimg.ngfiles.com/bg-skins/buttons/button-gold.gif) left 0 no-repeat; }
button:hover {
	color: #fff;
	cursor: pointer;
	background-position: left -25px; }
button[disabled] {
	color: #956a32;
	cursor: default;
	background-position: left -50px; }
a.fakebutton, a.fakebutton:visited {		/*  implemented for store where links need to look like buttons...  */
	display: block;
	height: 25px;
	width: 66px;
	color: #fda238;
	text-align: center;
	font-size: 12px;
	line-height: 2.1em;
	font-weight: bold;
	border-color: #000;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-style: solid;
	background: url(//cssimg.ngfiles.com/bg-skins/buttons/button-gray.gif) left 0 no-repeat; }
a.fakebutton:hover {
	color: #fff;
	cursor: pointer;
	background-position: left -25px; }

a.fakebutton.inline {
	float: none;
	margin: 0;
	display: inline-block
}

.buttonlink {		/*  ... and vice versa where buttons need to look like links ( also created for store)  */
	background: none;
	border: none;
	width: auto;
	height: auto;
	font-size: 1em;
	font-weight: inherit;
	line-height: inherit;
	color: #fda238;
	cursor: pointer; }
p .buttonlink {
	font-size: 12px;
	font-weight: bold;
	height: 14px; }
.buttonlink:hover {
	color: #fff; }
button ~ a.fakebutton {		/*  for store checkout 'cancel' buttons (fake)  */
	float: right;
	margin: 5px; }

input[type="text"], input[type="password"] {
	font-size: 1.2em;
	font-weight: bold;
	height: 19px;
	padding: 3px 5px;
	border-color: #000;
	border-style: solid;
	border-width: 0 1px 2px 1px;
	background: #ea8d42 url(//cssimg.ngfiles.com/bg-skins/inputs/input-gold.jpg) top left repeat-x; }
input[type="password"] {
	width: 50px; }
input[disabled] {
	opacity: .5; }

input[type="reset"] {
	display: inline;
	background: none;
	color: #fda238;
	font-weight: bold;
	font-size: 10px; }
input[type="reset"]:hover {
	color: #fff;
	cursor: pointer; }
button ~ input[type="reset"] {		/*  affects inline forms (reviews) and ignores page forms (BBS post)  */
	float: right;
	margin: 5px; }

div.upload {
	position: relative;
	margin: 5px;
	height: 27px;
	width: 220px;
	overflow: hidden; }
div.upload div {
	float: right;
	height: 25px;
	width: 66px;
	color: #fda238;
	font-size: 1.2em;
	line-height: 2.0em;
	font-weight: bold;
	text-align: center;
	border-color: #000;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-style: solid;
	background: url(//cssimg.ngfiles.com/bg-skins/buttons/button-gold.gif) left 0 no-repeat; }
div.upload input[type="file"], div.upload div.flashupload {
	position: absolute;
	z-index: 99;
	opacity: 0;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%; }
div.upload input:hover + div, div.upload div.flashupload:hover + div {
	background-position: 0 -25px;
	color: #fff;
	cursor: pointer; }		/*  doesn't do shit except trigger a hover for safari, srsly  */
div.upload input[type="text"] {
	width: 140px;
	opacity: 1;
	color: #000 !important; }
div.upload input[disabled] + div {
	background-position: 0 -50px;
	color: #956a32 !important; }
div.upload input[disabled] ~ input {
	opacity: .5 }

textarea {
	margin: 5px;
	padding: 5px 3px 5px 5px;
	font-size: 1.2em;
	font-weight: bold;
	border-color: #000;
	border-style: solid;
	border-width: 0 1px 2px 1px;
	background: #f19e52 url(//cssimg.ngfiles.com/bg-skins/textareas/textarea-gold.jpg) repeat-x; }
textarea[cols="35"] { width: 260px; }		/*  one-third  */
textarea[cols="55"] { width: 505px; }		/*  two-thirds floating mod forms  */
textarea[cols="85"] { width: 580px; }		/*  two-thirds  */
textarea[cols="100"] { width: 710px; }		/*  three-thirds in fieldset  */
.two3 textarea[cols="55"] {width: 376px; }	/*  two-thirds in fieldset  */
textarea[cols="130"] { width: 900px; }		/*  three-thirds  */
textarea[rows="2"] { height: 45px; }
textarea[rows="5"] { height: 90px; }
textarea[rows="10"] { height: 170px; }
textarea[disabled] { opacity: .5; }
textarea + ul {
	height: 15px; }
textarea + ul li {		/*  notes following textareas  */
	float: left;
	color: #7d7575;
	margin: 0 5px; }
textarea + ul li + li {
	float: right; }
textarea + ul a {		/*  "clear form" buttons  */
	margin: 0 5px;
	color: #fda238 !important; }

ul.checkboxes, div.checkboxes {
	display: inline-block !important;
	padding: 5px; }
ul.checkboxes li, div.checkboxes, dl.checkboxes dd, dl.checkboxes dt {
	position: relative;
	display: block;
	margin-right: 10px;
	margin-bottom: 5px;
	height: 17px;
	font-size: 1.2em;
	overflow: hidden;
	color: #c9bebe; }
ul[class~="horz"] li, dl[class~="horz"] dd, dl[class~="horz"] dt {
	float: left;
	padding-right: 25px; }
dl[class="horz"] {
	font-size: 1.2em;
	color: #c9bebe; }
dl[class~="horz"] dd + dt {
	clear: left; }
ul.checkboxes li:only-child {
	margin-bottom: 0; }
.checkboxes input {		/*  this is the actual checkbox  */
	position: absolute;
	z-index: -1;		/*  was hiding with opacity, but hovers didn't work  */
	left: -1000em;			/*  was inconsequential, but broken in 'nodimming' pods  */
	width: 10px;
	height: 10px;
	margin: 2px; }
.checkboxes span {		/*  contains checkbox background  */
	float: left;
	background:  url(//cssimg.ngfiles.com/formstuff/input-checkboxes.jpg) 0 0 no-repeat; }
.checkboxes label {		/*  contains checks  */
	float: left;
	height: 17px;
	line-height: 16px;
	padding-left: 20px;
	background: url(//cssimg.ngfiles.com/formstuff/input-tick.png) 0 0 no-repeat; }
.checkboxes input:checked ~ span label {		/*  activates check mark  */
	background-position: 0 -17px; }
.checkboxes span:hover,		/*  hover and focus backgrounds  */
.checkboxes input:focus ~ span {
	background-position: 0 -17px; }
.checkboxes input[disabled] ~ span:hover  {		/*  keeps disabled bg from shifting to hover  */
	background-position: 0 0; }
.checkboxes input[disabled] ~ span label {		/*  moves check to disabled  */
	background-position: 0 -34px; }
.checkboxes input[disabled]:checked ~ span label {		/*  moves check to disabled & checked  */
	background-position: 0 -51px; }
.checkboxes input[type="radio"] ~ span {		/*  radio button image swap  */
	background-image: url(//cssimg.ngfiles.com/formstuff/input-radiobuttons.png); }
.checkboxes input[type="radio"] ~ span label {
	background-image: url(//cssimg.ngfiles.com/formstuff/input-radio.png); }

.checkboxes li input[type="text"] {		/*  for when a radio button comes with an attribute to change  */
	position: relative;
	left: auto;
	z-index: 1;
	height: 12px;
	width: 65px;
	padding: 2px;
	font-size: 12px; }

/*
specific checkbox stuff for email subscriptions
examples can be found in /account/subscriptions and the unsubscribe pages
*/
ul.simple-ul.ng-subscriptions {
	display: inline-block !important;
	padding: 10px;

}
ul.simple-ul.ng-subscriptions li {
	position: relative;
	display: block;
	margin-right: 10px;
	margin-bottom: 5px;
	height: 17px;
	overflow: hidden;
	color: #c9bebe;
	font-size: 1.1em;
}

ul.simple-ul.ng-subscriptions li span span {
	font-weight: normal;
	font-size: 11px;
	color: #7d7575;
	font-style: italic;
	line-height: 12px;
	padding-left: 10px;
}

ul.simple-ul.ng-subscriptions input[type="checkbox"] {
	position: absolute;
	z-index: -1;
	left: -1000em;
	width: 10px;
	height: 10px;
	margin: 2px;
}

ul.simple-ul.ng-subscriptions input[type="checkbox"]:checked ~ span label {
	background-position: 0 -17px;
}

ul.simple-ul.ng-subscriptions li > span {
	float: left;
	background: url(//cssimg.ngfiles.com/formstuff/input-checkboxes.jpg) 0 0 no-repeat;
}

ul.simple-ul.ng-subscriptions label {
	float: left;
	height: 17px;
	line-height: 16px;
	padding-left: 20px;
	background: url(//cssimg.ngfiles.com/formstuff/input-tick.png) 0 0 no-repeat;
}





div.select {		/*  all pull-down menus  */
	color: #1b1717;
	position: relative;
	height: 25px;
	width: 135px;
	cursor: default;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 2px #000;
	background: url(//cssimg.ngfiles.com/bg-skins/inputs/input-gold.jpg) top left repeat-x; }
div.select > select {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ea8d42; }
option {
	padding: 1px 2px;
	color: #1b1717;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 2.2em; }
option[disabled] {
	color: #000;
	text-align: center;
	font-style: italic; }
div.select > span {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 5px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.2em; }
div.select > div {
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 25px;
	background: url(//cssimg.ngfiles.com/formstuff/select-fakearrow.gif) top left no-repeat; }
div.select > ul {		/*  link lists made to look like pull-down menus  */
	position: absolute;
	z-index: 9003;
	min-width: 100%;
	height: 25px;
	overflow: hidden; }
div.select > ul:hover {
	z-index: 9004;		/*  important to keep selects from undercutting each other  */
	height: auto; }
div.select > ul > li:first-child {
	margin-top: 25px;
	border-top: solid 1px #000; }
div.select > ul > li:last-child {
	border-bottom: solid 1px #000; }
div.select > ul > li {
	color: #1b1717;
	font-weight: bold;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	background: #ea8d42; }
div.select li a, div.select li strong {
	display: block;
	white-space: nowrap;
	padding: 1px 3px;
	font-size: 12px;
	line-height: 14px;
	color: #1b1717; }
div.select li a:hover {
	background: #9d4f18;
	color: #fff; }
div.select li > strong {
	padding: 0;
	line-height: 16px;
	color: #000;
	text-align: center;
	font-style: italic;
	cursor: default; }

fieldset.starselect {
	position: relative;
	display: inline-block;
	margin: 10px 5px 5px 45px;
	width: 150px;
	height: 30px;
	background: url(//cssimg.ngfiles.com/misc/vp-StarSelect.png) top left repeat-x; }
fieldset.starselect input {
	position: absolute;
	left: -999em; }
fieldset.starselect label {
	position: absolute;
	left: 0;
	height: 30px;
	text-indent: -50em;
	overflow: hidden;
	font-size: 1.2em; }
fieldset.starselect label:hover {
	background-image: url(//cssimg.ngfiles.com/misc/vp-StarSelect.png);
	background-position: left -30px; }
fieldset.starselect input:checked + label {
	background-image: url(//cssimg.ngfiles.com/misc/vp-StarSelect.png);
	background-position: left -60px; }
fieldset.starselect input:checked + label:hover {
	background-position: left -90px; }
.starselect label[for$="_0"] {
	width: 30px;
	z-index: 16;
	left: -40px;
	background: url(//cssimg.ngfiles.com/misc/vp-StarSelect.png) 0 -120px no-repeat; }
.starselect label[for$="_0"]:hover { background-position: 0 -150px; }
.starselect input:checked + label[for$="_0"] { background-position: left -180px; }
.starselect input:checked + label[for$="_0"]:hover { background-position: left -210px; }
.starselect label[for$="1"] { width: 15px; z-index: 15; }
.starselect label[for$="2"] { width: 30px; z-index: 14; }
.starselect label[for$="3"] { width: 45px; z-index: 13; }
.starselect label[for$="4"] { width: 60px; z-index: 12; }
.starselect label[for$="5"] { width: 75px; z-index: 11; }
.starselect label[for$="6"] { width: 90px; z-index: 10; }
.starselect label[for$="7"] { width: 105px; z-index: 9; }
.starselect label[for$="8"] { width: 120px; z-index: 8; }
.starselect label[for$="9"] { width: 135px; z-index: 7; }
.starselect label[for$="10"] { width: 150px; z-index: 6; }
fieldset.starselect input:checked + label {
	overflow: visible; }
fieldset.starselect label > span {
	position: absolute;
	z-index: 1;
	display: block;
	width: 250px;
	top: 0;
	left: 160px;
	text-indent: 0;
	font-size: 1.1em;
	line-height: 2em;
	font-style: italic;
	font-weight: bold;
	color: #fff; }
fieldset.starselect label span:before {
	content: "Your Rating: ";
	color: #7d7575; }
fieldset.starselect label[for$="_0"] > span {
	left: 200px; }

ul.smileyselect {
	display: inline-block;
	margin-bottom: -5px; }
ul.smileyselect li {
	position: relative;
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 6px;
	margin-bottom: 5px;
background: url(//cssimg.ngfiles.com/formstuff/li-emoteselectTEMP.gif) top left no-repeat;
}
ul.smileyselect input {
	position: absolute;
	z-index: -1; }
ul.smileyselect label {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -99em;
	overflow: hidden;
/*	background-image: url(//cssimg.ngfiles.com/icons/emotes.png);*/
	background-repeat: no-repeat;
	background-color: #0f0b0c; }
ul.smileyselect li:hover {
	background-position: 0 -25px; }
ul.smileyselect li label:hover {
	background-color: transparent !important; }
ul.smileyselect li input:checked ~ label {
	background-color: transparent !important; }


/* This had been wrapping in fieldset before, but now it's not in fieldset so... */
ul.smileyselect li:nth-child(21) {
	clear: both;
}

.formfields fieldset, .formfields > div {
	padding: 12px 5px 0 190px;
	margin-top: 8px;
	color: #7d7575;
	background:  url(//cssimg.ngfiles.com/bg-main/podstripe.gif) center 0px no-repeat; }
.formfields  span {
	line-height: 12px; }
.formfields fieldset:first-child, .formfields > div:first-child, .formfields input[type="hidden"]:first-child + div, .formfields input[type="hidden"] + fieldset {
	margin-top: -5px;
	background: none; }
.formfields legend, .formfields > div > label, .formfields > div > strong {
	float: left;
	margin-left: -180px;
	margin-bottom: -47px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	font-style: italic;
	color: #c9bebe; }
.formfields > div > p, fieldset > p {		/*  intro paragraph(s)  */
	font-size: 1.2em;
	margin: 5px 0 5px -180px;
	padding-bottom: 10px;
	color: #c9bebe; }
div.three3 .formfields > div > a {		/*  to (PMs)  */
	display: inline-block;
	padding-left: 40px;
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: bold;
	background-position: 5px center;
	background-repeat: no-repeat; }
div.three3 .formfields div > span.printusername {
	display: inline-block;
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: bold; }
div.field > input[type="text"],
.formfields > div > input[type="text"] {		/*  subject  */
	width: 375px;
	margin: 0 5px 0 0; }
.formfields > div > input[name="email"] {
	width: 275px; }
.formfields > div > input[maxlength="20"],
.formfields > div > input[type="password"] {		/*  names, password  */
	width: 175px;
	margin: 0 5px 0 0; }
.formfields > div > input[size="3"] {		/*  flash width/height  */
	width: 50px; }
.formfields > div > input.number {		/*  needed a class finally for store item form  */
	width: 85px; }
fieldset ul.smileyselect li:nth-child(21) {		/*  thread mood  */
	clear: left; }
.formfields textarea, .formfields textarea + ul li {		/*  message  */
	margin-left: 0; }
fieldset span.optionlinks {
	float: left;
	margin-right: 10px;
	margin-left: -5px; }
fieldset div.htmltips {
	position: absolute;
	left: 20px;
	margin-top: 30px;
	width: 170px; }
fieldset div.htmltips dl {
	font-size: 1.1em;
	line-height: 1.5em; }
fieldset div.htmltips dl, fieldset div.htmltips dt {
	border-bottom: solid 1px #7d7575;
	padding-bottom: 8px;
	margin-bottom: 8px; }

fieldset div.upload, .formfields > div div.upload {		/*  include image  */
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0px; }
fieldset span > strong, .formfields > div span > strong {
	font-weight: normal; }
div.upload + span {
	display: inline-block;
	vertical-align: middle; }
.formfields > div div.upload ~ div {		/*  file upload preview  */
	display: block;
	clear: both;
	margin: 10px 1px;
	min-height: 25px; }
.formfields > div div.upload ~ div div {
	float: left;
	margin-right: 10px;
	width: 150px;
	height: 100px;
	overflow: hidden;
	position: relative;
	display: block; }
.formfields > div div.upload ~ div img {
	position: absolute; }
.formfields > div div.upload ~ div > strong {
	display: inline-block;
	padding: 0 0 5px 2px;
	font-size: 1.4em;
	color: #fff; }
.formfields > div div.upload ~ div > span {
	display: block;
	margin-bottom: 5px; }
.formfields > div div.upload ~ div > strong + span {
	display: inline-block; }
.formfields > div div.upload ~ div > button {
	margin-left: -1px; }
.formfields > div div.upload ~ div > strong[class] {
	padding-left: 25px;
	line-height: 2em;
	background-image: url(//cssimg.ngfiles.com/icons/td-dumpfiles.png);
	background-repeat: no-repeat; }
.formfields > div div.upload ~ div dl.space {
	margin: 0;
	overflow: hidden !important;
	text-indent: -1000em !important; }
.formfields > div div.upload ~ div dl.space dd {
	text-indent: -1000em !important; }

.formfields > div div.upload ~ div > strong[class] ~ button {
	display: block;
	margin-bottom: -15px; }
#file_target {		/*  hides target for file uploads  */
	height: 0; }
.formfields > div > button {		/*  submit  */
	margin-bottom: 5px; }
fieldset.dates > div.select {		/*  dates (calendar)  */
	display: inline-block; }
fieldset.dates > label {
	display: inline-block;
	margin-left: 5px;
	font-size: 1.3em;
	line-height: 2em;
	vertical-align: top;
	font-weight: bold;
	font-style: italic; }
fieldset.dates > label:nth-of-type(3) {
	border-left: solid 1px #5a5454;
	padding-left: 10px; }
.formfields > div > div.select {		/*  display name (edit profile)  */
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0px; }
.formfields > div > span.optionlinks + input {		/*  password strength test  */
	float: left; }
.formfields > div > span.optionlinks {
	display: inline-block; }
.formfields > div span[class|="star"] {
	display: inline-block;
	margin: 5px 10px;
	font-size: 1.2em;
	text-align: left; }
.formfields > div table {		/*  ratings  */
	width: 350px;
	color: #c9bebe;
	font-weight: bold; }
fieldset table th { color: #c9bebe; }
fieldset table td span {
	margin-left: 5px; }
.formfields > div table input[type="text"] {		/*  apparel sizing table  */
	width: 35px; }
.formfields > div table td:first-child input[type="text"] {
	width: 125px; }
.formfields > div input[id^="tag"] {		/*  tags  */
	width: 125px;
	margin-right: 5px; }
.formfields > div .checkboxes, .formfields fieldset .checkboxes {
	color: #c9bebe;
	padding-bottom: 0;
	padding-left: 0; }
fieldset dl.checkboxes {		/*  creative commons  */
	display: inline-block;
	margin: 0 5px; }
fieldset dl[class~="horz"] dt {
	width: 150px; }
fieldset div.cc {
	display: none;
	margin: 5px 5px 0 5px;
	padding-left: 10px;
	border-left: solid 2px;
	color: #c9bebe; }
fieldset div.cc strong {
	display: block;
	font-size: 1.3em;
	line-height: 2.2em;
	border-left: solid 2px #100c0d;
	margin-left: -12px;
	text-indent: -3px; }
fieldset div.cc p {
	font-size: 1.2em; }
fieldset div.cc p em {
	display: block;
	text-align: right;
	padding-right: 50px; }
fieldset div.cc dl {
	width: 550px; }
fieldset div.cc dt:first-child, fieldset div.cc dt:first-child + dd,
fieldset div.cc dl[class*="-nd"] dd:last-of-type,		/*  this matches something VERY different than .nd  */
fieldset div.cc dl[class*="-nd"] dt:last-of-type {
	line-height: 28px; }
.formfields > div > input[maxlength="90"] {		/*  audio description < MISLEADING  - it's used in a number of places */
	width: 503px; }

#detailsform.formfields > div > input[maxlength="90"] { width: 375px; } /*  fix maxlength width on project management ^ counter the above  */

.formfields > div > div.optionlinks {		/*  "cancel" button at bottom of form, next to submit  */
	float: right;
	margin-top: -3px; }
.formfields > div > input[id*="state"],
.formfields > div > input[id*="city"],
.formfields > div > input[id*="address"] {
	width: 250px; }

/** For the smileys in BBS, news and Private messages (the selection) **/
.formfields div.emote-selection {
	padding: 10px;
	margin: 8px 0 0 0;
	min-height: 50px;
}

.formfields div.emote-selection span {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	font-style: italic;
	color: #c9bebe;
	display: block;
	padding-bottom: 10px;
}

.formfields div.emote-selection div.set-selection {
	width: 180px;
	float: left;
}

.formfields div.emote-selection div.choices {
	width: 710px;
	float: left;
}

.formfields div.emote-selection select {
	font-size: 11px;
}

/* jquery-ui.autocomplete styles */
ul.ui-autocomplete {
	color: #1b1717;
	position: absolute;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	background-color: #ea8d42;
}

ul.ui-autocomplete a {
	display: block;
	color: #1b1717;
	font-size: 12px;
	font-weight: bold;
	background-width:200px;
	padding: 4px;
	padding-left: 6px;
}
ul.ui-autocomplete a:hover, ul.ui-autocomplete a.ui-state-focus {
	color: #fff;
	background-color:#9D4F18;
}
/* end autocomplete styles */

div.required > label:after,
div.required > strong:after,
fieldset.required > legend:after,
div.required:first-child > p:last-child > strong:before {
	content: "*";
	color: #fda238;
	font-size: 20px;
	line-height: 18px;
	padding: 0 5px;
	vertical-align: bottom; }
div.required > p > strong {
	font-weight: normal; }
div.error, fieldset.error {
	padding-bottom: 18px; }
div.error > span:first-child, fieldset.error > span:first-child {
	position: absolute;		/*  no relatively positioned element to use top/left because fieldsets act funny  */
	margin-left: -180px;
	margin-top: 32px;
	font-size: 1.2em;
	color: #f74040; }
div.error > p:only-child {
	margin: 30px 0;
	color: #f74040;
	text-align: center;
	font-size: 13px; }
div.error > ul {
	margin: 15px;
	font-size: 13px;
	color: #f74040; }

div[class$="miniform"] > strong,
div[class$="miniform"] > form > label,
*[class$="miniform"] > label {
	display: inline-block;
	margin-left: 5px;
	font-size: 1.3em;
	line-height: 2.7em;
	vertical-align: top;
	color: #7d7575;
	font-style: italic;
	font-weight: bold; }
*[class$="miniform"] div.select {
	display: inline-block;
	margin: 5px 5px 0px 5px; }
*[class*="miniform"] > button {
	float: left;
	margin: 3px !important; }
*[class*="miniform"] > input[type="text"] {
	display: inline-block;
	vertical-align: top;
	margin: 5px 5px 0px 5px;
	width: 200px; }

.htmlhelper input[type="text"] {
	width: 500px;
	margin: 5px; }
.htmlhelper button {
	position: absolute;
	right: 10px;
	top: 56px; }
.htmlhelper label {
	display: inline-block;
	clear: left;
	height: 30px;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.2em; }
.htmlhelper label + input[type="text"] {
	display: inline-block;
	left: 50px;
	width: 400px; }
.htmlhelper input[type="text"] ~ input[type="text"] {
	width: 300px;
	margin-bottom: 15px; }

div.termsblock {
	height: 300px;
	margin: 10px 5px;
	padding: 10px;
	overflow-y: scroll;
	border: solid 1px #363232;
	color: #c9bebe;
	font-size: 12px;
	background: none; }
div.termsblock * {
	font-size: inherit !important;
	margin: auto !important; }



/*		CONTENT AND PANELS: Layout		*/

#main {
position: relative;		/*  added solely to position #portalbanner  */
	display: block;
	width: 950px;
	margin: 0 auto;
	padding: 10px 13px 0 13px;
	background: url(//cssimg.ngfiles.com/bg-main/bg-main.gif) top center repeat-y; }

/* move body up 2px */
body.supporter #main { padding: 8px 13px 0; }
/* shadow */
body.supporter #main:before {
	content: "";
	display: block;
	position: absolute;
	background: url(//cssimg.ngfiles.com/bg-header/supporter-main-shadow.jpg) no-repeat;
	height: 10px;
	width: 970px;
	margin: -10px 0 0 -10px;
}

#main > div[class*="3"],
#main > div.thincol > div,
#main > div.fatcol > div,
#main > div[class|="maincontent"] > div,
#main > form > div[class*="3"] {
	margin-bottom: 10px;
	position: relative;
	display: block;
	border: solid 4px #000;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 0 5px 10px #000;
	-khtml-box-shadow: 0 5px 10px #000;
	-webkit-box-shadow: 0 5px 10px #000; }

div.thincol {
	float: left;
	width: 310px; }
div.fatcol {
	float: right; display: inline;
	width: 630px; }

div.maincontent {		/* For main flash pod on content-view pages. */
	float: right;
	width: 630px; }

div.fatcol > div.middle {		/*  These styles are for one-third columns on the right side of the page.  */
	float: left; }
div.thincol + div.thincol {
	margin-left: 10px; }

div.podtop {
	position: relative;
	display: block;
	height: 41px;
	background: #4f280e url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-gold.jpg) left 0 no-repeat; }
div.podtop > div {
	position: absolute;
	padding-right: 3px;
	height: 100%;
	right: 0;
	background: inherit;
	background-position: right 0; }
.podcontent {		/*  changed from div.podcontent to include review form.podcontent  */
	padding: 21px 11px 11px 11px;
	background-position: 0 0;
	background-repeat: no-repeat; }
.podtop ~ .podcontent {		/*  changed to ~ from + for view page review form  */
	padding-top: 15px;
	background-position: 0 -6px; }
.podcontent ~ .podcontent {
	padding-top: 21px;
	background-position: 0 0;
	margin-top: -6px; }

/*  this was formerly .comments .podcontent + div[id] > .podcontent:first-child but had to be changed because there are a zillion wrappers around reviews */
.comments .podtop ~ div[id]  .podcontent:first-child {
	background-position: 0 0;
	padding-top: 21px;
	margin-top: -6px; }

#main > div[class*="3"] > div.minimized ~ [class*="pod"] {		/*  for the view page min button  */
	display: none; }

div.podbot {
	position: absolute;
	bottom: 0;
	display: block;
	height: 6px;
	right: 0px;
	left: 0px;
	border: solid 1px #28242c;
	border-top: 0;
	background: url(//cssimg.ngfiles.com/bg-main/podbreaker-33.jpg) -1px 1px no-repeat; }

div.one3, div.thincol > div {
	float: left;
	width: 302px !important;
	background-image: url(//cssimg.ngfiles.com/bg-main/pod-13.jpg) !important; }
div.one3 .podcontent, div.thincol > div > .podcontent {
	background-image: url(//cssimg.ngfiles.com/bg-main/podbreaker-13.jpg); }
div.two3, div.fatcol > div, div.maincontent > div {
	float: right;
	width: 622px;
	background-image: url(//cssimg.ngfiles.com/bg-main/pod-23.jpg); }
div.two3 .podcontent, div.fatcol > div > .podcontent, div.maincontent > div > .podcontent {
	background-image: url(//cssimg.ngfiles.com/bg-main/podbreaker-23.jpg); }
div.three3, div.maincontent-wide > div {
	width: 942px;
	background-image: url(//cssimg.ngfiles.com/bg-main/pod-33.jpg); }
div.three3 .podcontent, div.maincontent-wide > div > .podcontent {
	background-image: url(//cssimg.ngfiles.com/bg-main/podbreaker-33.jpg); }
div.pop3 {
	min-width: 600px;		/* Pop-up pods */
	max-width: 1000px;
	margin: 0 auto; }
div.pop3 div.podtop div {		/* Pop-up pod top endcap */
	 width: 10%; }

div.thincol iframe {
	border: solid 1px #191919; }
.featurebox embed {
	margin-top: -5px;
	margin-right: -5px;
	float: right; }

/* EMBEDDED VIDEO */
div[class^="blog-embed-"] {
	padding-top: 10px;
}

.blog-embed-left {
	padding-left: .3em; display: block;
}

.blog-embed-center {
	text-align: center;
}

.blog-embed-right {
	text-align: right;
}

/* BLOG ORDERED LISTS OVERRIDES */


.blog > ol {
	color: rgb(201, 190, 190);
	font-size: 1.2em;
	padding: .5em 4em;
	list-style-position: inside;
	list-style: decimal;
}

.blog > ol li {padding-bottom: .3em;}

.blog > ul {
	color: rgb(201, 190, 190);
	font-size: 1.2em;
	padding: .5em 4em;
	list-style-position: inside;
	list-style: disc;
}

.blog > ul li {padding-bottom: .3em;}

/* BLOG BLOCKQUOTE */

.podcontent.blog blockquote {border-left: 5px solid #332628; padding: 0 1em; font-style: italic; margin-left: 2.9em;}

/* BLOG IMAGE WITH URL */

.podcontent.blog  a > img{background: #fda238; padding: 1px; margin: 2px 3px -2px 3px; }
.podcontent.blog a[id^='exlink'] {padding: 0; background: 0;}
.podcontent.blog  a:hover > img{background: #fff;}

/* Trash icons for blogs... may need tweaking -JH */
span.blog_img_delete {
	z-index: 2;
	position: absolute;
	margin-top: 8px;
	margin-left: 8px;
	text-indent: -9999em;
	background-image: url(//cssimg.ngfiles.com/icons/a-15yellows.png);
	background-repeat: no-repeat;
	background-position: 0 -15px;
	width: 15px;
	height: 15px;

}

span.blog_img_delete:hover {
	background-position: -75px -15px;
}

.podcontent:first-child {		/*  This is for pods without a header  */
	padding-top: 12px;
	background-position: 0 -10px; }

#main > div.three3 + br {		/*  Hides <br> for all-full-width pod pages (like BBS)  */
	display: block;
	height: 0px; }

#main > div.three3:last-of-type + script {		/*  Removes extra space inserted by inline javascript, notably in PM area  */
	display: block;
	height: 0;
	margin-bottom: -10px;
	visibility: hidden; }

/*  SUMO SUPER WIDE PAGE  */
/* for flash */
#flash_pod.sumo {
	left: 50%;
	background: url(//cssimg.ngfiles.com/bg-main/pod-33-sumo-left.jpg);
}

#flash_pod.sumo #flash_embed_pod { background: url(//cssimg.ngfiles.com/bg-main/pod-33-sumo-right.jpg) repeat-y top right; }
#flash_embed_podbot.podbot { background: url(//cssimg.ngfiles.com/bg-main/podbreaker-33-sumo.jpg); }

#flash_pod.sumo #flash_header.podtop:after {
	display: block;
	height: 10px;
	background: #f0f;
	width: 100%;
	content: "";
	background: url(//cssimg.ngfiles.com/bg-main/podbreaker-33-sumo.jpg) center -6px no-repeat;
	position: absolute;
	top: 41px;
}

/* for html5 */
#html5_maincontent.sumo #html5_podcontent {
	left: 50%;
	background: url(//cssimg.ngfiles.com/bg-main/pod-33-sumo-left.jpg);
}

#html5_podcontent {
	z-index: 8999;
}

#html5_maincontent.sumo #html5embed { background: url(//cssimg.ngfiles.com/bg-main/pod-33-sumo-right.jpg) repeat-y top right; }
#html5_maincontent.sumo #html5_data_pod.podcontent { background: url(//cssimg.ngfiles.com/bg-main/podbreaker-33-sumo.jpg) no-repeat; }
#html5_maincontent.sumo div.podbot { background: url(//cssimg.ngfiles.com/bg-main/podbreaker-33-sumo.jpg) no-repeat; }

/* fix data pod right border */
#html5_maincontent.sumo #html5_data_pod.podcontent:after {
	display: block;
	height: 44px;
	background: #f0f;
	width: 6px;
	content: "";
	background: url(//cssimg.ngfiles.com/bg-main/pod-33-sumo-right.jpg);
	position: absolute;
	right: 0px;
	bottom: 7px;
}

/* header */
#html5_maincontent.sumo #html5_header.podtop:after {
	display: block;
	height: 10px;
	background: #f0f;
	width: 100%;
	content: "";
	background: url(//cssimg.ngfiles.com/bg-main/podbreaker-33-sumo.jpg) center -6px no-repeat;
	position: absolute;
	top: 41px;
}

/* separate headers for sumo so we don't break stuff elsewhere */
body.red #flash_pod.sumo #flash_header.podtop, body.red #html5_maincontent.sumo #html5_header.podtop { background: url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-red-sumo.jpg); }
body.blue #flash_pod.sumo #flash_header.podtop, body.blue #html5_maincontent.sumo #html5_header.podtop { background: url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-blue-sumo.jpg); }

/* separate headers for sumo so we don't break stuff elsewhere */
body.red #flash_pod.sumo #flash_header.podtop {
	background: url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-red-sumo.jpg);
}

/*		PANEL TOPS		*/

div.podtop div a {
	position: relative;
	display: inline-block;
	margin: 8px 5px 0 0;
	vertical-align: top;
	padding: 0 10px;
	color: #1b1717;
	cursor: default;
	background: url(//cssimg.ngfiles.com/misc/link_stripes2.png) -300px 0 no-repeat; }		/*  puts hover background by default  */
div.podtop div a[href], div.podtop div a.close {
	color: #fda238;
	background-position: 0 0; }		/*  gray bg only used when link is real (not a tab) (or to close pod)  */
div.podtop div a[href]:hover {
	color: #1b1717;
	cursor: pointer;
	background: url(//cssimg.ngfiles.com/misc/link_stripes2.png) -300px 0 no-repeat; }
div.podtop div a strong {
	color: #c9bebe; }
div.podtop div a:hover strong {
	color: #1b1717; }

div.podtop div a[class] {
	height: 15px;
	width: 15px;
	padding: 5px; }
div.podtop div a[class] > span:first-child {
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(//cssimg.ngfiles.com/icons/a-15yellows.png);
	background-repeat: no-repeat; }

div.podtop div a[class]:hover span.hovertext { display: block; }
div.podtop div a[class] span.hovertext { display: none; }


div.podtop span.hovertext {
	position: absolute;
	z-index: 9001;
	right: -5px;
	padding-left: 10px;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertip.png) bottom left no-repeat !important; }
div.podtop span.hovertext span {
	float: right;
	height: 34px;
	max-width: 185px;
	margin-right: -2px;
	padding-right: 10px;
	white-space: nowrap;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertip.png) bottom right no-repeat !important; }

div.podtop div form {		/*  form element used for just adding to favorites for now  */
	position: relative;
	display: inline-block;
	margin: 8px 5px 0 10px;
	vertical-align: top;
	background: url(//cssimg.ngfiles.com/misc/link_stripes2.png) 0 0 no-repeat; }

/* The margin above is wrong, but I don't want to rock the boat on any place
that's using this where it's "right", so... (-JH) */
div.podtop div form.fave {
	margin: 8px 5px 0 0;
}

/* Favorites for bbs thread **/
div.podtop div.favorite-thread {
	display: inline-block;
}

div.podtop div.favorite-thread a {
	width: 15px;
	height: 15px;
	padding: 5px;
	position: relative;
	display: inline-block;
	background: url("//cssimg.ngfiles.com/misc/link_stripes2.png") 0 0 no-repeat;
}

div.podtop div.favorite-thread a:hover {
	background-position: -300px 0;
}

div.podtop div.favorite-thread a span {
	display: inline-block;
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0;
	background: url("//cssimg.ngfiles.com/icons/a-15yellows-forum.png") -255px 0 no-repeat;

}

div.podtop div.favorite-thread:hover a span {
	background-position: -255px -15px;
}

div.podtop div.favorite-thread-remove {
	display: inline-block;
	margin: 8px 5px 0 0;
}

div.podtop div.favorite-thread-remove a {
	position: relative;
	display: inline-block;
	margin: 0;
	width: 15px;
	height: 15px;
	padding: 5px;
}

div.podtop div.favorite-thread-remove a span:first-child {
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	display: inline-block;
	background: url("//cssimg.ngfiles.com/icons/a-15yellows-forum.png") -240px 0 no-repeat;

}

div.podtop div.favorite-thread-remove a span.hovertext {
	top: 20px;
	display: none;
}

div.podtop div.favorite-thread-remove a:hover span:first-child {
	display: inline-block;
}

div.podtop div.favorite-thread-remove a:hover span:first-child {
	background-position: -240px -15px;
}

/* new favefollow versions */
span.favefollow-buttons a.fave span, span.favefollow-buttons a.unfave span {
	position: absolute;
	height: 15px!important;
	width: 15px!important;
	top: 5px;
	left: 5px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(//cssimg.ngfiles.com/icons/a-15yellows.png);
	background-repeat: no-repeat;
}
span.favefollow-buttons a.fave span {
	background-position: -255px 0px!important;
}
span.favefollow-buttons a.fave:hover span {
	background-position: -255px -15px!important;
}
span.favefollow-buttons a.unfave span {
	background-position: -240px 0px!important;
}
span.favefollow-buttons a.unfave:hover span {
	background-position: -240px -15px!important;
}

span.favefollow-buttons.active a.fave {
	display: none;
}
span.favefollow-buttons:not(.active) a.unfave {
	display: none;
}

span.favefollow-buttons a.follow span, span.favefollow-buttons a.unfollow span {
	position: absolute;
	height: 15px!important;
	width: 15px!important;
	top: 5px;
	left: 5px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(//cssimg.ngfiles.com/icons/a-15yellows.png);
	background-repeat: no-repeat;
}

span.favefollow-buttons a.follow span {
	background-position: -255px 0px!important;
}
span.favefollow-buttons a.follow:hover span {
	background-position: -255px -15px!important;
}
span.favefollow-buttons a.unfollow span {
	background-position: -240px 0px!important;
}
span.favefollow-buttons a.unfollow:hover span {
	background-position: -240px -15px!important;
}

span.favefollow-buttons.active a.follow {
	display: none;
}
span.favefollow-buttons:not(.active) a.unfollow {
	display: none;
}
.authorlinks li ul li [title][data-action] {
	background: none;
}
.authorlinks li ul li [title][data-action] span {
	top:0px;
	left:0px;
}
/* turns the heart white */
div.podcontent span.favefollow-buttons a:hover span {
	filter: invert(100%);
}

div.podtop div a[href="/fans/"] ~ form#follow_user { /* Fix for people who don't have any fans */
	margin-left: -6px; }

div.podtop div form:hover {
	cursor: pointer;
	background-position: -300px 0; }
div.podtop div button {
	height: 25px;
	width: 25px;
	border: 0;
	background: none; }
div.podtop div button span {
	position: absolute;
	height: 15px;
	width: 15px;
	top: 5px;
	left: 5px;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(//cssimg.ngfiles.com/icons/a-15yellows.png);
	background-repeat: no-repeat; }
button:focus::-moz-focus-inner { border: 0; }
div.podtop div form:hover span.hovertext { display: block; top: 20px }
div.podtop div form span.hovertext { display: none; }

div.podtop h2 > img {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 8px;
	left: 8px; }


/* FIXME plz Bob */
div.rewards-nominees {
	list-style: none;
	display: block;
	height: 475px; }

div.rewards-nominees li {
	height: 84px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	float: left; }

div.rewards-nominees li img {
	float: left;
	width: 130px;
	height: 84px; }

div.rewards-nominees li:hover img {
	opacity: 0; }

div.rewards-nominees li a span {
	display: none; }

div.rewards-nominees li:hover span.sub-info {
	position: absolute;
	display: block;
	z-index: 5;
	top: 5px;
	left: 5px;
	right: 5px;
	padding: 3px 5px;
	margin-top: 2px;
	overflow: hidden;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	color: #fff }

div.rewards-nominees li:hover span.nom-pos {
	position: absolute;
	display: block;
	z-index: 5;
	bottom: 5px;
	left: 105px;
	right: 5px;
	padding: 3px 5px;
	margin-top: 2px;
	overflow: hidden;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;	margin: 10 10px;
	color: #fff }

div.rewards-nominees li button {
	position: absolute;
	left: 2px;
	top: 72px;
	z-index: -1;
	width: 15px;
	height: 15px;
	text-indent: -1500em;
	margin-top: -2px;
	margin-left:
	5px;
	border: none;
	text-overflow: hidden;
	background:
	url(//cssimg.ngfiles.com/icons/a-15yellows.png) -420px 0 no-repeat; }

div.rewards-nominees li:hover button {
	z-index: 99; }

div.rewards-nominees li:hover button:hover {
	background-position: -75px -15px; }





/*		PANEL ICON ARRAYS		*/

div.iconarray {		/*  no more need for br clears in html  */
	display: inline-block; }
.two3 div.iconarray, div.fatcol div.iconarray {		/*  needed when icons don't fill the box, 100% messes up non-iconarray stuff like <hr>s  */
	/* 2015-06-14 - fix for this bug in Chrome on Mac/Android:
	 *
	 * https://code.google.com/p/chromium/issues/detail?id=478014
	 *
	 * For reason the child div iconarray computes to 150.016 causing them to
	 * overflow into another row. Setting a fixed width of 150px on
	 * "div.iconarray > a img" worked, but it broke the art portal layout
	 * since those icons are smaller.
	 */
	width: 601px; }
.one3 div.iconarray, div.thincol div.iconarray {
	width:280px; }
div.iconarray > a {
	position: relative;
	float: left; }
div.iconarray > a img {
	margin: 0;
	padding: 5px; }
div.tinyicon img {
	width: 30px;
	height: 30px; }

div.iconarray > a:hover {
	background: #4f280e url(//cssimg.ngfiles.com/icons/hovers/hoverticks-R.png) center center no-repeat; }
div.iconarray > a:hover img {
	background: url(//cssimg.ngfiles.com/icons/hovers/hoverticks-L.png) center center no-repeat; }

div.iconarray > a[href*="portal"]:hover {		/*  makes sure the hover ticks are rect and not square  */
	background-position: -10px bottom; }
div.iconarray > a[href*="portal"]:hover img {
	background-position: -10px top; }
div.tinyicon > a:hover, div.tinyicon > a:hover img {		/*  reverts hover ticks to center for p-bot's "other users" links  */
	background-position: center center !important; }

*[class*="art"] > a > img, a.art > img {
	width: 90px;
	height: 90px; }
.thincol *[class*="art"] > a > img {
	width: 60px;
	height: 60px; }

/* BEGIN TEMP FIX
this is a stop-gap for transparent 90x90 and 60x60 art icons.
new icons should be created asap and these styles should be removed. */
div.iconarray.art > a:hover, a.art:hover {
background-image: none !important; }

div.iconarray.art > a:hover > img, a.art:hover > img {
background-image: url(//cssimg.ngfiles.com/icons/hovers/TEMPORARYforarticons-90.png) !important; }
.thincol div.iconarray.art > a:hover > img {
background-image: url(//cssimg.ngfiles.com/icons/hovers/TEMPORARYforarticons-60.png) !important; }

div.iconarray.art h4.more a {
	color: #d36c36;
	font-style: italic; font-weight: bold;
}

/* END TEMP FIX */


/* BEGIN NEW GAME/MOVIE THUMBNAILS */

div.iconarray > a > span:first-child {		/*  dim image  */
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	left: 5px;
	height: 90px;
	background: #000;
	opacity: .85; }
div.iconarray > a:hover > span:first-child {
	display: block; }
div.iconarray > a img + span {		/*  title & artist */
	display: block;
	position: absolute;
	left: 5px;
	bottom: 5px;
	right: 5px;
	height: 33px;
	line-height: 17px;
	overflow: hidden;
	padding-top: 5px;
	color: #7d7575;
	text-align: center;
	background: url(//cssimg.ngfiles.com/icons/a-portalicons.png) -18px top no-repeat; }
div.iconarray > a > span > strong {
	display: block;
	padding: 0 3px;
	height: 13px;
	white-space: nowrap;
	line-height: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff; }
div.iconarray > a:visited > span > strong { color: #7d7575; }
div.iconarray > a > span + span {		/*  hover: description, tags, rating  */
	position: absolute;
	display: none;
	left: 5px;
	top: 5px;
	right: 5px;
	padding: 5px;
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	height: 75px; }
div.iconarray > a:hover > span + span {
	display: block; }
div.iconarray > a > span > span:first-child {
	display: block;
	height: 68px;
	overflow: hidden; }
div.iconarray > a > span > span + span {
	position: absolute;
	display: block;
	bottom: 0px;
	left: 5px;
	right: 5px;
	height: 18px;
	line-height: 25px;
	overflow: hidden;
	vertical-align: bottom;
	font-size: 10px;
	color: #c9bebe;
	background: url(//cssimg.ngfiles.com/icons/a-portalicons.png) 112px 0px no-repeat; }
div.iconarray > a.rated-t > span > span { background-position: 112px -18px }
div.iconarray > a.rated-m > span > span { background-position: 112px -36px }
div.iconarray > a.rated-a > span > span { background-position: 112px -54px }
div.iconarray > a em, div.iconarray > a em span {		/*  score  */
	display: inline-block;
	width: 64px;
	height: 12px;
	margin-top: 3px;
	text-indent: -5810em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/a-portalicons.png) -40px -52px no-repeat }
div.iconarray > a em span {
	float: left;
	margin: 0;
	background-position: -40px -40px; }

/* specific sizes */
*[class*="games"] > a > img, a.game > img,
*[class*="movies"] > a > img, a.movie > img {
	width: 140px;
	height: 90px; }
div.iconarray.games > a, div.iconarray.movies > a {
	height: 138px; }
div.iconarray.generic > a {
	width: 100px; }


/* LEGACY ICONS (art thumbs) (oops, and apparently userpage store icons) */

div.iconarray.art > a strong,
div.iconarray.generic > a strong {		/*  hover titles  */
	display: none;
	position: absolute;
	z-index: 5;
	bottom: 5px;
	left: 5px;
	right: 5px;
	padding: 3px 5px;
	margin-top: 2px;
	overflow: hidden;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	color: #fff; }
div.iconarray.art > a:hover strong, div.iconarray.generic > a:hover strong { display: block; }
div.iconarray.art > a span,
div.iconarray.generic > a span {		/*  blocks behind hover titles  */
	display: none;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	margin-left: -5px;
	margin-right: -5px;
	bottom: 0;
	opacity: .85;
	background-color: #1b1717; }
div.iconarray.art > a:hover strong span, div.iconarray.generic > a:hover strong span { display: block; }
/*  Rating & Ranking Hover Squares  */
.iconarray.art > a:hover > span,
.centeredblocks li > a:first-child > span,	/* also for pbot list */
.footerfeatures div > a > span {	/* also for footer */
	display: block;
	position: absolute;
	z-index: 1;
	width: 20px;
	bottom: auto;
	top: 5px;
	left: 5px;
	margin: 0;
	height: 20px;
	text-indent: -999em;
	overflow: hidden;
	opacity: .85;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-khtml-border-radius-bottomright: 7px;
	background-color: #1b1717;
	background-image: url(//cssimg.ngfiles.com/icons/hovers/rankandrate.png); }
ol.centeredblocks li span { background-position: 0 0; }
ol.centeredblocks li + li span { background-position: 0 -20px; }
ol.centeredblocks li + li + li span { background-position: 0 -40px; }
ol.centeredblocks li + li + li + li span { background-position: 0 -60px; }
ol.centeredblocks li + li + li + li + li span { background-position: 0 -80px; }
.iconarray.art > a.rated-e span, .footerfeatures a.rated-e span { background-position: -40px 0; }
.iconarray.art > a.rated-t span, .footerfeatures a.rated-t span { background-position: -40px -20px; }
.iconarray.art > a.rated-m span, .footerfeatures a.rated-m span { background-position: -40px -40px; }
.iconarray.art > a.rated-a span, .footerfeatures a.rated-a span { background-position: -40px -60px; }

div.generic > a:hover, div.generic > a:hover img {
	background: none !important; }
div.generic > a strong {		/*  userpage gear pod  */
	text-align: center; }


/*		FEATURE BLOCKS and other CENTERED INFO		*/

[class^="centered"] > li {		/*  currently captures 'centeredblocks' and 'centeredinfo'  */
	position: relative;
	width: 100%;
	height: 70px;
	overflow: hidden;
	color: #7d7575; }
[class^="centered"] li > div {		/*  outer vertical centering  */
	position: absolute;
	/* z-index: 10;		very necessary for webkit browsers? removed because of Project Roles 'centeredselect'  */
	line-height: 10px;
	display: table;
	top: 0;
	height: 90%;		/*  changed from 10px less than the containing li to be more generic (b/c of rich content)  */
	margin: 5px;
	overflow: hidden;
	background-repeat: no-repeat; }
[class^="centered"] li > div > div {		/*  middle vertical centering  */
	position: static;
	display: table-cell;
	vertical-align: middle;
	padding-right: 0; }

.centeredinfo > li > a {		/*  this is for the first empty link, overlaid on the ICON for clicking  */
	position: absolute;
	z-index: 15;
	display: block;
	top: 5px;
	left: 5px;
	width: 60px;
	height: 60px; }

/*  Rich Content Links, Site News, Download Links  */
.centeredblocks {
	list-style-position: outside; }
.centeredblocks li {
	padding: 0 !important;		/*  important to override simple wiki lists  */
	background: none !important;
	font-size: 1.1em;
	font-weight: normal; }

.centeredblocks > li:hover {		/*  these add the yellow corners and background color  */
cursor: pointer;
	background: #3d1d0d url(//cssimg.ngfiles.com/icons/hovers/hoverticks-R.png) -160px -20px no-repeat !important; }
.centeredblocks > li:hover > a {
	background: url(//cssimg.ngfiles.com/icons/hovers/hoverticks-L.png) 582px -20px no-repeat; }
.thincol .centeredblocks > li:hover {
	background-position: 272px -25px !important; }
.thincol .centeredblocks li:hover > a {
	background-position: -160px -25px; }
.centeredblocks > li:hover a {
	cursor: pointer;
	color: #fff !important; }

.centeredblocks img {
	margin: 5px; }
.thincol .centeredblocks img {
	margin: 0; }
.centeredblocks > li img {		/*  defaults to portal image  */
	padding: 5px;
	width: 93px;
	height: 60px; }
.centeredblocks > li > div {
	padding: 0 110px 0 108px; }
div.thincol .centeredblocks li > div {
	padding: 0 0 0 101px; }
.centeredblocks > li.audio img,
.centeredblocks > li.art img,
.centeredblocks > li.user img {		/*  audio & art image corrections  */
	width: 60px; }
.centeredblocks > li.audio > div,
.centeredblocks > li.art > div,
.centeredblocks > li.user > div {
	padding-left: 75px; }
.centeredblocks > li.audio dd.star-variable + dt + dd:after { content: ":"; }		/*  for "Song: Rock"  */

.centeredblocks > li:nth-child(odd) > span:empty {		/*  underlaid for alternating bg colors  */
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .2;
	background-color: #9d4f18; }
.centeredblocks > li:hover > span:empty,
.thincol .centeredblocks > li > span {
	display: none; }

.centeredblocks li > a {		/*  this is the first link, it gets overlaid for clicking  */
	position: absolute;
	z-index: 15;
	display: block;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none !important; }
.centeredblocks li > a:hover {
	cursor: pointer; }

.centeredblocks li a {		/*  any link text  */
	font-weight: bold;
	font-size: 1.1em; }

div.fatcol ul.centeredblocks {		/*  search results only  */
	margin: 5px; }
div.three3 .centeredblocks > li,
div.fatcol .centeredblocks > li {
	height: 80px; }
div.three3 .centeredblocks > li {		/*  bbs only  */
	width: 590px; }
.thincol .centeredblocks li div a {
	display: inline-block;
	width: 100%;
	padding-bottom: 5px;
	line-height: 12px; }
div.thincol .centeredblocks ul {
	display: block;
	width: 169px;
	margin-top: 3px;
	padding-top: 2px;
	border-top: solid 1px #363232;
	line-height: 1.1em;
	font-size: 10px; }
div.thincol .centeredblocks ul li + li {
	display: inline;
	margin-left: 3px;
	padding-left: 4px !important;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 0 -98px no-repeat !important; }
div.thincol .centeredblocks ul li:first-child {
	display: inline; }

.centeredblocks li p {		/*  rich content links only  */
	width: 360px;
	margin-top: 7px;
	padding-top: 5px;
	line-height: 1em;
	color: #c9bebe;
	border-top-style: solid;
	border-top-width: 1px; }
.centeredblocks li.audio p, .centeredblocks li.art p, .centeredblocks li.user p {
	width: 394px; }
div.three3 .centeredblocks, div.fatcol .centeredblocks {
	font-size: 1.1em; }
.centeredblocks dl {
	position: absolute;
	z-index: 5;
	top: 5px;
	right: 5px;
	bottom: 5px;
	width: 90px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 11px;
	color: #c9bebe;
	border-left-style: solid;
	border-left-width: 1px; }
.centeredblocks dl dt {
	display: none; }
.centeredblocks dl dd.star-variable {
	margin-bottom: 5px; }
.centeredblocks dl dt[class] {
	display: block;
	float: left;
	text-indent: -9999em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 0 -623px no-repeat;
	width: 17px;
	height: 15px; }
.centeredblocks dl dt.art { background-position: 0 -648px; }
.centeredblocks dl dt.games { background-position: 0 -673px; }
.centeredblocks dl dt.audio { background-position: 0 -698px; }
.centeredblocks dl dt[class] + dd { line-height: 15px; }

.centeredblocks > li dl,
.centeredblocks > li p {		/*  border patrol  */
	border-color: #363232; }
.centeredblocks > li:nth-child(odd) dl,
.centeredblocks > li:nth-child(odd) p {
	border-color: #4f280e; }
.centeredblocks > li:hover *, .thincol .centeredblocks > li:hover * {
	border-color: #5a5454 !important; }
div.thincol .centeredblocks > li * {
	border-color: #363232 !important; }

dl dd[title*="Suitable"] {		/*  ratings  */
	width: 75px !important;
	height: 20px;
	padding-left: 15px;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	background-image: url(//cssimg.ngfiles.com/icons/hovers/rankandrate.png);
	background-repeat: no-repeat; }
dl dd[title*="Everyone"] { background-position: -44px -3px; }
dl dd[title*="13+"] { background-position: -44px -23px; }
dl dd[title*="17+"] { background-position: -44px -43px; }
dl dd[title*="Adult"] { background-position: -44px -63px; }
.detailedhovers dd[title]:before, .centeredblocks dd[title]:before { content: "("; }
.detailedhovers dd[title]:after, .centeredblocks dd[title]:after { content: ")"; }

/* news in feeds - from smulse */
div.podcontent ul.centeredblocks li.news div {
padding: 0 0 0 70px;
margin: 10px;
}

div.podcontent ul.centeredblocks li.news div:first-child {
padding: 0;
width: 500px;
margin: -11px 0 0 0;
}

div.podcontent ul.centeredblocks li.news hr {
background-image: none;
background-color: #363232;
height: 1px;
}

/*  Special Downloads  */
.downloadlinks li span {
	display: block;
	width: 202px;
	margin-top: 3px;
	padding-top: 2px;
	border-top: solid 1px #363232;
	line-height: 1.1em;
	font-size: 10px;
	color: #c9bebe; }
.downloadlinks li img {
	width: 60px;
	height: 60px; }
.downloadlinks li > div {
	padding-left: 68px !important; }
.downloadlinks li div a {
	padding-bottom: 3px !important; }

/*  Collection Pages  */
.subcollection {
	margin: 0 !important; }
.subcollection li {
	display: inline-block;
	width: 298px; }
.subcollection li span {
	display: block;
	width: 175px;
	margin-top: 5px;
	padding-top: 4px;
	border-top: solid 1px #363232 !important;
	line-height: 1.1em;
	font-size: 12px;
	color: #c9bebe; }
.subcollection > li:hover > a {
	background-position: 290px -20px !important; }
div.thincol .centeredblocks strong + span,
div.thincol .centeredblocks a + span {		/*  careful, might hit future stuff  */
	min-width: 169px;
	display: block;
	padding-top: 5px;
	border-top: solid 1px #363232; }
.thincol .centeredblocks li div span {		/*  related collections on portal view pages  */
	color: #c9bebe;
	line-height: 11px; }


/*  Featured Web Content Ads  */
.webfeature {
	margin: 0 !important; }
.webfeature li {
	display: inline-block;
	width: 298px; }
.webfeature > li img {
	width: 70px;
	height: 70px;
	padding: 0; }
.webfeature > li > div {
	padding-left: 80px; }
.webfeature li span {
	display: block;
	width: 203px;
	margin-top: 5px;
	padding-top: 4px;
	border-top: solid 1px #363232 !important;
	line-height: 1.1em;
	font-size: 12px;
	color: #c9bebe; }
.webfeature > li:hover > a {
	background-position: 290px -20px !important; }

/*  Author Info  */
.authorlinks > li {
	position: relative;
	display: block;
	height: 35px;
	padding: 5px 5px 5px 50px;	/*  pushes text right to uncover background icon  */
	font-size: 1.2em;
	line-height: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: 5px 5px; }
.authorlinks > li > a:first-child img {		/*  this is for the first empty link, overlaid on the ICON for clicking  */
	position: absolute;
	z-index: 15;
	display: block;
	top: 5px;
	left: 5px;
	width: 35px;
	height: 35px; }
.authorlinks li:nth-child(even) {
	background-color: #2e1a0e; }
.authorlinks li em {
	display: block;
	padding-top: 2px; }
.authorlinks li em > a {
	display: block;
	width: 165px;		/*  don't interfere with email/fave links  */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: bold;
	font-style: normal; }
.authorlinks li span {
	color: #c9bebe;
	font-size: 11px; }
.authorlinks li ul li [title] {		/*  styled this way so both <a> and <button> tags get hit  */
	position: absolute;
	right: 40px;
	top: 15px;
	height: 15px;
	width: 15px;
	text-indent: -9999em;
	overflow: hidden;
	border: 0;
	background-image: url(//cssimg.ngfiles.com/icons/a-15yellows.png);
	background-repeat: no-repeat; }
.authorlinks li ul li + li [title] { right: 15px; }

.authorlinks li.otherinfo {
	padding-left: 5px; }
.authorlinks li.otherinfo a:last-child {
	font-size: 11px;
	font-weight: normal; }

/*  News Posts  */
.newsitems li a {
	font-size: 11px; }
.newsitems li > div {
	min-width: 200px;		/*  added for short subject lines (site/artist news)  */
	padding-left: 70px !important; }		/*  pushes text left a little since icon is no longer wide  */
.newsitems li div > a {
	margin-top: 3px;
	padding-top: 5px;
	border-top: solid 1px #363232; }
.newsitems li div div div {
	line-height: 15px; }

/*  Featured Users  */
.userfeatures li > div {
	min-width: 200px;
	padding-left: 70px !important;
	font-size: 1.1em; }
.userfeatures li em {
	display: block;
	margin-top: 4px;
	padding-top: 4px;
	border-top: solid 1px;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold; }
.userfeatures li strong {
	display: block; }

/*  Favorite Authors  */
.authorfaves li {
	float: left;
	width: 200px; }
.authorfaves li > div {
	position: absolute;
	padding-left: 70px; }
.authorfaves li dl {
	line-height: 1.2em; }
.authorfaves li dt {
	width: 120px;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #363232; }
.authorfaves li dt a {
	color: #c9bebe; }
.authorfaves li a:hover {
	color: #fff; }


/*		FEATURE LISTS: Left Columns		*/

.blocklist {
	width: 280px;		/*  added for use in wider columns  */
	list-style-type: none; }
.blocklist li {
	position: relative;
	height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 27px;
	font-size: 1em;
	line-height: 1.5em; }
.blocklist li:hover {
	cursor: pointer;
	background: #3d1d0d; }
.blocklist li a:first-child {
	position: absolute;
	z-index: 5;
	width: 275px;
	height: 25px;
	left: 0;
	top: 0;
	padding-left: 5px;
	font-size: 10px;
	line-height: 25px;
	font-weight: normal;
	color: #7d7575;
	overflow: hidden; }
.blocklist li a + a {
	font-size: 1.2em;
	font-weight: bold;
	background: none; }
.blocklist li:hover a + a {
	color: #fff; }

.blocklist strong {
	color: #c9bebe;
	font-weight: normal; }

.blocklist li[class] {		/*  only iconed items have classes on the <li>  */
	background-image: url(//cssimg.ngfiles.com/icons/ul-15grays.png);
	background-repeat: no-repeat; }
.blocklist li[class] a {
	padding-left: 30px;
	padding-right: 25px;
	width: 225px;
	color: #fda238;
	font-size: 1.2em;
	line-height: 2.1em;
	font-weight: bold; }
.blocklist li[class] a:visited {
	color: #d36c36; }
.blocklist li[class] a:hover {
	color: #fff; }

ul.blocklist li a:first-child {		/*  exceptions for non-icon <li>s  */
font-size: 1.2em;
color: #fda238;
font-weight: bold; }
ul.blocklist li a:hover {
color: #fff; }
ol.blocklist li[class] a {
	padding-left: 47px;
	width: 210px; }

.blocklist li a {		/*  extremely important that IE and Opera have a background to trigger complete opaquness  */
	background:  url(//cssimg.ngfiles.com/icons/ul-rating.png) 280px 0 no-repeat; }	/*  even when rating not needed!  */
.blocklist li a[title*="Everyone"] { background-position: 260px -25px; }
.blocklist li a[title*="13"] { background-position: 260px 0; }
.blocklist li a[title*="17"] { background-position: 260px -75px; }
.blocklist li a[title*="Adult"] { background-position: 260px -50px; }

.blocklist li.judgement a { color: #c767e5; }
.blocklist li.verge a { color: #f74040; }
.blocklist li.great a { color: #60b136; }
.blocklist li.awesome a { color: #3a94e0; }
.blocklist li.judgement a:visited { color: #86489a; }
.blocklist li.verge a:visited { color: #a52e2e; }
.blocklist li.great a:visited { color: #417526; }
.blocklist li.awesome a:visited { color: #296395; }

/* hack to get rid of titles in favour of a.class */
.blocklist li a.rated-e { background-position:260px -25px; }
.blocklist li a.rated-t { background-position:260px 0; }
.blocklist li a.rated-m { background-position:260px -75px; }
.blocklist li a.rated-a { background-position:260px -50px; }

/*		PAGE NAVIGATION		*/

.pagenav {
	display: block;
	height: 22px;
	margin: 5px 5px 3px 2px;
	text-align: right;
	color: #7d7575; }
.pagenav > a, .pagenav > span, .pagenav > strong {		/* does not affect page numbers, only '< newer | older >'  */
	padding-left: 7px;
	line-height: 1.6em;
	font-size: 1.3em;
	font-weight: bold; }
.pagenav > a + a,
.pagenav > strong + a,
.pagenav > a + strong {		/*  separates newer and older  */
	margin-left: 5px;
	border-left: solid 1px #7d7575; }
.pagenav > strong {
	color: #fff; }
.pagenav div {
	float: left; }
.pagenav + hr {
	margin-top: 8px; }
hr + .pagenav {		/*  added mainly for bbs thread listing  */
	margin-top: 10px; }

.pagenav div a {
	float: left;
	height: 20px;
	margin-left: 3px;
	border-color: #000;
	border-style: solid;
	border-width: 0 1px 2px 1px;
	cursor: default;
	background: #9d4f18; }
.pagenav div a[href] {
	cursor: pointer;
	background: #4f280e; }
.pagenav div a > span {
	display: block;
	height: 7px;
	min-width: 8px;
	margin: 2px 2px 0 2px;
	padding: 0 4px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	overflow: visible;
	color: #fff;
	background: #eb7522;  }
.pagenav div a[href] > span {
	color: #fda238;
	background: #6b3613; }
.pagenav div a:hover { background: #9d4f18; }
.pagenav div a:hover > span { background: #eb7522; color: #fff; }

.pagenav div > span {
	float: left;
	height: 22px;
	width: 15px;
	text-indent: -9999em;
	text-align: left;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 0 -592px no-repeat; }

.three3 .pagenav div {
	float: right; }
.three3 .pagenav {
	text-align: left; }


/*		TABLES		*/

table {
	border-collapse: collapse;
	width: 100%; }
div.three3 table, div.two3 table[class] {
	margin-bottom: 5px; }
td[colspan="99"], p.emptymessage {		/*  these styles are for empty tables  */
	font-size: 1.5em !important;
	padding: 60px 0;
	text-align: center;
	background: #100c0d; }
p.emptymessage { padding: 35px 0; }
p.emptymessage a { font-weight: normal !important; }
td[colspan="99"] a {
	display: inline !important;
	font-size: inherit !important;
	font-weight: normal !important;
	background: none !important; }
tr.alt, thead + tbody > tr:nth-of-type(2n-1) { background-color: #2e1a0e; }
th {
	font-size: 1.2em;
	font-style: italic;
	text-align: left;
	color: #7d7575;
	padding: 2px 5px 5px 5px; }
th:after {
	content: ":"; }
th:empty:after, th.actions:after {		/*  used for Content Page modbox / webkit "-list" tables  */
	content: ""; }
thead tr {
	background: url(//cssimg.ngfiles.com/bg-main/podstripe.gif) left 22px no-repeat; }
thead th {
	padding: 3px 5px 17px 5px; }
thead + tbody tr {
	height: 45px; }
thead + tbody td:first-child {
	border-left: solid 10px #0e0b0b; }
thead + tbody td:last-child {
	border-right: solid 10px #0e0b0b;
	text-align: center; }
td {
	height: 25px;
	padding: 0 5px;
	font-size: 11px; }
td:first-child {			/*  1st Col  */
	padding-left: 10px; }
td:first-child > a {		/*  1st Col links for quickie table  */
	font-weight: bold; }
td + td {					/*  2nd - Nth Col  */
	color: #7d7575;
	white-space: nowrap; }

td > strong {
	display: block;
	text-align: center; }
td:first-child > strong {
text-align: left;
}
td > em {		/*  first used for file types in dumplist  */
font-style: normal;
font-weight: bold;
color: #fff;
}

td > p {		/*  first used in 'pending requests' for large, p-style text  */
font-size: 12px;
color: #c9bebe;
}

td > div {				/*  Blocky links (w/ mini user icons)  */
	display: block;
	width: 180px;
	overflow: hidden; }
td > div > a {
	display: table-cell;
	height: 35px;
	width: 135px;
	padding-left: 40px;
	padding-right: 5px;
	vertical-align: middle;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 5px 5px; }
td > div a:hover { background-color: #4f280e; }
td > div > a > span {
	display: block;
	font-size: 10px;
	color: #7d7575;
	font-weight: normal; }

table thead.sortable th,
table tr.sortable th,
table th.sortable {
	color: #956a32;
	cursor: pointer; }

col.blocklink	{ width: 180px; }		/*  Columns and matching Headings for specific needs  */
 th.blocklink	{ padding-left: 8px; }
col.timestamp	{ width: 140px; }
 th.timestamp	{ text-align: center; }
col.pmstatus	{ width: 140px; }
 th.pmstatus	{ padding-left: 42px; }
col.filetype	{ width: 160px; }
col.filesize	{ width: 100px; }
col.dumpoptions	{ width: 90px; }
col.confirmation{ width: 160px; }
col.reminder	{ width: 300px; }
thead.centerall th, tr.centerall th,
th.filetype, th.filesize, th.confirmation, th.reminder { text-align: center; }

table[class$="list"] td:first-child + td > span:first-child {		/*  <td>s with image background spans  */
	display: table-cell;
	vertical-align: middle;
	padding-left: 35px;
	max-width: 380px;		/*  webkit browsers have a phantom width  */
	height: 25px;
/** This is used in private messages, not sure where else **/
/*	background-image: url(//cssimg.ngfiles.com/icons/emotes.png);*/
	background-repeat: no-repeat; }
table[class$="list"] td:first-child + td > span > a {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px; }
table[class$="list"] th:first-child:after {
	content: none; }
/*  these are copied almost straight from the FORMS section of the styles  */
table[class$="list"] td:first-child input,		/*  this is the actual checkbox  */
table[class$="list"] th:first-child input {		/*  this is the actual checkbox  */
	position: absolute;
	display: none; /* get rid of the display, stop the browser skipping to the top on click (FF) */
		/* this bug has been an annoyance since day 1 */
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	margin: 2px; }
table[class$="list"] td:first-child > span,		/*  contains checkbox background  */
table[class$="list"] th:first-child > span {		/*  contains checkbox background  */
	float: left;
	margin-left: 5px;
	background:  url(//cssimg.ngfiles.com/formstuff/input-checkboxes.jpg) 0 0 no-repeat; }
table[class$="list"] th:first-child > span {		/*  contains checkbox background  */
margin-left: 15px;
}
table[class$="list"] td:first-child span label,		/*  contains checks  */
table[class$="list"] th:first-child span label {		/*  contains checks  */
	float: left;
	height: 17px;
	line-height: 15px;
	padding-left: 20px;
	text-indent: -100em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/formstuff/input-tick.png) 0 0 no-repeat; }
table[class$="list"] td:first-child > input:checked ~ span label,		/*  activates check mark  */
table[class$="list"] th:first-child > input:checked ~ span label {		/*  activates check mark  */
	background-position: 0 -17px; }
table[class$="list"] td:first-child > span:hover,		/*  hover and focus backgrounds  */
table[class$="list"] th:first-child > span:hover {		/*  hover and focus backgrounds  */
	background-position: 0 -17px; }

table[class$="list"] td:last-child > span {		/*  'buttons' in project system, audio faves  */
	position: relative;
	float: right;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	border-color: #000;
	border-style: solid;
	border-width: 0 1px 2px 1px;
	background: #4f280e url(//cssimg.ngfiles.com/misc/link_stripes2.png) 0 0 no-repeat; }
table[class$="list"] td:last-child > span > a,
table[class$="list"] td:last-child > span > button {
	float: left;
	width: 15px;
	height: 15px;
	margin: 5px;
	text-indent: -150em;
	overflow: hidden;
	border: 0;
	background-image: url(//cssimg.ngfiles.com/icons/a-15yellows.png);
	background-repeat: no-repeat; }

/*  audio lists  */
table.audiolist td {
	padding: 5px; }
table.audiolist td:first-child {
	background: url(//cssimg.ngfiles.com/defaults/icon-audio-smallest.png) 5px 5px no-repeat; }
table.audiolist td:first-child > a {
	display: table-cell;
	padding-left: 42px;
	height: 35px;
	vertical-align: middle; }
table.audiolist td:first-child + td {
	color: #c9bebe;
	text-align: center; }
table.audiolist td > div > a {
	font-weight: bold; }
table.audiolist col.select { width: 150px; }
table.audiolist col.delete { width: 40px; }
table.audiolist td > div.select {		/*  undoes generic blocky userlink style  */
	overflow: visible; }

/*  bbs thread list  */
table.forumlist td:first-child {
	width: 35px; }
table.forumlist td:first-child a {
	display: block;
	overflow: hidden;
	width: 25px;
	height: 25px;
	background: url(//cssimg.ngfiles.com/icons/td-forum25.png) 0 0 no-repeat; }
table.forumlist td:first-child a > span {		/*  Thread description hovers  */
	display: none;
	position: absolute;
	z-index: 9001;
	left: 60px; /* margin-top: -20px; left: 50px; */
	padding-right: 8px;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertip.png) bottom right no-repeat !important; }
table.forumlist td:first-child a > span > strong {
	float: right;
	height: 25px;
	max-width: 185px;
	margin-left: -2px;
	padding-left: 8px;
	font-size: 11px;
	line-height: 25px;
	font-weight: normal;
	white-space: nowrap;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertip.png) bottom left no-repeat !important; }
table.forumlist td:first-child a:hover > span {
	display: block; }

tr.bbs-ngnews td:first-child + td > span > a:before {		/*  Adds 'NG News:' before official news threads  */
	content: "NG News: ";
	color: #eb7522; }
tr.bbs-sticky td:first-child + td > span > a:before {		/*  Adds 'Read Me:' before stickied threads  */
	content: "Read Me: ";
	color: #eb7522; }
table.forumlist td:first-child + td > span > a {		/*  ensures title stays above following page links  */
	display: block; }
table.forumlist td:first-child + td > span > a + span {		/*  Individual page links in thread title  */
	float: left;
	padding-left: 17px;
	font-size: 10px;
	line-height: 10px;
	color: #7d7575;
	font-weight: normal;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 5px 2px no-repeat; }
table.forumlist td:first-child + td  > span a {		/*  Spacing out those links  */
	margin: 0 1px; }

tr.bbs-hidden {
	color: #666;
	height: 15px;
	padding: 0;
	margin: 0;
}

tr.bbs-hidden td {
	padding: 0;
	margin: 0;
}

tr.bbs-hidden td a,
tr.bbs-hidden td:first-child a,
/* last one here is a fix for no topics */
table.forumlist td.none:first-child a {
	display: inline-block;
	color: #666;
	text-decoration: none;
	font-weight: normal;
	width: auto;
	height: auto;
	background-image: none;
	padding: 0;
	margin: 0;
}

table.forumlist td.none:first-child,
table.forumlist td.none:first-child a {
	font-size: 15px;
}

table.forumlist td.none:first-child a {
	color: #fda238;
}

/* For the post page, the header bit that has the link */
h2.bbs-posting-desc a {
	font-family: "headerfont","Arial Narrow",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}

/*  pm message list  */
table.pmlist td:first-child { width: 55px; }
table.pmlist td > strong {
	text-align: left;
	padding-left: 16px;
	margin-left: 40px;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 0 -149px no-repeat; }
tr.pm-new td > strong { background-position: 0 -124px; }
tr.pm-reply td > strong { background-position: 0 -174px; }
table.pmlist td > div > a {
	font-size: 1.1em;
	font-weight: bold; }

table.pmlist td:first-child div {		/*  status box displaying default icon  */
	position: absolute;
	margin-top: -4px;
	left: 60px;
	width: 25px;
	height: 30px;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/ul-pmflags.png) 5px 0 no-repeat; }
table.pmlist td:first-child div:hover {		/*  box gets wider on hover  */
	padding-left: 1px;
	left: 59px;
	width: 128px;
	overflow: visible;
	background: url(//cssimg.ngfiles.com/icons/ul-pmflags.png) -25px 0 no-repeat;}
table.pmlist td:first-child input[type="radio"] + label {		/*  status labels all in a row but hidden  */
	float: left;
	height: 15px;
	width: 15px;
	margin: 5px 0 5px 5px;
	opacity: 0;
	padding: 0;
	text-indent: -1000em;
	overflow: hidden;
	background-image: url(//cssimg.ngfiles.com/icons/ul-pmflags.png); }
table.pmlist td:first-child div:hover input[type="radio"] + label {		/*  turn on labels when hovering  */
	opacity: .5; }
table.pmlist div label:hover {		/*  turn them up more when hovering over each label  */
	opacity: .3 !important; }
table.pmlist td:first-child div input[type="radio"]:checked + label {		/*  labels stacked but only one is bright  */
	opacity: 1 !important;
	position: absolute;
	left: 0px;
	background-color: #100c0d; }
table.pmlist td:first-child div:hover input[type="radio"]:checked + label {		/*  space icons out when hovering  */
	position: relative;
	background-color: transparent !important; }
table.pmlist tr.alt td:first-child div input[type="radio"]:checked + label {  background-color: #2e190c; }		/*  alt bg  */
table.pmlist div label { background-position: -175px 0 ;  }
table.pmlist div label ~ label { background-position: -195px 0 ;  }
table.pmlist div label ~ label ~ label { background-position: -215px 0 ; }
table.pmlist div label ~ label ~ label ~ label  { background-position: -235px 0 ;}
table.pmlist div label ~ label ~ label ~ label ~ label  { background-position: -255px 0 ; }
table.pmlist div label ~ label ~ label ~ label ~ label ~ label { background-position: -275px 0 ;  }
table.pmlist div label ~ label ~ label ~ label ~ label ~ label ~ input:checked + label { display: none; }		/*  "none" label, checked by default  */
table.pmlist div:hover label ~ label ~ label ~ label ~ label ~ label ~ label {		/*  becomes active when a label is/was chosen  */
	position: absolute;
	opacity: 1 !important;
	width: 22px !important;
	height: 25px !important;
	margin: 0 0 0 4px !important;
	background-position: -303px 0; }

table.pmlist tr.pm-new td:first-child div label {		/*  new messages have at least this icon active  */
	opacity: 1; }

/*  request confirmation list  */
table.conflist td > div > a {
	font-size: 1.1em;
	font-weight: bold; }
table.conflist td + td + td + td {
	text-align: center; }
table.conflist button + button {
	margin-left: 5px; }
table.conflist td + td > p {
	width: 400px;
	white-space: normal; }

table.conflist td:last-child {
	text-align: right;
}

/*  dg file list */
table.dumplist td:first-child { width: 30px }
table.dumplist td:first-child + td + td {
	color: #c9bebe;
	text-align: center; }
table.dumplist td:first-child + td > span:first-child {		/*  overrides default emote image with file images  */
	background-image: url(//cssimg.ngfiles.com/icons/td-dumpfiles.png);
	background-repeat: no-repeat; }
table.dumplist td:first-child + td > span > a + span {		/*  specific file extenions  */
	position: absolute;
	width: 14px;
	height: 6px;
	left: 69px;
	margin-top: 13px;
	text-indent: -50px;
	overflow: hidden;
	background-image: url(//cssimg.ngfiles.com/icons/td-dumpfiles.png);
	background-repeat: no-repeat; }
table.dumplist td:nth-child(4) { white-space: normal; }		/*  time/uploader text wrap  */
div.thincol table.dumplist td:first-child {		/*  hiding checkbox column in project system "preview" mode  */
	padding: 0;
	width: 1px;
}
div.advanced thead tr {
	background: none;
}
div.advanced thead th:after {
	content: none;
}

div.advanced thead th span  {
	position: relative;
}

div.advanced thead th span span.hovertext {
	position: absolute;
	z-index: 9001;
	right: -32px;
	top: 34px;
	padding-left: 10px;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertip.png) bottom left no-repeat !important;
}

div.advanced thead th span span.hovertext span {
	float: right;
	height: 34px;
	max-width: 185px;
	margin-right: -2px;
	padding-right: 10px;
	white-space: nowrap;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertip.png) bottom right no-repeat !important;
}

div.advanced thead th:hover span.hovertext { display: block; }
div.advanced thead th span.hovertext { display: none; }

div.advanced thead th div {
	width: 32px;
	height: 40px;
	background-image: url(//cssimg.ngfiles.com/icons/web-platform-icons.png);
	background-repeat: no-repeat;
}

div.advanced tbody td.checkboxes {
	padding-left: 13px;
}

table.dumplist td:first-child + td > span:first-child {
	background-image: url(//cssimg.ngfiles.com/icons/td-dumpfiles.png);
	background-repeat: no-repeat; }

div.advanced table.dumplist td:first-child {		/*  hiding checkbox column in project system "advanced" mode  */
	padding: 0;
	width: 1px; }
div.advanced table.dumplist td:last-child {		/*  hiding options column in project system "advanced" mode  */
	padding: 0;
	width: 1px; }


/*  rank lists  */
table.ranklist th + th + th {
	text-align: center; }
table.ranklist td {
	font-size: 1.2em;
	color: #c9bebe;
	text-align: center; }
table.ranklist td span {
	display: block; }

/*  user lists  */
table.userlist th + th + th {
	text-align: center; }
table.userlist td:first-child { width: 40px; }
table.userlist td {
	font-size: 1.2em;
	color: #c9bebe; }
table.userlist td > a {
	font-weight: bold; }
table.userlist td + td + td {
	text-align: center;
	white-space: normal; }

/** This is for stuff like newgrounds.com/news/community vs. user's page **/
/*  news list  */
table.news td:first-child > span:first-child {		/*  <td>s with image background spans  */
	display: table-cell;
	vertical-align: middle;
	padding-left: 35px;
	max-width: 380px;		/*  webkit browsers have a phantom width  */
	overflow: hidden;		/*  jerks who type 'aaaaaaaaaaaaaaa'  */
	height: 25px;
/*	background-image: url(//cssimg.ngfiles.com/icons/emotes.png);*/
	background-repeat: no-repeat; }
table.news td:first-child > span > a {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em; }
table.news td > div > a {
	font-size: 1.1em;
	font-weight: bold; }

/*  bbs-mainindex  */
table.index { margin-bottom: 0; }
table.index tr { background-color: transparent; }		/*  removes alternating row bg color css  */
table.index tr + tr {		/*  beginning of blocky link cells used in BBS only (for now)  */
	background: url("//cssimg.ngfiles.com/bg-main/podstripe.gif") left top no-repeat; }
table.index tr:last-child td { padding-bottom: 0; }
table.index th:after { content: ""; } /* reset on that colon bullshit */
table.index th:last-child { text-align: left; padding-left: 20px }
table.index td:first-child { padding-left: 0; padding-top: 7px; padding-bottom: 5px; }

table.index td:first-child a {		/*  blocky links  */
	display: table-cell;
	height: 55px;
	width: 425px;
	padding-left: 60px;
	padding-right: 10px;
	vertical-align: middle;
	background-image: url("//cssimg.ngfiles.com/icons/td-forum45.png");
	background-repeat: no-repeat;
}

table.index a { background-position: 0 0; }
/*table.index tr.bbs-new a[href*="forum/17"] { background-position: 0 -120px; }
table.index tr.bbs-new a[href*="forum/13"] { background-position: 0 -180px; }
table.index tr.bbs-new a[href*="forum/14"] { background-position: 0 -240px; }
table.index tr.bbs-new a[href*="forum/18"] { background-position: 0 -300px; }
table.index tr.bbs-new a[href*="forum/19"] { background-position: 0 -360px; }
table.index tr.bbs-new a[href*="forum/5"] { background-position: 0 -480px; }
table.index tr.bbs-new a[href*="forum/2"]  { background-position: 0 -420px; }
table.index tr.bbs-new a[href*="forum/7"]  { background-position: 0 -420px; }*/

table.index td:first-child a:hover {
	background-color: #2e1a0d; }
table.index td:first-child a span {
	display: block;
	font-size: 10px;
	color: #c9bebe;
	font-weight: normal; }
table.index td:first-child a em {
	font-size: 10px;
	color: #7d7575;
	font-weight: normal; }
table.index td > strong {		/*  tweaking middle 2 index columns to make them wider  */
	padding: 5px 20px; }
table.index td + td + td + td {
	padding-left: 20px;
	text-align: left; }
table.index td + td, table.index th + th {
	text-align: center; }
table.index td + td a {
	display: block;
	width: 200px;
	overflow: hidden;
	padding-bottom: 2px;
	font-weight: bold; }

table.index td.order {
	text-align: center;
}

table.index a.podmove {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	padding: 5px;
	background-image: transparent;
}

table.index a.podmove span.grab {
	height: 15px;
	width: 15px;
	display: block;
	overflow: hidden;
	background: url("//cssimg.ngfiles.com/icons/a-15yellows-forum.png") -90px 0 no-repeat;
	text-indent: -9999em;
}


table.index a.podmove:hover span.grab { background-position: -615px 0; }


table.index span.hovertext {
	position: absolute;
	z-index: 9001;
	right: -5px;
	padding-left: 10px;
	background: url("//cssimg.ngfiles.com/icons/hovers/hovertip.png") bottom left no-repeat !important;
}

table.index span.hovertext span {
	float: right;
	height: 34px;
	max-width: 185px;
	margin-right: -2px;
	padding-right: 10px;
	white-space: nowrap;
	background: url("//cssimg.ngfiles.com/icons/hovers/hovertip.png") bottom right no-repeat !important;
}

table.index a.podmove:hover span.hovertext { display: inline-block; }
table.index a.podmove span.hovertext { display: none; }

/* These hacks are due to checkboxes not actually being checkboxes. */
table.index td.order input[type="checkbox"] {
	position: absolute;
	z-index: -1;
	left: -1000em;
	width: 10px;
	height: 10px;
	margin: 2px;
}

table.index span.checkbox {
	position: relative;
	display: inline-block;
	top: -2px;
	left: -10px;
	background: url(//cssimg.ngfiles.com/formstuff/input-checkboxes.jpg) 0 0 no-repeat;
}

table.index span.checkbox > span {
	display: block;
	float: left;
	height: 17px;
	padding-left: 20px;
	background: url(//cssimg.ngfiles.com/formstuff/input-tick.png) 0 0 no-repeat;
}

table.index span.checkbox.checked > span {
	background-position: 0 -17px;
}



/*  revenue and project stats  */
table.stats tr {
	height: 35px; }
table.stats th:first-child {
	padding-left: 15px; }
table.stats td {
	color: inherit;
	font-size: 12px;
	text-align: left !important; }
table.stats td a {
	font-size: 12px !important;
	font-weight: normal !important; }
tfoot tr:first-child td {
	padding-top: 15px; }
table.stats tfoot tr {
	background: url(//cssimg.ngfiles.com/bg-main/podstripe.gif) left 10px no-repeat;
	background-color: inherit !important; }
table.stats tfoot td {
	font-weight: bold;
	font-style: italic;
	font-size: 13px; }
table.stats tfoot td[colspan] {
	text-align: right !important; }

/*  userpage trophies  */
table ul.trophies li {
	position:relative;
	float: left;
	width: 25px;
	padding-left: 0 !important; }
table ul.trophies li span {
	position: absolute;
	z-index: 9001;
	display: none;
	bottom: 20px;
	right: -15px;
	width: 140px;
	padding: 0 10px 15px 10px;
	text-align: left;
	line-height: 11px;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertext.png) bottom right no-repeat; }
table ul.trophies li span em {
	display: block;
	width: 144px;
	padding: 8px 8px 10px;
	margin: -2px -10px -5px -10px;
	font-size: 11px;
	font-weight: normal;
	color: #1b1717;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertext.png) top left no-repeat; }
table ul.trophies li:hover span {
	display: block; }


/*		PODS 'N' ENDS (lmao)		*/

/*  Major Element Overrides, these have the potential to do serious damage...  */
.podcontent > a > img {
	margin: 5px 5px 5px 5px; }
.podcontent > img:first-child {		/*  so far, only used for user images  */
	margin: 5px; }
.podcontent > button {
	margin: 5px; }

/* For the settings link at the top */
div.podtop div.bbsedit a.mod {
	margin-right: 5px;
}

/** BBS index page **/
/** overwrite what's there **/
div.podtop div.bbsedit a.close > span:first-child,
div.podtop div.bbsedit a.mod > span:first-child,
div.podtop div.bbsedit a.podmove > span:first-child {
	background-image: url(//cssimg.ngfiles.com/icons/a-15yellows-forum.png);
}

/* red */
div.podtop div.bbsedit a.mod > span:first-child {
	background-position: -615px -15px;
}

/* gold */
div.podtop div.bbsedit a.mod > span:first-child {
	background-position: -510px 0;
}

div.podtop div.bbsedit a:hover.mod > span:first-child {
	background-position: -510px -15px;
}


/*  Rectangle 'Button' Links  */
.optionlinks > a {
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	height: 25px;
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 2.1em;
	font-weight: bold;
	color: #fda238;
	background: #4f280e url(//cssimg.ngfiles.com/misc/link_stripes2.png) 0 0 no-repeat; }

/* BBS EDIT BUTTON!!! */
.optionlinks > a.bbsedit {
	background: url("//cssimg.ngfiles.com/icons/a-15yellows.png") top left no-repeat;
	background-position: -330px 0;
	width: 15px;
	height: 15px;
	position: relative;
	text-indent: -9999em;
	padding: 0;
	margin: 5px;
}

.optionlinks > a.bbsedit:hover {
	background-position: -390px 0;
}

span.optionlink {
	float:right;
}

.optionlink > a {
	float: left;
	margin-left: 5px;
	height: 25px;
	padding: 0 10px;
	font-size: 1em;
	line-height: 2.1em;
	font-weight: bold;
	color: #fda238;
	background: #4f280e url(//cssimg.ngfiles.com/misc/link_stripes2.png) 0 0 no-repeat; }
}

span.optionlinks a em, span.optionlinks a ins {		/*  for use with <textarea> tips  */
	color: #c9bebe;
	font-weight: normal;}
span.optionlinks a:hover, span.optionlinks a:hover > * {		/*  keep <textarea> tips hovering white  */
	color: #fff; }
div[class~="optionlinks"] {		/*  for when alone in a podcontent; used in score sorting*/
	height: 35px; }
div[class~="optionlinks"] > a {
	margin-top: 5px; }
div[class~="optionlinks"] > a.viewing {
	height: 23px;
	padding: 0 9px;
	line-height: 2em;
	border: solid 1px #fda238; }
div[class~="optionlinks"] > div.select:first-child {
	float: right;
	width: 110px;
	margin: 5px 5px 0 0; }
form.optionlinks input {		/*  for 'frontpage this art' link  */
	margin: 10px;
	height: 25px;
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 2.1em;
	font-weight: bold;
	color: #fda238;
	background: #4c1d36 url(//cssimg.ngfiles.com/misc/link_stripes2.png) 0 0 no-repeat; }
form.optionlinks input:hover {
	color: #fff;
	cursor: pointer; }

/*  View Page stats, News Post Summary, Extra Stat Info, and other one-line link lists  */
dl.sidestats, ul.horzlinks {
	display: inline-block;
	margin: 5px;
	font-size: 1.2em;
	font-weight: bold; }
dl.sidestats dt {
	clear: left;
	float: left;
	height: 15px;
	width: 65px;
	margin-top: 5px; }
dl.sidestats dd, ul.horzlinks li {
	float: left;
	padding: 1px 0 1px 12px;
	margin-top: 4px;
	vertical-align: middle;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 5px -200px no-repeat; }
dl.sidestats dd:empty {
	display: none; }
dt.genres ~ dd {	background-position: 4px -222px; }
dt.tags ~ dd {	background-position: 5px -200px; }

dl.sidestats dt + dd {
	padding-left: 5px;
	background: none; }
dl.sidestats dd.score {
	font-size: 10px;
	line-height: 11px;
	font-weight: normal;
	color: #c9bebe; }
ul.horzlinks li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none; }

/*  Reviews AND Comments  */
div.comments div.podcontent > hr {
	margin: 10px 0; }
div.comments div.podcontent > hr + div {
	display: block;
	height: 30px;
	line-height: 3em;
	margin-bottom: 22px;
	padding: 5px 5px 0 5px;
	color: #7d7575; }
div.comments div.podcontent hr:first-child {
	position: absolute;
	width: 600px;
	margin-top: 45px !important; }
div.comments div.podcontent > div img {
	width: 30px;
	float: left;
	margin-right: 10px; }
div.comments div.podcontent > hr + div > a {
	font-size: 1.2em;
	line-height: 2.5em;
	font-weight: bold; }
div.comments div.podcontent > div > h4 > a {
	float: left; }
div.comments div.podcontent > div > h5 {
	float: left;
	padding-left: 3px; }

div.subreview div.podcontent > hr:first-child + div {		/*  for submission reviews on userpages  */
	height: 35px;
	line-height: 4em; }
div.subreview div.podcontent hr:first-child {
	margin-top: 50px !important;	 }
div.subreview div.podcontent > div img {
	height: 35px;
	width: inherit; }
div.subreview div.podcontent *[class|="star"] {
	margin: 10px; }

div.authresponse {		/*  author response to blog comments and content reviews  */
	position: relative;
	margin: 5px;
	padding-bottom: 10px; }
p + div.authresponse {
	margin-top: 10px; }
div.authresponse div:first-child {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	background: #9d4f18;
	opacity: .20; }
div.authresponse p {
	position: relative;
	z-index: 1; }
div.authresponse strong {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 10px;
	padding: 8px 0 5px 0;
	font-weight: normal;
	color: #c9bebe;
	border-bottom: solid 1px #4f280e; }
div.authresponse strong a {
	font-weight: bold; }
div.authresponse span {
	position: absolute;
	top: 8px;
	right: 10px;
	color: #7d7575; }

.modlinks {		/*  Styles moderation links for SUBMITTERS and MODS in comments and reviews  */
	margin: 10px 5px 5px;
	padding: 5px;
	text-align: center;
	background: #1b1717; }
.helpful + .modlinks {
	margin-top: 5px; }
.modlinks form { display: inline; }
.modlinks a, .modlinks button {
	background: none !important;
	border-left: solid 1px #7d7575 !important;
	width: auto;
	border: none;
	height: 13px;
	line-height: 15px;
	margin-left: 4px;
	padding-left: 6px;
	font-size: 11px;
	color: #f74040 !important;
	font-weight: normal;
	cursor: pointer; }
.modlinks button:hover, .modlinks a:hover {
	color: #fff !important; }
.modlinks a:first-child, .modlinks a:first-of-type {		/*  bbs + reviews  */
	border: 0 !important; }
.modlinks a[href*="response_form"] {		/*  userpages  */
	border: 0;
	color: #60b136 !important; }
/*.modlinks a[href*="response_form"] + button {
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 6px -202px no-repeat;
	padding-left: 12px;
	border-left: solid 1px #7d7575; }*/
.modlinks a:only-child,
.modlinks button:only-of-type {
	border: 0; }

/* remove left pipe for first button */
.modlinks.blogcomment button:first-of-type {
	border-left: none 0 !important;
	margin-left: 0;
	padding-left: 0;
}

/* add back in for comment links */
.modlinks.blogcomment a + button:first-of-type {
	border-left: solid 1px #7d7575 !important;
	margin-left: 4px;
	padding-left: 6px;
}

/*  Helpfulness Form  */
form.helpful {		/*  used to be form.helpful to hit helpful-yes and helpful-no  */
	position: relative;
	height: 15px;
	padding: 0 5px 5px 5px;
	font-size: 1.2em;
	color: #7d7575; }
.helpful strong { color: #52a52a; }
form.helpful fieldset {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 60px; }
form.helpful fieldset label {
	margin-right: 5px;
	overflow: hidden;
	position: relative;
	float: left;
	display: block;
	width: 15px;
	height: 15px;
	top: 0;
	left: 0;
	text-indent: -9999em;
	background: url(//cssimg.ngfiles.com/icons/ul-ratehelp.png) no-repeat; }
form.helpful fieldset input {
	position: absolute;
	left: -9999em; }
form.helpful label:hover { cursor: pointer; }
form.helpful input[disabled] + label:hover { cursor: default; }
form.helpful label[for*="_n_"] { background-position: -15px 0; }
form.helpful label[for*="_x_"] { background-position: -30px 0; }
form.helpful label[for*="_y_"]:hover { background-position: 0 -15px; }
form.helpful label[for*="_n_"]:hover { background-position: -15px -15px; }
form.helpful label[for*="_x_"]:hover { background-position: -30px -15px; }
form.helpful input[disabled] + label[for*="_y_"]  { background-position: 0 -45px; }
form.helpful input[disabled] + label[for*="_n_"]  { background-position: -15px -45px; }
form.helpful input[disabled] + label[for*="_x_"]  { background-position: -30px -45px; }
form.helpful input[checked] + label[for*="_y_"]  { background-position: 0 -30px; }
form.helpful input[checked] + label[for*="_n_"]  { background-position: -15px -30px; }
form.helpful input[checked] + label[for*="_x_"]  { background-position: -30px -30px; }

/*  Star Rating display (not selection)  */
div.comments *[class|="star"] {		/*  used with half-scoring classes below  */
	position: absolute;
	right: 11px;
	margin: 8px; }
dl.sidestats *.star-variable {		/*  used with a calculated inline percentage  */
	float: left;
	margin: -2px 8px 0 0; }
*[class|="star"] {
	width: 88px;
	height: 15px;
	background: url(//cssimg.ngfiles.com/misc/vp-Stars.png) top left no-repeat; }
*[class|="star"] span {
	float: left;
	height: 15px;
	text-indent: -999em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/misc/vp-Stars.png) no-repeat;
	background-position: 0 -15px; }
span.star-0 span 	{width: 0px; }
span.star-1 span {width: 8px; }
span.star-2 span 	{width: 16px; }
span.star-3 span {width: 26px; }
span.star-4 span 	{width: 34px; }
span.star-5 span {width: 44px; }
span.star-6 span 	{width: 52px; }
span.star-7 span {width: 62px; }
span.star-8 span	 {width: 70px; }
span.star-9 span {width: 80px; }
span.star-10 span 	{width: 88px; }

/*  Vote bars on View Pages  */
#votebar {
	position: relative;
	width: 300px;
	height: 90px;
	background-color: #0f0d0d;
	background-position: 0 35px;
	background-repeat: no-repeat;
	border: solid 1px #262523; }
#votebar h3 {
	position: absolute;
	display: block;
	width: 100%;
	height: 35px;
	text-align: center;
	font-size: 1.4em;
	line-height: 2.1em;
	font-weight: bold;
	color: #1b1717;
	text-indent: -1000em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/misc/vp-voteMessages.png) center 5px no-repeat; }
#votebar h3.voted {
	height: 30px;
	top: 5px;
	text-indent: 0;
	background-image: inherit;
	background-position: center -110px !important; }
#votebar input[disabled] + label {
	display: none; }
#votebar li {
display: block;
	margin-top: 35px; }
#votebar input {
	visibility: hidden;
	position: absolute;
	z-index: -1; }
#votebar label {
	float: left;
	width: 50px;
	height: 55px;
	text-indent: -9em;
	overflow: hidden;
	background-position: 0 -55px;
	background-repeat: no-repeat; }
#votebar li.v1 label { background-position: -50px -55px; }
#votebar li.v2 label { background-position: -100px -55px; }
#votebar li.v3 label { background-position: -150px -55px; }
#votebar li.v4 label { background-position: -200px -55px; }
#votebar li.v5 label { background-position: -250px -55px; }
#votebar label span {
	display: none;
	position: absolute;
	top: 5px;
	left: 0;
	width: 300px;
	height: 30px;
	text-indent: 0;
	text-align: center;
	font-size: 1.4em;
	line-height: 2.1em;
	font-weight: bold;
	color: #1b1717;
	background-position: 0 -110px;
	background-repeat: no-repeat; }
#votebar label:hover span {
	display: block; }
#votebar li:hover label {
	height: 55px;
	cursor: pointer;
	background-position: left bottom; }
#votebar li.v1:hover label { background-position: -50px bottom; }
#votebar li.v2:hover label { background-position: -100px bottom; }
#votebar li.v3:hover label { background-position: -150px bottom; }
#votebar li.v4:hover label { background-position: -200px bottom; }
#votebar li.v5:hover label { background-position: -250px bottom; }

form#votebar, form#votebar label, form#votebar label span { background-image: url(//cssimg.ngfiles.com/misc/vp-votePico.png); }

/*  Creative Commons info on View Pages  */
.cc dl, .creative-commons dl {
	margin: 5px 5px 5px 2px;
	font-size: 1.2em;
	line-height: 1.3em; }
.cc dl dt, .creative-commons dl dt {
	float: left;
	margin-left: 36px;
	padding-right: 3px;
	font-weight: bold;
	font-style: italic; }
.cc dl dd, .creative-commons dl dd {
	min-height: 30px;
	margin-bottom: 5px;
	background: url(//cssimg.ngfiles.com/icons/dl-creativecommons.png) left -2px no-repeat;	/* 'nc' icon is default */
	padding-left: 36px; }
.cc ul.horzlinks, .creative-commons ul.horzlinks {
	padding-left: 33px;
	margin-top: 0px; }
.cc dl dt:first-child + dd {
	background-position: 0 -302px; }	/* 'by' license, since 'by' is always the first icon */
.cc dl.by-sa dd ~ dd {
	background-position: 0 -202px; }	/* 'by-sa' license */
.cc dl.by-nd dd ~ dd {
	background-position: 0 -102px; }	/* 'by-nd' license */
.cc dl dd ~ dd ~ dd {
	background-position: 0 -202px; }	/* 'by-nc-sa' license, since 'sa' is now the default third icon */
.cc dl[class$="nd"] dd ~ dd ~ dd {
	background-position: 0 -102px; }	/* 'by-nc-nd' license, since the 'nd' is swapped in */

/* actual label names here, because that's what we should have been doing in the first place */
.creative-commons dd.noncommercial {
	background-position: 0 0; }
.creative-commons dd.noderivatives {
	background-position: 0 -102px; }
.creative-commons dd.sharealike {
	background-position: 0 -202px; }
.creative-commons dd.attribution {
	background-position: 0 -302px; }

/*  Medals, Levels, Scores  */
div[class*="gamesupport"]  {		/*  added for loading animation  */
	position: relative;}
div[class*="gamesupport"] > div {
	position: relative;
	float: left;
	margin: 5px;
	width: 50px;
	height: 50px; }
div[class*="gamesupport"] > div > a {
	position: absolute; z-index: 200;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -100em;
	overflow: hidden; }
div[class*="gamesupport"] > div > img {
	position: absolute;
	top: 0;
	left: 0; }
div[class*="gamesupport"] > div > span {
	display: none;
	position: absolute;
	z-index: 9001;
	bottom: 35px;
	right: -8px;
	width: 140px;
	padding: 0 10px 20px 10px;
	color: #34393e;
	line-height: 1.1em;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertext.png) bottom right no-repeat; }
div[class*="gamesupport"] > div:hover > span {
	display: block; }
div[class*="gamesupport"] > div > span > strong {
	display: block;
	width: 140px;
	padding: 10px;
	margin: -2px -10px -5px -10px;
	color: #000;
	font-size: 1.2em;
	text-transform: capitalize;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertext.png) top left no-repeat; }
div[class*="gamesupport"] > div > span > strong > a {		/*  flag broken medal link  */
	float: right;
	width: 13px;
	height: 12px;
	overflow: hidden;
	text-indent: -1515em;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 0px -400px no-repeat; }
div[class*="gamesupport"] > div > span > em {
	display: block;
	font-size: 1.1em;
	margin-bottom: 2px;
	font-weight: bold;
	color: #1b1717; }
div[class*="gamesupport"] > div > span > em:only-of-type {
	font-size: 1em; }

div.gamesupport-levels > div {
	width: 90px;
	height: 90px; }
div.gamesupport-levels a.viewing {
	border: solid 1px #fda238;
	margin: -1px 0 0 -1px; }
div.gamesupport-levels > div:hover > span {
	bottom: 75px; }
div.gamesupport-levels strong em {
	text-transform: none; }
div.gamesupport-levels strong a {
	color: #9d4f18;
	text-transform: none; }
div.gamesupport-levels strong a:hover {
	color: #fff; }

div.gamesupport-medals > hr:first-child {		/*  necessary for the Stats: All-Medals page  */
	display: none; }

div.gamesupport-scores table {
	margin: 0;
	font-size: 1.2em; }
div.gamesupport-scores table tr:first-child  {
	background: transparent url(//cssimg.ngfiles.com/bg-main/podstripe.gif) left 22px no-repeat !important; }

div.gamesupport-scores table td  {
	height: 25px; }
div.gamesupport-scores table td:first-child {
	width: 10px; }
div.gamesupport-scores table td:first-child + td + td {
	color: #c9bebe; }

/*  Trophies  */
ul.trophies {
	width: 100%;
	display: inline-block;
	margin: 0 0px; }
ul.trophies [class] {
	display: block;
	height: 25px;
	padding: 5px;
	padding-left: 35px;
	font-size: 1em;
	line-height: 1.2em;
	color: #7d7575;
	background-image: url(//cssimg.ngfiles.com/icons/ul-trophies.png);
	background-repeat: no-repeat; }
ul.trophies strong {
	display: block;
	padding-top: 1px;
	color: #c9bebe;
	font-size: 1.2em; }
.trophies li a:hover {
	cursor: pointer;
	background-color: #3d1d0d; }
.trophies li a:hover strong {
	color: #fff; }

/* NG SOCIAL CSS! */
.social-friends tr td { width:120px; }
.social-friends tr td+td { width: auto; }
.social-friends tr td+td+td { width: auto; text-align:right; padding-right:15px; }

.social-friends tr:nth-child(even) { background: #1a1c1f; } /* alternate bg */

.social-friends tr:hover td { background-color: #2e3438; } /* hovered? */

.social-friends ul li.online-yes { background-position: 0 -50px; }
.social-friends ul li.online-no { background-position: 0 -25px; }

.social-friends tr td+td+td a:first-child {
	display: block;
    display: inline-block;
    height: 15px;
    margin: 0 10px -5px 0;
    width: 15px;
    background: url("//cssimg.ngfiles.com/icons/a-15yellows.png") no-repeat;
    background-position: -465px 0;
}

.social-friends tr td+td+td a:first-child:hover {
    background-position: -465px -15px;
}

/*  Social Site Links  */
.shareicons, .sharebox {
	display: inline-block; }
.shareicons li, .sharebox li {
	display: inline; }

/* "Share this" text next to the icons */
.shareicons li.info, .sharebox li.info {
	font-size: 13px;
	font-weight: bold;
	margin-right: 8px;
	float: left;
	top: 10px;
	position: relative;
}

.shareicons a, .sharebox a {
	float: left;
	width: 25px;
	height: 25px;
	margin: 5px;
	text-indent: -2525em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/a-sharelinks.jpg) top left no-repeat; }
.followus {
	display: inline-block; }
.followus li {
	display: inline; }
.followus a {
	float: left;
	width: 60px;
	height: 60px;
	margin: 5px;
	text-indent: -2525em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/a-followlinks.gif) top left no-repeat; }

/*  Related Author Sumissions  */
.relauthors > div {
	margin: 5px; }
.relauthors label {
	display: block;
	font-size: 1.2em;
	margin: 10px 0 5px 0; }
.relauthors div.select {
	width: 75%; }
.relauthors > div > span {
	float: right;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 2.5em; }

/*  Flash Movies  */
#flash_canvas {
	width: 910px;
	margin: 0 auto; }
#flash_sizer {
	margin: 5px auto 8px auto; }
.nodimming {
	position: absolute;
	z-index: 9001; }
/*#blackout.blackout-on ~ div#outer .navigation dl {		  kept nav menu below flash only when dimming
	z-index: 1; }*/
#blackout.blackout-on ~ div#outer div.nodimming,		/*  keeps content above everything while dimming  */
#blackout.blackout-on ~ div#outer div[class|="maincontent"] > div:first-child {
	z-index: 9008; }
object, embed { outline: 0; }


/*  Audio Player  */
#audioplayer {
	width: 590px;
	height: 290px;
	margin: 5px 0 5px 5px; }

/* This is for native audio and controls, hide the download button Chrome introduces */
audio::-internal-media-controls-download-button, video::-internal-media-controls-download-button {
	display:none;
}

audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {
	overflow:hidden;
}

audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
	width: calc(100% + 32px); /* Adjust as needed */
}

/*  Art  */
.image > a > img {
	display: block;
	margin: 5px auto 10px auto !important; }

/*  Under-Content Ads  */
div.textads {
	text-align: center; }
div.textads div {
display: inline-block;
	width: 460px;
	margin: 15px auto;
	text-align: center; }
div.textads a, div.textads a:hover {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.2em; }
div.textads a.cpmstarHeadline {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #fda238; }
/*.three3 div.contentad {		 for two text ads side-by-side
	width: 425px;
	display: inline-block;
	margin: 15px; }
.three3 div.contentad + div.contentad {
	float: left; }*/
/*.two3 div.contentad + div.contentad {		 turn off second ad when not in 3/3 col
	display: none; }*/

/*  Under-Content Data  */
dl.contentdata {
	position: relative;
	height: 65px; }
dl.contentdata dt {
	display: none; }
dl.contentdata dd.shareicons, dl.contentdata dd.sharebox {
	position: absolute;
	top: 28px;
	right: 0;
	margin: 0 !important;
	background: none !important; }
dl.contentdata dd.star-variable {
	position: absolute;
	left: 6px;
	top: 45px;
	}
dl.contentdata dd.star-variable + dt + dd {
	position: absolute;
	right: 6px;
	top: 5px;
	font-size: 1.2em;
	line-height: 1.3em; }
dl.contentdata dt[class] + dd {
	background: none !important;
	padding-left: 6px !important; }
dl.contentdata dt[class] ~ dd {
	float: left;
	padding: 1px 0 1px 12px;
	margin-top: 4px;
	font-size: 12px;
	line-height: 9px;
	font-weight: bold;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 5px -222px no-repeat; }
dl.contentdata dt.tags ~ dd {
	font-size: 10px;
	font-weight: normal;
	background-position: 5px -200px; }
dl.contentdata dt.tags {
	display: block !important;
	float: left;
	clear: left;
	height: 15px;
	margin-top: 5px;
	color: #7d7575;
	margin-left: 6px;
	font-style: italic;
	font-weight: bold;
	line-height: 9px; }

div.maincontent-wide dl.contentdata {
	height: 35px; }
div.maincontent-wide dl.contentdata dd.star-variable + dt + dd {
	right: auto;
	left: 480px;
	top: 10px; }
div.maincontent-wide dl.contentdata dd.star-variable {
	left: 380px;
	top: 10px; }
div.maincontent-wide dl.contentdata dd.shareicons, div.maincontent-wide dl.contentdata dd.sharebox {
	top: 0; }

/*  Userpage Contact Info  */
.userstats .podcontent {
position: relative; }
.userstats dl dt {
	width: 0;
	visibility: hidden; }
.userstats dl.sidestats dd {
	font-weight: normal; }
/* .userstats dl.sidestats dd.location {		retired until a better day when we include the flags
	background-repeat: no-repeat;
	background-position: 5px 0;
	padding-left: 25px; } */
.userstats dl.sidestats {
	background-repeat: no-repeat;
	padding-left: 65px; }

/*
	BOB - these can be found in account/links
	and may ultimately end up in the contact info on userpages as well
*/
/* messenger-set links */
/* must live below sidestats css */
.messenger-set strong {
	background: url(//www.newgrounds.com/img/misc/favicon-set.gif) no-repeat;
	height: 16px;
	padding: 0 0 0 27px;
}

dl.messenger-set dt {
	margin: 5px 0;
}

dl.messenger-set input[type="text"] {
	font-size: 1em;
	margin-top: -5px;
	width: 185px;
}

.messenger-set strong {
	display: block;
	height: 13px;
	padding: 3px 0 0 27px;
}

.messenger-set dd a {
	display: block;
	padding-top: 3px;
}

/* THIS IS FOR THE WEBSITE LINKS */
.website-links {
 font-size: 1.2em;
}

.website-links li {
	background: url(//cssimg.ngfiles.com/bg-main/podstripe.gif) no-repeat;
    color: #7D7575;
    margin-top: 8px;
    padding: 7px 0 0 0;
}

/* take first line out */
.website-links li:first-child { background: none; }

.website-links li img {
  position: absolute; margin-left: -27px;
  width: 16px;
  height: 16px;
}

/* sort out padding */
.website-links li div {
  display: block;
  padding: 8px 5px 8px 32px;
}

/* highlight list item */
.website-links li div:hover { background-color: #2E1A0F; cursor: move; }

/* hide edit/delete until hover and push right */
.website-links li div span {
	display: block;
	float: right;
	padding-right: 5px;
	visibility: hidden; }

/* push the button up */
.website-links li div span button { margin-top: -5px; }

/* change back to normal */
.website-links li div:hover span { visibility: visible; }

/* put input font size back to normal */
.website-links li input { font-size: 1em; margin: -5px 5px; }

/* fix for the very last li, which is never movable */
.website-links li.none div:hover { background-color: #2E1A0F; cursor: default; }

/* website links on user page, align website favicons properly */
.website-links li a img {
	position: absolute;
}

ol.website-links li {
	list-style: none;
	padding-left: 32px;
	font-weight: bold;
	background: none;
	margin-top: 3px;
}

ol.website-links { margin-bottom: 10px; }


/*  Blog Posts  */
.blog > div:first-child {
	position: relative;
	width: 100%;
	height: 65px;
	overflow: hidden;
	background-repeat: no-repeat;
	margin: 5px; }
.blog > div:first-child > div {		/*  outer vertical centering  */
	padding-left: 70px;
	display: table;
	height: 60px;
	overflow: hidden; }
.blog > div:first-child > div > div {		/*  middle vertical centering  */
	position: static;
	display: table-cell;
	vertical-align: middle;
	padding-right: 0; }
.blog div.blogmedia > div > iframe,
.blog img.blogimg {
	display: block;
	margin: 10px auto; }
.blog h5, .blog h6 { display: inline; } /* stop long blog titles from forcing out updated info */

.blog-comment-blocked {
	padding: 20px;
	height: auto;
	background: url("//cssimg.ngfiles.com/bg-main/podbreaker-23.jpg") no-repeat;
	text-align: center;
}

.blog-comment-blocked a {
	text-decoration: none;
	font-size: 12px;
	color: #666;
}

.interactions {		/*  one-line area for comment links and social site links  */
	position: relative;
	display: block;
	height: 25px;
	padding: 5px; }
.interactions .shareicons, .interactions .sharebox {
	position: absolute;
	top: 0px;
	right: 0px; }
/** News posts, not sure where else **/
.interactions .horzlinks {		/*  <li> component styling located with the 'sidestats' <ul>  */
	height: 15px;
	float: left;
	margin: 0;
	padding: 3px 0 7px 30px;
/*	background-image: url(//cssimg.ngfiles.com/icons/emotes.png);*/
	background-repeat: no-repeat; 
}
.interactions .horzlinks li {
	margin-top: 2px;
}
.interactions form {
	display: inline; }
.interactions .buttonlink {
 font-weight: bold; }

/*		Stat Tab in User Pages		*/
.statlist dl {
	float: left;
	margin: 5px;
	margin-right: 15px;
	padding-left: 10px; }
.statlist dl.games { border-left: solid 2px #3a94e0; }
.statlist dl.movies { border-left: solid 2px #f74040; }
.statlist dl.audio { border-left: solid 2px #60b136; }
.statlist dl.art { border-left: solid 2px #eb4fa2; }
.statlist dl.games dd:hover { background-color: #0c1925; }
.statlist dl.movies dd:hover { background-color: #290e0e; }
.statlist dl.audio dd:hover { background-color: #111d0b; }
.statlist dl.art dd:hover { background-color: #260f1b; }
.statlist dt {
	margin-bottom: 5px;
	padding-bottom: 2px;
	padding-left: 1px;
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
	border-bottom: solid 1px #2a2526; }
.statlist dt ~ dt {
	margin-top: 5px;
	text-indent: -200em;
	overflow: hidden;
	height: 0; }
.statlist dd {
	position: relative;
	height: 25px;
	padding-left: 25px;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	line-height: 2em;
	color: #6c6162;
	background-image: url(//cssimg.ngfiles.com/icons/ul-15grays.png);
	background-repeat: no-repeat; }
.two3 .statlist dl + dl + dl { margin-right: 0; }		/*  gives 3rd stats column some breathing room  */
.two3 .statlist dd { width: 145px; }
.three3 .statlist dl + dl + dl + dl { margin-right: 0; }		/*  gives 4th stats column some breathing room  */
.three3 .statlist dd { width: 175px; }
.statlist dd a {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding-right: 7px;
	display: block;
	text-align: right; }

dl.communitystats > dt {
	display: none; }
dd[class*="level"] {
	float: left;
	width: 220px;
	padding-left: 70px;
	height: 65px;
	margin: 5px 5px 0 5px; }
.fatcol dd[class|="level"], .fatcol dd[class|="whistle"] {
	margin-bottom: 5px !important;
	padding-bottom: 5px;
	border-bottom: solid 1px #2a2526; }

dd[class*="level"] dt:first-child {		/*  attacks any of the three stats with level-type icons  */
	position: absolute;
	height: 60px;
	width: 60px;
	margin: 0 10px 10px -70px;
	padding: 0;
	text-indent: -60em;
	overflow: hidden; }

dd[class|="level"] dt:first-child, dd[class|="level"] > div { background: url(//cssimg.ngfiles.com/icons/stats/levelNUMS.png) top left no-repeat; }
/* halloween */
/*dd[class|="level"] dt:first-child, dd[class|="level"] > div { background: url(//cssimg.ngfiles.com/icons/stats/levelNUMS_hallow.png) top left no-repeat; }*/

/* Edit button for the level choice (supporters only) */
dl.communitystats dd[class*="level"] a.level-icon-edit {
	position: absolute;
	z-index: 9999;
	display: none;
	width: 60px;
	height: 60px;
}

dl.communitystats dd[class*="level"] a.level-icon-edit span {
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 4px -371px no-repeat;
	text-indent: -9999em;
	width: 23px;
	height: 23px;
	display: inherit;
	position: relative;
}

dl.communitystats dd[class*="level"]:hover a.level-icon-edit {
	display: block;
}

dd[class|="rank"] dt:first-child, .thincol dd[class|="rank"] > div { background: url(//cssimg.ngfiles.com/icons/stats/ranks.png) no-repeat; }
dd[class|="whistle"] dt:first-child, .thincol dd[class|="whistle"] > div { background: url(//cssimg.ngfiles.com/icons/stats/whistles.png) no-repeat; }
dd[class*="level"] dt:first-child a {		/*  for the link thrown over the bbs stat icon  */
	display: block;
	height: 60px;
	width: 60px; }

dl.communitystats > dd dl, .prodinfo dl {
	font-size: 1.2em;
	line-height: 15px;
	font-weight: bold; }
dl.communitystats > dd dt, .prodinfo dt {
	float: left;
	width: 105px;
	padding-left: 15px;
	font-style: italic;
	color: #7d7575; }
dl.communitystats > dd dt:after, .prodinfo dt:after {
	content: ":"; }

/* excludes the icon editing a here and for the span below */
dl.communitystats > dd dd > a:not(.level-icon-edit), .prodinfo dd a, a.faq, .thincol dl.communitystats > dd > a:not(.level-icon-edit) {
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 0 -75px no-repeat;
	width: 10px;
	height: 9px;
	position: absolute;
	margin-top: -12px;
	z-index: 1; }
a.faq {		/*  added a.faq in this block of styling for in-paragraph use  */
	position: relative;
	display: inline-block; }
dl.communitystats dd > a:not(.level-icon-edit) > span, .prodinfo a span, a.faq > span, dl.communitystats dd > div span {
	position: absolute;
	z-index: 9001;
	display: none;
	bottom: 5px;
	right: -20px;
	width: 140px;
	padding: 0 10px 15px 10px;
	text-align: left;
	line-height: 11px;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertext.png) bottom right no-repeat; }
dl.communitystats dd > a > span em, .prodinfo a span em, a.faq > span em, dl.communitystats dd > div em {
	display: block;
	width: 144px;
	padding: 8px 8px 10px;
	margin: -2px -10px -5px -10px;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	color: #1b1717;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertext.png) top left no-repeat; }
dl.communitystats dd > a:hover span, .prodinfo a:hover span, a.faq:hover span, dl.communitystats dd > div:hover span {
	display: block; }

dd[class|="level"] { background: url(//cssimg.ngfiles.com/icons/stats/levelBGs_n.png) no-repeat; }
dl.communitystats dd[class|="level"] dt:first-child + dd {		/*  tiny, gray, aura text  */
	position: absolute;
	text-indent: 140px;
	font-weight: normal !important;
	color: #7d7575;
	font-size: 10px; }
dd[class*="-a"], .thincol dd[class*="-a"] { background-position: 0 0px; }
dd[class*="-g"], .thincol dd[class*="-g"] { background-position: 0 -75px; }
dd[class$="-d1"], .thincol dd[class$="-d1"] { background-position: 0 -150px; }
dd[class*="-m"], .thincol dd[class*="-m"] { background-position: 0 -225px; }
dd[class*="-i"], .thincol dd[class*="-i"] { background-position: 0 -300px; }
dd[class$="-d2"], .thincol dd[class$="-d2"] { background-position: 0 -375px; }
dd[class*="-w"], .thincol dd[class*="-w"] { background-position: 0 -525px; }
dd[class$="mod"], .thincol dd[class$="mod"] { background-position: 0 -450px; }
dd[class|="whistle"] dt + dt {
	margin-top: 15px;
	width: 180px !important; }
dd[class|="whistle"] dt + dd {
	text-indent: 15px; }
dd[class|="whistle"] dd a {
	margin-top: -27px !important; }
dd.misc {		/*  attacks the oddball, no-icon stats  */
	float: left;
	width: 290px;
	margin: 5px; }
dd.misc dl:first-child {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: solid 1px #2a2526; }
dl.communitystats > dd span > a {
	padding-left: 5px;
	font-size: 10px;
	font-weight: normal;
	line-height: normal; }

.thincol dd[class*="level"] {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 5px 16px;
	padding: 0; }
.thincol dd[class*="level"] div {
	display: block;
	width: 60px;
	height: 60px; }
.thincol dl.communitystats > dd > div div {		/*  special positioning for stats on main userpage  */
	position: absolute;
	top: -48px;
	right: -3px; }

/* For providing supporters with level icon choice */
ul.choose-level-icon {
	overflow: hidden;
}

ul.choose-level-icon li {
	list-style: none;
	width: 64px;
	height: 64px;
	margin: 1px;
	float: left;
	background: url("//cssimg.ngfiles.com/icons/hovers/choose-level-icon-bg2.png") no-repeat;
	background-position: -200px 0;
	display: block;
}

ul.choose-level-icon li input[type="radio"] {
	z-index: -1;
	display: none;
}

ul.choose-level-icon li label {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 1px;
	display: block;
	overflow: hidden;
}

ul.choose-level-icon li label img {
	position: absolute;
}

ul.choose-level-icon li:hover {
	background-position: 0 -64px;
}

ul.choose-level-icon li.disabled:hover {
	background-position: -100px -100px;
}

ul.choose-level-icon li img:hover {
	cursor: pointer;
}

ul.choose-level-icon li.disabled img:hover {
	cursor: default;
}

ul.choose-level-icon li.selected {
	background-position: 0 0;
}

ul.choose-level-icon li input[disabled] + label img {
	opacity: 0.4;
	cursor: default;
}

ul.choose-level-icon li:nth-child(9n+10) {
	clear:left;
}


/*  User Favorites  */
ol[class*="faves"] {		/*  duplicate of '.blocklist' purely for author sorting  */
	display: inline-block;
	list-style-type: none; }
ol[class*="faves"] li {
	float: left;
	position: relative;
	width: 215px;
	height: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 85px;
	font-size: 1em;
	line-height: 1.5em; }
ol[class*="faves"] li:hover {
	cursor: pointer;
	background: #3d1d0d; }
ol[class*="faves"] li a:first-child {
	position: absolute;
	z-index: 5;
	width: 275px;
	height: 45px;
	left: 0;
	top: 0;
	padding-left: 5px;
	font-size: 10px;
	line-height: 4em;
	font-weight: normal;
	color: #7d7575;
	overflow: hidden; }
ol[class*="faves"] li a + a {
	display: block;
	padding-top: 3px;
	height: 15px;
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
	background: none; }
ol[class*="faves"] li:hover a + a {
	color: #fff; }
ol[class*="faves"] li a img {
	position: absolute;
	top: 5px;
	left: 23px;
	vertical-align: middle; }
ol.artfaves li {
	width: 235px;
	padding-left: 65px; }
ol.artistfaves li {
	width: 135px;
	height: 30px;
	padding-left: 65px; }
ol.artistfaves li a:first-child {
	width: 195px;
	height: 40px;
	padding-left: 2px;
	width: 24px;
	padding-right: 174px;
	text-align: right; }
ol.artistfaves li a img {
	left: 29px; }
ol.artistfaves li a + a {
	height: 25px;
	line-height: 25px; }

.otherfaves hr:first-child { display: none; }
.three3 .otherfaves ol {		/*  for editing page  */
	width: 100%; }
.otherfaves ol {
	display: inline-block;
	vertical-align: top;
	width: 197px;
	margin-top: 5px; }
.otherfaves li {
	margin: 2px 0 5px 5px;
	padding-left: 22px;
	text-indent: -22px;
	line-height: 14px; }
.otherfaves a {
	vertical-align: bottom;
	font-size: 12px;
	font-weight: bold; }

ol[class*="faves"] li button, .otherfaves li button {		/*  for deleting faves  */
	position: absolute;
	z-index: -1;
	margin-top: -2px;
	margin-left: 5px;
	border: none;
	width: 15px;
	height: 15px;
	text-indent: -1500em;
	text-overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/a-15yellows.png) -420px 0 no-repeat; }
ol[class*="faves"] li button {		/*  to keep from affecting 'otherfaves'  */
	top: 7px;
	right: 5px; }
ol[class*="faves"] li:hover button, .otherfaves li:hover button { z-index: 99; }
ol[class*="faves"] li:hover button:hover, .otherfaves li:hover button:hover { background-position: -75px -15px; }
ol[class*="faves"] button.undelete { background-position: -420px -15px; }
ol[class*="faves"] button.undelete:hover { background-position: -405px -15px !important; }

/*  Name Lists  */
dl.userlist {
	padding: 0 4px 5px 4px;
	text-align: justify; }
dl.userlist dt {
	display: block;
	margin: 0 -4px 7px -4px;
	padding: 5px 5px 7px 5px;
	color: #7d7575;
	text-align: left;
	background: url(//cssimg.ngfiles.com/bg-main/podstripe.gif) left bottom no-repeat; }
dl.userlist em {
	font-size: 1.2em;
	font-weight: bold; }
dl.userlist strong {
	color: #c9bebe; }
dl.userlist span {
	float:right;
	font-weight: normal;
	font-style: normal; }
dl.userlist dd {
	display: inline;
	margin: 0 1px;
	font-size: 1.1em;
	font-weight: bold; }
.moduserlink a, .moduserlink a:visited {
	font-style: italic;
	color: #ebcf7a; }
.blockuserlink a, .blockuserlink a:visited {
	color: #f74040; }
.moduserlink, .blockuserlink a:hover {
	color: #fff; }

/*  BBS Specifics  */
div.bbskey {
	color: #7d7575; }
div.bbskey div {
	float: left;
	width: 200px;
	height: 55px;
	padding-left: 60px;
	background: url(//cssimg.ngfiles.com/icons/td-forum45.png) 0 -60px no-repeat; }
div.bbskey div + div {
	background-position: 0 0; }
div.bbskey div strong {
	display: block;
	margin-top: 15px;
	font-size: 1.2em; }
div.bbskey p {
	text-align: right;
	font-weight: bold; }
div.bbskey span {
	float: right;
	margin-right: 5px;
	text-align: right;
	line-height: 1em; }
div.bbskey span strong {
	font-weight: normal; }

.bbs-miniform strong:first-child + div.select {
	width: 200px; }		/*  added because the moderator forum titles are too long  */
.bbs-miniform > span {
	float: right;
	padding-top: 2px;
	padding-right: 5px;
	line-height: 1.2em;
	text-align: right;
	color: #7d7575; }
.bbs-miniform ~ .bbs-miniform div.select > ul {
	z-index: 9002; }

.bbs-sigpreview {
	width: 720px;
	margin: 10px auto;
	font-size: 1.1em; }

div.podtop > div > ul {		/*  view/reply statistics in bbs  */
	float: left;
	margin: 14px 10px 0 0;
	font-size: 1.2em;
	color: white;
	opacity: 0; }
div.podtop:hover > div > ul {
	opacity: 1; }
div.podtop > div > ul > li {
	float: left;
	margin-left: 5px;
	padding-left: 8px;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) left -445px no-repeat; }
div.podtop > div > ul > li:first-child {
	background: none; }

div.sitenote {		/*  link warning system  */
display: none;z-index:1000; position:absolute;
	width: 140px;
	padding: 0 10px 15px 10px;
	text-align: left;
	line-height: 11px;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertext.png) bottom right no-repeat; }
div.sitenote > em {
	display: block;
	width: 144px;
	padding: 8px 8px 10px;
	margin: -2px -10px -5px -10px;
	font-size: 11px;
	font-weight: normal;
	color: #1b1717;
	background: url(//cssimg.ngfiles.com/icons/hovers/hovertext.png) top left no-repeat; }
div.sitenote strong {
	color: inherit; }

/*  BBS and PM individual post layout  */
div.post-bbs { padding-left: 201px; min-height: 238px; }
form.post-pm, div.post-pm { padding-left: 201px; min-height: 142px; position: relative; }

form.post-pm a.block,
form.post-pm a.block:visited,
form.post-pm a.block:hover {
	color: #f74040;
}

div.post-bbs > div > dl, .post-pm > dl {		/*  bbs gets an extra div because of the sig positioning  */
	width: 160px; }
div.post-bbs div > dl > dt:first-child, .post-pm > dl > dt:first-child {		/*  Name  */
	padding-bottom: 8px;
	font-size: 1.2em;
	font-weight: bold; }
div.post-bbs div > dl > dt:first-child + dd, .post-pm > dl > dt:first-child + dd {		/*  User Icon  */
	height: 60px;
	padding-left: 70px;
	background-repeat: no-repeat; }
[class^="post"] dl dd + dd ul {		/*  User Links  */
	margin: 10px 0;
	padding: 5px 0;
	border-top: solid 1px #323232;
	border-bottom: solid 1px #323232;
	line-height: 1em; }
[class^="post"] dl li {		/*  Links + 'Member Since'  */
	padding: 4px 0;
	color: #7d7575; }
[class^="post"] dl li strong {
	display: block;
	font-weight: normal; }
[class^="post"] dl dd > a:first-child {
	display: block;
	position: absolute;
	margin-left: -70px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	text-indent: -600em; }

/* Color for blocking user */
[class^="post"] li.block a {
	color: #f74040;
}

/*  Message Body  */
[class^="post"] hr {
	margin-left: -5px;
	margin-right: -5px; }
[class^="post"] div[class|="mood"], [class^="post"] div[class^="emoteset"] {		/*  post title, date, buttons, emote  */
	height: 25px;
	margin-bottom: 8px;
	padding-left: 30px;
	color: #7d7575;
	line-height: 1.3em;
/*	background-image: url(//cssimg.ngfiles.com/icons/emotes.png);*/
	background-repeat: no-repeat;  }

/* This is ridiculous, but okay  - tweak for  edit text*/
[class^="post"] div[class|="mood"] a.editdate, [class^="post"] div[class^="emoteset"] a.editdate {
	color: #7d7575;
	text-decoration: none;
}
[class^="post"] div[class|="mood"] a.editdate:hover, [class^="post"] div[class^="emoteset"] a.editdate:hover {
	text-decoration: underline;
}

[class^="post"] div[class|="mood"] > em, [class^="post"] div[class^="emoteset"] > em {		/*  title  */
	display: block;
	font-size: 1.2em;
	font-style: normal; }
[class^="post"] .optionlinks {
	position: absolute;
	top: 17px;
	right: 16px; }


/*  PM post layout only  */
.post-pm > dl {
	position: absolute;
	left: 16px;
	top: 21px; }  /*  needs more spacing when attached to a header  */
.post-pm .textblock {
	overflow: hidden;
	padding: 5px; }
.post-pm div[class|="mood"] > strong, .post-pm div[class^="emoteset"] > strong {
	display: block;
	font-size: 1.2em;
	line-height: 2.2em;
	font-weight: normal; }
.post-pm dl dd + dd ul {
	border-bottom: none; }
.post-pm .optionlinks {  /*  needs more spacing when attached to a header  */
	top: 21px; }
/* Block sender button with store theme, no background image */
.post-pm .buttonlink {
	background-color: transparent;
	background-image: none;
}

/*  BBS post layout only  */
div.post-bbs > div:first-child {		/*  bbs post user sidebar needs extra attention  */
	position: absolute;
	left: 6px;
	top: 7px;
	bottom: 6px;
	width: 185px;
	padding: 10px 0 10px 10px;
	background: url(//cssimg.ngfiles.com/misc/bbs-postStar.png) 5px 5px no-repeat; }
div.post-bbs > div:first-child > span:first-child {		/*  merely applies the repeating 1px star-drip bg  */
	position: absolute;
	left: 0px;
	top: 230px;
	bottom: 5px;
	width: 186px;
	background: url(//cssimg.ngfiles.com/misc/bbs-postStar_mid.png) right top repeat-y; }
div.post-bbs > div:first-child > span:first-child > span {		/*  covers above bg image so it no longer repeats  */
	position: absolute;
	bottom: 0;
	top: auto;
	height: 15px;
	width: 100%;
	background: url(//cssimg.ngfiles.com/misc/bbs-postStar_bot.gif) right bottom no-repeat; }
div.bbstext {
	display: table;
	width: 720px;
	padding: 5px;
	height: 228px; }
div.bbstext .textblock {
	display: table-row; }
div.bbstext div[class|="mood"] > em a {		/*  permalinks  */
	color: inherit; }
div.post-bbs .sig {
	display: table-cell;
	vertical-align: bottom;
	font-size: 1.1em; }
div.post-bbs .sig img {
	display: block;
	margin: 10px auto 0; }
div.textblock p + ul.centeredblocks {
	margin-top: 10px; }
div.textblock ul.centeredblocks:last-child li:nth-child(odd):last-child {
	margin-bottom: 5px; }
div.post-bbs div.modlinks {		/*  admin tools, these tweak the links to moderate comments and reviews */
	opacity: 0;
	position: absolute;
	padding: 5px 10px 5px 1px; }
.textblock > div > div.modlinks {
	top: 7px;
	right: 74px; }

/* Fixes for this: https://trac.newgrounds.lan/ticket/882 */
/*
.sig > div.modlinks {
	margin-left: 0;
	bottom: 11px; }
*/
.sig > div.modlinks {
	margin-left: 475px;
	bottom: 5px;
}
div.post-bbs .sig:hover div.post-bbs .sig div.modlinks {
	display: block;
}

div.post-bbs > div:first-child > div.modlinks {
	top: -5px;
	right: 15px; }
div.post-bbs > div:hover div.modlinks { opacity: 1; }
div.post-bbs div.modlinks ul {
	opacity: 0;
	position: absolute;
	top: 25px;
	right: 0px;
	left: auto;
	width: 170px;
	background: #1b1717; }
div.post-bbs div.modlinks li {
	margin-bottom: 3px;
	margin-left: 5px;
	text-indent: -5px; }
div.post-bbs div.modlinks a + ul { display: none; }
div.post-bbs div.modlinks a:hover + ul {
	display: block;
	opacity: 1;
	padding: 5px;
	text-align: left;
	z-index: 9999;
}



div.post-bbs dd[class*="level"] {		/*  Undoes other level stuff  */
	margin: 0;
	width: auto; }
div.post-bbs dd {
	border: none; }
div.post-bbs dd dl dt + dd {		/*  Staff/Moderator/Member  */
	padding: 6px 0;
	color: #eb7522;
	font-size: 1.2em;
	font-weight: bold; }
li[class|="online"] {		/*  Online / Offline status - GENERIC  */
	display: block;
	padding-left: 17px !important;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 0 -21px no-repeat; }
li.online-yes {
	color: #c9bebe !important;
	background-position: 0 -46px; }

div.usersearch div[class|="mood"], div.usersearch div[class^="emoteset"] {		/*  bbs username search results  */
	height: 25px;
	padding-left: 30px;
	margin-bottom: 10px;
	margin-top: 5px;
	color: #7d7575;
	line-height: 1.3em;
/*	background-image: url(//cssimg.ngfiles.com/icons/emotes.png);*/
	background-repeat: no-repeat;  }
div.usersearch div[class|="mood"] > em, div.usersearch div[class^="emoteset"] > em {
	display: block;
	font-size: 1.2em;
	font-style: normal; }
div.usersearch div[class|=mood] > div.checkboxes, div.usersearch div[class^="emoteset"] > div.checkboxes {
	position: absolute;
	right:6px; }
div.usersearch ol, div.usersearch ul, div.usersearch code {
	margin-left: 5px; }
div.usersearch h4 + ul > li:first-child {		/*  spaces out "toggle" checkbox, no special class needed yet  */
	margin: 15px 0 20px 0; }

/* this might now be redundant */
/*div.post-bbs.supporter { min-height: 260px; }
div.post-bbs.supporter div.bbstext { height: 260px; }
div.post-bbs.supporter a[href="/store/product/supporter-upgrade"] { position: absolute; left:10px; top: 223px; }*/

/* seriously... */
div.post-bbs.supporter a[href*="/store/product/supporter-upgrade"] {
	display: inline;
	margin-left: 0;
	position: relative;
	text-indent: 0; }

div.post-bbs.supporter a.supporter {
	display: inline;
	margin-left: 0;
	position: relative;
	text-indent: 0; }

/* adjust the background images to reflect supporters */
div.post-bbs.supporter > div:first-child {
	background: url(//cssimg.ngfiles.com/misc/bbs-postStarSupporter.png) 5px 5px no-repeat; }
div.post-bbs.supporter > div:first-child > span:first-child {
	background: url(//cssimg.ngfiles.com/misc/bbs-postStarSupporter_mid.png) right top repeat-y; }
div.post-bbs.supporter > div:first-child > span:first-child > span {
	background: url(//cssimg.ngfiles.com/misc/bbs-postStarSupporter_bot.gif) right bottom no-repeat; }


/*  PM Specifics  */
.pm-miniform {
	height: 30px; }

.space {
	float: left; }

/*  Obituaries Specifics  */
.obits-miniform {
	height: 35px; }
.obits-miniform > div.select {
	float: left;
	margin-top: 3px !important;
	margin-left: 8px; }
.obits-miniform > strong {
	float: left;
	line-height: 2.4em !important; }
.obits-miniform .pagenav {
	text-align: right;
	line-height: 3em; }
.obits-miniform .pagenav div {
	float: right;
	margin-left: 5px; }
ol.obits, ul.uotd {
	float: left;
	margin: 5px 10px;
	font-size: 1.2em;
	width: 210px;
	overflow: hidden; }
#eulogy {
	position: relative;
	height: 210px;
	padding: 40px 375px 0 80px;
	font-size: 13px;
	line-height: 15px;
	text-align: center;
	background: url(//cssimg.ngfiles.com/misc/portal-eulogy.jpg) top left no-repeat; }
#deadswf {
	position: absolute;
	right: 0;
	top: 0;
	width: 274px;	/*  flash is slightly too wide for bg image  */
	overflow: hidden; }
#eulogy > strong > em {
	display: block;
	margin: 5px 0 2px 0;
	text-transform: uppercase;
	font-size: 25px;
	color: #ddd; }
#eulogy > p {
	margin: 10px 0; }
#eulogy > span {
	position: absolute;
	display: block;
	width: 146px;
	bottom: 10px;
	font-size: 16px;
	font-weight: bold; }

/*  Confirmation Specifics  */
.conf-miniform {
	height: 30px; }

/*  Rank Specifics  */
.rank-miniform {
	height: 30px; }
.rank-miniform .pagenav div {
	float: right; }
.rank-miniform > div.select {
	float: left;
	margin-top: 3px !important;
	margin-left: 8px; }
.rank-miniform > strong {
	float: left;
	line-height: 2.4em !important; }

/*  DG Specifics  */
.dump-miniform {
	height: 30px; }
.dump-miniform > button + span {
	float: left;
	padding-left: 10px;
	line-height: 3em;
	color: #7d7575; }

.quickkey dl {		/*  make more generic if needed by swapping in other backgrounds  */
	float: left;
	height: 25px;
	margin: 5px 15px 5px 5px;
	padding-left: 28px;
	background: url(//cssimg.ngfiles.com/icons/td-dumpfiles.png) -20px -50px no-repeat; }
.quickkey dt {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #c9bebe;
	margin-bottom: -1px; }
.quickkey dd {
	display: inline;
	color: #7d7575; }
.quickkey dd + dd:before {
	content: "/ " }
.quickkey dl + dl { background-position: -20px -100px; }
.quickkey dl + dl + dl { background-position: -20px 0px; }
.quickkey dl + dl + dl + dl { background-position: -20px -150px; }
/* .quickkey dl + dl + dl + dl + dl { background-position: -20px -200px; } */
.quickkey dl + dl + dl + dl + dl { background-position: -20px -250px; }
.quickkey dl + dl + dl + dl + dl + dl { background-position: -20px -300px; }
.quickkey dl + dl + dl + dl + dl + dl + dl { background-position: -20px -350px; }
.quickkey dl + dl + dl + dl + dl + dl + dl + dl { background-position: -20px -400px; }
.quickkey p { display: none; }

dl.space {
	position: relative;
	width: 110px;
	height: 25px;
	margin: 8px 5px;
	margin-left: 100px;
	line-height: 11px;
	color: #fff;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/misc/link_stripes2.png) 0 0 repeat-x; }
dl.space:hover {
	overflow: visible; }
dl.space dt {
	text-indent: -105px;
	height: 15px;
	margin: 5px;
	line-height: 0px;
	background: url(//cssimg.ngfiles.com/misc/statusBar.png) 0 0 no-repeat; }
dl.space dt + dd {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 15px;
	text-indent: -200em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/misc/statusBar.png) 0 -15px no-repeat; }
dl.space dd + dd {
	position: absolute;
	text-indent: -100px;
	top: 12px; }

/*  Category Browsing  */
div.tags {
	padding: 20px 16px 16px 16px !important;
	font-size: 1.2em;
	font-weight: bold;
	text-align: justify; }
ul.browse {
	margin: 5px; }
ul.browse li {
	position: relative;
	font-size: 12px;
	line-height: 30px;
	border-left: solid 1px #100c0d;
	border-right: solid 5px #100c0d;
	background: #2e1a0e; }
ul.browse a {
	display: block;
	border-top: solid 1px #100c0d;
	padding-left: 10px;
	color: #fff;
	height: 30px; }
ul.browse a[href] {		/*  links are yellow, non-links (wiki page being viewed) are white  */
	color: #fda238; }
ul.browse ul {
	padding-left: 5px; }

ul.browse > li {		/*  affects only the topmost categories  */
	margin-top: 4px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.2em;
	border: none; }
ul.browse ul li[class] {		/*  hits second-level lists only  */
	margin-right: -5px; }
ul.browse li[class] {		/*  hits anything that can be expanded or collapsed  */
	background: #4f280e url(//cssimg.ngfiles.com/misc/link_stripes2.png) left top repeat-y; }
ul.browse li.expanded {
	background-color: #9d4f18; }
ul.browse li.collapsed ul {
	display: none; }

ul.browse li:hover {		/*  lowest link HOVERS  */
	background-color: #4f280e; }
ul.browse li > a:hover {
	color: #fff; }
ul.browse li[class]:hover {		/*  expand/collapse  HOVERS  */
	background-position: -300px 0;
	background-color: #f4cb2d !important;
	background-repeat: no-repeat; }
ul.browse li[class]:hover > a {
	color: #1b1717; }

ul.browse a + a {		/*  for expand/collapse buttons  */
	position: absolute;
	z-index: 30;
	top: 0;
	right: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-indent: -300em;
	border: none;
	background: url(//cssimg.ngfiles.com/icons/ul-browse.png) 0 top no-repeat; }
ul.browse li.collapsed a + a { background-position: 0 bottom; }
ul.browse li.expanded:hover > a + a {background-position: -30px top; }		/*  turn +/- black  */
ul.browse li.collapsed:hover > a + a {background-position: -30px bottom; }
ul.browse li.expanded a + a:hover { background-position: -60px top; }		/*  these trump other hovers  */
ul.browse li.collapsed a + a:hover { background-position: -60px bottom; }

div[class|="browse"] a {
	display: inline-block;
	height: 30px;
	margin: 5px 0 5px 5px;		/*  changed from simply "5px" to fix the buttons under the main browse menu  */
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.1em;
	color: #fda238;
	cursor: default;
	background: #9d4f18 url(//cssimg.ngfiles.com/misc/link_stripes2.png) left top repeat-y; }
div[class|="browse"] a[href] {		/*  makes non-selected links appear dimmer  */
	background-color: #4f280e; }
div[class|="browse"] a.expanded {		/*  expanded links are lighter  */
	background-color: #9d4f18; }
div[class|="browse"] a[href]:hover {		/*  clickable links get a hover  */
	color: #1b1717;
	cursor: pointer;
	background-position: -300px 0; }
div.browse a, div.browse-wiki a, div.browse-projects a {		/*  all top links for wiki & projects fit the width of the box  */
	display: block;
	margin-right: 5px;
	padding-left: 10px;
	text-align: left; }
div.browse-perks a { width: 85px; }
div.browse-other a { width: 153px; }
div.browse-other a + a { width: 110px; }
div[class|="browse"] + hr { margin-top: 10px; }
hr + .browse { margin-top: 10px; }

div[class|="browse"] a[class] {		/*  created for larger top-level wiki links  */
	position: relative;
	padding: 5px 0 5px 40px;
	font-size: 1.6em;
	line-height: 1.9em; }
div[class|="browse"] a[class] span {
	position: absolute;
	left: 5px;
	height: 30px;
	width: 30px;
	background-repeat: no-repeat; }
div.browse-wiki a span {
	background-image: url(//cssimg.ngfiles.com/icons/a-wiki.png); }
div.browse-projects a span {
	background-image: url(//cssimg.ngfiles.com/icons/a-projects.png); }

div.browse-projects a {		/*  top level links are white because they are mutually exclusive  */
	color: #fff; }
div.browse-projects a[href] {
	color: #fda238; }

div.browse-projects a[href].remove {
	color: #f74040; }

div.browse-projects a[href].remove:hover {
	color: #1b1717; }

div.browse-projects + ul.browse li {		/*  created for project system expanded lists  */
	font-size: 14px; }
div.browse-projects + ul.browse > li > a:first-child {
	margin-top: -1px;
	padding: 5px 0 5px 40px;
	font-size: 16px; }
div.browse-projects + ul.browse > li > a + a {
	top: 6px; }
div.browse-projects + ul.browse > li > a > span {
	position: absolute;
	left: 5px;
	height: 30px;
	width: 30px;
	background: url(//cssimg.ngfiles.com/icons/a-projects.png) 0 -105px no-repeat; }		/*  static bg: only 1 instance for now  */
div.browse-projects + ul.browse > li:hover > a > span {
	background-position: -35px -105px; }

/*  Downloads  */
div.downloads {
	padding-left: 6px; }
div.downloads > div {
	float: left;
	margin: 5px 0 5px 10px;
	width: 190px;
	color: #7d7575;
	background: #2e1a0e; }
div.downloads > div:nth-of-type(3n+1) {
	clear: both; }
div.downloads > div > div, div.downloads dl, div.downloads > div > ul {
	margin: 0 5px;
	padding: 8px 5px 9px 5px;
	border-top: solid 1px #4f280e; }
div.downloads img + div, div.downloads img + ul {		/*  removes border from first text block  */
	position: relative;
	border: none; }
div.downloads strong {
	display: block;
	font-size: 1.2em;
	line-height: 1.2em; }
div.downloads div > span {
	display: block;
	line-height: 1.1em;
	color: #c9bebe; }
div.downloads img + div strong {		/*  wallpapers only  */
	display: inline; }
div.downloads dl {
	font-size: 1.2em;
	font-weight: bold; }
div.downloads dt {
	float: left; }
div.downloads dd + dt, div.downloads dt:only-of-type {
	display: none; }
div.downloads dd {
	display: inline-block;
	padding-right: 7px;
	margin-right: 3px;
	border-right: solid 1px #7d7575; }
div.downloads dd:last-child {
	border: none; }
div.downloads dd[style] {
	float: left;
	margin: -1px 0 6px 6px;
	padding: 0;
	border: none; }
div.downloads dd[style] a {
	display: block;
	width: 10px;
	height: 15px;
	text-indent: -1015em;
	overflow: hidden; }
div.downloads a.faq {
	position: absolute;
	right: 0;
	top: 22px; }
div.downloads em {		/*  loaders only  */
	font-size: 1.1em;
	font-weight: bold;
	color: #c9bebe; }
div.downloads ul {
	color: #c9bebe;
	line-height: 1.1em; }
div.downloads ul span {		/*  raw materials only  */
	color: #7d7575; }
div.downloads > div > ul li + li {
	margin-top: 10px; }

/*  Ratings  */
.sort-miniform div.select {
	width: 110px; }

.sort-miniform form.rating {
	float: right;
	height: 35px; }
.rating ul {
	display: inline-block;
	padding: 5px 0; }
.rating ul li {
	position: relative;
	float: left;
	margin-right: 5px;
	height: 25px;
	width: 25px;
	font-size: 1.2em;
	text-indent: -250em;
	overflow: hidden; }
.rating ul input {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	margin: 5px; }
.rating ul label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 25px;
	cursor: pointer;
	background: url(//cssimg.ngfiles.com/icons/ul-ratingFilter.jpg) 0 -50px no-repeat; }
.rating ul li + li label { left: -25px; }
.rating ul li + li + li label { left: -50px; }
.rating ul li + li + li + li label { left: -75px; }
.rating ul label:hover {
	background-position: 0 -75px; }
.rating ul input:checked ~ label {
	background-position: 0 0px; }
.rating ul input:checked ~ label:hover {
	background-position: 0 -25px; }

/*  Legacy Portal Page  */
*[class*="simple"] {
	margin: 5px;
	font-size: 1.2em;
	line-height: 18px;
	font-weight: bold;
	color: #c9bebe; }
.simple-dl {
	line-height: 15px;
	font-weight: normal; }
.simple-dl dt {
	float: left;
	padding-right: 20px;
	font-weight: bold;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) right -253px no-repeat; }
.simple-dl dd {
	margin-bottom: 10px; }
.simple-ul-gray {
	color: #7d7575; }
.fancy-ul {		/*  similar to above, tweaked for use in form notes before agreement checkbox  */
	margin-bottom: 5px;
	padding-left: 15px;
	list-style-type: square;
	font-size: 11px;
	line-height: 15px;
	color: #c9bebe; }
.small-ul {
	padding-left: 15px;
	list-style-type: square; }
.normal-ul {
	padding: 5px 0 5px 25px;
	list-style-type: square;
	font-size: 12px;
	line-height: 16px; }
ul.checklist > li > strong {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	text-indent: -2500em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) left -25px no-repeat; }
ul.checklist > li.complete > strong {
	background-position: left -50px; }


#portalbanner {
	position: absolute;
	z-index: 2;
	display: block;
	height: 200px;
	width: 660px;
	right: 1px;
	top: -10px;
	background: url(//cssimg.ngfiles.com/flash/portal_banner/bg.png) top left no-repeat; }
div#portalbanner ~ div.fatcol {
	margin-top: 185px; }

#portallegend dt { display: none; }
#portallegend dd, #portallegend ul li {
	display: inline-block;
	width: 115px;
	height: 20px;
	padding-left: 20px;
	font-size: 1.2em;
	line-height: 21px;
	font-style: italic;
	font-weight: bold;
	background: url(//cssimg.ngfiles.com/icons/tinyicons-vert.png) 5px -295px no-repeat; }
#portallegend dd ~ dd { background-position: 5px -170px; }
#portallegend dd ~ dd ~ dd { background-position: 5px -270px; }
#portallegend dd ~ dd ~ dd ~ dd { background-position: 5px -145px; }
#portallegend ul li {
	width: 110px;
	padding-left: 25px;
	background: url(//cssimg.ngfiles.com/icons/ul-15grays.png) 3px -2px no-repeat; }
#portallegend ul li + li {
	background-position: 3px -27px; }

/*  Front Page  */

span#frontpagemessage {
	position: absolute;
	bottom: -666px;
	z-index: 666;
	font-size: 1.2em;
	line-height: 14px;
	left: 20px; }
span#frontpagemessage img {
	margin: -5px 8px 0 0;
	vertical-align: middle; }

#frontpagefeature {
	border: none !important;
	-moz-box-shadow: none !important;
	-khtml-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background: none !important;
	margin: -6px -4px 0 0 !important;
	width: 640px; }

/*  Tiny Forms  */
.tinyform > div {
	padding: 5px;
	clear: both; }
.tinyform div > strong, .tinyform div > label {
	float: left;
	min-width: 55px;
	padding: 0px 0 5px 0;
	margin-right: 15px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.2em; }
.tinyform input[type="text"], .tinyform input[type="password"] {
	width: 185px; }
.tinyform div.select {		/*  content page moderator pod  */
	display: inline-block;
	width: 225px; }
.tinyform table {
	width: 300px;
	font-size: 1.1em; }
.tinyform div > button {
	margin-left: 0px; }
.tinyform div + button {		/*  store invoice lookup  */
	margin-left: 75px; }
.tinyform .checkboxes + button {		/*  login page  */
	float: left;
	margin: 0 25px 0 0; }
.tinyform textarea {		/*  wiki page admin stuff  */
	vertical-align: top; }
.tinyform .vert {
	margin-left: 70px; }
.tinyform button + .optionlinks {
	float: right;
	padding: 0 5px; }
.tinyform ul.checkboxes + .optionlinks {
	float: right; }
.tinyform textarea + span {		/*  mod form "chars remaining" count  */
	float: right;
	color: #7d7575;
	margin: 0 5px; }
.tinyform p > a { font-weight: normal !important; }		/*  for store checkout  */
.tinyform p ~ input[type="text"] {		/*  for news block page  */
	margin: 0 5px; }

/*  Store  */
div.storefeatures {
	padding-left: 6px; }
div.storefeatures > div {
	position: relative;
	float: left;
	width: 190px;
	height: 250px;
	margin: 5px 0 5px 10px;
	color: #7d7575;
	background: #1a1d1f; }
div.storefeatures > div p {
	color: #c9bebe; }
div.storefeatures > div > div {
	margin: 0 5px;
	padding: 5px;
	border-bottom: solid 1px #34393e; }
div.storefeatures div + div > a {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em; }
div.storefeatures > div > em {
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 0px;
	padding: 5px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.7em;
	color: #c9bebe; }
div.storefeatures > div > em strong {
	font-style: normal;
	color: #60b136; }

ul.storepurchases > li  {
	position: relative;
	display: block;
	min-height: 65px;
	padding: 5px 5px 0px 70px;
	background: url(//cssimg.ngfiles.com/misc/store-hiddenholycrap.gif) 5px 80px no-repeat; }
ul.storepurchases > li > a:first-child {
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: 0 0; }
ul.storepurchases > li > a + a {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	text-indent: 5px; }
ul.storepurchases ul {
	display: inline-block;
	line-height: 0;
	margin-bottom: -5px; }
ul.storepurchases ul > li {
	display: inline; }
ul.storepurchases ul > li a {
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	padding: 3px 5px; }
ul.storepurchases ul > li a:hover {
	background: #34393e; }
ul.storepurchases img {
	width: 30px;
	height: 30px; }

#gear .iconarray img {		/*  until image tags are changes in the code  */
	width: 90px;
	height: 90px; }

div.storeitem {
	position: relative; }
div.storeitem div#gallery {
	height: 296px; }
div.storeitem > div > img {
	float: left;
	margin: 5px; }
div.storeitem > div > a {
	float: right;
	padding: 5px; }
div.storeitem > div > a:hover {
	background: #34393e; }
div.storeitem > div > a > img {
	width: 93px;
	height: 69px; }
div.storeitem div.prodinfo {
	position: absolute;
	right: 16px;
	bottom: 16px;
	width: 176px;
	height: 108px;
	padding: 10px;
	background: #1a1d1f; }
div.storeitem div.prodinfo h4 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #34393e; }
div.storeitem div.prodinfo dl {		/*  these modify the "communitystats" styles for this instance  */
	font-size: 1.1em;
	line-height: 21px; }
div.storeitem div.prodinfo dt {
	width: 55px;
	white-space: nowrap; }
div.storeitem div.prodinfo dd > a {
	margin-top: -15px; }

form.addtocart {
	position: relative; }
form.addtocart fieldset {		/*  for apparel size/color select  */
	display: inline-block;
	margin-top: 4px; }
form.addtocart legend, form.addtocart dt, form.addtocart > strong {
	float: left;
	height: 25px;
	margin: 0 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #7d7575;
	font-style: italic;
	vertical-align: bottom;
	line-height: 2.2em; }
form.addtocart fieldset + fieldset {
	border-left: solid 1px #363232;
	margin-left: 10px;
	padding-left: 8px; }
form.addtocart fieldset input {
	position: absolute;
	z-index: -1; }
form.addtocart fieldset label {
	float: left;
	margin-left: 5px;
	height: 25px;
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 26px;
	font-weight: bold;
	color: #fda238;
	background: #34393e url(//cssimg.ngfiles.com/misc/link_stripes2.png) 0 0 no-repeat; }
form.addtocart fieldset label:hover {
	color: #fff;
	cursor: pointer; }
form.addtocart input:checked + label {
	border: solid 1px #fda238;
	height: 23px;
	padding: 0 9px;
	line-height: 24px; }
form.addtocart input[disabled] + label {
	color: #7d7575;
	cursor: default; }
input.smallnum {		/*  for print quantities  */
	width: 25px;
	margin: 5px 0 2px 0;
	text-align: center; }
form.addtocart > strong {
	line-height: 36px !important; }
form.addtocart dl {		/*  for mini-summary  */
	position: absolute;
	left: 160px;
	bottom: 20px;
	font-weight: bold; }
form.addtocart dt {		/*  tweaks "form.addtocart dt"  */
	line-height: inherit;
	height: auto; }
form.addtocart dl dd:empty {
	display: none; }
form.addtocart dl dd {
	display: inline;
	margin-left: 2px;
	font-size: 1.2em; }
form.addtocart dl dd + dd {
	padding-left: 5px;
	border-left: solid 1px #5a5454; }

div.storesummary {
	padding: 5px; }
div.storesummary em, div.storetotal em {
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.8em; }
div.storesummary em strong {
	font-style: normal;
	color: #60b136; }
div.storesummary button, div.storesummary a.fakebutton {
	float: right; }
div.storetotal em strong {
	float: right; }
div.storetotal:last-child em strong {
	color: #60b136; }

.storecart > div {
	position: relative;
	padding: 5px; }
.storecart > div > strong {
	display: block;
	font-size: 1.2em; }
.storecart > div > span {
	display: inline-block;
	color: #7d7575; }
.storecart > div > span + span {
	margin-left: 5px;
	padding-left: 5px;
	border-left: solid 1px #5a5454; }
.storecart > div > em.itemtotal {
	position: absolute;
	top: 10px;
	right: 5px;
	font-size: 1.4em;
	font-weight: bold; }

div.storecartupdates {
	position: absolute;
	top: 5px;
	right: 5px; }
div.storecartupdates input[type="text"] {
	float: left;
	width: 25px;
	padding: 3px 2px;
	text-align: center;
	color: #000; }
div.storecartupdates span {
	position: relative;
	float: left;
	margin-left: 5px;
	background: #34393e url(//cssimg.ngfiles.com/misc/link_stripes2.png) 0 0 no-repeat; }
div.storecartupdates span > input {
	padding: 0 5px;
	height: 25px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fda238;
	background: none; }
div.storecartupdates input[type="submit"]:hover {
	color: #fff;
	cursor: pointer; }
div.storecartupdates span + span input {
	width: 15px;
	height: 15px;
	margin: 5px;
	text-indent: -150em;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/a-15yellows.png) -75px 0px no-repeat; }
div.storecartupdates span + span:hover input {
	background-position: -75px -15px; }
div.storecartupdates span + span label {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer; }

.storecheckout div > label {		/*  tweaks to 'tinyform' for store checkout  */
	min-width: 110px; }
.storecheckout input[type="text"] {
	width: 215px; }
.storecheckout > div > span {
	display: block; }
.storecheckout label[for="expiration_month"] + div.select {
	width: 120px; }
.storecheckout label[for="expiration_month"] + div.select + div.select {
	width: 100px; }

.storeconf div {		/*  store invoices  */
	float: left;
	width: 250px;
	margin: 5px 5px 15px 5px;
	padding-left: 5px;
	font-size: 1.2em;
	border-left: solid 2px #8698a2; }
.storeconf div strong {
	display: block;
	height: 20px;
	width: 16px;
	margin-left: -8px;
	background: #100c0d;
	overflow: visible;
	white-space: nowrap; }
.storeconf div a:before {
	color: #7d7575;
	content: "["; }
.storeconf div a:after {
	color: #7d7575;
	content: "]"; }
.three3 .storeconf div {
	margin: 15px; }
.three3 .storeconf div:last-of-type,
.three3 .storeconf div:nth-last-of-type(2) {
	width: 150px;
	float: right;
	clear: right; }
.three3 .storeconf div:nth-last-of-type(2) {
	margin-bottom: 5px; }

table.store {
	margin: 10px auto;
	font-size: 1.2em; }
table.store th { padding-bottom: 5px !important; }
table.store td {
	font-size: 12px;
	height: auto;
	padding: 2px 5px 0px 5px;
	color: #c9bebe !important; }
/* 1st Col */
table.store tr > *:first-child {
	text-align: center;
	padding-right: 5px; }
/* 3rd Col */
table.store tr > * + * + * {
	text-align: center;
	padding: 0 120px 0 20px; }
/* 4th and 5th Cols */
table.store tr > * + * + * + * {
	text-align: right;
	padding: 0 20px 0 0; }
table.store tfoot td {
	padding-right: 20px !important;
	text-align: right !important; }
table.store tfoot td:first-child {
	font-weight: bold;}
tr.subtotal em {
	display: block;
	font-weight: normal; }
tfoot tr:first-child td {
	padding-top: 15px; }
tfoot td em {
	display: block;
	margin-top: 20px; }

.store-miniform input[type="text"] {
	float: left;
	margin: 3px; }

/*  Calendar  */
ul.calendar {
	position: relative;
	list-style: none;
	display: inline-block;
	width: 100%;
	padding: 32px 0 5px 5px; }
ul.calendar > li > strong {		/*  hiding the month names since they're in context  */
	display: none; }
ul.calendar li li {
	float: left;
	width: 118px;
	height: 108px;
	margin: 1px;
	padding: 5px;
	color: #9d4f18;
	background: url(//cssimg.ngfiles.com/misc/ul-calendar.png) 0 -25px no-repeat; }
ul.calendar li.currentmonth li { background-position: 0 -143px; color: #c9bebe; }		/*  light cells  */
ul.calendar li li.currentday { background-position: 0 -261px; }
ul.calendar li > span {		/*  hiding dates  */
	float: left;
	line-height: 12px;
	width: 12px;
	text-indent: -100em;
	overflow: hidden; }
ul.calendar li > span > span {		/*  unhiding days of the week and putting them at the calendar top  */
	position: absolute;
	top: 6px;
	display: block;
	width: 128px;
	height: 25px;
	margin-left: -5px;
	text-indent: 0;
	text-align: center;
	font-size: 1.1em;
	line-height: 2.2em;
	font-weight: bold;
	color: #9f4f18;
	background: url(//cssimg.ngfiles.com/misc/ul-calendar.png) top left no-repeat; }
ul.calendar li > span > strong {
	position: absolute;
	top: inherit;
	margin-left: -3px;
	margin-top: -12px;
	text-indent: 0;
	display: block;
	width: 17px;
	text-align: center;
	font-weight: normal;
	color: inherit; }
ul.calendar div {
	float: right;
	width: 95px;
	margin-bottom: 10px;}
ul.calendar div a:first-child, ul.calendar div strong {
	display: block;
	font-size: 1.1em;
	line-height: 13px;
	font-weight: bold; }
ul.calendar div span {
	display: block;
	color: #7d7575; }
ul.calendar div a[rel="delete_event"] {
	display: inline-block;
	line-height: 9px;
	margin-left: 3px;
	padding-left: 5px;
	color: #f74040;
	border-left: solid 1px #7d7575; }

ul.calendarlist li {
	display: block;
	padding: 0 5px;
	margin-top: 3px;
	font-size: 1.1em;
	font-weight: bold;
	background: #2e1a0f; }
ul.calendarlist li:first-child { margin-top: 0; }
ul.calendarlist li strong {
	display: inline-block;
	min-width: 40px;
	color: #fff; }
ul.calendarlist li a {
	display: block;
	height: 30px;
	width: 270px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; }
ul.calendarlist li strong:after {
	content: " - ";
	font-weight: normal;
	color: #fda238; }

ul.calendarlist.social li {
	background: #1a1c1f;
}

/*  The Wiki  */
.wikitext .podcontent {
	padding: 16px; }
.wikitext .podtop + .podcontent {
	padding-top: 21px; }
.wikitext .podcontent + .podcontent {
	padding-top: 26px; }

.wikitext ul.centeredblocks {		/*  tweaking rich content's built-in spacing  */
	margin: 10px 0 !important; }

.wikitext a[href="#TOC"] {		/*  'return' links  */
	position: absolute;
	right: 16px;
	margin-top: -26px;
	font-size: 10px;
	color: #fda238; }
.wikitext .toc3, .wikitext .toc2 {
	margin-left: 10px; }

.wikisupport .podcontent > ul {
	padding: 5px;
	font-size: 1.2em; }
.wikisupport .podcontent > ul ul {
	padding-left: 15px; }
.wikisupport .podcontent > ul ul > li {
	display: inline; }
.wikisupport ul ul li + li:before {
	content: "/ "; }

.wikimain {
	padding: 26px 0px 16px 11px !important; }
.wikimain div {
	float: left;
	width: 190px;
	margin: 0 5px; }
.wikimain div h4 {
	margin: 0 0 5px 0 !important;
	padding: 0 0 7px 0 !important; }
.wikimain div a {
	display: block;
	width: 100%;
	font-size: 1.2em; }
.wikimain div h4 a {
	white-space: nowrap;
	overflow: visible;
	padding: 85px 10px 0 0;
	height: 25px;
	width: 180px;
	text-align: right;
	font-weight: normal;
	letter-spacing: -1px;
	color: #fda238;
	background: url(//cssimg.ngfiles.com/icons/a-wiki.png) 0 0 no-repeat; }
.wikimain div h4 a:hover {
	color: #fff; }
.wikimain div.using h4 a {
	background-position: 0 -110px; }
.wikimain div.creator h4 a {
	background-position: 0 -220px; }

.unpublished {
	color: #5a5454 !important; }

/*  Account Options  */
.accountindex {
	padding: 16px 0px 16px 11px !important; }
.accountindex div {
	float: left;
	width: 190px;
	margin: 0 5px;
	font-size: 12px; }
.accountindex div h4 {
	margin: 0 0 5px 0 !important;
	padding: 0 0 7px 0 !important; }
.accountindex div a {
	display: block;
	width: 100%; }
.accountindex div h4 a {
	white-space: nowrap;
	overflow: visible;
	padding: 85px 10px 0 0;
	height: 25px;
	width: 180px;
	text-align: right;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 1em;
	color: #fda238;
	background: url(//cssimg.ngfiles.com/icons/a-account.png) 0 0 no-repeat; }
.accountindex div h4 a:hover {
	color: #fff; }
.accountindex div.newscenter h4 a {
	background-position: 0 -110px; }
.accountindex div.finances h4 a {
	background-position: 0 -220px; }
.accountindex ul li:last-child {
	margin-top: 5px;
	padding-top: 5px;
	border-top: solid 1px #363232; }
.secret {
	padding: 40px 40px 30px 40px !important; }
.secret img {
	margin: 5px 40px 40px 5px !important; }
.secret .optionlinks {
	display: inline-block;
	margin: 10px 0 0 -5px; }
p#secretmessage {
	position: absolute;
	z-index: 666;
	bottom: -666px;
	font-size: 1.2em;
	margin: 5px 15px; }

/* For account/blocked  */
ul.account_block_list,
ul.account_block_list li {
	margin: 0;
	padding: 0;
}

ul.account_block_list li {
	list-style-type: none;
	line-height: 20px;
	margin: 5px;
}

ul.account_block_list li a {
	font-size: 14px;
}

ul.account_block_list li a.edit,
ul.account_block_list li a.delete {
	margin: 2px 10px 0 0;
	text-indent: -9999em;
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("//cssimg.ngfiles.com/icons/a-15yellows.png") no-repeat;
}

ul.account_block_list li a.edit {
	background-position: -390px -0;
}

ul.account_block_list li:hover a.edit:hover {
	background-position: -390px -15px;
}

ul.account_block_list li a.delete {
	background-position: -75px 0;
}

ul.account_block_list li:hover a.delete:hover {
	background-position: -75px -15px;
}


/*  Project System  */
.project-miniform button {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 5px !important; }

.projectlist dl {
	float: left;
	margin: 5px;
	margin-right: 15px;
	padding-left: 10px; }
.projectlist dl.games { border-left: solid 2px #3a94e0; }
.projectlist dl.movies { border-left: solid 2px #f74040; }
.projectlist dl.audio { border-left: solid 2px #60b136; }
.projectlist dl.misc { border-left: solid 2px #8698a2; }
.projectlist dl.games dd a:hover { background-color: #0c1925; }
.projectlist dl.movies dd a:hover { background-color: #290e0e; }
.projectlist dl.audio dd a:hover { background-color: #111d0b; }
.projectlist dl.misc dd a:hover { background-color: #1a1d1f; }
.projectlist dt {
	margin-bottom: 5px;
	padding-bottom: 2px;
	padding-left: 1px;
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
	border-bottom: solid 1px #2a2526; }
.projectlist dd {
	position: relative;
	padding: 0 0 5px 0;
	width: 200px;
	font-size: 11px; }
.projectlist dd a {
	display: block;
	margin: 0 -5px -5px -5px;
	height: 25px;
	padding-left: 25px;
	font-size: 12px;
	font-style: italic;
	line-height: 2em;
	background-image: url(//cssimg.ngfiles.com/icons/ul-15grays.png);
	background-repeat: no-repeat; }
.projectlist dl + dl + dl + dl { margin-right: 0; }		/*  gives 4th stats column some breathing room  */

.centeredselect li {
	float: left;
	width: 200px;
	overflow: visible; }
.centeredselect li > div {
	padding-left: 70px;
	overflow: visible; }
.centeredselect li dl {
	line-height: 1.2em; }
.centeredselect li dt {
	width: 120px;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	overflow: hidden;		/*  reapplies width limit to long usernames  */
	border-bottom: solid 1px #363232; }
.centeredselect li dt a {
	color: #c9bebe; }
.centeredselect dd {
	font-size: 12px;
	font-weight: bold; }
.centeredselect dd > a {
	font-weight: normal;
	font-size: 11px; }
.centeredselect li a:hover {
	color: #fff; }
.centeredselect .select {
	width: 120px; }
.centeredselect .select li {
	width: 98%; }
.centeredselect .select * {
	font-size: 12px !important; }

table.projectcredits {
	margin-bottom: 5px; }
table.projectcredits tr {
	background-image: none; }
table.projectcredits th {
	text-align: left;
	padding-bottom: 5px; }
table.projectcredits td {
	font-size: 1.2em;
	line-height: 22px;
	text-align: left;
	background-position: 7px center;
	background-repeat: no-repeat; }
table.projectcredits td[style*="audio"] {
	background-position: 5px center; }
table.projectcredits td:first-child {
	padding-left: 45px; }
table.projectcredits img {
	vertical-align: bottom;
	margin-right: 5px; }
table.projectcredits td + td {
	width: 85px;
	font-size: 1.4em;
	color: #7d7575;
	font-weight: bold;
	text-align: left; }
table.projectcredits col.input {
	width: 130px; }
table.projectcredits input {
	width: 55px;
	font-size: 12px;
	margin: 0 2px;
	vertical-align: middle; }
table.projectroles td {
	font-size: 1.2em;
	line-height: 22px; }
table.projectroles tr {
	height: 30px; }
table.projectroles td:first-child {
	padding-left: 10px; }
table.projectroles td + td {
	width: 85px;
	font-size: 1.4em;
	color: #7d7575;
	font-weight: bold;
	text-align: center; }
table.projectroles th {
	text-align: center; }
.nonmanagers table td + td {
	font-size: 1.2em;
	padding-left: 15px;
	color: inherit;
	font-weight: normal; }

table.medalslist th:first-child:after {
	content: ":"; }
table.medalslist td, table.savegrouplist td, table.scoreboardlist td, table.deadmedalslist td {
	color: #c9bebe;
	padding: 5px 0 5px 5px ;
	line-height: 12px; }
table.medalslist td:nth-child(4) {
	white-space: normal; }
table.medalslist td:nth-child(5) > span {
	display: block;
	color: #7d7575; }
table.medalslist td:last-child {		/*  keeps buttons from stacking  */
	width: 70px; }
table.deadmedalslist td:first-child {
	width: 25px; }
table.addcreditslist td {
	color: #c9bebe;
	padding: 5px 0 5px 10px;
	line-height: 20px; }

table.breathingroom td {		/*  added for 'API Downloads' in project system  */
white-space: normal !important;
padding: 5px !important;
max-width: 250px;
}

/*		IN-PROGRESS ANIMATIONS		*/

span.loadingicons {
	display: none; }
div.waiting .loadingicons  {
	display: block;
	position: absolute;
	top: 21px;
	bottom: 11px;
	left: 11px;
	right: 11px; }
span.loadingicons span {
	display: block;
	position: absolute;
	z-index: 252;
	width: 100%;
	height: 100%;
	background: url(//cssimg.ngfiles.com/icons/in-progress/i80.png) center center no-repeat; }
span.loadingicons span span {
	background: url(//cssimg.ngfiles.com/icons/in-progress/i80.gif) center center no-repeat; }
span.loadingicons span + span {
	z-index: 251;
	background: #000;
	opacity: .6; }

.waiter {
	display: none;
}
.waithere, form .waiter_on {
	background: url(//cssimg.ngfiles.com/icons/in-progress/i25.gif) 0 0 no-repeat;
	width: 25px;
	height: 25px;
	overflow: hidden;
}

div.waiting button + span {
	display: block;
	position: absolute;
	margin: -32px 0 0 80px;
	width: 25px;
	height: 25px;
	text-indent: -3200px;
	overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/in-progress/i25.gif) 0 0 no-repeat; }
div.waiting button:first-child + span {
	margin-top: 3px }

tr.waiting td:first-child + td > span:first-child {
	background: url(//cssimg.ngfiles.com/icons/in-progress/i25.gif) 0 0 no-repeat; }
tr.waiting td:first-child + td > span:first-child > span {
	background: none; }


/*		'EDIT INFO' LINKS		*/

.userstats .podcontent > a, div.bbstext > a {		/*  icons  */
	display: block;
	opacity: 0;
	width: 23px; height: 23px;
	position: absolute;
	text-indent: -197em;
	overflow: hidden;
	border: solid 1px #fda238;
	background: #1b1717 url(//cssimg.ngfiles.com/icons/tinyicons-vert_r2.png) 4px -371px no-repeat; } /* note - I tacked _r1 to the end of this - jim */


.userstats .podcontent:hover > a, div.bbstext:hover > a {
	opacity: 1; }
.userstats .podcontent > a:hover, div.bbstext > a:hover {
	border: solid 1px #1b1717;
	background-color: #fda238;
	background-position: 4px -346px; }

/* for reporting a user's icon */
.userstats .podcontent > a.flag {
	background-position: 4px -794px;
}

.userstats .podcontent > a.flag:hover {
	background-position: 4px -816px;
}

.userstats .podcontent:first-child > a {
	top: 17px; left: 16px; }
.userstats .podcontent + .podcontent dl + a {
	top: 26px; left: 16px; }
div.bbstext > a {
	right: 16px;
	bottom: 16px; }

/* add around line 5867 of ng_layout.css - from smulse */
.userstats .podcontent > a[title="Delete Icon"], .userstats .podcontent + .podcontent dl + a[title="Delete Icon"] { left: 51px; top: 26px; }
.userstats .podcontent:first-child > a[title="Delete Image"] { left: 261px; }
.userstats .podcontent:first-child > a[title="Delete Image"], .userstats .podcontent > a[title="Delete Icon"] { background-position: 4px -746px; }
.userstats .podcontent:first-child > a[title="Delete Image"]:hover, .userstats .podcontent > a[title="Delete Icon"]:hover { background-position: 4px -771px; }

.userstats .podcontent + .podcontent p > a {		/*  text  */
	position: absolute;
	right: 11px;
	bottom: 16px;
	background: #100c0d;
	padding: 0 5px;
	font-weight: normal;
	opacity: 0; }
.userstats .podcontent + .podcontent:hover p > a {
	opacity: 1; }


/*		IN-PAGE THUMBNAILER		*/

div#thumb_preview {
	margin: 0 10px 5px 5px;
	float: left; }

div.thumbnail-image {
	overflow: hidden;
	margin: 5px;
	max-width: 920px;
	max-height: 620px;
	overflow: auto; }

iframe#upload_target {
	border: 0;
	height: 1px;
	-moz-opacity: 0;
	opacity: 0; }


/*		MODERATOR PAGES		*/

.artmoderation .podcontent {
	position: relative;
	padding-bottom: 55px;
	min-height: 148px; }
.artmoderation img {
	float: right;
	max-height: 150px; }
.artmoderation form {
	position: absolute;
	bottom: 16px;
	left: 16px; }

.comments .centeredblocks dl dd.star-variable {		/*  fixes submission star placement when moderating reviews  */
	position: relative;
	margin: 0 0 5px 11px; }

div.comments div.podcontent ul.centeredblocks + hr + div {		/*  tightens review info spacing in moderator view  */
	margin-bottom: 12px; }


/* moderator styles, forum ban lists */
.fatcol.banlist .podcontent table { table-layout: fixed; }

.fatcol.banlist .podcontent table td {
	width: 125px;
	white-space: normal;
	display: inline-block;
	margin: 5px;
	padding: 3px 0;
	height: auto;
	vertical-align: top;
}

.fatcol.banlist .podcontent table td+td { width: 425px; }
.fatcol.banlist .podcontent table td+td+td { width: 0px; }

table.ban_history td { white-space: normal; padding: 5px; }
.fatcol.banlist .podcontent table tr:nth-child(even), table.ban_history tr:nth-child(even) { background-color: #2E1A0F; margin: 0 5px; }

.fatcol.banlist .podtop a[rel^="toggle"], .fatcol.banlist .podtop a[rel^="clear"], .fatcol.ban_history .podtop a[rel^="clear"] {
	background: url(//cssimg.ngfiles.com/icons/a-15yellows.png);
	height: 15px;
	width: 15px;
	display: block;
	float: right;
	margin: 13px 12px 0 0;
	text-indent: -99999px;
}

.fatcol.banlist .podtop a[rel^="toggle"] { background-position: -405px 0px; } .fatcol.banlist .podtop a[rel^="toggle"]:hover { background-position: -405px -15px; }
.fatcol.banlist .podtop a[rel^="clear"], .fatcol.ban_history .podtop a[rel^="clear"] { background-position: -345px 0px; } .fatcol.banlist .podtop a[rel^="clear"]:hover,  .fatcol.ban_history .podtop a[rel^="clear"]:hover { background-position: -345px -15px; }

.fatcol.banlist ul.banlist {
	margin-bottom: 5px;
}

.fatcol.banlist ul.banlist:after {
	content: "";
	display: block;
	clear: both;
}

.fatcol.banlist ul.banlist li {
	padding: 5px;
	margin: 1px 5px;
	font-size: 12px;
	width: 280px;
	display: block;
	float: left;
	background: #2E1A0F;
}

.podtop span.ban_history { float: right; margin: 15px 10px 0 0; }
.podcontent span.ban_history { float: right; margin: 9px 10px 0 0; }
.podtop span.ban_history strong, .podcontent span.ban_history strong { color: #fff; }

.fatcol.ban_history label { font-size: 12px; }

/*		MONTHLY VOTING ONLY!		*/

.one3 .showdetails {
	height: 475px; }
.one3 .showdetails img {
	width: 130px !important;
	height: 84px; }
.one3 .showdetails a:hover,
.one3 .showdetails img:hover { background-image: none !important; }

.one3 .showdetails a > span { background-position: 0 0; }
.one3 .showdetails a + a > span { background-position: 0 -20px; }
.one3 .showdetails a + a + a > span { background-position: 0 -40px; }
.one3 .showdetails a + a + a + a > span { background-position: 0 -60px; }
.one3 .showdetails a + a + a + a + a > span { background-position: 0 -80px; }
.one3 .showdetails a + a + a + a + a + a > span { background-position: -60px -0px; }
.one3 .showdetails a + a + a + a + a + a + a > span { background-position: -60px -20px; }
.one3 .showdetails a + a + a + a + a + a + a + a > span { background-position: -60px -40px; }
.one3 .showdetails a + a + a + a + a + a + a + a + a > span { background-position: -60px -60px; }
.one3 .showdetails a + a + a + a + a + a + a + a + a + a > span { background-position: -60px -80px; }

/* rollovers for classic portal */
.portal-rollover {
	position: absolute;
	width: 140px;
	background:#000;
	padding:5px;
	z-index:600;
}

.portal-rollover span {
	display:block;
	text-align:center;
	font-size: 11px;
	color:#fff;
}


/* playlists */
.playlist {
    background: url(//cssimg.ngfiles.com/bg-main/podstripe.gif) no-repeat;
    padding-top: 3px;
}

.playlist li {
    height: 15px;
    line-height: 1.5em;
    padding-bottom: 5px;
    padding-left: 32px;
    padding-top: 5px;
    position: relative;
    background: url(//cssimg.ngfiles.com/icons/ul-15grays.png) no-repeat;
}

.playlist li:hover { background-color: #2e1a0f; }

.playlist li span {
	font-size: 1.2em;
	padding-left: 7px;
}

/* delete show/hide */
.playlist li button {
	background: url(//cssimg.ngfiles.com/icons/a-15yellows.png) no-repeat scroll -420px 0 transparent;
	border: 0 none;
	height: 15px;
	margin-left: 5px;
	margin-top: -2px;
	position: absolute;
	right: 7px;
	text-indent: -1500em;
	top: 7px;
	width: 15px;
	visibility: hidden;
}

.playlist li:hover button { visibility: visible; }
.playlist li button:hover { background-position: -75px -15px; }

#plform label {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
	margin-right: 15px;
	min-width: 55px;
	padding: 0 0 5px;
}

ul.my-playlists li {
	height: 15px;
	line-height: 1.5em;
	font-size: 1.2em;
	padding: 5px;
	position: relative;
}

ul.my-playlists li:hover { background-color: #2e1a0f; }


/* stuff for << >> controls */
#playlist_list_pod .playlist-controls p {
	font-size: 1.2em;
	display: inline-block;
	padding: 8px 5px;
}

#playlist_list_pod .playlist-controls ul {
	display: inline-block;
	float: right;
	margin: 4px -4px 0 0;
}

#playlist_list_pod .playlist-controls ul li {
	display: block;
	float: left;
	margin: -4px 10px 0 0;
	height: 25px;
	width: 36px;
}

#playlist_list_pod .playlist-controls ul li a {
	height: 25px;
	width: 36px;
	background: url(//cssimg.ngfiles.com/misc/playlist_arrows.gif) no-repeat;
	display: block;
	text-indent: -99999px;
	margin-right: 8px;
}

#playlist_list_pod .playlist-controls ul li a[id="aplayer_next"] { background-position: 0px 0px; }
#playlist_list_pod .playlist-controls ul li a[id="aplayer_next"]:hover { background-position: -36px 0px; }
#playlist_list_pod .playlist-controls ul li a[id="aplayer_prev"] { background-position: -72px 0px; }
#playlist_list_pod .playlist-controls ul li a[id="aplayer_prev"]:hover { background-position: -108px 0px; }

/* stuff for play links in list */
#playlist_list_pod .playlist li span { float: left; }

#playlist_list_pod .playlist li span + span {
	float: right;
	padding-right: 10px;
	font-style: italic;
	color: #7A7571;
}

/* show play link on hover */
#playlist_list_pod .playlist li span + span  { display: none; font-style: normal; }
#playlist_list_pod .playlist li:hover span + span { display: inline; }


ul.playlist.ui-sortable { cursor: move; }

ul.latest-playlists li {
	font-size: 12px;
	padding: 10px;
}

ul.latest-playlists li:nth-child(even) {
	background: #f0f;
}

ul.latest-playlists li span {
	background: url(//cssimg.ngfiles.com/icons/a-15yellows.png) no-repeat -600px 0px;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0 10px -4px 2px;
}

ul.latest-playlists li ul {
	display: inline-block;
	float: right;
}

ul.latest-playlists li ul li { display: inline; padding: 0px; }

/* commas after content */
ul.latest-playlists li ul li:after { content: ","; }
ul.latest-playlists li ul li:last-child:after { content: ""; }

/* stripey list */
ul.latest-playlists li:nth-child(even) { background: #2E1A0F; }
ul.latest-playlists li ul li:nth-child(even) { background: none; }


.all-playlists .xsort-miniform, .all-playlists .pagenav { display: inline-block; }
.all-playlists .xsort-miniform { float: right; }

div.all-playlists { min-height: 30px; }

ul.all-playlists li {
	font-size: 12px;
	padding: 10px;
}

ul.all-playlists li:nth-child(even) {
	background: #f0f;
}

ul.all-playlists li span {
	background: url(//cssimg.ngfiles.com/icons/a-15yellows.png) no-repeat -600px 0px;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0 10px -4px 2px;
}

ul.all-playlists li span a {
	padding-left: 33px;
	background: none;
	display: block;
	height: 25px;
	line-height: 25px;
	background-repeat: no-repeat;
	margin-top: -5px;
	width: 100%;
	max-width: 127px;
	overflow: hidden;
}

ul.all-playlists li span + a + ul + span {
	background: none;
	display: inline-block;
	float: right;
	height: 25px;
	line-height: 25px;
	width: 150px;
}

ul.all-playlists li ul {
	display: inline-block;
	left: 400px;
	position: absolute;
}

ul.all-playlists li ul li { display: inline; padding: 0px; }

/* commas after content */
ul.all-playlists li ul li:after { content: ", "; }
ul.all-playlists li ul li:last-child:after { content: ""; }

/* stripey list */
ul.all-playlists li:nth-child(even) { background: #2E1A0F; }
ul.all-playlists li ul li:nth-child(even) { background: none; }





/* collaborator stuff */
form#collab_form { padding: 5px; font-size: 12px; line-height: 22px; }
form#collab_form ul.checkboxes { font-size: 10px; }
form#collab_form textarea { height: 130px; width: 900px; position: relative; left: -5px; }
form#collab_form button { margin: 5px 0 0 5px; position: relative; left: -5px; }

form#collab_form button.delete {
	background-image: url("//cssimg.ngfiles.com/bg-skins/buttons/button-red.gif");
	border-bottom: 2px solid #000000;
	border-color: #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-style: solid;
	color: #fda238;
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	line-height: 2em;
	width: 68px;
}

form#collab_form button.delete:hover {
	color: #fff;
}

div.podcontent.collab_list img {
	height: 35px;
	width: 35px;
	position: absolute;
}

div.podcontent.collab_list span {
	display: block;
	padding-top: 4px;
}

div.podcontent.collab_list span, div.podcontent.collab_list span strong { color: #7D7575; }

div.podcontent.collab_list span a {
	font-size: 12px;
	margin-right: 5px;
}

div.podcontent.collab_list span+span {
	border-bottom: 1px solid #211B1B;
	padding-bottom: 4px;
}

div.podcontent.collab_list span a.message {
	background-position: -465px 0;
	background-image: url("//cssimg.ngfiles.com/icons/a-15yellows.png");
	height: 15px; width: 15px;
	text-indent: -99999px;
	display: inline-block;
	margin-left: 20px;
	padding: 0;
}

div.podcontent.collab_list span {
	margin-left: 55px;
}

div.podcontent.collab_list span, div.collab_list.podcontent div p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 5px;
	margin-left: 55px;
}


div.podcontent.collab_list span a.delete {
	background: url("//cssimg.ngfiles.com/icons/a-15yellows.png") no-repeat scroll -420px 0 transparent;
	border: 0 none;
	height: 15px;
	position: absolute;
	right: 10px; margin-top: -10px;
	text-indent: -1500em;
	width: 15px;
	display: block;
}

div.podcontent.collab_list span a.delete:hover {
	background-position: -75px -15px;
}

/* reveal */
div.podcontent.collab_list div { max-height: 150px; overflow: hidden; }
div.podcontent.collab_list div.reveal { max-height: none; }

div.podcontent.collab_list span.reveal {
	background: url("//cssimg.ngfiles.com/misc/collab-reveal.png");
	display: block;
	font-size: 12px;
	height: 14px;
	margin: -50px 0 0 -5px;
	padding: 31px 0 5px 0;
	position: absolute;
	text-align: center;
	width: 920px;
}

/* When we're streaming video live... */
.streaming-button {
	background: url("//cssimg.ngfiles.com/misc/streaming-button.gif") no-repeat;
	height: 25px; width: 154px;
	top: 67px; left: 405px;
	border: 2px solid #000;
	position: absolute;
	text-indent: -99999px;
}

/* skin ad stuff */
div.skinad-l, div.skinad-r {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 768px;
	overflow: hidden;
	visibility: hidden; }
div.skinad-l a , div.skinad-r a {
	text-indent: -99999px;
	position: absolute;
	left: 50%;
	margin-left: -824px;
	margin-right: 0;
	height: 768px;
	width: 336px;
	visibility: visible; }

div.skinad-r { right: 0; }
div.skinad-r a {
	left: 50%;
	margin-left: 489px;
}

/* content barriers */
div.barrier {
	width:480px;
	text-align:left;
	background-color:#111;
	padding:12px;
	margin:20px 20px 60px 20px;
}
body.blue div.barrier {
	background-color:#121F2F;
}
body.red div.barrier {
	background-color:#360D11;
}
div.barrier p {
	margin: 14px;
	font-size:1em;
}
body.blue div.barrier p {
	color:#296395;
}
body.red div.barrier p {
	color:#a52e2e;
}
div.barrier h2 {
	color:#fff;
	margin: 4px 8px 12px 8px;
	font-size:2em;
}
div.barrier em {
	display:block;
	margin: 0px 8px 12px 8px;
	color:#5a5454;
	font-size: 1em;
}
body.blue div.barrier em {
	color:#296395;
}
body.red div.barrier em {
	color:#a52e2e;
}

body.blue div.barrier strong {
	color:#3a94e0;
}
body.red div.barrier strong {
	color:#f74040;
}
div.icon_play {
	display:block;
	width:140px;
	height:104px;
	cursor:pointer;
	background-color:#000;
	background-repeat: no-repeat;
	text-align: center;
}
div.icon_play span {
	display:block;
	white-space: nowrap;
	text-indent: -9999px;
	background-image: url(//img.ngfiles.com/icons/icon_play_overlay.png);
	background-position:0px 0px;
	width: 140px;
	height: 90px;
	background-repeat: no-repeat;
}
div.icon_play:hover span {
	background-position:-140px 0px;
}

/* tag filter pod for portal browse pages */
div.tagfilter {
	background-color: #171717;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:5px;
	padding:3px 5px 3px 5px;
	float:left;
	display:block;
	white-space: nowrap;
	line-height: 1.5em;
	vertical-align: top;
}
div.tagfilter span {
	font-size: 1.3em;
	font-weight: bold;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

div.tagfilter a {
	font-size: 1em;
	line-height: 1.3em;
	vertical-align: top;
	margin: -2px 0px 0px 5px;
	padding: 0px;
	display: inline-block;
}

/* Miscellaneous odds and ends */
br.none {
	clear: none;
}

br.left {
	clear: left;
}

br.right {
	clear: right;
}

/* alias */
br.all {
	clear: both;
}

br.both {
	clear: both;
}

/* header news links */

.latestnewslinks {
	position: relative;
	top: 24px;
	text-align: center;
	width: 416px;
	left: 280px;
}

.latestnewslinks > span {
	font-size: 1.2em;
	display: inline-block;
	padding: 4px 8px;
	background: rgba(0,0,0,.5);
	color: #fff;
}

.latestnewslinks a.noinfo {
	color: #fff;
	text-decoration: none;
}

.latestnewslinks a, .latestnewslinks a:visited {
	color: #fda238;
}

/* Favorites overrides for cursor positioning! */
.artfaves.viewing li a:first-child:hover,
.artistfaves.viewing li a:first-child:hover,
.faves.viewing li a:first-child:hover,
/* can't use favesother, because there's a wildcard on faves :( */
.favorites_other.viewing li a:first-child:hover,
/* ugh
table.audiolist.viewing td:first-child > a {
	cursor: move;
}
*/

/* adult filter is hidden when not logged in, instead, a link using the following styles gets used */
form.rating li.unregistered_a {
	text-indent:0px;
	display: none;
}
form.rating li.unregistered_a a {
	display:inline-block;
	background-color:red;
	background: url(//cssimg.ngfiles.com/icons/ul-ratingFilter.jpg) -75px -50px no-repeat;
	width: 25px;
	height: 25px;
	text-indent:-250em;
}
form.rating li.unregistered_a a:hover {
	background: url(//cssimg.ngfiles.com/icons/ul-ratingFilter.jpg) -75px -75px no-repeat;
}


/*************** FLAGGING ****************/
span[class^="flag-"], div[class^="flag-"], li[class^="flag-"] {
	height: 37px;
	line-height: 37px;
	vertical-align: middle;
	position: relative;
	display: inline-block;
}

span[class^="flag-"] input[type="radio"], span[class^="flag-"] input[type="checkbox"], div[class^="flag-"] input[type="radio"], div[class^="flag-"] input[type="checkbox"], li[class^="flag-"] input[type="radio"], li[class^="flag-"] input[type="checkbox"] {
	position: absolute;
	z-index: -1;
}

span[class^="flag-"] label, div[class^="flag-"] label, li[class^="flag-"] label {
	position: relative;
	height: 37px;
	overflow-y: hidden;
	vertical-align: middle;
	display: inline-block;
	padding-left: 42px;
	background-image: url(//cssimg.ngfiles.com/formstuff/flaggingicons-bg.png);
	background-repeat: no-repeat;
	background-size: 37px 74px;
	background-position: 999px;

	font-size: 1.15em;
	font-weight: bold;
}

span[class^="flag-"] label.notext, div[class^="flag-"] label.notext, li[class^="flag-"] label.notext {
	content: "";
	padding-left: 37px;
	width: 0px;
	overflow-x: hidden;
}

span[class^="flag-"] input:checked ~ label, div[class^="flag-"] input:checked ~ label, li[class^="flag-"] input:checked ~ label {
	background-position: 0px 0px;
	color: #7d7575;
}

span[class^="flag-"] label:hover, div[class^="flag-"] label:hover, li[class^="flag-"] label:hover {
	background-position: 0px -37px;
	color: #FFFFFF;
}

/*
This background image is scaled to half the width and height of the actual image.
If you add icons to the bottom of the image, you must make an adjustment to the
height here.
*/
span[class^="flag-"] label::before, div[class^="flag-"] label::before, li[class^="flag-"] label::before {
	content: "";
	display: inline-block;
	width: 33px;
	height: 33px;
	position: absolute;
	left: 2px;
	top: 2px;
	background-image: url("//img.ngfiles.com/formstuff/flaggingicons.png?6");
	background-repeat: no-repeat;
	background-size: 33px 528px;
	pointer-events: none;
}

div[class^="flag-"], li[class^="flag-"] {
	display: block;
}



span.flag-malicious label::before, div.flag-malicious label::before, li.flag-malicious label::before {
	background-position: 0px 0px;
}

span.flag-malicious label:hover::before, div.flag-malicious label:hover::before, li.flag-malicious label:hover::before {
	background-position: 0px -33px;
}


span.flag-spam label::before, div.flag-spam label::before, li.flag-spam label::before {
	background-position: 0px -66px;
}

span.flag-spam label:hover::before, div.flag-spam label:hover::before, li.flag-spam label:hover::before {
	background-position: 0px -99px;
}


span.flag-pornographic label::before, div.flag-pornographic label::before, li.flag-pornographic label::before {
	background-position: 0px -198px;
}

span.flag-pornographic label:hover::before, div.flag-pornographic label:hover::before, li.flag-pornographic label:hover::before {
	background-position: 0px -231px;
}


span.flag-stolen label::before, div.flag-stolen label::before, li.flag-stolen label::before {
	background-position: 0px -132px;
}

span.flag-stolen label:hover::before, div.flag-stolen label:hover::before, li.flag-stolen label:hover::before {
	background-position: 0px -165px;
}


span.flag-photograph label::before, div.flag-photograph label::before, li.flag-photograph label::before {
	background-position: 0px -264px;
}

span.flag-photograph label:hover::before, div.flag-photograph label:hover::before, li.flag-photograph label:hover::before {
	background-position: 0px -297px;
}

span.flag-abusive label::before, div.flag-abusive label::before, li.flag-abusive label::before {
	background-position: 0px -330px;
}

span.flag-abusive label:hover::before, div.flag-abusive label:hover::before, li.flag-abusive label:hover::before {
	background-position: 0px -363px;
}

span.flag-improper label::before, div.flag-improper label::before, li.flag-improper label::before {
	background-position: 0px -396px;
}

span.flag-improper label:hover::before, div.flag-improper label:hover::before, li.flag-improper label:hover::before {
	background-position: 0px -429px;
}

span.flag-music label::before, div.flag-music label::before, li.flag-music label::before {
	background-position: 0px -462px;
}

span.flag-music label:hover::before, div.flag-music label:hover::before, li.flag-music label:hover::before {
	background-position: 0px -495px;
}

/* The form itself */
#flag_form div.comment {
	padding-top: 15px;
}

#flag_form div.comment span {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
}

/* the textarea for stolen related comments */
#flag_comment {
	width: 580px;
	height: 50px;
}

/* contains the submit button */
#flag_form div:last-child {
	padding-top: 20px;
}

/*************** END FLAGGING ****************/
/*@font-face {
	font-family: "headerfont";
	src: url("//www.newgrounds.com/css/fonts/pakenham.eot"); //IE hack
	src: url("//www.newgrounds.com/css/fonts/pakenham.ttf") format("truetype");	}*/

/*
	Not sure whether this will work, but if it does, the credit goes here:
	https://readableweb.com/mo-bulletproofer-font-face-css-syntax/

	-JH
*/

/*@font-face { // For IE
	font-family: headerfont;
	src: url("//www.newgrounds.com/css/fonts/pakenham.eot"); }

@font-face { // Everything else
	font-family: headerfont;
	src: url("//www.newgrounds.com/css/") format("No-IE-404"),url("pakenham.ttf") format("truetype"); }*/

@font-face {
	font-family: "headerfont";
	src: url("//css.ngfiles.com/fonts/pakenham.eot?#iefix") format("embedded-opentype"),
	url("//css.ngfiles.com/fonts/pakenham.woff") format("woff"),
	url("//css.ngfiles.com/fonts/pakenham.ttf")  format("truetype"),
}

* {font-family: Arial, Helvetica, sans-serif;}
body {
	font-size: 62.5%;		/* Resets 1em to 10px */
	color: #c9bebe; }


a {
	outline: none;
	text-decoration: none }
a, a:active {
	color: #fda238;}
a:visited {
	color: #d36c36; }
a:hover {
	color: #fff;
	cursor: pointer; }

ul { list-style: none; }
ol {
	list-style-position: inside;
	list-style-type: decimal-leading-zero;
	color: #7d7575; }

strong { color: #c9bebe; }
.thincol p > strong { color: #fff; }		/*  trying this out for after-vote message and seeing how it goes elsewhere  */

h2 { font-family: "headerfont", "Arial Narrow", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }

h3 {		/*  blog post subject  */
	font-size: 1.8em; }
h3 a, h3 a:visited {
	color: #c9bebe; }
.podcontent > h3 {		/*  right column subsections, like h4 but undimmed and with line  */
	padding: 5px;
	margin-bottom: 5px;
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	display: block;
	background: transparent url(//www.newgrounds.com/img/bg-main/podstripe.gif) center bottom no-repeat !important; }


h4 {		/*  titles: left column subsections, footer features  */
	font-size: 1.4em;
	color: #7d7575;
	font-style: italic;
	font-weight: bold; }
.podcontent > h4 {
	padding: 2px 5px 0 5px; }
h4 a {		/*  footerfeature titles, news commenter name, content reviewer name  */
	font-size: 12px;
	font-style: normal; }

h5 {		/*  timestamps: news posts, news comments, content reviews  */
	font-size: 1em;
	font-weight: normal;
	color: #7d7575; }

h6 {		/*  exists solely for blog post updates  */
	font-size: 1em;
	color: #7d7575;
	font-style: italic;
	font-weight: normal; }
h6:before { content:"(" }
h6:after { content:")" }

/*		PANEL TOPS		*/

div.podtop > h2 {
	float: left;
	height: 31px;
	overflow: hidden;
	margin: 5px;
	padding-left: 36px;
	color: #fff;
	font-size: 3em;
	font-size-adjust: 0.4;
	line-height: 1.1em;
	font-weight: normal;
	background-image: url(//www.newgrounds.com/img/icons/h2-all.png);
	background-repeat: no-repeat; }
/*	sizing down opera and webkit headers since they hate our freedom (and @font-face)	*/
.opera div.podtop h2, .webkit div.podtop h2 {
	font-size: 2.2em !important;
	line-height: 1.5em !important; }


/*		PANEL CONTENT		*/

/*  main paragraph styles  */
/* added this in to prevent word wrapping in pod contents like movie/audio descriptions etc -Jim */
div.two3 .podcontent > p, div.fatcol > div > .podcontent > p {
	max-width: 600px;
	word-wrap: break-word;
}

.podcontent > p {
	margin: 5px;
	font-size: 1.2em;
	line-height: 1.4em;
	word-wrap: break-word;
}
.one3 div.podcontent > p {
	line-height: normal; }
.podcontent > p + p {
	margin-top: 10px; }


/*  in-paragraph links  */
div.podcontent > p > a {
	font-weight: bold;
	/*margin: 0 -3px; padding: 2px 3px 1px 3px;*/ }
div.podcontent > p > a:hover {
	color: #fff;
	/*background: url(//www.newgrounds.com/img/bg-skins/link-gold.gif) bottom left repeat-x;*/ }
div.podcontent > p > a:active {
	color: #fda238; }
.bbstext p a[id*="exlink"] {
	margin-right: 3px;
	padding-right: 15px;
	background: url(//www.newgrounds.com/img/icons/tinyicons-vert.png) right -325px no-repeat; }
div.podcontent > p > a[href*="newgrounds.com"],
div.wikitext > div.podcontent > a[href*="newgrounds.com"] {
	margin: auto;
	padding-right: 0;
	background: none; }
div.podcontent > p > a[href*="www"]:hover {
	/*background-color: #3d1d0d;*/ }
.bbstext p a[id^="exlinkgreen"] { background-position: right -475px; }
.bbstext p a[id^="exlinkred"] { background-position: right -500px; }
.bbstext p a[id^="exlinkamber"] { background-position: right -525px; }


/*  specialty paragraph-like styles  */
.podcontent blockquote {
	margin: 5px 0;
	padding-left: 10px;
	border-left: solid 1px #282626;
	font-size: 12px;
	line-height: 1.4em;
	color: #5a5454; }
.podcontent > blockquote {		/*  only the outer one needs special spacing  */
	margin: 15px 5px; }
blockquote > span {
	display: block;
	margin-left: -11px;
	padding-bottom: 2px;
	font-style: italic;
	border-left: solid 1px #100c0d; }
pre {
	display: block;
	margin-top: 10px;
	padding: 10px;
	overflow: auto;
	font-size: 11px;
	line-height: 12px;
	white-space: pre;
	background: #2e1a0e; }
code, pre, pre a {
	font-family: Courier, monospace !important; }
div.fatcol pre { width: 570px; }
div.three3 .podcontent > pre { width: 890px; margin: 10px 5px 5px; }
div.three3 .bbstext pre { width: 700px; }

hr {
	clear: both;
	height: 2px;
	margin: 5px 0;
	border-left: solid 1px #211b1b;
	border-right: solid 1px #211b1b;
	background: #000 url(//www.newgrounds.com/img/bg-main/podstripe.gif) -1px bottom repeat-x; }
.thincol hr { background-position: -275px bottom; }
.fatcol hr { background-position: -200px bottom; }
hr + p, hr + blockquote {
	margin-top: 10px !important; }
p + hr {
	margin-top: 10px !important; }
.collection ul + p {
	margin-top: 15px; }
.collection > p {
	margin-top: 20px;
	margin-bottom: 15px; }
.collection p:first-child {
	margin-top: 8px; }
.collection p > br + br {
	margin-top: -10px; }


/*		HEADER		*/

.quicklinks a {
	font-size: 1em;
	line-height: 1.8em;
	color: #fff; }
.quicklinks strong {
	font-size: 1.2em;
	line-height: 2em;
	font-weight: normal;
	color: #c9bebe; }
.quicklinks strong a {
	font-weight: bold;
	color: #fda238 }
.quicklinks strong a:hover {
	color: #fff }

.header .navigation dd a {
	font-size: 1.3em;
	line-height: 2.4em;
	font-weight: bold;
	color: #fda238; }
.header .navigation dd a:hover {
	color: #151212; }


/*		FOOTER		*/

.footerfeatures div > span {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #c9bebe; }
.footerfeatures h4 a {
	font-size: 14px; }
.footerfeatures div.movie p,
.footerfeatures div.game p {
	font-size: 1em;
	line-height: 1.15em;
	color: #fff; }
.footerfeatures div.channel > p {
	display: table-cell;
	height: 63px;
	vertical-align: middle;
	font-size: 1.3em;
	line-height: 15px; }
.footerfeatures div.user {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold; }
.footerfeatures div.user strong {
	display: block;
	color: #fff;
	font-weight: normal; }

#footer .copyright {
	font-size: 1.2em;
	line-height: 1.5em; }
#footer .copyright a:visited {
	color: #fda238; }

#footer .navigation dt {
	padding-left: 5px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 2.1em; }
#footer .navigation dd a {
	font-size: 1.2em;
	line-height: 9px;
	font-weight: bold; }


/*		PANELS: Anything not in a 'podcontent' div		*/

div.podtop div a {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.1em; }

span.hovertext span {
	color: #fff;
	font-weight: normal;
	font-size: 10px;
	line-height: 42px; }


/*		GLOBAL FORM ELEMENTS: Explanation text		*/

.formnote {
	color: #7d7575;
	font-size: 1.1em !important;
	line-height: 1.1em !important; }
.formnote em {
	display: block;
	color: #f74040;
	font-style: normal; }


/*		PODS 'N' ENDS: lmao		*/

.mod, .mod a, .mod a:hover { color: #f74040; }

dl.sidestats {
	font-size: 1.2em;
	font-weight: bold; }
dl.sidestats dt {
	line-height: 9px;
	font-style: italic;
	color: #7d7575; }
dl.sidestats dd {
	line-height: 9px; }
dl.sidestats dd span {
	font-size: 10px;
	line-height: 8px;
	font-weight: normal; }

/*  View page comments  */
div.comment > p {		/*  comments on view pages and news posts  */
	line-height: 1.3em; }
div.comment > p + p {
	margin-top: 5px; }
div.authresponse p {	/*  responses to the above  */
	font-size: 1.2em;
	margin: 5px 10px 0px 10px; }
div.authresponse strong {
	font-size: 1.2em; }

/*  For summaries in pods that need extra description, like userpage medal pods  */
p.moreinfo {
	display: inline-block;
	margin: 5px 5px 5px 5px;
	font-style: italic;
	color: #817773; }
p.moreinfo span {
	position: absolute;
	right: 16px; }
p.moreinfo strong {
	font-style: normal;
	color: #fff; }
p.moreinfo em {
	font-style: normal;
	font-weight: normal;
	font-size: 10px; }
p.moreinfo em strong {
	font-weight: normal; }

/*  Forum posts  */
div.textblock > p {
	margin: 10px 0 5px 0;
	font-size: 1.2em;
	line-height: 1.3em; }
div.textblock ol, div.usersearch ol {
	font-size: 1.2em; }
div.admin div.textblock > p,
div.admin div.textblock strong {
	color: #fff; }
div.sig p, div.sig strong {
	color: #7d7575; }


div.bbstext div.textblock p, div.bbstext div.textblock blockquote {
	max-width: 720px;
	word-wrap: break-word;
}

/*  Wiki Text  */
div.wikitext .podcontent {
	font-size: 1.2em;
	line-height: 1.4em; }
div.wikitext .podcontent h1,
div.wikitext .podcontent h2,
div.wikitext .podcontent h3,
div.wikitext .podcontent h4 {		/*  reset styles  */
	float: none;
	clear: both;
	margin: -2px -5px 5px -5px;
	padding: 0 0 5px 5px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px;
	color: #fff;
	font-style: italic;
	background: url(//www.newgrounds.com/img/bg-main/podstripe.gif) left bottom no-repeat; }

div.wikitext .podcontent h4,
div.wikitext .podcontent h3 {		/*  same style, h4 doesn't generate a ToC  */
	margin-top: 12px; }

div.wikitext .podcontent h3:first-child,
div.wikitext .podcontent h4:first-child {
	margin-top: 0; }

div.wikitext br + br { margin-top: -5px; }

div.wikitext .red { color: #f74040; }
div.wikitext .white { color: #fff; }
div.wikitext .gray { color: #7d7575; }

div.wikitext ul.centeredblocks {
font-size: 11px;
line-height: 13px; }

div.wikitext > .podcontent > ul {
	margin-left: 2px;
	list-style-type: none;
	list-style-position: outside;
	line-height: normal; }
div.wikitext > .podcontent > ul li {
	padding-left: 10px;
	background: url(//www.newgrounds.com/img/icons/tinyicons-vert.png) left -719px no-repeat; }
div.wikitext > .podcontent > h2 + ul {
	margin: 0; }
div.wikitext > .podcontent > h2 + ul li {
	padding: 0;
	background: none; }
div.wikitext ol {
	margin-left: 22px !important;
	margin-bottom: 10px;
	list-style-position: outside;
	list-style-type: decimal;
	color: inherit;
	text-indent: -2px;
	line-height: normal; }
div.wikitext li > ol {
	margin-bottom: 0; }
div.wikitext ol li {
	line-height: 15px; }










































/*		POSITIONING OF MULTI-COLOR IMAGES		*/

body.blue .sitelinks .search { background-position: -25px top; }
body.red .sitelinks .search { background-position: -50px top; }
body.green .sitelinks .search { background-position: -75px top; }
body.pink .sitelinks .search { background-position: 0px bottom; }
body.aqua .sitelinks .search { background-position: -25px bottom; }
body.purple .sitelinks .search { background-position: -50px bottom; }
body.gray .sitelinks .search { background-position: -75px bottom; }

body.blue .checkboxes span, body.blue .checkboxes input[disabled] ~ span:hover,
	body.blue table[class$="list"] td:first-child > span, body.blue table[class$="list"] th:first-child > span { background-position: 0 -34px }
body.blue .checkboxes span:hover, body.blue .checkboxes input:focus ~ span,
	body.blue table[class$="list"] td:first-child > span:hover, body.blue table[class$="list"] th:first-child > span:hover { background-position: 0 -51px; }
body.red .checkboxes span, body.red .checkboxes input[disabled] ~ span:hover,
	body.red table[class$="list"] td:first-child > span, body.red table[class$="list"] th:first-child > span { background-position: 0 -68px }
body.red .checkboxescheckboxes span:hover, body.red .checkboxes input:focus ~ span,
	body.red table[class$="list"] td:first-child > span:hover, body.red table[class$="list"] th:first-child > span:hover { background-position: 0 -85px; }
body.green .checkboxes span, body.green .checkboxes input[disabled] ~ span:hover,
	body.green table[class$="list"] td:first-child > span, body.green table[class$="list"] th:first-child > span { background-position: 0 -102px }
body.green .checkboxes span:hover, body.green .checkboxes input:focus ~ span,
	body.green table[class$="list"] td:first-child > span:hover, body.green table[class$="list"] th:first-child > span:hover { background-position: 0 -119px; }
body.pink .checkboxes span, body.pink .checkboxes input[disabled] ~ span:hover,
	body.pink table[class$="list"] td:first-child > span, body.pink table[class$="list"] th:first-child > span { background-position: 0 -136px }
body.pink .checkboxes span:hover, body.pink .checkboxes input:focus ~ span,
	body.pink table[class$="list"] td:first-child > span:hover, body.pink table[class$="list"] th:first-child > span:hover { background-position: 0 -153px; }
body.aqua .checkboxes span, body.aqua .checkboxes input[disabled] ~ span:hover,
	body.aqua table[class$="list"] td:first-child > span, body.aqua table[class$="list"] th:first-child > span { background-position: 0 -170px }
body.aqua .checkboxes span:hover, body.aqua .checkboxes input:focus ~ span,
	body.aqua table[class$="list"] td:first-child > span:hover, body.aqua table[class$="list"] th:first-child > span:hover { background-position: 0 -187px; }
body.purple .checkboxes span, body.purple .checkboxes input[disabled] ~ span:hover,
	body.purple table[class$="list"] td:first-child > span, body.purple table[class$="list"] th:first-child > span { background-position: 0 -204px }
body.purple .checkboxes span:hover, body.purple .checkboxes input:focus ~ span,
	body.purple table[class$="list"] td:first-child > span:hover, body.purple table[class$="list"] th:first-child > span:hover { background-position: 0 -221px; }
body.gray .checkboxes span, body.gray .checkboxes input[disabled] ~ span:hover,
	body.gray table[class$="list"] td:first-child > span, body.gray table[class$="list"] th:first-child > span { background-position: 0 -238px }
body.gray .checkboxes span:hover, body.gray .checkboxes input:focus ~ span,
	body.gray table[class$="list"] td:first-child > span:hover, body.gray table[class$="list"] th:first-child > span:hover { background-position: 0 -255px; }

body.blue #footer .featurebar dt { background-position: 0 -40px; }
body.blue #footer .navigation dd span { border-color: #3a94e0; background-position: right -46px; }
body.red #footer .featurebar dt { background-position: 0 -80px; }
body.red #footer .navigation dd span { border-color: #f74040; background-position: right -71px; }
body.green #footer .featurebar dt { background-position: 0 -120px; }
body.green #footer .navigation dd span { border-color: #60b136; background-position: right -96px; }
body.pink #footer .featurebar dt { background-position: 0 -160px; }
body.pink #footer .navigation dd span { border-color: #eb4fa2; background-position: right -121px; }
body.aqua #footer .featurebar dt { background-position: 0 -200px; }
body.aqua #footer .navigation dd span { border-color: #26b28c; background-position: right -146px; }
body.purple #footer .featurebar dt { background-position: 0 -240px; }
body.purple #footer .navigation dd span { border-color: #c767e5; background-position: right -171px; }
body.gray #footer .featurebar dt { background-position: 0 -280px; }
body.gray #footer .navigation dd span { border-color: #8698a2; background-position: right -196px; }

body.blue dl#games dt a { background-position: 0 -80px; }		/*  active nav states. necessary?  */
body.red dl#movies dt a { background-position: -136px -80px; }
body.green dl#audio dt a { background-position: -272px -80px; }
body.pink dl#art dt a { background-position: -408px -80px; }
body.purple dl#channels dt a { background-position: -544px -80px; }
body.gray dl#shop dt a { background-position: -830px -80px; }

body.red form#votebar h3 { background-position: center -45px; }
body.blue form#votebar h3 { background-position: center -95px; }
body.green form#votebar h3 { background-position: center -145px; }
body.pink form#votebar h3 { background-position: center -195px; }
body.aqua form#votebar h3 { background-position: center -245px; }

/* FRONTPAGE ONLY STUFF */
body.frontpage { background-image: url(//cssimg.ngfiles.com/bg-skins/fp-body.gif); }
body.frontpage #outer { background-image: url(//cssimg.ngfiles.com/bg-skins/fp-outer.jpg); }

/*		BLUE: Games		*/

/*  image swaps  */
body.blue { background-image: url(//cssimg.ngfiles.com/bg-skins/blue2-body.gif); }
body.blue #outer { background-image: url(//cssimg.ngfiles.com/bg-skins/blue2-outer.jpg); }	/* will be inline for fast loading */
body.blue div.podtop { background: #173249 url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-blue.jpg) top left no-repeat; }

body.blue #footer .siteinfo { background-image: url(//cssimg.ngfiles.com/bg-skins/blue-footer.jpg); }

body.blue input[type="text"], body.blue input[type="password"], body.blue div.select, body.blue select { background-color: #75bbec; background-image: url(//cssimg.ngfiles.com/bg-skins/inputs/input-blue.jpg) ; }
body.blue textarea { background-color: #6fb8ec; background-image: url(//cssimg.ngfiles.com/bg-skins/textareas/textarea-blue.jpg); }
body.blue a.fakebutton, body.blue button, body.blue div.upload div { background-image: url(//cssimg.ngfiles.com/bg-skins/buttons/button-blue.gif); }

/*  new border and bg colors  */

body.blue .quicklinks > a, body.blue .quicklinks > form { border-color: #173249; background-color: #1f4362; }
body.blue .quicklinks > a em, body.blue .quicklinks > form em { background: #173249; }
body.blue .quicklinks > a:hover, body.blue .quicklinks > form:hover { background-color: #3879b1; }
body.blue .quicklinks > a:hover em, body.blue .quicklinks > form:hover em { background: #295a84; }

body.blue .pagenav div a[href] { background: #173249; }
body.blue .pagenav div a[href] > span { background: #1f4362; }
body.blue .pagenav div a, body.blue .pagenav div a:hover { background: #295a84; }
body.blue .pagenav div a > span, body.blue .pagenav div a:hover > span { background: #3879b1; }

body.blue div.iconarray > a:hover { background-color: #173249; }
body.blue .sidelinks li:hover { background-color: #173249; }
body.blue .linklist li:hover { background-color: #173249; }
body.blue .trophies li a:hover { background-color: #173249; }

body.blue div.authresponse div:first-child { background: #296395; }
body.blue div.authresponse strong { border-color: #173249; }
body.blue ul.authorlinks li:nth-child(even) { background-color: #0c1925; }

body.blue .optionlinks > a { background-color: #173249; }
body.blue tr.alt, body.blue thead + tbody > tr:nth-of-type(2n-1) { background-color: #0c1925; }
/*  following rule not found in other colors  */
body.blue div.gamesupport-scores tr:nth-of-type(2n-1) { background-color: #0c1925; }
body.blue td > div a:hover { background-color: #173249; }
body.blue table[class$="list"] td:last-child > span { background-color: #173249; }

body.blue div.downloads > div { background-color: #0c1925; }
body.blue div.downloads * { border-top-color: #173249; }

body.blue ul.browse li { background-color: #0c1925; }
body.blue ul.browse li[class] { background-color: #173249; }
body.blue ul.browse li.expanded { background-color: #296395; }
body.blue ul.browse li:hover { background-color: #173249; }
body.blue div[class*="browse"] a { background-color: #296395; }
body.blue div[class*="browse"] a[href] { background-color: #173249; }
body.blue div.browse a.expanded { background-color: #296395; }
body.blue div.select li { background-color: #75bbec; }
body.blue div.select li a:hover { background-color: #296395; }
body.blue .formfields dl.space { background-color: #173249; }

body.blue .centeredblocks > li:nth-child(odd) > span:empty { background-color: #296395; }
body.blue .centeredblocks li:hover, body.blue .blocklist li:hover { background-color: #173249 !important; }
body.blue .centeredblocks > li:nth-child(odd) * { border-color: #173249; }

body.blue pre { background-color: #0c1925; }


/*		RED: Movies		*/

/*  image swaps  */
body.red { background-image: url(//cssimg.ngfiles.com/bg-skins/red2-body.gif); }
body.red #outer { background-image: url(//cssimg.ngfiles.com/bg-skins/red2-outer.jpg); }	/* will be inline for fast loading */
body.red div.podtop { background: #521b1b url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-red.jpg) top left no-repeat; }

body.red #footer .siteinfo { background-image: url(//cssimg.ngfiles.com/bg-skins/red-footer.jpg); }

body.red input[type="text"], body.red input[type="password"], body.red div.select, body.red select  { background-color: #fa7070; background-image: url(//cssimg.ngfiles.com/bg-skins/inputs/input-red.jpg); }
body.red textarea { background-color: #fa6e6e; background-image: url(//cssimg.ngfiles.com/bg-skins/textareas/textarea-red.jpg); }
body.red a.fakebutton, body.red button, body.red div.upload div { background-image: url(//cssimg.ngfiles.com/bg-skins/buttons/button-red.gif); }

/*  new border and bg colors  */

body.red .quicklinks > a, body.red .quicklinks > form { border-color: #521b1b; background-color: #6f2424; }
body.red .quicklinks > a em, body.red .quicklinks > form em { background: #521b1b; }
body.red .quicklinks > a:hover, body.red .quicklinks > form:hover { background-color: #c84141; }
body.red .quicklinks > a:hover em, body.red .quicklinks > form:hover em { background: #943131; }

body.red .pagenav div a[href] { background: #521b1b; }
body.red .pagenav div a[href] > span { background: #6f2424; }
body.red .pagenav div a, body.red .pagenav div a:hover { background: #943131; }
body.red .pagenav div a > span, body.red .pagenav div a:hover > span { background: #c84141; }

body.red div.iconarray > a:hover { background-color: #521b1b; }
body.red .sidelinks li:hover { background-color: #521b1b; }
body.red .linklist li:hover { background-color: #521b1b; }
body.red .trophies li a:hover { background-color: #521b1b; }

body.red div.authresponse div:first-child { background: #a52e2e; }
body.red div.authresponse strong { border-color: #521b1b; }
body.red ul.authorlinks li:nth-child(even) { background-color: #290e0e; }

body.red .optionlinks > a { background-color: #521b1b; }
body.red tr.alt, body.red thead + tbody > tr:nth-of-type(2n-1) { background-color: #290e0e; }
body.red td > div a:hover { background-color: #521b1b; }
body.red table[class$="list"] td:last-child > span { background-color: #521b1b; }

body.red div.downloads > div { background-color: #290e0e; }
body.red div.downloads * { border-top-color: #521b1b; }

body.red ul.browse li { background-color: #290e0e; }
body.red ul.browse li[class] {  background-color: #521b1b; }
body.red ul.browse li.expanded { background-color: #a52e2e; }
body.red ul.browse li:hover { background-color: #521b1b; }
body.red div[class*="browse"] a { background-color: #a52e2e; }
body.red div[class*="browse"] a[href] { background-color: #521b1b; }
body.red div.browse a.expanded { background-color: #a52e2e; }
body.red div.select li { background-color: #fa7070; }
body.red div.select li a:hover { background-color: #a52e2e; }
body.red .formfields dl.space { background-color: #521b1b; }

body.red .centeredblocks > li:nth-child(odd) > span:empty { background-color: #a52e2e; }
body.red .centeredblocks li:hover, body.red .blocklist li:hover { background-color: #521b1b !important; }
body.red .centeredblocks > li:nth-child(odd) * { border-color: #521b1b; }

body.red pre { background-color: #290e0e; }


/*		GREEN: Audio		*/

/*  image swaps  */
body.green { background-image: url(//cssimg.ngfiles.com/bg-skins/green2-body.gif); }
body.green #outer { background-image: url(//cssimg.ngfiles.com/bg-skins/green2-outer.jpg); }	/* will be inline for fast loading */
body.green div.podtop { background: #213915 url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-green.jpg) top left no-repeat; }

body.green #footer .siteinfo { background-image: url(//cssimg.ngfiles.com/bg-skins/green-footer.jpg); }

body.green input[type="text"], body.green input[type="password"], body.green div.select, body.green select { background-color: #90cc6a; background-image: url(//cssimg.ngfiles.com/bg-skins/inputs/input-green.jpg) ; }
body.green textarea { background-color: #90cc6b; background-image: url(//cssimg.ngfiles.com/bg-skins/textareas/textarea-green.jpg); }
body.green a.fakebutton, body.green button, body.green div.upload div { background-image: url(//cssimg.ngfiles.com/bg-skins/buttons/button-green.gif); }

body.green form#votebar, body.green form#votebar label, body.green form#votebar label span { background-image: url(//cssimg.ngfiles.com/misc/vp-voteDarn.png); }

/*  new border and bg colors  */

body.green .quicklinks > a, body.green .quicklinks > form { border-color: #213915; background-color: #2d4d1c; }
body.green .quicklinks > a em, body.green .quicklinks > form em { background: #213915; }
body.green .quicklinks > a:hover, body.green .quicklinks > form:hover { background-color: #518b33; }
body.green .quicklinks > a:hover em, body.green .quicklinks > form:hover em { background: #3c6726; }

body.green .pagenav div a[href] { background: #213915; }
body.green .pagenav div a[href] > span { background: #2d4d1c; }
body.green .pagenav div a, body.green .pagenav div a:hover { background: #3c6726; }
body.green .pagenav div a > span, body.green .pagenav div a:hover > span { background: #518b33; }

body.green div.iconarray > a:hover { background-color: #213915; }
body.green .sidelinks li:hover { background-color: #213915; }
body.green .linklist li:hover { background-color: #213915; }
body.green .trophies li a:hover { background-color: #213915; }

body.green div.authresponse div:first-child { background: #417526; }
body.green div.authresponse strong { border-color: #213915; }
body.green ul.authorlinks li:nth-child(even) { background-color: #111d0b; }

body.green .optionlinks > a { background-color: #213915; }
body.green tr.alt, body.green thead + tbody > tr:nth-of-type(2n-1) { background-color: #111d0b; }
/*  following rule not found in other colors, audiolist bg needed only on audio hub page  */
body.green table.audiolist > tr:nth-of-type(2n-1) { background-color: #111d0b; }
body.green td > div a:hover { background-color: #213915; }
body.green table[class$="list"] td:last-child > span { background-color: #213915; }

body.green div.downloads > div { background-color: #111d0b; }
body.green div.downloads * { border-top-color: #213915; }

body.green ul.browse li { background-color: #111d0b; }
body.green ul.browse li[class] {  background-color: #213915; }
body.green ul.browse li.expanded { background-color: #417526; }
body.green ul.browse li:hover { background-color: #213915; }
body.green div[class*="browse"] a { background-color: #417526; }
body.green div[class*="browse"] a[href] { background-color: #213915; }
body.green div.browse a.expanded { background-color: #417526; }
body.green div.select li { background-color: #90cc6a; }
body.green div.select li a:hover { background-color: #417526; }
body.green .formfields dl.space { background-color: #213915; }

body.green .centeredblocks > li:nth-child(odd) > span:empty { background-color: #417526; }
body.green .centeredblocks li:hover, body.green .blocklist li:hover { background-color: #213915 !important; }
body.green .centeredblocks > li:nth-child(odd) * { border-color: #213915; }

body.green pre { background-color: #111d0b; }

body.green div.cc { border-color: #417526; }		/*  special for audio/art submit forms  */


/*		PINK: Art		*/

/*  image swaps  */
body.pink { background-image: url(//cssimg.ngfiles.com/bg-skins/pink0-body.gif); }
body.pink #outer { background-image: url(//cssimg.ngfiles.com/bg-skins/pink1-outer.jpg); }	/* will be inline for fast loading */
body.pink div.podtop { background: #4c1d36 url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-pink.jpg) top left no-repeat; }

body.pink #footer .siteinfo { background-image: url(//cssimg.ngfiles.com/bg-skins/pink-footer.jpg); }

body.pink input[type="text"], body.pink input[type="password"], body.pink div.select, body.pink select { background-color: #f386c5; background-image: url(//cssimg.ngfiles.com/bg-skins/inputs/input-pink.jpg) ; }
body.pink textarea { background-color: #f280c1; background-image: url(//cssimg.ngfiles.com/bg-skins/textareas/textarea-pink.jpg); }
body.pink a.fakebutton, body.pink button, body.pink div.upload div { background-image: url(//cssimg.ngfiles.com/bg-skins/buttons/button-pink.gif); }

body.pink form#votebar, body.pink form#votebar label, body.pink form#votebar label span { background-image: url(//cssimg.ngfiles.com/misc/vp-voteNene.png); }

/*  new border and bg colors  */

body.pink .quicklinks > a, body.pink .quicklinks > form { border-color: #4c1d36; background-color: #672749; }
body.pink .quicklinks > a em, body.pink .quicklinks > form em { background: #4c1d36; }
body.pink .quicklinks > a:hover, body.pink .quicklinks > form:hover { background-color: #ba4684; }
body.pink .quicklinks > a:hover em, body.pink .quicklinks > form:hover em { background: #893461; }

body.pink .pagenav div a[href] { background: #4c1d36; }
body.pink .pagenav div a[href] > span { background: #672749; }
body.pink .pagenav div a, body.pink .pagenav div a:hover { background: #893461; }
body.pink .pagenav div a > span, body.pink .pagenav div a:hover > span { background: #ba4684; }

body.pink div.iconarray > a:hover { background-color: #4c1d36; }
body.pink .sidelinks li:hover { background-color: #4c1d36; }
body.pink .linklist li:hover { background-color: #4c1d36; }
body.pink .trophies li a:hover { background-color: #4c1d36; }

body.pink div.authresponse div:first-child { background: #9c366c; }
body.pink div.authresponse strong { border-color: #4c1d36; }
body.pink ul.authorlinks li:nth-child(even) { background-color: #260f1b; }

body.pink .optionlinks > a { background-color: #4c1d36; }
body.pink tr.alt, body.pink thead + tbody > tr:nth-of-type(2n-1) { background-color: #260f1b; }
body.pink td > div a:hover { background-color: #4c1d36; }
body.pink table[class$="list"] td:last-child > span { background-color: #4c1d36; }

body.pink div.downloads > div { background-color: #260f1b; }
body.pink div.downloads * { border-top-color: #4c1d36; }

body.pink ul.browse li { background-color: #260f1b; }
body.pink ul.browse li[class] {  background-color: #4c1d36; }
body.pink ul.browse li.expanded { background-color: #9c366c; }
body.pink ul.browse li:hover { background-color: #4c1d36; }
body.pink div[class*="browse"] a { background-color: #9c366c; }
body.pink div[class*="browse"] a[href] { background-color: #4c1d36; }
body.pink div.browse a.expanded { background-color: #9c366c; }
body.pink div.select li { background-color: #f386c5; }
body.pink div.select li a:hover { background-color: #9c366c; }
body.pink .formfields dl.space { background-color: #4c1d36; }

body.pink .centeredblocks > li:nth-child(odd) > span:empty { background-color: #9c366c; }
body.pink .centeredblocks li:hover, body.pink .blocklist li:hover { background-color: #4c1d36 !important; }
body.pink .centeredblocks > li:nth-child(odd) * { border-color: #4c1d36; }

body.pink pre { background-color: #260f1b; }

body.pink div.cc { border-color: #9c366c; }		/*  special for audio/art submit forms  */


/*		AQUA		*/

/*  image swaps  */
body.aqua { background-image: url(//cssimg.ngfiles.com/bg-skins/aqua0-body.gif); }
body.aqua #outer { background-image: url(//cssimg.ngfiles.com/bg-skins/aqua0-outer.jpg); }	/* will be inline for fast loading */
body.aqua div.podtop { background: #123a2f url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-aqua.jpg) top left no-repeat; }

body.aqua #footer .siteinfo { background-image: url(//cssimg.ngfiles.com/bg-skins/aqua-footer.jpg); }

body.aqua input[type="text"], body.aqua input[type="password"], body.aqua div.select, body.aqua select { background-color: #57ccb1; background-image: url(//cssimg.ngfiles.com/bg-skins/inputs/input-aqua.jpg) ; }
body.aqua textarea { background-color: #5dceb4; background-image: url(//cssimg.ngfiles.com/bg-skins/textareas/textarea-aqua.jpg); }
body.aqua a.fakebutton, body.aqua button, body.aqua div.upload div { background-image: url(//cssimg.ngfiles.com/bg-skins/buttons/button-aqua.gif); }

body.aqua form#votebar, body.aqua form#votebar label, body.aqua form#votebar label span { background-image: url(//cssimg.ngfiles.com/misc/vp-voteUber.png); }

/*  new border and bg colors  */

body.aqua .quicklinks > a, body.aqua .quicklinks > form { border-color: #123a2f; background-color: #184e3f; }
body.aqua .quicklinks > a em, body.aqua .quicklinks > form em { background: #123a2f; }
body.aqua .quicklinks > a:hover, body.aqua .quicklinks > form:hover { background-color: #2b8d72; }
body.aqua .quicklinks > a:hover em, body.aqua .quicklinks > form:hover em { background: #206955; }

body.aqua .pagenav div a[href] { background: #123a2f; }
body.aqua .pagenav div a[href] > span { background: #184e3f; }
body.aqua .pagenav div a, body.aqua .pagenav div a:hover { background: #206955; }
body.aqua .pagenav div a > span, body.aqua .pagenav div a:hover > span { background: #2b8d72; }

body.aqua div.iconarray > a:hover { background-color: #123a2f; }
body.aqua .sidelinks li:hover { background-color: #123a2f; }
body.aqua .linklist li:hover { background-color: #123a2f; }
body.aqua .trophies li a:hover { background-color: #123a2f; }

body.aqua div.authresponse div:first-child { background: #1c765e; }
body.aqua div.authresponse strong { border-color: #123a2f; }
body.aqua ul.authorlinks li:nth-child(even) { background-color: #091d18; }

body.aqua .optionlinks > a { background-color: #123a2f; }
body.aqua tr.alt, body.aqua thead + tbody > tr:nth-of-type(2n-1) { background-color: #091d18; }
body.aqua td > div a:hover { background-color: #123a2f; }
body.aqua table[class$="list"] td:last-child > span { background-color: #123a2f; }

body.aqua div.downloads > div { background-color: #091d18; }
body.aqua div.downloads * { border-top-color: #123a2f; }

body.aqua ul.browse li { background-color: #091d18; }
body.aqua ul.browse li[class] {  background-color: #123a2f; }
body.aqua ul.browse li.expanded { background-color: #1c765e; }
body.aqua ul.browse li:hover { background-color: #123a2f; }
body.aqua div[class*="browse"] a { background-color: #1c765e; }
body.aqua div[class*="browse"] a[href] { background-color: #123a2f; }
body.aqua div.browse a.expanded { background-color: #1c765e; }
body.aqua div.select li { background-color: #57ccb1; }
body.aqua div.select li a:hover { background-color: #1c765e; }
body.aqua .formfields dl.space { background-color: #123a2f; }

body.aqua .centeredblocks > li:nth-child(odd) > span:empty { background-color: #1c765e; }
body.aqua .centeredblocks li:hover, body.aqua .blocklist li:hover { background-color: #123a2f !important; }
body.aqua .centeredblocks > li:nth-child(odd) * { border-color: #123a2f; }

body.aqua pre { background-color: #091d18; }


/*		PURPLE: Channels		*/

/*  image swaps  */
body.purple { background-image: url(//cssimg.ngfiles.com/bg-skins/purple0-body.gif); }
body.purple #outer { background-image: url(//cssimg.ngfiles.com/bg-skins/purple1-outer.jpg); }	/* will be inline for fast loading */
body.purple div.podtop { background: #45284e url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-purple.jpg) top left no-repeat; }

body.purple #footer .siteinfo { background-image: url(//cssimg.ngfiles.com/bg-skins/purple-footer.jpg); }

body.purple input[type="text"], body.purple input[type="password"], body.purple div.select, body.purple select { background-color: #db97ef; background-image: url(//cssimg.ngfiles.com/bg-skins/inputs/input-purple.jpg) ; }
body.purple textarea { background-color: #db97ef; background-image: url(//cssimg.ngfiles.com/bg-skins/textareas/textarea-purple.jpg); }
body.purple a.fakebutton, body.purple button, body.purple div.upload div { background-image: url(//cssimg.ngfiles.com/bg-skins/buttons/button-purple.gif); }

/*  new border and bg colors  */

body.purple .quicklinks > a, body.purple .quicklinks > form { border-color: #45284e; background-color: #5d3669; }
body.purple .quicklinks > a em, body.purple .quicklinks > form em { background: #45284e; }
body.purple .quicklinks > a:hover, body.purple .quicklinks > form:hover { background-color: #a861bd; }
body.purple .quicklinks > a:hover em, body.purple .quicklinks > form:hover em { background: #7c488d; }

body.purple .pagenav div a[href] { background: #45284e; }
body.purple .pagenav div a[href] > span { background: #5d3669; }
body.purple .pagenav div a, body.purple .pagenav div a:hover { background: #7c488d; }
body.purple .pagenav div a > span, body.purple .pagenav div a:hover > span { background: #a861bd; }

body.purple div.iconarray > a:hover { background-color: #45284e; }
body.purple .sidelinks li:hover { background-color: #45284e; }
body.purple .linklist li:hover { background-color: #45284e; }
body.purple .trophies li a:hover { background-color: #45284e; }

body.purple div.authresponse div:first-child { background: #86489a; }
body.purple div.authresponse strong { border-color: #45284e; }
body.purple ul.authorlinks li:nth-child(even) { background-color: #231427; }

body.purple .optionlinks > a { background-color: #45284e; }
body.purple tr.alt, body.purple thead + tbody > tr:nth-of-type(2n-1) { background-color: #231427; }
body.purple td > div a:hover { background-color: #45284e; }
body.purple table[class$="list"] td:last-child > span { background-color: #45284e; }

body.purple div.downloads > div { background-color: #231427; }
body.purple div.downloads * { border-top-color: #45284e; }

body.purple ul.browse li { background-color: #231427; }
body.purple ul.browse li[class] {  background-color: #45284e; }
body.purple ul.browse li.expanded { background-color: #86489a; }
body.purple ul.browse li:hover { background-color: #45284e; }
body.purple div[class*="browse"] a { background-color: #86489a; }
body.purple div[class*="browse"] a[href] { background-color: #45284e; }
body.purple div.browse a.expanded { background-color: #86489a; }
body.purple div.select li { background-color: #db97ef; }
body.purple div.select li a:hover { background-color: #86489a; }
body.purple .formfields dl.space { background-color: #45284e; }

body.purple .centeredblocks > li:nth-child(odd) > span:empty { background-color: #86489a; }
body.purple .centeredblocks li:hover, body.purple .blocklist li:hover { background-color: #45284e !important; }
body.purple .centeredblocks > li:nth-child(odd) * { border-color: #45284e; }

body.purple pre { background-color: #231427; }

body.gray ul.calendarlist li {
	background-color: #1a1c1f;
}

/*		GRAY: Store		*/

/*  image swaps  */
body.gray { background-image: url(//cssimg.ngfiles.com/bg-skins/gray0-body.gif); }

	/* will be inline for fast loading */
/* body.gray #outer { background: none; } bg disabled for screenwave ad */

body.gray div.podtop { background: #34393e url(//cssimg.ngfiles.com/bg-skins/podtops/podtop-gray.jpg) top left no-repeat; }

body.gray #footer .siteinfo { background-image: url(//cssimg.ngfiles.com/bg-skins/gray-footer.jpg); }

body.gray input[type="text"], body.gray input[type="password"], body.gray div.select, body.gray select { background-color: #acb9c0; background-image: url(//cssimg.ngfiles.com/bg-skins/inputs/input-gray.jpg) ; }
body.gray textarea { background-color: #aab8bf; background-image: url(//cssimg.ngfiles.com/bg-skins/textareas/textarea-gray.jpg); }
body.gray button, body.gray div.upload div { background-image: url(//cssimg.ngfiles.com/bg-skins/buttons/button-gray.gif); }

/*  new border and bg colors  */

body.gray .quicklinks > a, body.gray .quicklinks > form { border-color: #34393e; background-color: #464d54; }
body.gray .quicklinks > a em, body.gray .quicklinks > form em { background: #34393e; }
body.gray .quicklinks > a:hover, body.gray .quicklinks > form:hover { background-color: #7e8b98; }
body.gray .quicklinks > a:hover em, body.gray .quicklinks > form:hover em { background: #5e6770; }

body.gray .pagenav div a[href] { background: #34393e; }
body.gray .pagenav div a[href] > span { background: #464d54; }
body.gray .pagenav div a, body.gray .pagenav div a:hover { background: #5e6770; }
body.gray .pagenav div a > span, body.gray .pagenav div a:hover > span { background: #7e8b98; }

body.gray div.iconarray > a:hover { background-color: #34393e; }
body.gray .sidelinks li:hover { background-color: #34393e; }
body.gray .linklist li:hover { background-color: #34393e; }
body.gray .trophies li a:hover { background-color: #34393e; }

body.gray div.authresponse div:first-child { background: #5d6970; }
body.gray div.authresponse strong { border-color: #34393e; }
body.gray ul.authorlinks li:nth-child(even) { background-color: #1a1d1f; }

body.gray .optionlinks > a { background-color: #34393e; }
body.gray .optionlinks > a.bbsedit { background-color: transparent; }

body.gray tr.alt, body.gray thead + tbody > tr:nth-of-type(2n-1) { background-color: #1a1d1f; }
body.gray td > div a:hover { background-color: #34393e; }
body.gray table[class$="list"] td:last-child > span { background-color: #34393e; }

body.gray div.downloads > div { background-color: #1a1d1f; }
body.gray div.downloads * { border-top-color: #34393e; }

body.gray ul.browse li { background-color: #1a1d1f; }
body.gray ul.browse li[class] {  background-color: #34393e; }
body.gray ul.browse li.expanded { background-color: #5d6970; }
body.gray ul.browse li:hover { background-color: #34393e; }
body.gray div[class*="browse"] a { background-color: #5d6970; }
body.gray div[class*="browse"] a[href] { background-color: #34393e; }
body.gray div.browse a.expanded { background-color: #5d6970; }
body.gray div.select li { background-color: #acb9c0; }
body.gray div.select li a:hover { background-color: #5d6970; }
body.gray .formfields dl.space { background-color: #34393e; }

body.gray .centeredblocks > li:nth-child(odd) > span:empty { background-color: #5d6970; }
body.gray .centeredblocks li:hover, body.gray .blocklist li:hover { background-color: #34393e !important; }
body.gray .centeredblocks > li:nth-child(odd) * { border-color: #34393e; }

body.gray pre { background-color: #1a1d1f; }

/* Calendar adjustments */
ul.calendar li li, ul.calendar li > span > span {
	background-image: url("//cssimg.ngfiles.com/misc/ul-calendar-gray.png");
}

ul.calendar li > span > span, ul.calendar li > span > strong {
	color: #c9bebe;
}



/* fix logout button colours for pages with alternative colours */

body.blue button.logout { background: #1f4362; border-color: #173249; }
body.blue button:hover.logout { background: #3879b1; border-color: #173249; }

body.red button.logout { background: #6f2424; border-color: #521b1b; }
body.red button:hover.logout { background: #c84141; border-color: #521b1b; }

body.green button.logout { background: #2d4d1c; border-color: #213915; }
body.green button:hover.logout { background: #3c6726; border-color: #213915; }

body.pink button.logout { background: #672749; border-color: #4c1d36; }
body.pink button:hover.logout { background: #ba4684; border-color: #4c1d36; }

body.aqua button.logout { background: #184e3f; border-color: #123a2f; }
body.aqua button:hover.logout { background: #123a2f; border-color: #123a2f; }

body.purple button.logout { background: #5d3669; border-color: #45284e; }
body.purple button:hover.logout { background: #a861bd; border-color: #45284e; }

body.gray button.logout { background: #464d54; border-color: #34393e; }
body.gray button:hover.logout { background: #7e8b98; border-color: #34393e; }

/* fix logout button colours end */

/* Playlist button fixes (for all classes) */
.playlist li button {
	background-image: url("//cssimg.ngfiles.com/icons/a-15yellows.png");
}

/* no alternate colours on bbs index rows */
table.index thead + tbody > tr:nth-of-type(2n-1) {
	background-color: transparent;
}


/* Copied from ng_layout.css */
ol[class*="faves"] li button, .otherfaves li button {		/*  for deleting faves  */
	position: absolute;
	z-index: -1;
	margin-top: -2px;
	margin-left: 5px;
	border: none;
	width: 15px;
	height: 15px;
	text-indent: -1500em;
	text-overflow: hidden;
	background: url(//cssimg.ngfiles.com/icons/a-15yellows.png) -420px 0 no-repeat; }/*		ALL ICONS		*/


/*  Located in podtops next to <h2> titles  */
div.podtop > .empty { background: none; }
div.podtop > .info { background-position: 0 -31px; }
div.podtop > .user { background-position: 0 -62px; }
div.podtop > .users { background-position: 0 -93px; }
div.podtop > .settings { background-position: 0 -124px; }
div.podtop > .links { background-position: 0 -155px; }
/*div.podtop > .empty { background-position: 0 -186px; }*/
/*div.podtop > .flash { background-position: 0 -217px; }*/
div.podtop > .game, div.podtop > .Game { background-position: 0 -248px; }
div.podtop > .movie, div.podtop > .Movie { background-position: 0 -279px; }
div.podtop > .audio, div.podtop > .Audio { background-position: 0 -310px; }
div.podtop > .art, div.podtop > .Art { background-position: 0 -341px; }
div.podtop > .lit, div.podtop > .Lit { background-position: 0 -372px; }
/*div.podtop > .empty { background-position: 0 -403px; }*/
div.podtop > .flag { background-position: 0 -434px; }
div.podtop > .feature { background-position: 0 -465px; }
div.podtop > .fave { background-position: 0 -496px; }
div.podtop > .error { background-position: 0 -527px; }
div.podtop > .money { background-position: 0 -558px; }
div.podtop > .question { background-position: 0 -589px; }
div.podtop > .exclamation { background-position: 0 -620px; }
div.podtop > .news { background-position: 0 -651px; }
/*div.podtop > .empty { background-position: 0 -682px; }*/
div.podtop > .cc { background-position: 0 -713px; }
div.podtop > .folder { background-position: 0 -744px; }
div.podtop > .gallery { background-position: 0 -775px; }
div.podtop > .forum { background-position: 0 -806px; }
div.podtop > .list { background-position: 0 -837px; }
div.podtop > .icon { background-position: 0 -868px; }
div.podtop > .document { background-position: 0 -899px; }
div.podtop > .mail { background-position: 0 -930px; }
div.podtop > .trophies { background-position: 0 -961px; }
div.podtop > .levels { background-position: 0 -992px; }
div.podtop > .scores { background-position: 0 -1023px; }
div.podtop > .medals { background-position: 0 -1054px; }
div.podtop > .moderate { background-position: 0 -1085px; }
div.podtop > .pbot { background-position: 0 -1116px; }
div.podtop > .skull	 { background-position: 0 -1147px; }
div.podtop > .comments { background-position: 0 -1178px; }
div.podtop > .rss { background-position: 0 -1209px; }
div.podtop > .download { background-position: 0 -1240px; }
div.podtop > .upload { background-position: 0 -1271px; }
div.podtop > .search { background-position: 0 -1302px; }
div.podtop > .power { background-position: 0 -1333px; }
div.podtop > .check { background-position: 0 -1364px; }
div.podtop > .rated-e { background-position: 0 -1395px; }
div.podtop > .rated-t { background-position: 0 -1426px; }
div.podtop > .rated-m { background-position: 0 -1457px; }
div.podtop > .rated-a { background-position: 0 -1488px; }


/*  Located in podtops for navigation and manipulation  */
div.podtop a.important span { background-position: -15px 0; }
div.podtop a.important:hover span { background-position: -15px -15px; }
div.podtop a.left span { background-position: -30px 0; }
div.podtop a.left:hover span { background-position: -30px -15px; }
div.podtop a.right span { background-position: -45px 0; }
div.podtop a.right:hover span { background-position: -45px -15px; }
div.podtop a.new span { background-position: -60px 0; }
div.podtop a.new:hover span { background-position: -60px -15px; }
div.podtop a.delete span { background-position: -75px 0; }
div.podtop a.delete:hover span { background-position: -75px -15px; }
div.podtop .delete button span { background-position: -75px 0; }
div.podtop .delete:hover button span { background-position: 0px -15px; }
div.podtop a.podmove span { background-position: -90px 0; }
div.podtop a.podmove:hover span { background-position: -90px -15px; }
div.podtop a.dim span { background-position: -150px 0; }
div.podtop a.dim:hover span { background-position: -150px -15px; }
div.podtop a.max span { background-position: -165px 0; }
div.podtop a.max:hover span { background-position: -165px -15px; }
div.podtop a.min span { background-position: -180px 0; }
div.podtop a.min:hover span { background-position: -180px -15px; }
div.podtop a.pop span { background-position: -195px 0; }
div.podtop a.pop:hover span { background-position: -195px -15px; }
div.podtop a.full span { background-position: -210px 0; }
div.podtop a.full:hover span { background-position: -210px -15px; }
div.podtop a.orig span { background-position: -225px 0; }
div.podtop a.orig:hover span { background-position: -225px -15px; }
div.podtop a.fave span { background-position: -240px 0; }
div.podtop a.fave:hover span { background-position: -240px -15px; }
div.podtop .fave button span { background-position: -255px 0; }
div.podtop .fave:hover button span { background-position: -255px -15px; }
div.podtop a.comment span { background-position: -270px 0; }
div.podtop a.comment:hover span { background-position: -270px -15px; }
div.podtop a.related span { background-position: -285px 0; }
div.podtop a.related:hover span { background-position: -285px -15px; }
div.podtop a.flag span { background-position: -300px 0; }
div.podtop a.flag:hover span { background-position: -300px -15px; }
div.podtop a.mod span { background-position: -315px 0; }
div.podtop a.mod:hover span { background-position: -315px -15px; }
div.podtop a.edit span { background-position: -330px 0; }
div.podtop a.edit:hover span { background-position: -330px -15px; }
div.podtop a.close span { background-position: -345px 0; }
div.podtop a.close:hover span { background-position: -345px -15px; }
div.podtop a.rss span { background-position: -360px 0; }
div.podtop a.rss:hover span { background-position: -360px -15px; }
div.podtop a.download span { background-position: -375px 0; }
div.podtop a.download:hover span { background-position: -375px -15px; }
div.podtop a.calendar span { background-position: -435px 0; }
div.podtop a.calendar:hover span { background-position: -435px -15px; }
div.podtop a.mail span { background-position: -465px 0; }
div.podtop a.mail:hover span { background-position: -465px -15px; }
div.podtop a.options span { background-position: -510px 0; }
div.podtop a.options:hover span { background-position: -510px -15px; }

/*  hidden/displayed based on podtop minimization  */
div.podtop a.max { display: none; }
div.minimized a.max { display: inline-block; }
div.minimized a.min { display: none; }
/*  these class types toggle  */
div.podtop a[href].scores span { background-position: -105px 0; }
div.podtop a.scores span, div.podtop a.scores:hover span { background-position: -105px -15px; }
div.podtop a[href].medals span { background-position: -120px 0; }
div.podtop a.medals span, div.podtop a.medals:hover span { background-position: -120px -15px; }
div.podtop a[href].levels span { background-position: -135px 0; }
div.podtop a.levels span, div.podtop a.levels:hover span { background-position: -135px -15px; }
/*  helps group buttons  */
div.podtop div a#follow_user,
div.podtop div a#manage_favorites { margin-left: -6px; }
div.podtop a.edit { margin-left: 10px; } /* content pages */
div.podtop a.mod { margin-right: 15px; } /* content pages */
div.podtop a.new + a[href*="calendar"] { margin-left: 15px; } /* add an event to calendar */
div.podtop a.left { margin-left: 25px !important; } /* pm read pages: give page nav air */
div.podtop a.right + a.new[href*="pm"] { margin-left: 25px; }
div.podtop a[href$="pm"] + a[href*="sentbox"] { margin-left: 55px; } /* pm send page: compensates for lack of arrow */
div.podtop a[href$="pm"] + a.new { margin-left: 55px; }
div.podtop a[href*="sentbox"] + a[href$="pm"] { margin-left: 55px; } /* pm read page: compensate for lack of arrow */
div.podtop a[href*="sentbox"] + a.new { margin-left: 55px; }
div.podtop dl.space ~ a { margin-left: 25px !important; } /* pm list page: spaces sentbox/inbox links */
div.podtop a.podmove { margin-left: 15px; }

/* This is all because of the stacked inheritance */
.podmove:hover,
div.podtop div a.podmove:hover {
	cursor: move;
}

/*
	BBS Fix to negate podmove defaults in board movements, have to force this to
	a div to prevent table's podmoves from inheriting, too
*/
div[id^="bbs_index"] div > a.podmove {
	margin-left: 0;
}

/*  Located in header for login options  */
.quicklinks span.messages { background-position: -465px 0; }
.quicklinks span.settings { background-position: -510px 0; }
.quicklinks span.friends { background-position: -495px 0; }
.quicklinks span.dump { background-position: -525px 0; }
.quicklinks span.events { background-position: -540px 0; }
.quicklinks span.projects { background-position: -555px 0; }
.quicklinks button.logout span { background-position: -480px 0; }

/*  Located underneath Author Info on view pages  */
.authorlinks li [title~="Contact"] { background-position: -465px 0; }
.authorlinks li [title~="Contact"]:hover { background-position: -465px -15px; }
.authorlinks li [title~="Add"] { background-position: -255px 0; }
.authorlinks li [title~="Add"]:hover { background-position: -450px -15px; }
.authorlinks li [title~="Manage"] { background-position: -450px 0; }
.authorlinks li [title~="Manage"]:hover { background-position: -450px -15px; }
.authorlinks li [title~="Cancel"] { background-position: -345px 0; }
.authorlinks li [title~="Cancel"]:hover { background-position: -345px -15px; }

/*  Located in on front page "Best Flash" and view page "Help this Author"  */
.blocklist li.movie { background-position: 5px 0; }
.blocklist li.game { background-position: 5px -25px; }
.blocklist li.art { background-position: 5px -50px; }
.blocklist li.lit { background-position: 5px -75px; }
.blocklist li.audio { background-position: 5px -100px; }
.blocklist li.loop { background-position: 5px -125px; }
.blocklist li.song { background-position: 5px -150px; }
.blocklist li.effect { background-position: 5px -175px; }
.blocklist li.comp { background-position: 5px -200px; }
.blocklist li.icon { background-position: 5px -225px; }
.blocklist li.friend,
.blocklist li.user { background-position: 5px -250px; }
.blocklist li.feature { background-position: 5px -275px; }
.blocklist li.fave { background-position: 5px -300px; }
.blocklist li.mail { background-position: 5px -325px; }
.blocklist li.trophy { background-position: 5px -350px; }
.blocklist li.comment { background-position: 5px -375px; }
.blocklist li.medal { background-position: 5px -425px; }
.blocklist li.trash { background-position: 5px -450px; }

/*  Userpage Stat Lists, Project System Index  */
.statlist dl.movies dd, .projectlist dl.movies dd a { background-position: 5px 0px; }
.statlist dl.games dd, .projectlist dl.games dd a { background-position: 5px -25px; }
.statlist dl.audio dd, .projectlist dl.audio dd a { background-position: 5px -100px; }
.statlist dl.art dd { background-position: 5px -50px; }
.statlist dl.lit dd { background-position: 5px -75px; }
.projectlist dl.misc dd a { background-position: 5px -200px; }

.statlist dl dd.trophies { background-position: 5px -350px; }
.statlist dl dd.scouts { background-position: 5px -250px; }
.statlist dl dd.faves { background-position: 5px -300px; }
.statlist dl dd.artists { background-position: 5px -250px; }
.statlist dl dd.comments { background-position: 5px -375px; }
.projectlist dl dd.new a { background-position: 5px -400px; }

/*  Trophies, mainly for content pages  */
.trophies .daily1 { background-position: 4px -30px; }
.trophies .daily2 { background-position: 4px -65px; }
.trophies .daily3 { background-position: 4px -100px; }
.trophies .daily4 { background-position: 4px -135px; }
.trophies .daily5 { background-position: 4px -170px; }
.trophies .weekly1 { background-position: 4px -205px; }
.trophies .weekly2 { background-position: 4px -240px; }
.trophies .weekly3 { background-position: 4px -275px; }
.trophies .weekly4 { background-position: 4px -310px; }
.trophies .weekly5 { background-position: 4px -345px; }
.trophies .monthly1 { background-position: 4px -380px; }
.trophies .monthly2 { background-position: 4px -415px; }
.trophies .monthly3 { background-position: 4px -450px; }
.trophies .monthly4 { background-position: 4px -485px; }
.trophies .monthly5 { background-position: 4px -520px; }
.trophies .yearly { background-position: 4px -625px; }
.trophies .review { background-position: 4px -555px; }
.trophies .frontpage { background-position: 4px -590px; }
.trophies .king { background-position: 4px -660px; }
.trophies .obits { background-position: 4px -695px; }
.trophies .underdog { background-position: 4px -730px; }


/*  Share Links, mainly for content pages and blog posts  */
.shareicons li a.facebook, .sharebox li a.facebook { background-position: -25px 0; }
.shareicons li a.twitter, .sharebox li a.twitter { background-position: -50px 0; }
.shareicons li a.reddit, .sharebox li a.reddit { background-position: -75px 0; }
.shareicons li a[href="#embed"], .sharebox li a[href="#embed"] { background-position: -100px 0; }
/*  Follow Us Links on front page  */
.followus li + li a { background-position: -60px 0; }
.followus li + li + li a { background-position: -120px 0; }
.followus li + li + li + li a { background-position: -180px 0; }


/*  Level icons AND	Rank icons AND whistle icons, seen on BBS and User Pages  */
dd[class*="level-01"] dt:first-child, .thincol dd[class*="level-01"] div {
  background-position: 0 0; }

ul.choose-level-icon label img[class*="level-01"] {
  top: 0;
  left: 0; }

dd[class*="level-02"] dt:first-child, .thincol dd[class*="level-02"] div {
  background-position: -60px 0; }

ul.choose-level-icon label img[class*="level-02"] {
  top: 0;
  left: -60px; }

dd[class*="level-03"] dt:first-child, .thincol dd[class*="level-03"] div {
  background-position: -120px 0; }

ul.choose-level-icon label img[class*="level-03"] {
  top: 0;
  left: -120px; }

dd[class*="level-04"] dt:first-child, .thincol dd[class*="level-04"] div {
  background-position: -180px 0; }

ul.choose-level-icon label img[class*="level-04"] {
  top: 0;
  left: -180px; }

dd[class*="level-05"] dt:first-child, .thincol dd[class*="level-05"] div {
  background-position: -240px 0; }

ul.choose-level-icon label img[class*="level-05"] {
  top: 0;
  left: -240px; }

dd[class*="level-06"] dt:first-child, .thincol dd[class*="level-06"] div {
  background-position: -300px 0; }

ul.choose-level-icon label img[class*="level-06"] {
  top: 0;
  left: -300px; }

dd[class*="level-07"] dt:first-child, .thincol dd[class*="level-07"] div {
  background-position: -360px 0; }

ul.choose-level-icon label img[class*="level-07"] {
  top: 0;
  left: -360px; }

dd[class*="level-08"] dt:first-child, .thincol dd[class*="level-08"] div {
  background-position: -420px 0; }

ul.choose-level-icon label img[class*="level-08"] {
  top: 0;
  left: -420px; }

dd[class*="level-09"] dt:first-child, .thincol dd[class*="level-09"] div {
  background-position: -480px 0; }

ul.choose-level-icon label img[class*="level-09"] {
  top: 0;
  left: -480px; }

dd[class*="level-10"] dt:first-child, .thincol dd[class*="level-10"] div {
  background-position: -540px 0; }

ul.choose-level-icon label img[class*="level-10"] {
  top: 0;
  left: -540px; }

dd[class*="level-11"] dt:first-child, .thincol dd[class*="level-11"] div {
  background-position: 0 -60px; }

ul.choose-level-icon label img[class*="level-11"] {
  top: -60px;
  left: 0; }

dd[class*="level-12"] dt:first-child, .thincol dd[class*="level-12"] div {
  background-position: -60px -60px; }

ul.choose-level-icon label img[class*="level-12"] {
  top: -60px;
  left: -60px; }

dd[class*="level-13"] dt:first-child, .thincol dd[class*="level-13"] div {
  background-position: -120px -60px; }

ul.choose-level-icon label img[class*="level-13"] {
  top: -60px;
  left: -120px; }

dd[class*="level-14"] dt:first-child, .thincol dd[class*="level-14"] div {
  background-position: -180px -60px; }

ul.choose-level-icon label img[class*="level-14"] {
  top: -60px;
  left: -180px; }

dd[class*="level-15"] dt:first-child, .thincol dd[class*="level-15"] div {
  background-position: -240px -60px; }

ul.choose-level-icon label img[class*="level-15"] {
  top: -60px;
  left: -240px; }

dd[class*="level-16"] dt:first-child, .thincol dd[class*="level-16"] div {
  background-position: -300px -60px; }

ul.choose-level-icon label img[class*="level-16"] {
  top: -60px;
  left: -300px; }

dd[class*="level-17"] dt:first-child, .thincol dd[class*="level-17"] div {
  background-position: -360px -60px; }

ul.choose-level-icon label img[class*="level-17"] {
  top: -60px;
  left: -360px; }

dd[class*="level-18"] dt:first-child, .thincol dd[class*="level-18"] div {
  background-position: -420px -60px; }

ul.choose-level-icon label img[class*="level-18"] {
  top: -60px;
  left: -420px; }

dd[class*="level-19"] dt:first-child, .thincol dd[class*="level-19"] div {
  background-position: -480px -60px; }

ul.choose-level-icon label img[class*="level-19"] {
  top: -60px;
  left: -480px; }

dd[class*="level-20"] dt:first-child, .thincol dd[class*="level-20"] div {
  background-position: -540px -60px; }

ul.choose-level-icon label img[class*="level-20"] {
  top: -60px;
  left: -540px; }

dd[class*="level-21"] dt:first-child, .thincol dd[class*="level-21"] div {
  background-position: 0 -120px; }

ul.choose-level-icon label img[class*="level-21"] {
  top: -120px;
  left: 0; }

dd[class*="level-22"] dt:first-child, .thincol dd[class*="level-22"] div {
  background-position: -60px -120px; }

ul.choose-level-icon label img[class*="level-22"] {
  top: -120px;
  left: -60px; }

dd[class*="level-23"] dt:first-child, .thincol dd[class*="level-23"] div {
  background-position: -120px -120px; }

ul.choose-level-icon label img[class*="level-23"] {
  top: -120px;
  left: -120px; }

dd[class*="level-24"] dt:first-child, .thincol dd[class*="level-24"] div {
  background-position: -180px -120px; }

ul.choose-level-icon label img[class*="level-24"] {
  top: -120px;
  left: -180px; }

dd[class*="level-25"] dt:first-child, .thincol dd[class*="level-25"] div {
  background-position: -240px -120px; }

ul.choose-level-icon label img[class*="level-25"] {
  top: -120px;
  left: -240px; }

dd[class*="level-26"] dt:first-child, .thincol dd[class*="level-26"] div {
  background-position: -300px -120px; }

ul.choose-level-icon label img[class*="level-26"] {
  top: -120px;
  left: -300px; }

dd[class*="level-27"] dt:first-child, .thincol dd[class*="level-27"] div {
  background-position: -360px -120px; }

ul.choose-level-icon label img[class*="level-27"] {
  top: -120px;
  left: -360px; }

dd[class*="level-28"] dt:first-child, .thincol dd[class*="level-28"] div {
  background-position: -420px -120px; }

ul.choose-level-icon label img[class*="level-28"] {
  top: -120px;
  left: -420px; }

dd[class*="level-29"] dt:first-child, .thincol dd[class*="level-29"] div {
  background-position: -480px -120px; }

ul.choose-level-icon label img[class*="level-29"] {
  top: -120px;
  left: -480px; }

dd[class*="level-30"] dt:first-child, .thincol dd[class*="level-30"] div {
  background-position: -540px -120px; }

ul.choose-level-icon label img[class*="level-30"] {
  top: -120px;
  left: -540px; }

dd[class*="level-31"] dt:first-child, .thincol dd[class*="level-31"] div {
  background-position: 0 -180px; }

ul.choose-level-icon label img[class*="level-31"] {
  top: -180px;
  left: 0; }

dd[class*="level-32"] dt:first-child, .thincol dd[class*="level-32"] div {
  background-position: -60px -180px; }

ul.choose-level-icon label img[class*="level-32"] {
  top: -180px;
  left: -60px; }

dd[class*="level-33"] dt:first-child, .thincol dd[class*="level-33"] div {
  background-position: -120px -180px; }

ul.choose-level-icon label img[class*="level-33"] {
  top: -180px;
  left: -120px; }

dd[class*="level-34"] dt:first-child, .thincol dd[class*="level-34"] div {
  background-position: -180px -180px; }

ul.choose-level-icon label img[class*="level-34"] {
  top: -180px;
  left: -180px; }

dd[class*="level-35"] dt:first-child, .thincol dd[class*="level-35"] div {
  background-position: -240px -180px; }

ul.choose-level-icon label img[class*="level-35"] {
  top: -180px;
  left: -240px; }

dd[class*="level-36"] dt:first-child, .thincol dd[class*="level-36"] div {
  background-position: -300px -180px; }

ul.choose-level-icon label img[class*="level-36"] {
  top: -180px;
  left: -300px; }

dd[class*="level-37"] dt:first-child, .thincol dd[class*="level-37"] div {
  background-position: -360px -180px; }

ul.choose-level-icon label img[class*="level-37"] {
  top: -180px;
  left: -360px; }

dd[class*="level-38"] dt:first-child, .thincol dd[class*="level-38"] div {
  background-position: -420px -180px; }

ul.choose-level-icon label img[class*="level-38"] {
  top: -180px;
  left: -420px; }

dd[class*="level-39"] dt:first-child, .thincol dd[class*="level-39"] div {
  background-position: -480px -180px; }

ul.choose-level-icon label img[class*="level-39"] {
  top: -180px;
  left: -480px; }

dd[class*="level-40"] dt:first-child, .thincol dd[class*="level-40"] div {
  background-position: -540px -180px; }

ul.choose-level-icon label img[class*="level-40"] {
  top: -180px;
  left: -540px; }

dd[class*="level-41"] dt:first-child, .thincol dd[class*="level-41"] div {
  background-position: 0 -240px; }

ul.choose-level-icon label img[class*="level-41"] {
  top: -240px;
  left: 0; }

dd[class*="level-42"] dt:first-child, .thincol dd[class*="level-42"] div {
  background-position: -60px -240px; }

ul.choose-level-icon label img[class*="level-42"] {
  top: -240px;
  left: -60px; }

dd[class*="level-43"] dt:first-child, .thincol dd[class*="level-43"] div {
  background-position: -120px -240px; }

ul.choose-level-icon label img[class*="level-43"] {
  top: -240px;
  left: -120px; }

dd[class*="level-44"] dt:first-child, .thincol dd[class*="level-44"] div {
  background-position: -180px -240px; }

ul.choose-level-icon label img[class*="level-44"] {
  top: -240px;
  left: -180px; }

dd[class*="level-45"] dt:first-child, .thincol dd[class*="level-45"] div {
  background-position: -240px -240px; }

ul.choose-level-icon label img[class*="level-45"] {
  top: -240px;
  left: -240px; }

dd[class*="level-46"] dt:first-child, .thincol dd[class*="level-46"] div {
  background-position: -300px -240px; }

ul.choose-level-icon label img[class*="level-46"] {
  top: -240px;
  left: -300px; }

dd[class*="level-47"] dt:first-child, .thincol dd[class*="level-47"] div {
  background-position: -360px -240px; }

ul.choose-level-icon label img[class*="level-47"] {
  top: -240px;
  left: -360px; }

dd[class*="level-48"] dt:first-child, .thincol dd[class*="level-48"] div {
  background-position: -420px -240px; }

ul.choose-level-icon label img[class*="level-48"] {
  top: -240px;
  left: -420px; }

dd[class*="level-49"] dt:first-child, .thincol dd[class*="level-49"] div {
  background-position: -480px -240px; }

ul.choose-level-icon label img[class*="level-49"] {
  top: -240px;
  left: -480px; }

dd[class*="level-50"] dt:first-child, .thincol dd[class*="level-50"] div {
  background-position: -540px -240px; }

ul.choose-level-icon label img[class*="level-50"] {
  top: -240px;
  left: -540px; }

dd[class*="level-51"] dt:first-child, .thincol dd[class*="level-51"] div {
  background-position: 0 -300px; }

ul.choose-level-icon label img[class*="level-51"] {
  top: -300px;
  left: 0; }

dd[class*="level-52"] dt:first-child, .thincol dd[class*="level-52"] div {
  background-position: -60px -300px; }

ul.choose-level-icon label img[class*="level-52"] {
  top: -300px;
  left: -60px; }

dd[class*="level-53"] dt:first-child, .thincol dd[class*="level-53"] div {
  background-position: -120px -300px; }

ul.choose-level-icon label img[class*="level-53"] {
  top: -300px;
  left: -120px; }

dd[class*="level-54"] dt:first-child, .thincol dd[class*="level-54"] div {
  background-position: -180px -300px; }

ul.choose-level-icon label img[class*="level-54"] {
  top: -300px;
  left: -180px; }

dd[class*="level-55"] dt:first-child, .thincol dd[class*="level-55"] div {
  background-position: -240px -300px; }

ul.choose-level-icon label img[class*="level-55"] {
  top: -300px;
  left: -240px; }

dd[class*="level-56"] dt:first-child, .thincol dd[class*="level-56"] div {
  background-position: -300px -300px; }

ul.choose-level-icon label img[class*="level-56"] {
  top: -300px;
  left: -300px; }

dd[class*="level-57"] dt:first-child, .thincol dd[class*="level-57"] div {
  background-position: -360px -300px; }

ul.choose-level-icon label img[class*="level-57"] {
  top: -300px;
  left: -360px; }

dd[class*="level-58"] dt:first-child, .thincol dd[class*="level-58"] div {
  background-position: -420px -300px; }

ul.choose-level-icon label img[class*="level-58"] {
  top: -300px;
  left: -420px; }

dd[class*="level-59"] dt:first-child, .thincol dd[class*="level-59"] div {
  background-position: -480px -300px; }

ul.choose-level-icon label img[class*="level-59"] {
  top: -300px;
  left: -480px; }

dd[class*="level-60"] dt:first-child, .thincol dd[class*="level-60"] div {
  background-position: -540px -300px; }

ul.choose-level-icon label img[class*="level-60"] {
  top: -300px;
  left: -540px; }



dd[class*="level-donaldtrump"] dt:first-child, .thincol dd[class*="level-tomfulp"] div { background-position: 0 -360px; }
dd[class*="level-tomfulp"] dt:first-child, .thincol dd[class*="level-tomfulp"] div { background-position: 0 -360px; }
dd[class*="level-brentheman"] dt:first-child, .thincol dd[class*="level-brentheman"] div { background-position: -120px -360px; }
dd[class*="level-liljim"] dt:first-child, .thincol dd[class*="level-liljim"] div { background-position: -240px -360px; }
dd[class*="level-johnnyutah"] dt:first-child, .thincol dd[class*="level-johnnyutah"] div { background-position: -420px -360px; }
/*dd[class*="level-foo"] dt:first-child, .thincol dd[class*="level-mindchamber"] div { background-position: -480px -360px; }*/
dd[class*="level-mike"] dt:first-child, .thincol dd[class*="level-mike"] div { background-position: -420px -420px; }
dd[class*="level-psychogoldfish"] dt:first-child, .thincol dd[class*="level-psychogoldfish"] div { background-position: -480px -420px; }

dd[class*="level-p-bot"] dt:first-child, .thincol dd[class*="level-p-bot"] div { background-position: 0 -420px; }
dd[class*="level-a-bot"] dt:first-child, .thincol dd[class*="level-a-bot"] div { background-position: -60px -420px; }
dd[class*="level-m-bot"] dt:first-child, .thincol dd[class*="level-m-bot"] div { background-position: -120px -420px; }
dd[class*="level-g-bot"] dt:first-child, .thincol dd[class*="level-g-bot"] div { background-position: -180px -420px; }
dd[class*="level-i-bot"] dt:first-child, .thincol dd[class*="level-i-bot"] div { background-position: -240px -420px; }

/*  BBS Thread Statuses  */
tr.bbs-oldpop	td:first-child a { background-position: 0 -25px; }
tr.bbs-new		td:first-child a { background-position: 0 -60px; }	/* jumps 10px for use in bbs index too */
tr.bbs-closed	td:first-child a { background-position: 0 -120px; }
tr.bbs-newpop	td:first-child a { background-position: 0 -85px; }
tr.bbs-ngnews	td:first-child a { background-position: 0 -110px; }
tr.bbs-lock		td:first-child a { background-position: 0 -135px; }
tr.bbs-lockpop	td:first-child a { background-position: 0 -160px; }
/* threads that are stuck to the top */
tr.bbs-sticky	td:first-child a { background-position: 0 -185px; }

/*  ALL MOODS, everywhere  */
tr.mood-01 td > span, .mood-01 {  background-position: 0 -50px; }
tr.mood-02 td > span, .mood-02 {  background-position: 0 -750px; }
tr.mood-03 td > span, .mood-03 {  background-position: 0 -1550px; }
tr.mood-04 td > span, .mood-04 {  background-position: 0 -450px; }
tr.mood-05 td > span, .mood-05 {  background-position: 0 -1300px; }
tr.mood-06 td > span, .mood-06 {  background-position: 0 0; }
tr.mood-07 td > span, .mood-07 {  background-position: 0 -1250px; }
tr.mood-08 td > span, .mood-08 {  background-position: 0 -950px; }
tr.mood-09 td > span, .mood-09 {  background-position: 0 -350px; }
tr.mood-10 td > span, .mood-10 {        background-position: 0 -150px; }
tr.mood-11 td > span, .mood-11 {        background-position: 0 -1850px; }
tr.mood-12 td > span, .mood-12 {        background-position: 0 -200px; }
tr.mood-13 td > span, .mood-13 {        background-position: 0 -1700px; }
tr.mood-14 td > span, .mood-14 {        background-position: 0 -1050px; }
tr.mood-15 td > span, .mood-15 {        background-position: 0 -100px; }
tr.mood-16 td > span, .mood-16 {        background-position: 0 -600px; }
tr.mood-17 td > span, .mood-17 {        background-position: 0 -550px; }
tr.mood-18 td > span, .mood-18 {        background-position: 0 -650px; }
tr.mood-19 td > span, .mood-19 {        background-position: 0 -800px; }
tr.mood-20 td > span, .mood-20 {        background-position: 0 -1750px; }
tr.mood-21 td > span, .mood-21 {        background-position: 0 -400px; }
tr.mood-22 td > span, .mood-22 {        background-position: 0 -1100px; }
tr.mood-23 td > span, .mood-23 {        background-position: 0 -1150px; }
tr.mood-24 td > span, .mood-24 {        background-position: 0 -1200px; }
tr.mood-25 td > span, .mood-25 {        background-position: 0 -250px; }
tr.mood-26 td > span, .mood-26 {        background-position: 0 -300px; }
tr.mood-27 td > span, .mood-27 {        background-position: 0 -1350px; }
tr.mood-28 td > span, .mood-28 {        background-position: 0 -1400px; }
tr.mood-29 td > span, .mood-29 {        background-position: 0 -1450px; }
tr.mood-30 td > span, .mood-30 {        background-position: 0 -1500px; }
tr.mood-31 td > span, .mood-31 {        background-position: 0 -500px; }
tr.mood-32 td > span, .mood-32 {        background-position: 0 -1600px; }
tr.mood-33 td > span, .mood-33 {        background-position: 0 -1650px; }
tr.mood-34 td > span, .mood-34 {        background-position: 0 -700px; }
tr.mood-35 td > span, .mood-35 {        background-position: 0 -850px; }
tr.mood-36 td > span, .mood-36 {        background-position: 0 -1800px; }
tr.mood-37 td > span, .mood-37 {        background-position: 0 -900px; }
tr.mood-38 td > span, .mood-38 {        background-position: 0 -1900px; }
tr.mood-39 td > span, .mood-39 {        background-position: 0 -1950px; }
tr.mood-40 td > span, .mood-40 {        background-position: 0 -1000px; }





/*  Dumping Grounds file types  */

tr.file-psd td > span { background-position: -20px 0; }
tr.file-swf td > span { background-position: -20px -50px; }
tr.file-fla td > span,
tr.file-swc td > span { background-position: -20px -100px; }
tr.file-jpg td > span,
tr.file-jpeg td > span,
tr.file-gif td > span,
tr.file-bmp td > span,
tr.file-png td > span,
tr.file-tif td > span,
tr.file-tiff td > span { background-position: -20px -150px; }
tr.file-mp3 td > span,
tr.file-wav td > span,
tr.file-aif td > span { background-position: -20px -200px; }
tr.file-doc td > span,
tr.file-txt td > span,
tr.file-rtf td > span,
tr.file-pdf td > span,
tr.file-odt td > span { background-position: -20px -250px; }
tr.file-as  td > span,
tr.file-htm td > span,
tr.file-html td > span,
tr.file-unity3d td > span,
tr.file-xml td > span { background-position: -20px -300px; }
tr.file-zip td > span,
tr.file-tar td > span,
tr.file-rar td > span,
tr.file-ace td > span,
tr.file-gz  td > span { background-position: -20px -350px; }
tr.file-mp4 td > span { background-position: -20px -400px; }

tr.file-swc td a + span { background-position: 0 -100px; }

tr.file-jpg td a + span, tr.file-jpeg td a + span { background-position: 0 -150px; }
tr.file-gif td a + span { background-position: 0 -157px; }
tr.file-bmp td a + span { background-position: 0 -164px; }
tr.file-png td a + span { background-position: 0 -171px; }
tr.file-tif td a + span, tr.file-tiff td a + span { background-position: 0 -178px; }

tr.file-mp3 td a + span { background-position: 0 -200px; }
tr.file-wav td a + span { background-position: 0 -207px; }
tr.file-aif td a + span { background-position: 0 -214px; }

tr.file-doc td a + span { background-position: 0 -250px; }
tr.file-txt td a + span { background-position: 0 -257px; }
tr.file-rtf td a + span { background-position: 0 -264px; }
tr.file-pdf td a + span { background-position: 0 -271px; }
tr.file-odt td a + span { background-position: 0 -278px; }

tr.file-as  td a + span { background-position: 0 -300px; }
tr.file-htm td a + span, tr.file-html td a + span { background-position: 0 -307px; }
tr.file-xml td a + span { background-position: 0 -314px; }

tr.file-zip td a + span { background-position: 0 -350px; }
tr.file-tar td a + span { background-position: 0 -357px; }
tr.file-rar td a + span { background-position: 0 -364px; }
tr.file-ace td a + span { background-position: 0 -371px; }
tr.file-gz  td a + span { background-position: 0 -378px; }

tr.file-mp4 td a + span { background-position: 0 -400px; }


/*  File Upload Preview file types  */

strong.file-psd { background-position: -20px 0; }
strong.file-swf { background-position: -20px -50px !important; }
strong.file-fla,
strong.file-swc { background-position: -20px -100px; }
strong.file-jpg,
strong.file-jpeg,
strong.file-gif,
strong.file-bmp,
strong.file-png,
strong.file-tif,
strong.file-tiff { background-position: -20px -150px; }
strong.file-mp3,
strong.file-wav,
strong.file-aif { background-position: -20px -200px; }
strong.file-doc,
strong.file-txt,
strong.file-rtf,
strong.file-pdf,
strong.file-odt { background-position: -20px -250px; }
strong.file-as ,
strong.file-htm,
strong.file-html,
strong.file-hx,
strong.file-unity3d,
strong.file-xml { background-position: -20px -300px; }
strong.file-zip,
strong.file-tar,
strong.file-rar,
strong.file-ace,
strong.file-gz  { background-position: -20px -350px; }
strong.file-flv,
strong.file-mkv,
strong.file-3gp,
strong.file-mov,
strong.file-avi,
strong.file-m4v,
strong.file-ogg,
strong.file-ogv,
strong.file-wmv,
strong.file-webm,
strong.file-mp4  { background-position: -20px -400px; }

/* web platform icons (see common/WebPlatform.class.php for id constants) */
div.platform-1  { background-position: 0px 0px; }		/*  General PC  */
div.platform-2  { background-position: -32px 0px; }		/*  General Mobile  */
div.platform-3  { background-position: -64px 0px; }		/*  Windows PC  */
div.platform-4  { background-position: -96px 0px; }		/*  Macintosh  */
div.platform-5  { background-position: -128px 0px; }		/*  Linux  */
div.platform-6  { background-position: -160px 0px; }		/*  iPhone  */
div.platform-7  { background-position: -192px 0px; }		/*  iPad  */
div.platform-8  { background-position: -224px 0px; }		/*  Android  */
div.platform-9  { background-position: -256px 0px; }		/*  HP/Palm/WebOS  */
div.platform-10 { background-position: -288px 0px; }		/*  Windows Phone  */
div.platform-11 { background-position: -320px 0px; }		/*  Blackberry  */
div.platform-12  { background-position: -32px 0px; }		/*  General Tablet TODO: make an icon */

/*  Category Browsing top-level icons  */

div.browse-wiki a.about span { background-position: -190px 0px; }		/*  wiki  */
div.browse-wiki a[href].about:hover span { background-position: -190px -60px; }
div.browse-wiki a.using span { background-position: -190px -110px; }
div.browse-wiki a[href].using:hover span { background-position: -190px -170px; }
div.browse-wiki a.creator span { background-position: -190px -220px; }
div.browse-wiki a[href].creator:hover span { background-position: -190px -280px; }
div.browse-projects a.members span { background-position: 0px 0px; }		/*  project system  */
div.browse-projects a[href].members:hover span { background-position: -35px 0px; }
div.browse-projects a.roles span { background-position: 0px -35px; }
div.browse-projects a[href].roles:hover span { background-position: -35px -35px; }
div.browse-projects a.revenue span { background-position: 0px -70px; }
div.browse-projects a[href].revenue:hover span { background-position: -35px -70px; }
div.browse-projects a.details span { background-position: 0px -105px; }
div.browse-projects a[href].details:hover span { background-position: -35px -105px; }
div.browse-projects a.files span { background-position: 0px -140px; }
div.browse-projects a[href].files:hover span { background-position: -35px -140px; }
div.browse-projects a.preview span { background-position: 0px -175px; }
div.browse-projects a[href].preview:hover span { background-position: -35px -175px; }
div.browse-projects a.publish span { background-position: 0px -210px; }
div.browse-projects a[href].publish:hover span { background-position: -35px -210px; }
div.browse-projects a.remove span { background-position: 0px -245px; }
div.browse-projects a[href].remove:hover span { background-position: -35px -245px; }


/*  Buttons in last table columns  */

table[class$="list"] td:last-child > span > a { background-position: -390px 0 }
table[class$="list"] td:last-child > span > a:hover { background-position: -390px -15px; }
table[class$="list"] td:last-child > span > a[title="Download"],
table[class$="list"] td:last-child > span > a[title="Browse"] { background-position: -375px 0; }
table[class$="list"] td:last-child > span > a[title="Download"]:hover,
table[class$="list"] td:last-child > span > a[title="Browse"]:hover { background-position: -375px -15px; }
table[class$="list"] td:last-child > span > *[title="Delete"] { background-position: -75px 0; }
table[class$="list"] td:last-child > span > *[title="Delete"]:hover { background-position: -75px -15px; }
table[class$="list"] td:last-child > span > *[title="Restore"] { background-position: -405px 0; }
table[class$="list"] td:last-child > span > *[title="Restore"]:hover { background-position: -405px -15px; }
table[class$="list"] td:last-child > span > *[title="PM"] { background-position: -465px 0; }
table[class$="list"] td:last-child > span > *[title="PM"]:hover { background-position: -465px -15px; }
table[class$="list"] td:last-child > span > *[title="Ratings"] { background-position: -570px 0; }
table[class$="list"] td:last-child > span > *[title="Ratings"]:hover { background-position: -570px -15px; }
table[class$="list"] td:last-child > span > *[title="Keys"] { background-position: -585px 0; }
table[class$="list"] td:last-child > span > *[title="Keys"]:hover { background-position: -585px -15px; }
/* hulksmash-only since these don't hover and/or use the wrong sprite sheet */
table[class$="list"] td:last-child > span > *[title="Skip"],
table[class$="list"] td:last-child > span > *[title="Skip"]:hover { background-position: -45px 0; }

/*
	BOB, see ng_layout.css - search for 'messenger-set'
*/

strong.messenger-aim { background-position: 0px 0px; }
strong.messenger-skype { background-position: 0px -16px; }
strong.messenger-msn { background-position: 0px -32px; }
strong.messenger-yahoo { background-position: 0 -48px; }
strong.messenger-icq { background-position: 0 -64px; }


/* playlists */
.playlist li.movie { background-position: 5px 0; }
.playlist li.game { background-position: 5px -25px; }
.playlist li.art { background-position: 5px -50px; }
.playlist li.lit { background-position: 5px -75px; }
.playlist li.audio { background-position: 5px -100px; }
/* below not needed, but leave in for future? */
.playlist li.loop { background-position: 5px -125px; }
.playlist li.song { background-position: 5px -150px; }
.playlist li.effect { background-position: 5px -175px; }
.playlist li.comp { background-position: 5px -200px; }
.playlist li.icon { background-position: 5px -225px; }
.playlist li.friend,
.playlist li.user { background-position: 5px -250px; }
.playlist li.feature { background-position: 5px -275px; }
.playlist li.fave { background-position: 5px -300px; }
.playlist li.mail { background-position: 5px -325px; }
.playlist li.trophy { background-position: 5px -350px; }
.playlist li.comment { background-position: 5px -375px; }
.playlist li.medal { background-position: 5px -425px; }
.playlist li.trash { background-position: 5px -450px; }

/**/
div.podtop div a[class] > span:first-child { background-image: url(//www.newgrounds.com/img/icons/a-15yellows-playlist.png); }

div.podtop a.pl-add span {
	background-image: url(//www.newgrounds.com/img/icons/a-15yellows-playlist.png);
	background-position: -600px 0px;
}

div.podtop a:hover.pl-add span {
	background-position: -600px -15px;
}

div.medalicon div {
	width:50px;
	height:50px;
	background-image: url(//www.newgrounds.com/img/icons/medal_overlays.png);
}
div.medalstatus-secret {	background-position: 0px 0px;	}
div.medalstatus-locked {	background-position: -50px 0px;	}
div.medalstatus-denied {	background-position: -100px 0px;	}
div.medalstatus-untested {	background-position: -150px 0px;	}
div.medalstatus-unlocked {	background-position: -200px 0px;	}

			ul.smileyselect label, 
			div[class*="emoteset"], 
			div[class^="emoteset"], 
			div.usersearch div[class^="emoteset"], 
			span[class^="emoteset"], 
			.interactions .horzlinks
			{ 
				background-image: url("https://img.ngfiles.com/icons/emotes/9cffd19ef9794ece3456448f912b56accb5dd82d.png"); 
				background-size: 25px 1039px;
			}
		

			ul.smileyselect label.mood-6, 
			div[class*="emoteset"].mood-6, 
			div[class^="emoteset"].mood-6, 
			div.usersearch div[class^="emoteset"].mood-6, 
			span[class^="emoteset"].mood-6, 
			.interactions .horzlinks.mood-6
			{ 
				background-position: 0px 0px!important;
				background-image: url("https://img.ngfiles.com/icons/emotes/9cffd19ef9794ece3456448f912b56accb5dd82d.png")!important;
				background-size: 25px 1039px!important;
			}
		

				ul.smileyselect.emoteset-2 label, 
				div.emoteset-2, 
				div[class^="emoteset-2"], 
				div[class^="post"] 
				div[class^="emoteset-2"], 
				div.usersearch div[class^="emoteset-2"], 
				span.emoteset-2, 
				.horzlinks[class*="emoteset-2"] { 
					background-image: url("https://img.ngfiles.com/icons/emotes/c58622a149874d1d8140cedf10f937d9402c0fc7.png"); 
					background-size: 25px 1014px;
				}
			

				ul.smileyselect.emoteset-3 label, 
				div.emoteset-3, 
				div[class^="emoteset-3"], 
				div[class^="post"] 
				div[class^="emoteset-3"], 
				div.usersearch div[class^="emoteset-3"], 
				span.emoteset-3, 
				.horzlinks[class*="emoteset-3"] { 
					background-image: url("https://img.ngfiles.com/icons/emotes/eedbc71ab7c681272c27c7de481dab954f3a8148.png"); 
					background-size: 25px 650px;
				}
			

				ul.smileyselect.emoteset-4 label, 
				div.emoteset-4, 
				div[class^="emoteset-4"], 
				div[class^="post"] 
				div[class^="emoteset-4"], 
				div.usersearch div[class^="emoteset-4"], 
				span.emoteset-4, 
				.horzlinks[class*="emoteset-4"] { 
					background-image: url("https://img.ngfiles.com/icons/emotes/abcb975a32017765d9c6681f52e779ec6b616cd1.png"); 
					background-size: 25px 650px;
				}
			

				ul.smileyselect.emoteset-5 label, 
				div.emoteset-5, 
				div[class^="emoteset-5"], 
				div[class^="post"] 
				div[class^="emoteset-5"], 
				div.usersearch div[class^="emoteset-5"], 
				span.emoteset-5, 
				.horzlinks[class*="emoteset-5"] { 
					background-image: url("https://img.ngfiles.com/icons/emotes/3af5af1fc3d28a555280e0708a58df7b21d07c91.png"); 
					background-size: 25px 650px;
				}
			

				ul.smileyselect.emoteset-6 label, 
				div.emoteset-6, 
				div[class^="emoteset-6"], 
				div[class^="post"] 
				div[class^="emoteset-6"], 
				div.usersearch div[class^="emoteset-6"], 
				span.emoteset-6, 
				.horzlinks[class*="emoteset-6"] { 
					background-image: url("https://img.ngfiles.com/icons/emotes/797f498a5c5c74e010a7dca79d7f398ed6ae84fe.png"); 
					background-size: 25px 1950px;
				}
			

				ul.smileyselect.emoteset-7 label, 
				div.emoteset-7, 
				div[class^="emoteset-7"], 
				div[class^="post"] 
				div[class^="emoteset-7"], 
				div.usersearch div[class^="emoteset-7"], 
				span.emoteset-7, 
				.horzlinks[class*="emoteset-7"] { 
					background-image: url("https://img.ngfiles.com/icons/emotes/86c1f9783e9038787f9c23c324a77697f335c119.png"); 
					background-size: 25px 1950px;
				}
			

				ul.smileyselect.emoteset-8 label, 
				div.emoteset-8, 
				div[class^="emoteset-8"], 
				div[class^="post"] 
				div[class^="emoteset-8"], 
				div.usersearch div[class^="emoteset-8"], 
				span.emoteset-8, 
				.horzlinks[class*="emoteset-8"] { 
					background-image: url("https://img.ngfiles.com/icons/emotes/77dde1a63298719223795078094170029ff86a17.png"); 
					background-size: 25px 1014px;
				}
			

				ul.smileyselect.emoteset-9 label, 
				div.emoteset-9, 
				div[class^="emoteset-9"], 
				div[class^="post"] 
				div[class^="emoteset-9"], 
				div.usersearch div[class^="emoteset-9"], 
				span.emoteset-9, 
				.horzlinks[class*="emoteset-9"] { 
					background-image: url("https://img.ngfiles.com/icons/emotes/5d931738f28932a5b1ff3fd102f9e2dfacc09ca7.png"); 
					background-size: 25px 1950px;
				}
			
.mood-1 { background-position: 0px -26px; }
.mood-2 { background-position: 0px -390px; }
.mood-3 { background-position: 0px -806px; }
.mood-4 { background-position: 0px -234px; }
.mood-5 { background-position: 0px -676px; }
.emoteset-9.mood-6, .mood-6 { background-position: 0 0; }
.mood-7 { background-position: 0px -650px; }
.mood-8 { background-position: 0px -494px; }
.mood-9 { background-position: 0px -182px; }
.mood-10 { background-position: 0px -78px; }
.mood-11 { background-position: 0px -962px; }
.mood-12 { background-position: 0px -104px; }
.mood-13 { background-position: 0px -884px; }
.mood-14 { background-position: 0px -546px; }
.mood-15 { background-position: 0px -52px; }
.mood-16 { background-position: 0px -312px; }
.mood-17 { background-position: 0px -286px; }
.mood-18 { background-position: 0px -338px; }
.mood-19 { background-position: 0px -416px; }
.mood-20 { background-position: 0px -910px; }
.mood-21 { background-position: 0px -208px; }
.mood-22 { background-position: 0px -572px; }
.mood-23 { background-position: 0px -598px; }
.mood-24 { background-position: 0px -624px; }
.mood-25 { background-position: 0px -130px; }
.mood-26 { background-position: 0px -156px; }
.mood-27 { background-position: 0px -702px; }
.mood-28 { background-position: 0px -728px; }
.mood-29 { background-position: 0px -754px; }
.mood-30 { background-position: 0px -780px; }
.mood-31 { background-position: 0px -260px; }
.mood-32 { background-position: 0px -832px; }
.mood-33 { background-position: 0px -858px; }
.mood-34 { background-position: 0px -364px; }
.mood-35 { background-position: 0px -442px; }
.mood-36 { background-position: 0px -936px; }
.mood-37 { background-position: 0px -468px; }
.mood-38 { background-position: 0px -988px; }
.mood-39 { background-position: 0px -1014px; }
.mood-40 { background-position: 0px -520px; }
.emoteset-2.mood-41, .mood-41 { background-position: 0px 0px; }
.emoteset-2.mood-42, .mood-42 { background-position: 0px -26px; }
.emoteset-2.mood-43, .mood-43 { background-position: 0px -52px; }
.emoteset-2.mood-44, .mood-44 { background-position: 0px -78px; }
.emoteset-2.mood-45, .mood-45 { background-position: 0px -104px; }
.emoteset-2.mood-46, .mood-46 { background-position: 0px -130px; }
.emoteset-2.mood-47, .mood-47 { background-position: 0px -156px; }
.emoteset-2.mood-48, .mood-48 { background-position: 0px -182px; }
.emoteset-2.mood-49, .mood-49 { background-position: 0px -208px; }
.emoteset-2.mood-50, .mood-50 { background-position: 0px -234px; }
.emoteset-2.mood-51, .mood-51 { background-position: 0px -260px; }
.emoteset-2.mood-52, .mood-52 { background-position: 0px -286px; }
.emoteset-2.mood-53, .mood-53 { background-position: 0px -312px; }
.emoteset-2.mood-54, .mood-54 { background-position: 0px -338px; }
.emoteset-2.mood-55, .mood-55 { background-position: 0px -364px; }
.emoteset-2.mood-56, .mood-56 { background-position: 0px -390px; }
.emoteset-2.mood-57, .mood-57 { background-position: 0px -416px; }
.emoteset-2.mood-58, .mood-58 { background-position: 0px -442px; }
.emoteset-2.mood-59, .mood-59 { background-position: 0px -468px; }
.emoteset-2.mood-60, .mood-60 { background-position: 0px -494px; }
.emoteset-2.mood-61, .mood-61 { background-position: 0px -520px; }
.emoteset-2.mood-62, .mood-62 { background-position: 0px -546px; }
.emoteset-2.mood-63, .mood-63 { background-position: 0px -572px; }
.emoteset-2.mood-64, .mood-64 { background-position: 0px -598px; }
.emoteset-2.mood-65, .mood-65 { background-position: 0px -624px; }
.emoteset-2.mood-66, .mood-66 { background-position: 0px -650px; }
.emoteset-2.mood-67, .mood-67 { background-position: 0px -676px; }
.emoteset-2.mood-68, .mood-68 { background-position: 0px -702px; }
.emoteset-2.mood-69, .mood-69 { background-position: 0px -728px; }
.emoteset-2.mood-70, .mood-70 { background-position: 0px -754px; }
.emoteset-2.mood-71, .mood-71 { background-position: 0px -780px; }
.emoteset-2.mood-72, .mood-72 { background-position: 0px -806px; }
.emoteset-2.mood-73, .mood-73 { background-position: 0px -832px; }
.emoteset-2.mood-74, .mood-74 { background-position: 0px -858px; }
.emoteset-2.mood-75, .mood-75 { background-position: 0px -884px; }
.emoteset-2.mood-76, .mood-76 { background-position: 0px -910px; }
.emoteset-2.mood-77, .mood-77 { background-position: 0px -936px; }
.emoteset-2.mood-78, .mood-78 { background-position: 0px -962px; }
.emoteset-2.mood-79, .mood-79 { background-position: 0px -988px; }
.emoteset-3.mood-80, .mood-80 { background-position: 0 0; }
.emoteset-3.mood-81, .mood-81 { background-position: 0 -50px; }
.emoteset-3.mood-82, .mood-82 { background-position: 0 -100px; }
.emoteset-3.mood-83, .mood-83 { background-position: 0 -150px; }
.emoteset-3.mood-84, .mood-84 { background-position: 0 -200px; }
.emoteset-3.mood-85, .mood-85 { background-position: 0 -250px; }
.emoteset-3.mood-86, .mood-86 { background-position: 0 -300px; }
.emoteset-3.mood-87, .mood-87 { background-position: 0 -350px; }
.emoteset-3.mood-88, .mood-88 { background-position: 0 -400px; }
.emoteset-3.mood-89, .mood-89 { background-position: 0 -450px; }
.emoteset-3.mood-90, .mood-90 { background-position: 0 -500px; }
.emoteset-3.mood-91, .mood-91 { background-position: 0 -550px; }
.emoteset-3.mood-92, .mood-92 { background-position: 0 -600px; }
.emoteset-4.mood-93, .mood-93 { background-position: 0 0; }
.emoteset-4.mood-94, .mood-94 { background-position: 0 -50px; }
.emoteset-4.mood-95, .mood-95 { background-position: 0 -100px; }
.emoteset-4.mood-96, .mood-96 { background-position: 0 -150px; }
.emoteset-4.mood-97, .mood-97 { background-position: 0 -200px; }
.emoteset-4.mood-98, .mood-98 { background-position: 0 -250px; }
.emoteset-4.mood-99, .mood-99 { background-position: 0 -300px; }
.emoteset-4.mood-100, .mood-100 { background-position: 0 -350px; }
.emoteset-4.mood-101, .mood-101 { background-position: 0 -400px; }
.emoteset-4.mood-102, .mood-102 { background-position: 0 -450px; }
.emoteset-4.mood-103, .mood-103 { background-position: 0 -500px; }
.emoteset-4.mood-104, .mood-104 { background-position: 0 -550px; }
.emoteset-4.mood-105, .mood-105 { background-position: 0 -600px; }
.emoteset-5.mood-106, .mood-106 { background-position: 0 0; }
.emoteset-5.mood-107, .mood-107 { background-position: 0 -50px; }
.emoteset-5.mood-108, .mood-108 { background-position: 0 -100px; }
.emoteset-5.mood-109, .mood-109 { background-position: 0 -150px; }
.emoteset-5.mood-110, .mood-110 { background-position: 0 -200px; }
.emoteset-5.mood-111, .mood-111 { background-position: 0 -250px; }
.emoteset-5.mood-112, .mood-112 { background-position: 0 -300px; }
.emoteset-5.mood-113, .mood-113 { background-position: 0 -350px; }
.emoteset-5.mood-114, .mood-114 { background-position: 0 -400px; }
.emoteset-5.mood-115, .mood-115 { background-position: 0 -450px; }
.emoteset-5.mood-116, .mood-116 { background-position: 0 -500px; }
.emoteset-5.mood-117, .mood-117 { background-position: 0 -550px; }
.emoteset-5.mood-118, .mood-118 { background-position: 0 -600px; }
.emoteset-6.mood-119, .mood-119 { background-position: 0 0; }
.emoteset-6.mood-120, .mood-120 { background-position: 0 -50px; }
.emoteset-6.mood-121, .mood-121 { background-position: 0 -100px; }
.emoteset-6.mood-122, .mood-122 { background-position: 0 -150px; }
.emoteset-6.mood-123, .mood-123 { background-position: 0 -200px; }
.emoteset-6.mood-124, .mood-124 { background-position: 0 -250px; }
.emoteset-6.mood-125, .mood-125 { background-position: 0 -300px; }
.emoteset-6.mood-126, .mood-126 { background-position: 0 -400px; }
.emoteset-6.mood-127, .mood-127 { background-position: 0 -350px; }
.emoteset-6.mood-128, .mood-128 { background-position: 0 -450px; }
.emoteset-6.mood-130, .mood-130 { background-position: 0 -500px; }
.emoteset-6.mood-131, .mood-131 { background-position: 0 -550px; }
.emoteset-6.mood-132, .mood-132 { background-position: 0 -600px; }
.emoteset-6.mood-133, .mood-133 { background-position: 0 -650px; }
.emoteset-6.mood-134, .mood-134 { background-position: 0 -700px; }
.emoteset-6.mood-135, .mood-135 { background-position: 0 -750px; }
.emoteset-6.mood-136, .mood-136 { background-position: 0 -800px; }
.emoteset-6.mood-137, .mood-137 { background-position: 0 -850px; }
.emoteset-6.mood-138, .mood-138 { background-position: 0 -900px; }
.emoteset-6.mood-139, .mood-139 { background-position: 0 -950px; }
.emoteset-6.mood-140, .mood-140 { background-position: 0 -1000px; }
.emoteset-6.mood-141, .mood-141 { background-position: 0 -1050px; }
.emoteset-6.mood-142, .mood-142 { background-position: 0 -1100px; }
.emoteset-6.mood-143, .mood-143 { background-position: 0 -1150px; }
.emoteset-6.mood-144, .mood-144 { background-position: 0 -1200px; }
.emoteset-6.mood-145, .mood-145 { background-position: 0 -1250px; }
.emoteset-6.mood-146, .mood-146 { background-position: 0 -1300px; }
.emoteset-6.mood-147, .mood-147 { background-position: 0 -1350px; }
.emoteset-6.mood-148, .mood-148 { background-position: 0 -1400px; }
.emoteset-6.mood-149, .mood-149 { background-position: 0 -1450px; }
.emoteset-6.mood-150, .mood-150 { background-position: 0 -1500px; }
.emoteset-6.mood-151, .mood-151 { background-position: 0 -1550px; }
.emoteset-6.mood-152, .mood-152 { background-position: 0 -1600px; }
.emoteset-6.mood-153, .mood-153 { background-position: 0 -1650px; }
.emoteset-6.mood-154, .mood-154 { background-position: 0 -1700px; }
.emoteset-6.mood-155, .mood-155 { background-position: 0 -1750px; }
.emoteset-6.mood-156, .mood-156 { background-position: 0 -1800px; }
.emoteset-6.mood-157, .mood-157 { background-position: 0 -1850px; }
.emoteset-6.mood-158, .mood-158 { background-position: 0 -1900px; }
.emoteset-7.mood-159, .mood-159 { background-position: 0 0; }
.emoteset-7.mood-160, .mood-160 { background-position: 0 -50px; }
.emoteset-7.mood-161, .mood-161 { background-position: 0 -100px; }
.emoteset-7.mood-162, .mood-162 { background-position: 0 -150px; }
.emoteset-7.mood-163, .mood-163 { background-position: 0 -200px; }
.emoteset-7.mood-164, .mood-164 { background-position: 0 -250px; }
.emoteset-7.mood-165, .mood-165 { background-position: 0 -300px; }
.emoteset-7.mood-166, .mood-166 { background-position: 0 -350px; }
.emoteset-7.mood-167, .mood-167 { background-position: 0 -400px; }
.emoteset-7.mood-168, .mood-168 { background-position: 0 -450px; }
.emoteset-7.mood-169, .mood-169 { background-position: 0 -500px; }
.emoteset-7.mood-170, .mood-170 { background-position: 0 -550px; }
.emoteset-7.mood-171, .mood-171 { background-position: 0 -600px; }
.emoteset-7.mood-172, .mood-172 { background-position: 0 -650px; }
.emoteset-7.mood-173, .mood-173 { background-position: 0 -700px; }
.emoteset-7.mood-174, .mood-174 { background-position: 0 -750px; }
.emoteset-7.mood-175, .mood-175 { background-position: 0 -800px; }
.emoteset-7.mood-176, .mood-176 { background-position: 0 -850px; }
.emoteset-7.mood-177, .mood-177 { background-position: 0 -900px; }
.emoteset-7.mood-178, .mood-178 { background-position: 0 -950px; }
.emoteset-7.mood-179, .mood-179 { background-position: 0 -1000px; }
.emoteset-7.mood-180, .mood-180 { background-position: 0 -1050px; }
.emoteset-7.mood-181, .mood-181 { background-position: 0 -1100px; }
.emoteset-7.mood-182, .mood-182 { background-position: 0 -1150px; }
.emoteset-7.mood-183, .mood-183 { background-position: 0 -1200px; }
.emoteset-7.mood-184, .mood-184 { background-position: 0 -1250px; }
.emoteset-7.mood-185, .mood-185 { background-position: 0 -1300px; }
.emoteset-7.mood-186, .mood-186 { background-position: 0 -1350px; }
.emoteset-7.mood-187, .mood-187 { background-position: 0 -1400px; }
.emoteset-7.mood-188, .mood-188 { background-position: 0 -1450px; }
.emoteset-7.mood-189, .mood-189 { background-position: 0 -1500px; }
.emoteset-7.mood-190, .mood-190 { background-position: 0 -1550px; }
.emoteset-7.mood-191, .mood-191 { background-position: 0 -1600px; }
.emoteset-7.mood-192, .mood-192 { background-position: 0 -1650px; }
.emoteset-7.mood-193, .mood-193 { background-position: 0 -1700px; }
.emoteset-7.mood-194, .mood-194 { background-position: 0 -1750px; }
.emoteset-7.mood-195, .mood-195 { background-position: 0 -1800px; }
.emoteset-7.mood-196, .mood-196 { background-position: 0 -1850px; }
.emoteset-7.mood-197, .mood-197 { background-position: 0 -1900px; }
.emoteset-8.mood-198, .mood-198 { background-position: 0px 0px; }
.emoteset-8.mood-199, .mood-199 { background-position: 0px -26px; }
.emoteset-8.mood-200, .mood-200 { background-position: 0px -52px; }
.emoteset-8.mood-201, .mood-201 { background-position: 0px -78px; }
.emoteset-8.mood-202, .mood-202 { background-position: 0px -104px; }
.emoteset-8.mood-203, .mood-203 { background-position: 0px -130px; }
.emoteset-8.mood-204, .mood-204 { background-position: 0px -156px; }
.emoteset-8.mood-205, .mood-205 { background-position: 0px -182px; }
.emoteset-8.mood-206, .mood-206 { background-position: 0px -208px; }
.emoteset-8.mood-207, .mood-207 { background-position: 0px -234px; }
.emoteset-8.mood-208, .mood-208 { background-position: 0px -260px; }
.emoteset-8.mood-209, .mood-209 { background-position: 0px -286px; }
.emoteset-8.mood-210, .mood-210 { background-position: 0px -312px; }
.emoteset-8.mood-211, .mood-211 { background-position: 0px -338px; }
.emoteset-8.mood-213, .mood-213 { background-position: 0px -364px; }
.emoteset-8.mood-214, .mood-214 { background-position: 0px -390px; }
.emoteset-8.mood-215, .mood-215 { background-position: 0px -416px; }
.emoteset-8.mood-216, .mood-216 { background-position: 0px -442px; }
.emoteset-8.mood-217, .mood-217 { background-position: 0px -468px; }
.emoteset-8.mood-218, .mood-218 { background-position: 0px -494px; }
.emoteset-8.mood-219, .mood-219 { background-position: 0px -520px; }
.emoteset-8.mood-220, .mood-220 { background-position: 0px -546px; }
.emoteset-8.mood-221, .mood-221 { background-position: 0px -572px; }
.emoteset-8.mood-222, .mood-222 { background-position: 0px -598px; }
.emoteset-8.mood-223, .mood-223 { background-position: 0px -624px; }
.emoteset-8.mood-224, .mood-224 { background-position: 0px -650px; }
.emoteset-8.mood-225, .mood-225 { background-position: 0px -676px; }
.emoteset-8.mood-226, .mood-226 { background-position: 0px -702px; }
.emoteset-8.mood-227, .mood-227 { background-position: 0px -728px; }
.emoteset-8.mood-228, .mood-228 { background-position: 0px -754px; }
.emoteset-8.mood-229, .mood-229 { background-position: 0px -780px; }
.emoteset-8.mood-230, .mood-230 { background-position: 0px -806px; }
.emoteset-8.mood-231, .mood-231 { background-position: 0px -832px; }
.emoteset-8.mood-232, .mood-232 { background-position: 0px -858px; }
.emoteset-8.mood-233, .mood-233 { background-position: 0px -884px; }
.emoteset-8.mood-234, .mood-234 { background-position: 0px -910px; }
.emoteset-8.mood-235, .mood-235 { background-position: 0px -936px; }
.emoteset-8.mood-236, .mood-236 { background-position: 0px -962px; }
.emoteset-8.mood-237, .mood-237 { background-position: 0px -988px; }
.emoteset-9.mood-238, .mood-238 { background-position: 0 0; }
.emoteset-9.mood-239, .mood-239 { background-position: 0 -50px; }
.emoteset-9.mood-240, .mood-240 { background-position: 0 -100px; }
.emoteset-9.mood-241, .mood-241 { background-position: 0 -150px; }
.emoteset-9.mood-242, .mood-242 { background-position: 0 -200px; }
.emoteset-9.mood-243, .mood-243 { background-position: 0 -250px; }
.emoteset-9.mood-244, .mood-244 { background-position: 0 -300px; }
.emoteset-9.mood-245, .mood-245 { background-position: 0 -350px; }
.emoteset-9.mood-246, .mood-246 { background-position: 0 -400px; }
.emoteset-9.mood-247, .mood-247 { background-position: 0 -450px; }
.emoteset-9.mood-248, .mood-248 { background-position: 0 -500px; }
.emoteset-9.mood-249, .mood-249 { background-position: 0 -550px; }
.emoteset-9.mood-250, .mood-250 { background-position: 0 -600px; }
.emoteset-9.mood-251, .mood-251 { background-position: 0 -650px; }
.emoteset-9.mood-252, .mood-252 { background-position: 0 -700px; }
.emoteset-9.mood-253, .mood-253 { background-position: 0 -750px; }
.emoteset-9.mood-254, .mood-254 { background-position: 0 -800px; }
.emoteset-9.mood-255, .mood-255 { background-position: 0 -850px; }
.emoteset-9.mood-256, .mood-256 { background-position: 0 -900px; }
.emoteset-9.mood-257, .mood-257 { background-position: 0 -950px; }
.emoteset-9.mood-258, .mood-258 { background-position: 0 -1000px; }
.emoteset-9.mood-259, .mood-259 { background-position: 0 -1050px; }
.emoteset-9.mood-260, .mood-260 { background-position: 0 -1100px; }
.emoteset-9.mood-261, .mood-261 { background-position: 0 -1150px; }
.emoteset-9.mood-262, .mood-262 { background-position: 0 -1200px; }
.emoteset-9.mood-263, .mood-263 { background-position: 0 -1250px; }
.emoteset-9.mood-264, .mood-264 { background-position: 0 -1300px; }
.emoteset-9.mood-265, .mood-265 { background-position: 0 -1350px; }
.emoteset-9.mood-266, .mood-266 { background-position: 0 -1400px; }
.emoteset-9.mood-267, .mood-267 { background-position: 0 -1450px; }
.emoteset-9.mood-268, .mood-268 { background-position: 0 -1500px; }
.emoteset-9.mood-269, .mood-269 { background-position: 0 -1550px; }
.emoteset-9.mood-270, .mood-270 { background-position: 0 -1600px; }
.emoteset-9.mood-271, .mood-271 { background-position: 0 -1650px; }
.emoteset-9.mood-272, .mood-272 { background-position: 0 -1700px; }
.emoteset-9.mood-273, .mood-273 { background-position: 0 -1750px; }
.emoteset-9.mood-274, .mood-274 { background-position: 0 -1800px; }
.emoteset-9.mood-275, .mood-275 { background-position: 0 -1850px; }
.emoteset-9.mood-276, .mood-276 { background-position: 0 -1900px; }/* coded by a wiener */

#social_feed_counts li {
	font-weight: bold;
	font-size: 1.1em;
	padding: 0 5px;
	color: #fff;
}

.podcontent.bbsfeed div { margin: 5px; }
.podcontent.bbsfeed div:first-child { margin: 14px 0 0 45px; }

.podcontent.bbsfeed .optionlinks > a {
	position: absolute;
	margin-top: -34px;
	left: 550px;
	font-size: 1em;
}

.podcontent.bbsfeed div { font-size: 12px; }

.podcontent.bbsfeed div h4 { display: inline; }

.podcontent.bbsfeed div h4 img {
	display: block;
    float: left;
    margin: -9px 0px 0px -40px;
    position: absolute;
}

.podcontent.bbsfeed div p {
	line-height: 1.3em;
    margin: 10px 0 5px;
}

img.bbs_img {
	max-width: 540px;
	height: auto;
}