@charset "utf-8";
/* 
	Universal stylesheet for tlkfanart.com 
	Author: Evan Boyes
	Updated: 11/11/2017
*/
body{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	margin:0;
	padding:0;
}
.container-full{
	margin:0 auto;
	width:100%;
	overflow:hidden;
}
img{
	border:none;
}
a:link, a:visited{
	color:#000;
}
#header{
	z-index:998;
	width:100%;
	background-color:#E7A368;
	border-bottom:1px solid #d8cfbc;
	padding:4px;
}
#header::after {
	content:"";
	display:table;
	clear:both;
}
@font-face {
    font-family:lionking;
    src:url(../fonts/lionking.ttf);
}
nav{
   background-color:#EAB17E;
   -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
   box-shadow: 1px 1px 4px 0px;
   margin-bottom:15px;
   box-sizing:border-box;
   padding:8px;
   border-radius:8px;
}
nav ul{
	padding:6px;
	margin:0;
	list-style-type:none;
}
nav ul li{
	border-radius:4px;
	float:left;
}
nav a:link,nav a:visited{
	font-family:lionking;
	font-size:1.4em;
	color:#333333;
	display:block;
	text-decoration:none;
	line-height:20px;
	padding:8px;
	border-radius:4px;
}
nav a:hover{
	background-color:#FFFAFA;
	color:#000;
}
#proNav{
	background-color:#EAB17E;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border: 1px solid #d3bfa7;
	overflow:hidden;
	margin-bottom:10px;
	box-sizing:border-box;
}
#mainContent{
	padding:20px;
	overflow:hidden;
	background-color:#E7A368;
}
#userArea{
	padding:13px 8px 8px 8px;
	background-color:#EAB17E;
	height:50px;
}
#userArea a{
	padding-right:6px;
}
#userArea img{
   vertical-align:baseline;
}
#userArea ul {
	display:inline;
	margin:0;
	padding:0 8px 0 8px ;
	list-style:none;
	text-decoration:none;
}
#userArea ul li ul li a{
	text-decoration:none;
	display:block;
	line-height:45px;
}
#userArea ul li {
	font:18px sans-serif;
	display:inline-block;
	position:relative;
	background:#EAB17E;
	padding:2px;
}
#userArea ul li:hover {
	background:#E18D43;
	color:#fff;
}
#userArea ul li ul {
	padding:4px 4px 0 4px;
	position:absolute;
	display:none;
	visibility:hidden;
	background: #ca7e3c;
	z-index:999;
	margin-top:2px;
	left:0;
}
#userArea ul li ul li { 
	background:#e7a368; 
	display:block; 
	color:#fff;
	text-shadow:0 -1px 0 #000;
	font:14px sans-serif;
	padding:6px;
	width:130px;
	float:right;
	margin-bottom:4px;
	border:1px groove #c9c9c9;
}
#userArea ul li ul li:nth-child(4), #userArea ul li ul li:nth-child(4):hover {
	float:left;
	width:110px;
	border-bottom-left-radius:6px;
}
#userArea ul li ul li:hover { background: #EAB17E; }
#userArea ul li:hover ul {
	display:block;
	width:260px;
	opacity:1;
	visibility:visible;
	color:#ffffff;
}
#userArea .module{
	background-size:113px 113px;
	background-repeat:no-repeat;
	background-position:left 5px top 5px;
}
#loginForm{
	background-color:#CA7E3C;
	position:absolute;
	z-index:999;
	padding:10px;
	border-radius:6px;
}
#banForm{
	position:absolute;
	z-index:999;
	left:50%;
	right:50%;
	top:50%;
	bottom:50%;
	width:350px;
	height:350px;
}
#deleteForm{
	position:absolute;
	z-index:999;
	left:50%;
	right:50%;
	top:50%;
	bottom:50%;
	width:350px;
	height:350px;
}
#msgNav{
	margin-bottom:12px;
}
#msgNav ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
#msgNav ul li{
	margin-right:6px;
	display:inline;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	float:left;
}
#msgNav a:link{
	text-decoration:none;
}

#newArtists{
	width:312px;
}
.module{
	background-color:#EAB17E;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.75);
	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.75);
	border-radius:8px;
	padding:10px;
	margin-bottom:4px;
	text-align:center;
}
p.desc span{
	display:inline;
	font-size:85%;
	border-bottom:1px solid #d8cfbc;
}
p.desc span:before{
	content:"\a\a";
    white-space:pre;
}

#breadcrumb{
	background-color:#B47035;
	padding:6px;
}
#headerImage{
	max-width:800px;
	max-height:146px;
	padding:0;
}
#profile_info{
	background-color:#EAB17E;
	border-radius:4px;
	padding:10px;
	border:1px solid #d3bfa7;
	text-align:left;
}
.proGalItem{
	margin-bottom:7px;
	padding:12px;
	background-color:#EAB17E;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:3px;
	border:1px solid #d3bfa7;
	text-align:center;
}
#foundArtists{
	width:33%;
	text-align:center;
}
#foundImages{
	width:33%;
	text-align:center;
}
#foundArtists table,#foundImages table{
	margin:0 auto;
}
#foundCharacters{
	width:33%;
	text-align:center;
}
#artwork{
   margin-bottom:4px;
}

