@charset "UTF-8";
/* CSS Document */

body
{ 
	text-align: center;
	min-width: 900px;
	background: #000000;
	background-image: url(images/prpl-flow.jpg);
	background-repeat: repeat;
	background-attachment: fixed;

	font-family: Comic Sans MS;
	font-size:12px;
	color: #FFFFFF ;

	scrollbar-face-color:#000000;
	scrollbar-arrow-color:#990099;
	scrollbar-track-color:#990099;
	scrollbar-shadow-color:#660066;
	scrollbar-highlight-color:'';
	scrollbar-3dlight-color:#660066;
	scrollbar-darkshadow-Color:#4b0049;
}

A:link
{ text-decoration: none; color:#990099; }
A:visited
{ text-decoration: none; color:#660066; }
A:active
{ text-decoration: none; color:#660066; }
A:hover
{ text-decoration: underline overline; color:#FF0000; }


#wztitle {
	background-image:url(images/WZTitleBack.png);
	background-repeat:no-repeat;
	width: 900px;
	height: 112px;
	margin:0 auto;
	text-align: center;
}

#wzlogo {
	float:right;
	margin-top: 54px;
	margin-right: 54px;
	border: 0;
}

#wzmenu {
	background-image:url(images/WZMenuBack.png);
	background-repeat:no-repeat;
	width: 846px;
	height: 32px;
	margin:0 auto;
	padding-right:54px
}

#menu {
	float:right;
	border: 0;
	margin-right: 52px;
}

#sog {
	background-image:url(images/WZSOGBack.png);
	background-repeat:no-repeat;
	width: 900px;
	height: 69px;
	margin:0 auto;
	text-align: center;
}

#wzcontent {
	background-image:url(images/WZContentBack.png);
	background-repeat:repeat-y;
	width: 900px;
	height: 900px;
	margin:0 auto;
	text-align: center;
	z-index: -1;
}

#wznews {
	float:left;
	margin-left: 52px;
	width: 498px;
	height: 870px;
	overflow:auto;
	text-align:left;
	display:inline;
}

h3 {text-decoration:underline;}
h4 {text-align:right;}

#wzsidebar {
	float:left;
	width: 298px;
	height: 870px;
	overflow:auto;
	text-align:center;
}

#twitter_div {
	font-family: Comic Sans MS;
	font-size:12px;
	text-align:left;
	list-style-type:circle;
	width: 270px;
}

#wzfooter {
	background-image:url(images/WZFooterBack.png);
	background-repeat:no-repeat;
	width: 900px;
	height: 240px;
	margin:0 auto;
	text-align: center;
}


#dropMenu {padding:0; margin:0; list-style:none; width:641px; height:32px; background:url(images/WZMenu.png); float:right;}
#dropMenu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}

#dropMenu li {float:left; margin-right:25px;}
#dropMenu li.last {margin:0;}
#dropMenu li a {display:block; float:left; height:32px; text-decoration:none; text-align:center;}
#dropMenu li a b {position:absolute; left:-9999px;}

#dropMenu li a#home {width:70px;}
#dropMenu li a#art {width:48px;}
#dropMenu li a#comics {width:85px;}
#dropMenu li a#tests {width:160px;}
#dropMenu li a#forums {width:85px;}
#dropMenu li a#links {width:68px;}

#dropMenu li:hover {position:relative;}
#dropMenu li a:hover {position:relative; border:0;}
#dropMenu :hover ul {left:-20px; top:32px; background:#96258a url(images/dropBack.gif) repeat-x; border:3px solid #4b0049; text-align:center;}
#dropMenu li {text-align:center;}
#dropMenu :hover ul.drop1 {left:-30px; width:100px;}
#dropMenu :hover ul.drop2 {width:115px;}
#dropMenu :hover ul.drop3 {width:190px;}
#dropMenu :hover ul.drop1 li a {width:100px;}
#dropMenu :hover ul.drop2 li a {width:115px;}
#dropMenu :hover ul.drop3 li a {width:190px;}

#dropMenu :hover ul li {padding:0; margin:0;}
#dropMenu :hover ul li a {text-align:center; border:0; padding:0; margin:0; text-decoration:none; color:#fff; font-weight:bold; white-space:nowrap; height:25px; line-height:25px;}
#dropMenu :hover ul li a:hover {background:#4b0049;}

#dropMenu table {border-collapse:collapse; width:0; height:0; position:absolute; left:0; top:0;}