/* MySpleen */ 

@import url(reset.css);

/* Contents
================================================================
	  1: General HTML
	  2: Image Replacement
	  3: Special Links and Classes / Alert Boxes
	  4: Private Messages / Invites / Pagination / Login
	  5: Headers
	  6: User Stats
	  7: Navigation
	  8: Content
	  9: Home
	 10: Browse Torrents
		10.a: Details / User Details
		10.b: Edit user / Edit torrent
		10.c: Comments
	 11: Profile
	 12: Upload / FAQ
	 13: PayPal Status
================================================================*/
/* 1: General HTML
================================*/
	body {
		background:#000;
		color:#fff;
		font:0.7em/1.5 tahoma, helvetica, arial, sans-serif;
		text-align:center;
		}
	a:link, a:visited {color:#000;} a:hover, a:focus {color:#900;}
	h2 {
		font-size:10pt; font-weight: 700;
		text-align:left;
		margin:0 0 10px;
		color:#fff;
	}
	.frame h2, .edit-frame h2 {
		margin:0 -10px 10px -10px;
		background-color:#808080;
	}
	h3, h3 a, strong, strong * {font-weight: 700;}
	p {padding: 5px 0;}
	input, select, textarea {font:1em/1.5 tahoma, helvetica, arial, sans-serif;}
	.underline {text-decoration:underline;}
	.nobr {white-space:nowrap;}
/**/
/* 2: Image Replacement
================================*/
	#star-chk label, span.star, span.fltime, span.flsnatch, a.rss-link, td.tor-down a, td.tor-book a {
		display:inline-block;
		width:10px; height:10px;
		text-align:left;
		text-indent:-9999em;
	}
	#star-chk label, span.star {background:url(pic/star.gif) no-repeat; vertical-align:middle;}
	span.fltime {background:url(pic/fltime.gif) no-repeat; vertical-align:middle;}
	span.flsnatch {background:url(pic/flsnatch.gif) no-repeat; vertical-align:middle;}
	span.star, span.fltime, span.flsnatch {display:-moz-inline-block;}
	a.rss-link {background:url(pic/feed-icon.gif) no-repeat center;}
	td.tor-down a {background:url(pic/down.gif) no-repeat center; vertical-align:middle; display:-moz-inline-block;}
	td.tor-book a {background:url(pic/bookmark.gif) no-repeat center; vertical-align:middle; display:-moz-inline-block;}
	#donation-form {position:absolute; top:10px; right:10px;}
	#donation-form button, #donation-footer button {
		background:url(pic/donate.png);
		width:62px; height:31px;
		border:0;
		text-indent:-9999em;
		cursor:pointer;
	}
	#donation-form button {vertical-align:top; margin-left:5px;}
	#donation-footer button {margin:0 auto;}
	#torrents td.cat-animation,#torrents td.cat-adultswim,#torrents td.cat-cartoonnetwork,
	#torrents td.cat-comedy,#torrents td.cat-comedycentral,#torrents td.cat-mst3k,
	#torrents td.cat-fanedits,#torrents td.cat-g4techtv,#torrents td.cat-movies,
	#torrents td.cat-rage,#torrents td.cat-startrek,#torrents td.cat-woc,
	#torrents td.cat-mtv,#torrents td.cat-nick,#torrents td.cat-other,#torrents td.cat-starwars {
		display:block;
		background:#000;
		width:115px; height:20px;
		padding:0;
		text-align:left;
		text-indent:-9999em;
	}
	.cat-animation a{background:url(pic/categories/animation.gif) no-repeat; display:block; height:20px;}
	.cat-adultswim a{background:url(pic/categories/adultswim.gif) no-repeat; display:block; height:20px;}
	.cat-cartoonnetwork a{background:url(pic/categories/cartoonnetwork.gif) no-repeat; display:block; height:20px;}
	.cat-comedy a{background:url(pic/categories/comedy.gif) no-repeat; display:block; height:20px;}
	.cat-comedycentral a{background:url(pic/categories/comedycentral.gif) no-repeat; display:block; height:20px;}
	.cat-mst3k a{background:url(pic/categories/mst3k.gif) no-repeat; display:block; height:20px;}
	.cat-mtv a{background:url(pic/categories/mtv.gif) no-repeat; display:block; height:20px;}
	.cat-nick a{background:url(pic/categories/nick.gif) no-repeat; display:block; height:20px;}
	.cat-other a{background:url(pic/categories/other.gif) no-repeat; display:block; height:20px;}
	.cat-starwars a{background:url(pic/categories/starwars.gif) no-repeat; display:block; height:20px;}
 	.cat-fanedits a{background:url(pic/categories/fanedits.gif) no-repeat; display:block; height:20px;}
	.cat-g4techtv a{background:url(pic/categories/g4.gif) no-repeat; display:block; height:20px;}
	.cat-movies a{background:url(pic/categories/movies.gif) no-repeat; display:block; height:20px;}
	.cat-rage a{background:url(pic/categories/rage.gif) no-repeat; display:block; height:20px;}
	.cat-startrek a{background:url(pic/categories/startrek.gif) no-repeat; display:block; height:20px;}
	.cat-woc a{background:url(pic/categories/woc.gif) no-repeat; display:block; height:20px;}

/**/
/* 3: Special Links and Classes / Alert Boxes
================================*/
	#donation-footer a:link strong {color:#600;}
	.hidden {display:none;}
	.clear {clear:/*left*/ both;}
	.error {background:#00f; color:#fff;}
	.unconnectable {color:#f00;}
	.peers-none {color:#900}
	.peers-conn {color:#070;}
	.peers-unconn {color:#600;}
	.curuser-highlight{background:#BBAF9B;}
	#content a.admin-edit:link, #content a.admin-edit:visited {
		background-color: #c0c0c0;
		color: #600;
		font-size: 0.8em;
		margin: 0 1px;
		padding: 0.2em 0.45em;
		border: 1px solid #333;
		text-decoration: none;
		display: inline-block;
	}
	#content a.admin-edit:hover {
		color: #900;
		border-color: #900;
	}
	#home #content a.admin-edit {
		border-width: 0;
		background-color: #b0b0b0;
		border-color: #a0a0a0;
		border-radius: 3px;
		-moz-border-radius: 3px;
	}
	#home #content a.admin-edit:hover {
		background-color: #c0c0c0;
		border-color: #c0c0c0;
	}
	#home #content h2 a.admin-edit {
		border-width: 0 0 1px 0;
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		padding-bottom: 0;
	}
/* Alerts */
    #alerts {
        margin:5px auto 10px;
    }
	.alert, .alert a {
		color:#FFF;
		font-weight:700;
    }
	.alert {
		display:inline-block;
		width:15em;
        background: #900;
        padding: 5px;
        margin:0 2px;
		border:1px solid #000;
    }
    #alert-reseed {background: #333;}
    #alert-sitenotice {background: #220000;}
	#alert-fl {background: #123;}
    #alert-rep-tor {background:#800;}
    #alert-rep-usr {background:#990000;}
    .notice { color:#800517; }
/**/

/* 4: Private Messages / Invites / Comment Notifications / Pagination / Login
================================*/
    
	#sub-nav li {
		border-left: 1px solid #666;
		display: inline-block;
		padding: /*0 5px*/;
		background-color: #999;
	}
	#sub-nav li:first-child,
	#sub-nav li:first-child a,
	#sub-nav li:first-child span,
	#sub-nav li:first-child strong {
		border-top-left-radius: 9px;
		border-bottom-left-radius: 9px;
		-moz-border-radius-topleft: 9px;
		-moz-border-radius-bottomleft: 9px;
	}
	#sub-nav li:last-child,
	#sub-nav li:last-child a,
	#sub-nav li:last-child span,
	#sub-nav li:last-child strong {
		border-top-right-radius: 9px;
		border-bottom-right-radius: 9px;
		-moz-border-radius-topright: 9px;
		-moz-border-radius-bottomright: 9px;
	}
	#sub-nav li a, #sub-nav li span, #sub-nav li strong {
		display: block;
		padding: 0.5em 1em;
	}
	#sub-nav li span, #sub-nav li strong {
		background-color: #aaa;
		font-weight: 700; /* lazy span->strong conversion */
	}
	#sub-nav li a:hover {
		background-color: #ccc;
	}
	#sub-nav li:first-child {border-left: none;}
	#inbox div.message, #sentbox div.message, #comments div.message, #notices div.message {margin:0 0 5px;}
	#inbox div.message img, #sentbox div.message img, #comments div.message img, #notices div.message img {max-width:600px; max-height:800px;}
	#inbox div.message-text, #sentbox div.message-text, #comments div.message-text, #notices div.message-text {background:#808080; padding:10px;}
	#comments div.message.unread div.message-text { background-color: #8080a0; }
	#notices .frame p {text-align: center; padding: 0;}
	#notices #sub-nav + h3 {margin-top: 0.5em;}