#artworkEditBar{
	height:30px;
	margin:10px 0 10px 0;
	text-align:right;
}
#imageInfo{
	padding:10px;
	background-color:#EAB17E;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#artworkStats{
	padding:10px;
	background-color:#EAB17E;
	margin-top:6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#artist{
	text-align:left;
	background-color:#EAB17E;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#moreFrom{
	padding:10px;
	background-color:#EAB17E;
	margin-top:6px;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#comments{
	background-color:#EAB17E;
	border-radius:4px;
	padding:10px;
	-webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.75);
	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.75);
}
#profileComments{
	background-color:#EAB17E;
	border-radius:4px;
	padding:10px;
	margin-top:10px;
	-webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.75);
	box-shadow:1px 1px 4px 0px rgba(0,0,0,0.75);
}

article{
	min-height:50px;
	background-color:#FFF;
	border-width:2px;
	border-radius:8px;
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	margin-bottom:6px;
	-webkit-box-shadow:1px 2px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:1px 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow:1px 2px 5px rgba(0, 0, 0, 0.5);
}
article p{
	margin:2px 0 0 0;
	padding:6px;
	word-wrap:break-word;
}
header{
	background-color:#EEEEEE;
	border-radius:8px 8px 0 0;
	padding:4px;
}
header p{
	font-size:14px;
	padding:0;
	float:left;
}
article form{
	padding:8px;
}
.edit{
	float:right;
	margin-left:10px;
}
.edit a:link{
	text-decoration:none;
}
.edit a:hover{
	cursor:pointer;
}
.textarea{
	width:100%;
	min-height:60px;
	min-width:300px;
	max-width:400px;
}
.clear{
  clear:both;
}
a.com_link{
	text-decoration:none;
	color:#7b3c1b;
}
a:hover.com_link{
	text-decoration:underline;
}
.gallery{
	text-align:center;
}
.search{
    height:30px;
}
.user{
	color:#000;
}
h3.infoTitle{
	margin:0;
	padding:0;
	border-bottom:2px solid #F0E6D1;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
}
a.logo{
	margin:0px;
	padding:4px;
}
a.user:link,a.user:visited{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
a.notify:link{
	padding:6px 5px 2px 6px;
}
a.notify:link:hover{
	background-color:#E7A368;
	border-radius:2px;
}
p.desc, pre.desc{
	max-height:150px;
	margin-top:8px;
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	background-color:#FFF;
	border-radius:8px;
	padding:6px;
	word-wrap:break-word;
	overflow-y:scroll;
}
p.title{
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	margin:0;
	padding:0;
	word-wrap:break-word;
	font-weight:bold;
}
p.date{
	color:#000;
	font-size:.8em;
	font-family:Tahoma, Geneva, sans-serif;
	margin:0;
	padding:0;
	word-wrap: break-word;
}
#proGalItem p.date{
	color:#000;
	font-size:.7em;
	font-family:Tahoma, Geneva, sans-serif;
	margin:0;
	padding:0;
}
p.dimensions{
	color:#000;
	font-size:.9em;
	font-family:Tahoma, Geneva, sans-serif;
	margin:4px 0 4px 0;
	padding:0;
	border-bottom:1px solid #F0E6D1;
}
p.size{
	color:#000;
	font-size:.9em;
	font-family:Tahoma, Geneva, sans-serif;
	margin:0 0 4px 0;
	padding:0;
	border-bottom:1px solid #F0E6D1;
}
p.copyright{
	color:#000;
	font-size:.9em;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}
p.gallery{
	width:100%; 
	text-align:left; 
	margin:auto; 
	color:#000; 
	font-size:32px; 
	text-decoration:none;
}
.no-break{
	margin:0;
	padding:0;
}
table.members td{
	padding:4px;
	min-width:150px;
}
td.user{
	text-align:center;
}
img.avatar{
	width:150px;
    height:150px;
}
img.avatar50x50{
	width:50px;
	height:50px;
	margin:0 4px 6px 0;
}
img.avatar150x150{
	width:150px;
	height:150px;
}
img.result{
	width:230px;
    height:auto;
	border-width:3px;	
    border-style:groove;
	border-color:#FFFFFF;
}
img.thumb100{
	width:100px;
    height:auto;
}
img.thumb150{
	width:150px;
    height:auto;
}
img.thumb250{
	width:auto;
    height:auto;
	max-width:250px;
	margin-bottom:4px;
	-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 1);
	box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 1);
}
img.gallery{
	cursor:default;
}
img.headerImg{
	max-height:100px;
}
img.headerSmall{
	max-width:300px;
	margin:6px 0 6px 0;
}
.bodyText{
	text-align:center;
	font-size:18px;
}
.textbox{
	border:1px solid #c4c4c4; 
    height:26px; 
    font-size:16px;
    border-radius:3px;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
}
.textbox:focus{ 
    outline:none; 
    border:1px solid #7bc1f7; 
    box-shadow:0px 0px 8px #7bc1f7; 
    -moz-box-shadow:0px 0px 8px #7bc1f7; 
    -webkit-box-shadow:0px 0px 8px #7bc1f7; 
}
.members td{
	padding:4px;
	min-width:150px;
}
footer{
	padding:10px;
	color:#000;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	clear:both;
	background-color:#B47035;
}
.validated{
	float:right;
}
.indent1{
	margin-left:10px;
}
.indent2{
	margin-left:20px;
}
.indent3{
	margin-left:30px;
}
.indent4{
	margin-left:40px;
}
.indent5{
	margin-left:50px;
}
.indent6{
	margin-left:60px;
}
.indent7{
	margin-left:70px;
}
.indent8{
	margin-left:80px;
}
.indent9{
	margin-left:90px;
}
.indent10{
	margin-left:100px;
}
.indent11{
	margin-left:110px;
}
.indent12{
	margin-left:120px;
}
.indent13{
	margin-left:130px;
}
.indent14{
	margin-left:140px;
}
.indent15{
	margin-left:150px;
}