/* artoon factory mk2 stylesheet - john reddie - february 2007 */

body					{ background: #ffffff url('../art/artoon2_bg.jpg') center repeat; font-family: tahoma, verdana, sans-serif; font-size: 13px; font-weight: 100; color: #333333; overflow: hidden; }

p						{ letter-spacing: 1px; } 

b						{ font-weight: 600; }

h3						{ font-size: 18px; font-weight: 600; letter-spacing: 3px; color: #ffffff; width: 540px; background-color: #999999; border: 1px solid #666666; }
h2						{ font-size: 14px; font-weight: 600; margin: 0px; margin-top: 2px; padding: 6px; letter-spacing: 1px; color: #ffffff; width: 168px; background-color: #333333; border: 1px solid #000000; }
h1						{ font-size: 18px; font-weight: 600; color: #333333; margin-top: 2px; margin-bottom: 2px; }

.logo					{ background-color: #ffffff; margin-top: 5px; padding-top: 5px; border: 1px solid #000000; }
.biglogo				{ background-color: #ffffff; margin-top: 50px; padding: 20px; padding-top: 50px; margin-top: 50px; border: 1px solid #000000; }
.foottext				{ color: #ffffff; }
.thumb					{ padding: 1px; margin: 3px; border: 1px dotted #999999; }
.plain					{ margin: 20px; background: #ffffff; width: 1100px; }
.artwork				{ float: right; padding: 1px; margin: 20px; margin-top: 3px; margin-right: 0px; border: 1px solid #999999; background-color: #ffffff; }
.border					{ border: 1px solid #333333; }
.info_text				{ font-size: 12px; letter-spacing: 0px; }
.alt_text				{ font-size: 11px; color: #333333; }
.alt					{ border: 1px solid #333333; margin-right: 2px; }
.alt_main				{ border: 2px solid #ff0000; margin-right: 2px; }
.notes					{ width: 600px; color: #333333; margin: 20px; background: #ffffff; line-height: 20px; }

#click					{ position: absolute; width: 400px; top: 60px; left: 50%; margin-left: -200px; z-index: 100; }
#lhs_strip				{ position: absolute; bottom: 10px; left: 50%; margin-left: -425px; z-index: 50; }
#rhs_strip				{ position: absolute; top: 10px; left: 50%; margin-left: 402px; z-index: 50; }
#smart-art				{ position: absolute; top: 495px; left: 50%; width: 720px; margin-left: -361px; z-index: 20; padding: 1px; }
#main					{ position: absolute; width: 720px; top: 24px; left: 50%; margin-left: -360px; }
#artinfo				{ position: absolute; width: 172px; height: 194px; top: 225px; left: 50%; margin-left: -360px; background-color: #ffffff; border: 1px solid #000000; padding: 4px; }
#versions				{ position: absolute; width: 172px; height: 47px; top: 434px; left: 50%; margin-left: -360px; background-color: #ffffff; border: 1px solid #000000; padding: 4px; }

#scrollU				{ position: relative; bottom: -14px; left: 0px;  height: 20px; width: 40px; z-index: 100; }
#scrollL				{ position: relative; bottom: -12px; left: -30px;  height: 40px; width: 20px; z-index: 100; }
#scrollR				{ position: relative; bottom: 26px; left: 30px;  height: 40px; width: 20px; z-index: 100; }
#scrollD				{ position: relative; bottom: 28px; left: 0px;  height: 20px; width: 40px; z-index: 100; }

#news					{ position: absolute; bottom: 30px; left: 50%; margin-left: -220px; height: 40px; width: 120px; z-index: 50; }
#home					{ position: absolute; bottom: 30px; left: 50%; margin-left: -60px; height: 40px; width: 120px; z-index: 50; }
#about					{ position: absolute; bottom: 30px; left: 50%; margin-left: 100px;  height: 40px; width: 120px; z-index: 50; }

#prev					{ position: absolute; top: 254px; left: 50%; margin-left: -168px; height: 40px; width: 20px; z-index: 100; }
#next					{ position: absolute; top: 254px; left: 50%; margin-left: 363px; height: 40px; width: 20px; z-index: 100; }


a:link.button			{ color: #666666; text-decoration: none; }
a:active.button			{ color: #666666; text-decoration: none; }
a:visited.button		{ color: #666666; text-decoration: none; }
a:hover.button			{ color: #ffffff; text-decoration: none; background-color: #333333; padding: 3px; padding-top: 1px; padding-bottom: 1px; border: 1px solid #000000; }