@font-face {
	font-family: 'membericons';
	/*src: url('//static.thetoptens.com/font/membericons/membericons.woff');*/
	src: url('//static.thetoptens.com/font/icons/icons2.woff');
}

#col1{margin-top:0;}
h3{clear:both;margin-top:10px}

.mi {
	font-family: 'membericons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.i > b {margin-right:0px}
.i > b a, .i:not(.j) > b a {text-decoration:none}
.loadingtext{font-size:16px;color:#999999}

/*#listsmod, #commentsmod, #remixesmod, #postsmod, #postcommentsmod, #followingmod, #followersmod, #favoritesmod, h3 span, h3 em {display:none}*/

#infotable td:first-of-type{padding:0 10px 0 0}
#infotable td:nth-of-type(2){font-weight:bold}
		
#remixesmoddisplay div{width:50%;float:left;margin:10px 0}
#col1 .remix{clear:both;padding:10px 20px 0 0;display:block;font-weight:normal}
#col1 .hasimage{padding:10px 20px 0 115px;min-height:100px;}
.remix b{color:#3285A7;cursor:pointer}
#col1 .remix img{float:left;margin:0 15px 0 -115px;width:100px;height:auto}
#col1 .member{display:block;margin:10px 0 10px 0;font-size:15px;color:#639FC1;line-height:25px}
#col1 .member div{background:#BEBEBE;border-radius:3px;height:25px;width:25px;float:left;margin:0 10px 0 0}

#statsgrid{padding: 40px 0 0 0; width:92.5%}
#statsgrid > div{padding:0 0 0 7.5%;display:inline-block;height:60px;font-size:20px;color:#888485}
#statsgrid > div > span{font-size:40px;color:#E1A61B;padding-right:5px}
h3 date{font-size:11px;margin-left:8px}
		
#graph .graphbar{width:14%;background:#E1A61B;float:left;border-radius:5px 5px 0 0;margin:200px 0 0 0;line-height:25px;color:#ffffff;overflow:hidden;height:0;box-shadow:-1px 0 0 #FFFFFF inset}
#graph .graphbar:hover{opacity:.6;cursor:pointer}
#graphdates div{float:left;font-size:10px;line-height:10px;color:#666666;width:14%;text-align:center;}
.graphdetails{display:none}
		
#followingmod .member, #followersmod .member{margin:20px 20px 0 20px;float:left}

#acc{padding-bottom:20px}
#acc span{display:block;float:left;height:55px;width:55px;border-radius:6px;margin:4px;border:0px #FFFFFF solid;cursor:pointer;}
#acc span b{display:block;font-size:9px;margin:40px 0 0 0;position:absolute;letter-spacing:-.5px;text-align:center;width:55px;line-height:13px;font-weight:normal}
#acc span i{display:block;font-size:34px;margin:0;position:absolute;text-align:center;width:55px;line-height:48px;font-style:normal;padding:0;overflow:hidden;height:48px;opacity:.5;/*text-shadow:0 0 0 #FFFFFF;*/
font-family: 'icons';
	font-weight:normal;
	font-style:normal;

	/* Better Font Rendering =========== */
	-moz-osx-font-smoothing: grayscale;
}
#acc span em{display:block;font-size:22px;letter-spacing:-1px;margin:16px 0 0 0;position:absolute;text-align:center;width:55px;font-style:normal;font-weight:bold;}/*text-shadow:0 0 1px #000000, 1px 2px 2px #3F3F3F}*/
#acc .lvl1{background:#919399;color:#ffffff;}/*text-shadow:0 0 2px #3F3F3F}*/
#acc .lvl2{background:#7c9c35;background:#89A649;color:#ffffff;}/*text-shadow:0 0 2px #3F3F3F}*/
#acc .lvl3{background:#e1a61b; color:#ffffff;}/*text-shadow:0 0 2px #3F3F3F}*/
#acc .lvl4{background:#639fc1; background:#73A9C7;color:#ffffff;}/*text-shadow:0 0 2px #3F3F3F}*/
#acc span em{text-shadow:0 1px 4px rgba(0,0,0,.3)}
				
#acctext{position:absolute;margin:0;padding:5px 0 4px 0;min-height:46px;display:block;font-size:9px;line-height:11px;font-weight:normal;background:#fff;
background:-moz-linear-gradient(top,#fff 0,#ebebeb 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#ebebeb));
background:-webkit-linear-gradient(top,#fff 0,#ebebeb 100%);
background:-o-linear-gradient(top,#fff 0,#ebebeb 100%);
background:-ms-linear-gradient(top,#fff 0,#ebebeb 100%);
background:linear-gradient(to bottom,#fff 0,#ebebeb 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ebebeb',GradientType=0);
border:1px #c5c5c5 solid;border-radius:6px;color:#2F2F2F;text-shadow:0 0 0 #FFFFFF;text-align:center;width:53px;z-index:5}
		
.membermod{width:100%;margin:0 0 20px 0;}
.membermod h3{cursor:pointer}
.membermod .membermodpad{padding:10px;line-height:24px}
.membermod .membermodpad i{position:absolute;margin:0 0 0 0;font-style:normal}
.membermod .membermodpad b{margin:0 0 0 80px;}
.membermod .membermodpad span{font-size:8px}
		
/*.socialicon{display:block;float:left;height:54px;width:56px;background:url('//static.thetoptens.com/img/membersocialicons.jpg');-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear;}*/
.socialicon{display:block;float:left;font-size:60px;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear;margin-top:20px}
.socialicon:hover{opacity:.70}
		
#socialbuttons{float:right;width:100%;margin-top:-55px}

#updateimage{position:absolute;width:140px;margin-top:124px;color:#F5F5F5;background:#888485;opacity:.6;height:25px;padding:0 5px 0 5px;line-height:25px;font-size:11px;cursor:pointer; border-radius:0 0 5px 5px;border-top:1px solid #bebebe;left:0}
#updateimage .g{position:relative;margin:0 5px 0 0;line-height:25px}

/* NEW PAGE STYLES */

#userinfo{padding:0 0 0 0;position:relative;width:100%;min-height:150px}
			#userinfo img{margin:0 20px 10px 0;border-radius:5px;width:150px;height:150px;object-fit:contain;background:#E9E9E9;float:left}
			#userinfo strong{display:block;font-size:40px;line-height:40px;padding-top:10px;font-weight:normal}
			#userinfo em{float: right;color: #BEBEBE;font-size: 10px;cursor: pointer;margin: 0 0 10px 10px;text-align: center;line-height: 13px;font-style:normal}
			#userinfo em:last-of-type{margin-left:50px}
			#userinfo em .g{font-size:16px;display:block}
			#userinfo .favorite{color: #E99A00;}
			#userinfo div{display:inline-block;margin:5px 0 20px 0;padding-bottom:35px}
			.socialicon{margin:8px 0 0 0;font-size:40px}
			
			#userinfo #socialinfo{position:absolute;right:0;bottom:0;margin:0;padding:0;text-align:right;}
			
			#socialinfo{height:25px;}
			#socialinfo > div{padding:0 0 0 10px;display:inline-block;height:30px;font-size:10px;color:#888485}
			#socialinfo > div > span{font-size:20px;color:#E1A61B;padding-right:3px}
			
			#socialpoptable{max-height:400px;overflow:scroll;overflow-x:hidden;line-height:25px;font-size:15px;}
			#socialpoptable table{width:100%;overflow:hidden;border-spacing: 0px; border-collapse: separate}
			#socialpoptable td{padding:5px 0 5px 0;margin:0}
			#socialpoptable td:first-of-type{width:25px;height:25px;padding-left:5px}
			#socialpoptable td:nth-of-type(2){padding-left:12px;width:100%;max-width:149px;overflow:hidden}
			#socialpoptable td:nth-of-type(3){padding:0 5px 0 12px;width:25px;height:25px;color:#bebebe}
			#socialpoptable td:nth-of-type(3) i{cursor:pointer}
			#socialpoptable img{display:block}
			
			#fav {padding:20px 0 20px 0}
			#fav div{float:left;padding:10px 10px 10px 130px;min-height:120px;width:33%;box-sizing:border-box;}
			#fav div img{float:left;height:100px;width:100px;margin:0 0 0 -120px;object-fit: cover;}
			#fav div b{display:block;margin-top:20px}
				
			#contenttable{border:0;position:absolute;right:3px;top:0;height:40px;line-height:40px;border-spacing: 0px; border-collapse: separate;}
			#contenttable td{padding:0px 2px}
			#contenttype, #contentsort, #contentcount{font-size:16px;padding:5px;}
			#contentmod{clear:both}
			#contentmod .remixdiv{width:50%;float:left;margin:10px 0;box-sizing:border-box;position:relative;padding:0 20px}
			#contentmod .remixdiv .remix b{font-weight:normal;padding-right:30px;display:inline-block}
			#contentmod .post{float:left;padding:20px 20px 0 0;margin-bottom:20px;box-sizing:border-box;position:relative;width:50%;height:170px;overflow:hidden;}
			#contentmod .post:nth-child(even){padding:20px 0px 0 20px;}
			#contentmod .post > a{font-size:18px;display:block;padding:0 30px 10px 0}
			#contentmod .postmenu, #contentmod .remixmenu{display: block;position: absolute;top: 20px;right:20px;width: 65px;text-align: right;font-size: 12px;color: #BEBEBE;cursor: pointer;}
			#contentmod .post:nth-child(even) .postmenu {right: 0px;} /*#contentmod .remixdiv:nth-child(even) .remixmenu{right: 0px;}*/
			#contentmod .remixmenu{top:10px}
			#contentmod .post #commentmenu, #contentmod .remixdiv #commentmenu{top:2px;right:0px}
			/*#contentmod .remixdiv:nth-child(even) #commentmenu{right:-10px;clear: both;}*/
			#contentimagediv{font-size:0;line-height:0;padding:2px 0 2px 0;width:calc(100% + 2px);margin-left:-1px}
			#contentmod .contentimage{width:25%;aspect-ratio: 1 / 1;cursor:pointer;display:inline-block;box-sizing:border-box;padding:1px;background:#F5F5F5}
			
			/*.i p span{line-height:20px}*/
			div.pages{margin-top:0px;padding-top:20px;clear:both;}
			
			#contentmod a.related span.feat{padding: 0 7px 0 5px;margin-top: -10px;background: #3285a7;color: #fff;border-radius: 5px;display: inline-block;line-height: 20px;margin-bottom: 10px;font-size:11px}
			#contentmod a.related span.feat:before{content: 'X';}
			#contentmod a.related span.feat:after{content: 'Featured';}
			#contentmod a.related span.fg::first-letter{font-size:10px;padding-right:3px}

			#contentmod .pages{margin:0}

@media screen and (max-width: 1100px) {
	#fav div{width:50%;}
}
	
@media screen and (max-width: 900px) {
	#contenttable{top:50px;border-spacing: 0px; border-collapse: separate;}
	#contentmod{padding-top:50px}
	#userinfo strong{font-size:35px;line-height:35px;}
	#contentmod .remixdiv{width:100%;padding:0}
	/*#contentmod .remixdiv:nth-child(even){padding:0}*/
	#contentmod .remixmenu{right:0px}
	#contentmod .post,#contentmod .post:nth-child(even){height:auto;width:100%;padding:20px 0 0 0;overflow:visible}
	#contentmod .post .postmenu{right: 0px;}
	#contentmod .post #commentmenu, #contentmod .remixdiv #commentmenu{right:-10px}
	#contentmod .contentimage{width:33.3332%;}
}

@media screen and (max-width: 600px) {
	#fav div{width:100%;}
	#userinfo strong{font-size:30px;line-height:30px;}
	#contentmod .contentimage{width:50%;}
}
			
/* END NEW PAGE STYLES */
		
@media screen and (max-width: 800px) {
	#remixesmoddisplay div{width:100%;}
	.remix:not(.hasimage){padding:10px 0 0 0;}
}

/* AJAX PAGE OVERRIDES
#col1, #col2{margin:86px 0 0 0}@media screen and (max-width: 500px) {#col1{margin:80px 0 0 0;}#col2{margin:20px 0 0 ;}}*/