/* send-message */
	#send-message .frame table {border: 0px none; background-color:transparent}
	#send-message .frame td {border: 0px none; text-align: center}
	#send-message .frame td.submit-area {padding: 5px 0 0;}
/* Invites */
	#invite #content form {
		background: #808080;
		width: 450px;
		margin: 0 auto;
		padding: 10px;
		border: 1px solid #000;
	}
	#invite form ol {
		border-bottom: 1px solid #000;
		text-align: left;
	}
/* Pagination */
	span.page-prev a, span.page-next a{font-weight: 700;padding: 0 5px;}
	span.page-numbers {display: block;padding: 0 0 2px;}
/* Login */
	#login-box, #confirminvite-box, #recover-box {margin:0 auto; text-align: center; width: 20em;}
	#login-box input[type="text"], #confirminvite-box input[type="text"], #recover-box input[type="text"],
	#login-box input[type="password"], #confirminvite-box input[type="password"], #recover-box input[type="password"] {width: 19em;}
	#login-box label, #confirminvite-box label, #recover-box label {width: 20em; font-weight: 700;}
/**/
/* 5: Headers
================================*/
	#logo a{
		display:block;
		background:url(pic/logo.png) no-repeat;
		margin:0 auto;
		width:500px; height:100px;
		text-indent:-9999em;
	}
/**/
/* 6: User Stats
================================*/
	#user-stats a:link, #user-stats a:visited {color:#fff; text-decoration:underline;}
	#user-stats a:hover, #user-stats a:focus {color:#900;}
	#user-stats div {display:inline; background:#000; padding:0 5px; margin:0;}
	#user-stats .key, #user-stats .key a {font-weight:700;}
/**/
/* 7: Navigation
================================*/
	#nav a:link, #nav a:visited {color:#000; font-weight:700;}
	#nav a:hover, #nav a:focus {color:#900; font-weight:700;}
	#nav {
		background:#808080;
		margin:5px 5px 1px; padding:10px 0;
		font-size:1.2em; font-weight:700;
	}
	#nav li {display:inline; padding:0 10px;}
/**/
/* 8: Content
================================*/
	#content {
		background-color:#808080;
		color:#000;
		margin:0 5px 5px; padding:5px;
	}
	#content table {margin:5px auto; border:1px solid #000; background-color:#939393;}	
	#content th {background:#000; color:#FFF; text-align: center; padding:0 5px; font-weight:700;}
	#content th a:link, #content th a:visited {color:#FFF; text-decoration:none; font-weight:700;}
	#content th a:hover, #content th a:focus {color:#600; text-decoration:underline;}
	#content th.th-name, #content th.first-th, #content td.first-td {text-align: left; white-space:nowrap;}
	#content td {
		text-align:right;
		height:20px;
		padding:0 5px;
		border:1px solid #000;
		border-top:none;
		white-space:nowrap;
	}
/* usersearch */
	#content .admusr { 
	border-color:#000000;
    }
	#content .admusr td { 
        text-align:center;
    }
	.content td#admusr { text-align:center; }
/* users */
	#users #content td { vertical-align: middle; }
	#users #content td img { vertical-align: middle; margin: 1px 0; }
/* snatchlist */
	#content .snatchlist { 
        background-color:#C0C0C0;
	border-color:#000000;
        width:400;
    }
	#content .snatchlist td { 
        text-align:center;
    }
	.content td#sntd { text-align:center; }
/* report */
	#content .report { 
        background-color:#f5deb3;
        width:20%;
    }
	#content .report td { 
        text-align:center;
    }
	.content td#rtd { text-align:center; }
	#content td a:link, #content td a:visited {color:#000; font-weight:700;}
	#content td a:hover, #content td a:focus {color:#600; font-weight:700;}   
	#content div.submit-area {text-align:center;}
	.frame, .edit-frame {
		width:680px;
		margin:0 auto 20px; padding:0 10px /*20px*/ 5px;
		text-align:left;
		background:#C0C0C0;
	}
	#poll, .old-poll, #news #content form {text-align: center;}
/* bookmarks */
	#bookmarks .frame {padding-bottom: 10px;}
/* reseeds */
	#reseed-requests .frame p:last-child {margin-bottom: 5px;}
/* top 10 */
	#top-10 #content td { vertical-align: middle; }
	#top-10 #content td img { vertical-align: middle; margin: 1px 0; }
/**/
/* 9: Home
================================*/
	#news-items {padding-bottom: 10px;}
	#news-items div {padding:10px 30px;}
	#news-items div.message-text {background-color:#808080; padding:10px;}
	#news-items p.no-news {padding: 5px;}
	.poll-results {
		width:600px;
		background:#808080;
		margin:0 auto; padding:10px;
		text-align:left;
	}
	#content #poll {text-align: center; padding-bottom: 10px;}
	#poll div {margin:10px 0 0;}
	#poll form {width:300px; margin:auto;}
	.poll-answer {float:left; width:270px; border-bottom:1px dotted #666;}
	.poll-chosen {color: #600;}
	.poll-response {margin:0 0 2px 270px; display: block;}
	.poll-count {width: 30px; display: inline-block; text-align: right; padding-right: 5px;}
	.poll-bar {border-left:solid #C6C6C6; padding:0 0 0 10px;}
	#stats ul {
		width:18em;
		background:#808080;
		margin:0 auto 5px; padding:10px 10px 5px;
		text-align:left;
	}
	#stats li span {float:left; font-weight:700;}
	#stats li span.statistic {
		float:none;
		display:block;
		font-weight:300;
		text-align:right;
		margin:0 0 5px 14em;
		border-left:1px solid #000;
	}
	.columns {
		width: 880px;
		margin: 0 auto;
	}
	.column1 {
		width: 580px;
		float: left;
	}
	.column1 .frame {
		width: 560px;
	}
	.column1 #news-items div { padding: 0; }
	.column1 #news-items div.message-text { padding: 10px; margin-bottom: 10px; }
	.column1 #news-items div:last-child div.message-text { margin-bottom: 5px; }
	.column1 #news-items { padding-bottom: 5px; }
	.column1 #news-items p.no-news { margin-bottom: 5px; }
	.column1 #news-items div img { max-width: 540px; }
	.column2 {
		width: 280px;
		float: right;
	}

	.column2 .frame {
		width: 260px;
	}
	.column2 .poll-results { width: 240px; padding-bottom: 8px; }
	.column2 #poll form { width: 240px; }
	.column2 .poll-answer { float: none; display: block; width: 240px; }
	.column2 .poll-response { margin-left: 0; }
	.column2 .poll-count { width: 30px; padding-right: 5px; }

/* 10: Browse Torrents
===============================*/
	#categories {
		margin:5px auto 10px;
		max-width:825px;
		border:1px solid #000;
		padding:5px;
	}
	#categories div, #search-bar div {display:inline;}
	#search-bar div {display:inline-block;}
	#categories div input[type="checkbox"], #search-bar input[type="checkbox"] {vertical-align:bottom;}
	#torrents #content table {background-color:#000;}
	#torrents p {margin:0 auto; width: 45em;}
	#torrents td.tor-name {text-align:left; font-weight: 700; white-space:nowrap;}
	#torrents h2 {text-align:center;} /* "Search results for ...:" */
	tr.bonus td {background-color:#DADADA;}
	tr.plain td {background-color:#DADADA;}
	tr.special td {background-color:#B3B3B3;}
	tr.elite td {background-color:#939393;}
	/* 10.a: Details / User Details */
		.keyvalue-pairs {width:780px; margin: auto auto 10px; background:#C0C0C0; text-align:left; border-top: 1px solid #000;}
		.keyvalue-pairs div {padding: 5px; border-bottom: 1px solid #000;}
		.keyvalue-pairs div div {padding: 0; border-bottom: 0;}
		.keyvalue-pairs div div.value {display: inline;}
		#details #content .key, #userdetails #content .key {font-weight: 700;}
		#details .deletion-note {display: inline-block; width: 50%; vertical-align: top; text-align: center; background-color: #a0a0a0; border: 1px dotted #666; padding: 0 0.25em;}
		.wide-frame {width:880px; text-align: center;}
		/* #userdetails #content td{text-align:left;} */
		#details h3, #userdetails h3, #comments h3 {text-align:center; font-size:1.4em;}
		#comments h3 {margin-bottom: 10px;}
		#userdetails #content ul img {max-width:500px;}
		#userdetails span.title, #userdetails img.country, #userdetails img.avatar {
			display:block; 
			margin:2px auto; 
			max-width:150px;
		}
	/* 10.b: Edit user / Edit torrent / Upload */
		#edit .edit-frame, #userdetails .edit-frame {padding-bottom: 10px;}
		.edit-frame form {
			margin:0 auto;
			padding:5px 10px 10px;
			width:500px;
			background:#808080;
		}
		.edit-frame div {border-bottom:1px solid #000; padding:5px 0 5px;}
		.edit-frame label {font-weight:700; display:block;}
		.edit-frame .radio label, .edit-frame .select label, .edit-frame .checkbox label{display:inline;}
		.edit-frame .priv-box,.edit-frame .priv-box label {display: inline; border-bottom: none;}
		#edit-invites {border-top:1px solid #000; margin:2px 0 0 0;}
		#edit .deletion-note {text-align: center; background-color: #a0a0a0; border: 1px solid #909090; padding: 5px; margin: 5px 0 0;}
	/**/
	/* 10.c: Comments */
		#startcomments {width:750px; margin: 0 auto 20px;}
		.comment-box {border:10px solid #C0C0C0; text-align:left; zoom: 1;}
		.comment-box:after {
		    content:".";
		    display:block;
		    height:0;
		    clear:both;
		    visibility:hidden;
		}
		.comment-meta {background:#C0C0C0; padding:0 0 5px;}
		div.comment-right {float: right;}
		.comment-number {display:none;}
		#details img.avatar, #comments img.avatar {
			float:left; 
			margin:0 5px 0 0; 
			max-width:150px; max-height: 150px;
		}
		#details div.submit-area {margin: 5px 0;}
		#details div.comment-text, #comments div.comment-text {margin:5px 5px 5px 155px; padding:5px 0 5px 5px; border-left:1px solid #666;}
		#content /*div.comment-text*/ .quote-meta {padding: 0 5px; margin: 5px 0 0 0; background-color: #666; border: 1px solid #666; border-bottom: 0;}
		#content /*div.comment-text*/ .quote-text {padding: 5px; margin-bottom: 5px; border: 1px solid #666;}
		#content div.edited-text {margin:-5px 5px 5px 155px; padding: 5px 0 5px 5px; border-left:1px solid #666;}
		#content div img {max-width:600px; max-height:800px;}
		.comment-box.highlighted .comment-meta {background-color: #ffff90; padding: 5px;}
		/*.comment-box.highlighted  {background-color: #ffff90;}
		.comment-box.highlighted div.comment-text {border-left: 1px solid #9999c0 !important;}
		.comment-box.highlighted .quote-meta {background-color: #9999c0 !important; border-color: #9999c0 !important;}
		.comment-box.highlighted .quote-text {border-color: #9999c0 !important;}
		.comment-box.highlighted div.edited-text {border-color: #9999c0 !important;}*/
	/**/
/* 11: Profile / Friends
================================*/
	#profile input, #profile label {display:inline;}
	#profile #welcome {font-size:1.5em;}
	#profile h3 {font-size:1.5em; border-bottom:1px dashed #000; margin: 0 0 5px;}
	#profile div.edit-frame {margin-bottom: 5px; padding-bottom: 10px;}
	#profile div.edit-frame div {border-bottom:1px dotted #000; padding:0;}
	#profile div.edit-frame div.profile-cat div {padding:6px 0 2px;}
	#profile div.edit-frame input[type="checkbox"],
	#profile div.edit-frame input[type="radio"] {vertical-align: bottom;}
	#profile div.edit-frame input.text {display:block;}
	#profile div.edit-frame div:last-child {border:none;}
	#profile div.edit-frame div.profile-cat {border-bottom:2px solid #000;}
	#profile div.submit-area {margin-top: 10px;}
	#profile div.submit-area input {padding: 0.30em 0.6em;}
	#friends .frame ul {margin:0 auto; width:600px;}
	#friends .frame li {
		background:#808080;
		border:1px solid #000;
		margin:5px; padding: 10px;
		float:left;	
	}
	#friends-list li {width:268px; height:110px;}
	#friends .avatar {display: block; max-width:150px; max-height:75px;}
	#friends-list:after, #blocks-list:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
/**/
/* 12: Upload / FAQ
================================*/
	#upload #content h3 {margin: 10px 0 0 0;}
	#upload-missing .frame ol span {display:block; text-indent:10px;}
	#upload .frame ol, #upload .frame ul, #upload-missing .frame ol, #upload-missing .frame ul {margin:0 /*0 10px*/;}
	#upload .frame {padding-bottom: 10px;}
	#upload .edit-frame {padding-bottom: 10px;}
	#faq .frame ol, #upload .frame ol {margin:0 0 5px 18px; padding:0; list-style-type:decimal; text-indent:-4px;}
	#faq .frame ul {margin:0 0 5px 17px; padding:0; list-style-type:disc; text-indent:-3px;}
	#upload .frame ul {margin:0 0 0px 17px; padding:0; list-style-type:disc; text-indent:-3px;}
	#faq .frame {padding-bottom: 5px;}
	#log #content td {text-align:left}
	#log #content td a {font-weight:normal;}
	#log .frame {padding-bottom: 5px;}
/**/
/* 13: PayPal Status
================================*/
	a.balance {font-weight:700;}
	a:link.balance, a:visited.balance {color:#fff;}
	a:hover.balance, a:focus.balance {color:#900;}
	.enough {color:#070; font-weight:700;}
	.pocket {color:#900; font-weight:700;}
	#paypal-status p {text-align:center;}
/**/
/* 14: BBCode
================================*/
	#bbcode-frame dl dt { margin: 0; float: left; clear: both; }
	#bbcode-frame dl dd { margin: 0 0 0 1em; padding-left: 5em; }
	#bbcode-frame p { clear: both; }