@charset "utf-8";
/* Tinwatchman Character Generator CSS */

#wrap {width:900px; margin:0; padding:0; border:0;}
#header {width:880px; float:left; clear:both; margin:0 0 25px 0;; padding:10px 0 25px 10px; border-bottom:1px solid #000;}
#right {width:190px; min-height:100px; float:left; clear:right; margin:0; padding:0 10px 0 0; border:0;}
#content {width:650px; min-height:100px; float:left; clear:none; margin:0; padding:0 25px; border:0;}
#footer {width:880px; float:left; clear:both; margin:25px 0 0 0; padding:25px 10px; border-top:1px solid #000; text-align:center;}
h1 {font:bold 30px/1.333em Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; border:0;}
h1 a, h1 a:visited, h1 a:hover {text-decoration:none; color:#000;}
h2 {font:normal 11px/1.333em Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; border:0;}
h3 {font:bold 18px/1.333em Verdana, Arial, Helvetica, sans-serif; color:#000;}
h4 {font:bold 12px/1.333em Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0;}
h3.printdata {margin:0; padding:0; font:bold 18px/1.333em Verdana, Arial, Helvetica, sans-serif; color:#000;}
h4.printdata {margin:0; padding:0; font:bold 12px/1.333em Verdana, Arial, Helvetica, sans-serif;}
h5, #content p h5 {font:bold 11px/1.333em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#content p, #content ul, #content table, #footer {font:normal 11px/1.333em Verdana, Arial, Helvetica, sans-serif;}
a {color:#000;}
a:visited {color:#666666;}
a:hover {color:#AAA;}
ul#nav {display:block; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #000; list-style:none;}
ul#nav a, ul#nav a:visited { display:block; width:168px; margin:0; padding:10px 5px; color:#000; text-decoration:none; }
ul#nav li {display:block; width:178px; margin:0; padding:0; border-left:1px solid #666; border-right:1px solid #666; font:normal 10px/1.2em Verdana, Arial, Helvetica, sans-serif; }
ul#nav li:hover, ul#nav li a:hover {background-color:#000; color:#FFF;}
ul#nav li:hover a, ul#nav li a:hover, ul#nav li:hover a:visited {color:#FFF; text-decoration:none;}  
ul#nav li.label, ul#nav li.label:hover {text-align:center; background:#000; color:#FFF; padding:10px 0; border:1px solid #000;}
ul#nav li.navtop {border-top:1px solid #666;}
ul#nav li.navlast {border-bottom:1px solid #666;}
#stats {margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #000; font:normal 11px/1.333em Verdana, Arial, Helvetica, sans-serif; color:#000;}
#stats p {margin:5px 0; padding:0; border:0;}
#proginfo, #contactinfo {font:normal 11px/1.333em Verdana, Arial, Helvetica, sans-serif;}
#chargen-holder {width:400px; height:600px; margin:0 auto 15px auto; padding:10px; border:1px solid #000;}
#social {margin:15px 0; padding:15px 0; border-top:1px solid #000; border-bottom:1px solid #000; list-style:none; font:normal 11px/1.333em Verdana, Arial, Helvetica, sans-serif; color:#000;}
#social li {display:block; margin:0; padding:10px 5px;}
#social li a, #social li a:visited {text-decoration:none; color:#000;}
#social li a:hover {color:#666666;}
#social li .fb_share_link {height:16px; padding:2px 0 0 20px; background:url(images/facebook_share_icon_bw.gif) no-repeat top left;}

/* Full Stats CSS */
table.statsdata {width:650px; margin:0 0 25px 0; padding:0; border:0; table-layout:auto; border-collapse:collapse;}
table.statsdata th {margin:0; padding:10px 0; border:1px solid #000;}
table.statsdata td.label {width:88px; margin:0; padding:10px 0; border-right:1px solid #000; border-bottom:1px solid #000; font-weight:bold;}
table.statsdata td.data {width:540px; margin:0; padding:10px 0 10px 10px; border-bottom:1px solid #000;}
div.bar {max-width:500px; min-width:1px!important; height:10px; float:left; clear:none; margin:3px 10px 0 0; padding:0; border:0; background-color:#555555; vertical-align:text-bottom;}
div.percentage {max-width:38px; float:left; clear:none; margin:0; padding:0; border:0; white-space:normal; font:normal 10px/1.333em Verdana, Arial, Helvetica, sans-serif;}

/* Print CSS */
#printcontrols {margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:1px solid #000; font:normal 11px/1.333em Verdana, Arial, Helvetica, sans-serif; color:#000;}
.hidethis {display:none;}
.showthis {display:block;}
br.showthis {display:inline;}

/* Self Clearing Floats */
.clearthis:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE 6 Self Clear Floats */
* html .clearthis {
	height: 1%;
}
/* IE 7 Self Clear Floats */
*:first-child+html .clearthis {
	min-height: 1px;
}