/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* general */
@font-face { 
	font-family: 'UmbrageRegular'; 
	src: url('fonts/umbrage2-webfont.eot'); 
	src: url('fonts/umbrage2-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/umbrage2-webfont.woff') format('woff'), 
		 url('fonts/umbrage2-webfont.ttf') format('truetype'), 
		 url('fonts/umbrage2-webfont.svg#UmbrageRegular') format('svg'); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face {
    font-family: 'WTF';
    src: url('fonts/wtf-webfont.eot');
    src: url('fonts/wtf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/wtf-webfont.woff') format('woff'),
         url('fonts/wtf-webfont.ttf') format('truetype'),
         url('fonts/wtf-webfont.svg#arial_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
::-webkit-input-placeholder { color: #a5a5a5!important; font-style: italic; }
:-moz-placeholder { color: #a5a5a5!important; font-style: italic; }

html { min-height: 100%; }
body { min-height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #373737; background: #252525 url(/static/media/graphics/bg_skullntitties.gif) repeat; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; border: solid 1px #8f8d8d; padding: 3px; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
a { text-decoration: none; }
h1 { font-family: UmbrageRegular, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 16px; line-height: 16px; font-weight: normal; text-transform: uppercase; margin: 0 0 7px 0; }
h3 { font-family: UmbrageRegular, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 16px; line-height: 16px; font-weight: normal; text-transform: uppercase; margin: 0 0 7px 0; }
.pull-left { float: left!important; }
.pull-right { float: right!important; }
a.button { display: inline-block; color: #4a4a4a!important; padding: 0 7px!important; height: 24px!important; background: url(/static/media/sprite.png) no-repeat -10px -78px; text-decoration: none!important; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-family: UmbrageRegular, Arial, Helvetica, sans-serif;; text-transform: uppercase; text-align: center; font-size: 16px!important; line-height: 24px!important; }
	a.button:hover { color: #ffffff!important; }
	a.button.disabled { background-position: -10px -102px; color: #4a4a4a; cursor: default; pointer-events: none; }

#wrapper { width: 990px; margin: 0 auto 40px auto; position: relative; z-index: 2; background: #ffffff url(/static/media/graphics/bg_splatter.png) no-repeat; padding: 0 0 10px 0; }

/* header */
#header { width: 990px; height: 120px; margin: 0 0 10px 0; }
	#header .top { width: 990px; height: 90px; position: relative; }
		#header .top .logo { position: absolute; top: 16px; left: 26px; display: block; width: 341px; height: 58px; background: url(/static/media/sprite.png) no-repeat -10px -10px; }
		
		#header .top .loginbox { position: absolute; top: 0; right: 10px; width: 286px; height: 76px; padding: 7px; background: #373737; }
			#header .top .loginbox h3 { float: left; color: #ffffff; margin-bottom: 5px; }
			#header .top .loginbox .forgot { float: right; font-size: 11px; line-height: 14px; font-weight: bold; color: #eae611; border-bottom: dotted 1px #eae611; }
				#header .top .loginbox .forgot:hover { color: #ffffff; }
			#header .top .loginbox .form { overflow: hidden; margin-bottom: 7px; }
				#header .top .loginbox .form input { float: left; width: 132px; height: 16px; line-height: 16px; }
			#header .top .loginbox .submit { overflow: hidden; }
				#header .top .loginbox .submit input { float: left; padding: 0; margin: 0; }
				#header .top .loginbox .submit label { float: left; margin: 0 0 0 5px; color: #ffffff; font-size: 11px; line-height: 14px; }
				#header .top .loginbox .submit .button { float: right; }

			#header .top .loginbox .signout { float: right; font-size: 11px; line-height: 14px; font-weight: bold; color: #eae611; border-bottom: dotted 1px #eae611; }
				#header .top .loginbox .signout:hover { color: #ffffff; }
			#header .top .loginbox .profile { float: left; width: 238px; }
				#header .top .loginbox .profile .thumb { float: left; margin: 0 7px 0 0; }
					#header .top .loginbox .profile .thumb img { display: block; width: 75px; height: 75px; border: solid 1px #eae611; }
				#header .top .loginbox .profile .name { float: left; color: #ffffff; width: 145px; font-size: 14px; font-weight: bold; overflow: hidden; }
				#header .top .loginbox .profile .options { float: left; margin: 7px 0 0 0; width: 145px; min-height: 40px; }
					#header .top .loginbox .profile .options a { background: url(/static/media/graphics/bg_arrow_green.gif) 0 0 no-repeat; padding-left: 12px; background-repeat: no-repeat; font-weight: bold; text-decoration: none; color: #eae611; }
						#header .top .loginbox .profile .options a:hover { background-position: 0 -25px; color: #ffffff; }
				#header .top .loginbox .profile .info { }

	#header .menu { width: 990px; height: 30px; }
		#header .menu .nav { }
			#header .menu .nav li { float: left; height: 20px; padding: 5px 0 5px 12px; }
				#header .menu .nav li a { display: inline-block; padding: 0 5px; font-family: UmbrageRegular, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 20px; text-transform: uppercase; color: #eae611; text-decoration: none; }
					#header .menu .nav li a:hover { color: #373737; background-color: #ffffff; }
					#header .menu .nav li a.special { color: #ec121b; }
						#header .menu .nav li a.special:hover { }
		#header .menu .extras { float: right; height: 20px; padding: 5px 12px 5px 0; }
			#header .menu .extras a { display: inline-block; padding: 0 5px; font-family: UmbrageRegular, Arial, Helvetica, sans-serif; color: #eae611; font-size: 16px; line-height: 20px; text-transform: uppercase; text-decoration: none; }
				#header .menu .extras a span { color: #ffffff; }
				#header .menu .extras a:hover,
				#header .menu .extras a:hover span { text-decoration: underline; }

#main { width: 990px; margin: 0 0 10px 0; background-image: url(/static/media/graphics/bg_content.gif); background-repeat: repeat-y; overflow: hidden; }

/* left column */
#left { float: left; width: 174px; margin: 0 0 0 10px; color: #ffffff; font-size: 11px; }
	#left .block { padding: 7px; overflow: hidden; }
	#left .dots { width: 174px; height: 7px; background: url(/static/media/sprite.png) no-repeat -10px -216px; }
	#left a { color: #eae611; font-size: 10px; line-height: 18px; text-transform: uppercase; }
		#left a:hover { color: #373737!important; text-decoration: none; background-color: #ffffff; }

#searchbox { width: 160px; height: 24px; }
	#searchbox input { float:left; width: 123px; height: 16px; border: solid 1px #8f8d8d; padding: 3px; font-size: 14px; line-height: 16px; color: #373737; }
	#searchbox .submit { cursor: pointer; display: inline-block; margin: 0 0 0 5px; height: 24px; width: 24px; background: url(/static/media/sprite.png) no-repeat -220px -78px; text-decoration: none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
	#searchbox .submit:hover { background-position: -220px -102px; }

#specialfriends { }
	#specialfriends li { display: inline; font-size: 10px; line-height: 18px; }
		#specialfriends li:last-child span { display: none; }
		#specialfriends li a { text-transform: uppercase; }
			#specialfriends li a:visited { color: #ffffff; }
			
#tagcloud { }
	#tagcloud li { display: inline; font-size: 10px; line-height: 18px; text-transform: uppercase; }
		#tagcloud li:last-child span { display: none; }
		#tagcloud li a { }
			#tagcloud li a:hover { }
		#tagcloud li span { font-size: 10px; line-height: 18px; }			

#topref { float: left; }
	#topref .referrer { float: left; width: 160px; border-bottom: 1px solid #404040; }
		#topref .referrer .link { float: left; width: 125px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
			#topref .referrer .link a { font-size: 10px; line-height: 18px; text-transform: uppercase; }
				#topref .referrer .link a:visited { color: #ffffff; }
		#topref .referrer .stats { float: right; width: 35px; font-size: 10px; line-height: 18px; text-align: right; }
		
#rss { }
	#rss li { margin: 0 0 5px 0; }
		#rss li a { padding: 0 0 0 20px; height: 15px; line-height: 15px; display: block; background: url(/static/media/sprite.png) no-repeat -10px -184px; }
		#rss li a:hover { background-color: transparent; }
			#rss li a:hover span { color: #373737; text-decoration: none; background-color: #ffffff; }

/* main content */
#content { float: left; width: 476px; margin: 0 0 0 10px; }
	#content a { color: #ba0007; }
		#content a:hover { color: #373737; text-decoration: underline; }

	/* headers */
	#content .header { background-color: #373737; padding: 7px; color: #ffffff; font-size: 11px; position: relative; border-bottom: 2px solid #ffffff; }
		#content .header a { color: #eae611; }
			#content .header a:hover { color: #ffffff; }
	#content .header1 { height: 36px; }
		#content .header1 .filter { position: absolute; top: 7px; right: 7px; width: 110px; height: 18px; font-size: 11px; line-height: 16px; padding: 0; }
	#content .header2 { height: 16px; }

	/* paging */
	#content .paging-top { overflow: hidden; line-height: 14px; padding-top: 2px; }
		#content .paging-top .label { float: left; }
		#content .paging-top .paging { float: right; }
	#content .paging-bottom { overflow: hidden; font-size: 11px; line-height: 14px; padding: 7px; color: #ffffff; background: #373737; }
		#content .paging-bottom .label { float: left; }
		#content .paging-bottom .paging { float: right; }
			#content .paging-bottom .paging a { color: #eae611; }
				#content .paging-bottom .paging a:hover { color: #ffffff; }

	/* plugs */
	#content .plug { display: block; width: 462px; padding: 10px 7px; background: #e5e5e5; border-bottom: 2px solid #ffffff; outline: none; overflow: hidden; cursor: pointer; }
		#content .plug:nth-child(2n+1) { background-color: #d3d3d3; }
		#content .plug:hover { background: #fafafa!important; text-decoration: none; }
		#content .plug:visited { color: #373737!important; }
		#content .plug .icon { float: left; background: url(/static/media/sprite.png) no-repeat; display: block; }
		#content .plug .amazing { width: 27px; height: 34px; margin: 1px 0 0 0; background-position: -10px -137px; }
		#content .plug .babe { width: 27px; height: 35px; margin: 1px 0 -1px 0; background-position: -48px -137px; }
		#content .plug .bizarre { width: 27px; height: 35px; margin: 1px 0 -1px 0; background-position: -85px -137px; }
		#content .plug .celebrity { width: 28px; height: 33px; margin: 2px 0 0 0; background-position: -122px -137px; }
		#content .plug .funny { width: 27px; height: 34px; margin: 1px 0 0 0; background-position: -160px -137px; }
		#content .plug .game { width: 27px; height: 37px; margin: -1px 0 -1px 0; background-position: -197px -137px; }
		#content .plug .miscellaneous { width: 31px; height: 33px; margin: 2px 0 0 0; background-position: -234px -137px; }
		#content .plug .news { width: 27px; height: 36px; margin: -1px 0 0 0; background-position: -275px -137px; }
		#content .plug .sex { width: 27px; height: 34px; margin: 1px 0 0 0; background-position: -312px -137px; }
		#content .plug .violent { width: 34px; height: 34px; margin: 1px 0 0 0; background-position: -349px -137px; }
		#content .plug .text { float: right; width: 425px; overflow: hidden; }
			#content .plug .text .title { float: left; width: 425px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: WTF, 'Arial Narrow', Arial, Helvetica, sans-serif; font-stretch: condensed; font-size: 16px; line-height: 20px; display: block; }
			/* #content .plug .text .title { font-size: 15px; line-height: 20px; font-weight: bold; letter-spacing: -1px; } */
				#content .plug .text .title .hl { background-color: #fcfb9a; }
			#content .plug .text .description { text-align: justify; padding-bottom: 2px; }
			#content .plug .text .extras { float: left; width: 425px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 14px; font-size: 9px; font-weight: bold; font-style: italic; color: #909090 
			; }

	/* videos */
	#content .video { display: block; float: left; width: 224px; padding: 7px 7px; background: #e5e5e5; border-bottom: 2px solid #ffffff; overflow: hidden; }
	#content .video:nth-child(4n+2) { background-color: #d3d3d3; }
	#content .video:nth-child(4n+3) { background-color: #d3d3d3; }
		#content .video:hover { background: #fafafa!important; text-decoration: none; }
			#content .video:hover .thumb { border-color: #ba0007; }
			#content .video:hover .title { color: #ba0007; }
		#content .video .thumb { display: block; float: left; border: solid 1px #373737; width: 100px; height: 75px; }
		#content .video .thumb img { width: 100px; height: 75px; border: none; }
		#content .video .text { float: left; width: 107px; padding-left: 7px; height: 77px; overflow: hidden; }
		#content .video .title { display: block; line-height: 15px; font-size: 11px; color: #373737; }
		#content .video .extras { display: block; padding-top: 3px; line-height: 14px; font-size: 9px; font-weight: bold; font-style: italic; color: #909090; }

	/* embedded media */
	#content .embed { padding: 10px 7px 7px 7px; border-bottom: 2px solid #ffffff; }
		#content .embed .title { }
			#content .embed .title h1 { font-family: WTF, 'Arial Narrow', Arial, Helvetica, sans-serif; font-stretch: condensed; font-size: 16px; color: #373737; text-transform: none; }
			/* #content .embed .title h1 { font-size: 15px; color: #373737; font-weight: bold; letter-spacing: -1px; text-transform: none; } */
		#content .embed .description { margin: 0 0 7px 0; }
		#content .embed .html { text-align: center; }
			#content .embed .html .extra { text-align: center; font-weight: bold; font-size: 11px; padding: 3px 0 0 0; }
			#content .embed .html object { outline: none; }
		#content .embed .ads { text-align: center; font-weight: bold; font-size: 11px; padding: 3px 0 0 0; }
			#content .embed .ads .download { display: inline-block; color:#ffffff; font-size: 14px; line-height: 15px; height: 15px; text-shadow: 1px 1px 1px #000; padding: 5px 5px 5px 23px; background: #ba0007 url('/static/media/sprite.png') no-repeat -249px -73px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
				#content .embed .ads .download:hover { background-color: #850004; text-decoration: none; }
				#content .embed .ads .download span { color: #ffda2f; }
			#content .embed .ads .redbox { display: inline-block; color:#ffffff; font-size: 14px; line-height: 15px; height: 15px; text-shadow: 1px 1px 1px #000; padding: 5px; background-color: #ba0007; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
				#content .embed .ads .redbox:hover { background-color: #850004; text-decoration: none; }
				#content .embed .ads .redbox span { color: #ffda2f; }

	#content #mediaspace { }
		#content #mediaspace .videolink { position: relative; display: block; width: 462px; height: 368px;  }
			#content #mediaspace .videolink .overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 462px; height: 368px; }
			#content #mediaspace .videolink .preview { position: absolute; top: 0; left: 0; z-index: 1; width: 462px; height: 348px; }

	#friendthumbs { overflow: hidden; width: 476px; }
		#friendthumbs li { float: left; margin: 7px 0 7px 7px; }
			#friendthumbs li a { width: 108px; height: 108px; display: block; border: solid 1px #ba0007; }
				#friendthumbs li a:hover { border: solid 1px #373737; }
			#friendthumbs li img { width: 108px; height: 108px; display: block; border: none; }

	/* misc */
	#content .text1 { padding: 7px; }
		#content .text1 h2 { font-size: 14px; font-weight: bold; margin-bottom: 3px; }
		#content .text1 p { margin-bottom: 1em; }
		#content .text1 ul { list-style: disc; margin-left: 20px; margin-bottom: 1em; }
	#content .homelink { padding: 10px 7px; text-align: center; border-bottom: 2px solid #ffffff; }
		#content .homelink a { font-size: 22px; line-height: 22px; font-family: UmbrageRegular, Arial, Helvetica, sans-serif;; }
			#content .homelink a:hover { }

/* right column */
#right { float: right; width: 300px; margin: 0 10px 0 0; color: #ffffff; font-size: 11px; }
	#right .block { padding: 7px; overflow: hidden; }
	#right .no-padding { padding: 7px 0; }
		#right .no-padding h3 { margin: 0 7px 7px 7px; }
	#right .dots { width: 300px; height: 7px; background: url(/static/media/sprite.png) no-repeat -10px -216px; }
	#right a { color: #eae611; }
		#right a:hover { color: #ffffff; text-decoration: underline; }

#homethumbs { overflow: hidden; padding: 0 0 0 1px; }
	#homethumbs li { float: left; margin: 0 0 7px 6px; }
		#homethumbs li a { width: 138px; height: 103px; display: block; border: solid 1px #c5c700; }
			#homethumbs li a:hover { border: solid 1px #ffffff; }
		#homethumbs li img { width: 138px; height: 103px; display: block; border: none; }

/* footer */
#footer { width: 956px; margin: 0 10px; padding: 7px; background: #3f3f3f; color: #ffffff; font-size: 10px; line-height: 18px; }
	#footer a { color: #eae611; text-transform: uppercase!important; }
		#footer a:hover { color: #373737 !important; text-decoration: none; background-color: #ffffff; }

#friends { }
	#friends li { display: inline; }
		#friends li:last-child span { display: none; }
		#friends li a { text-transform: capitalize; }
			#friends li a:visited { color: #ffffff; }

#legal { position: absolute; bottom: -20px; right: 10px; }
	#legal a { font-size: 10px; color: #ffffff; text-transform: uppercase; }
		#legal a:hover { color: #eae611; }

/* forms */
.formError { overflow: hidden; background-color: #ba0007; margin: 7px; width: 462px; text-align: left; }
	.formError div { margin: 7px; line-height: 18px; font-size: 12px; color: #ffffff; font-weight: bold; }

.formItem { float: left; margin: 0 7px 4px 7px; width: 462px; background-color: #a9a9a9; }
	.formItem .title { float: left; width: 150px; font-size: 14px; font-weight: bold; padding: 9px 0 0 7px; }
		.formItem .title span { color: #ba0007; }
	.formItem .field { float: right; }
		.formItem .field input { width: 200px; border: solid 1px #373737; padding: 3px; font-size: 14px; color: #252525; margin: 5px 7px 5px 5px; }
			.formItem .field input.error { border: solid 1px #ba0007; }
			.formItem .field input.readonly { background-color: #4f0005; border: solid 1px #4f0005; color: #b15b48; font-weight: bold; font-size: 11px; }
		.formItem .field textarea { width: 440px; border: solid 1px #373737; padding: 3px; font-size: 14px; color: #252525; margin: 5px 7px 5px 7px; overflow-y: scroll; }
			.formItem .field textarea.error { border: solid 1px #ba0007; }
		.formItem .field select { width: 200px; border: solid 1px #373737; padding: 3px; font-size: 14px; color: #252525; margin: 5px 7px 5px 5px; }
			.formItem .field select option { font-size: 14px; color: #252525; }
	.formItem .captcha { float: right; height: 34px; }
		.formItem .captcha img { margin: 5px 7px 5px 0; border: solid 1px #373737; }
	.formItem .extra { margin: 0 0 5px 7px; font-size: 9px; font-weight: bold; color: #b15b48; }
		.formItem .extra span { font-size: 9px; font-weight: bold; color: #b15b48; }
	.formItem .button { margin: 5px 7px 5px 5px; }

/* banners */
.banner160x600 { width: 160px; height: 600px; overflow: hidden; }
.banner300x250 { width: 300px; height: 250px; overflow: hidden; }

/* clearfix */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }