/* ----------------------------------------- Structure Controls ------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#666666;
	background-image: url(images/background2.jpg);
	background-repeat: repeat;
}
#main {
	margin: auto;
	width: 812px;
}
#wrap {
	background-image: url(images/main_bg.jpg);
	background-color: #FFFFFF;
}
#top_edge {
	width: 812px;
	height: 13px;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;
}
#bottom_edge {
	width: 812px;
	height: 13px;
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
}
/* ----------------------------------------- Header Controls ------------------------------------------------- */
#header {
	width: auto;
	height: 138px;
	background-image: url(images/header.jpg);
	background-color: #FFFFFF;
}
#header img {
	border: none;
}
#header span {
	float: right;
	margin-top: 65px;
	padding-right: 8px;
	font-family: Garamond, "Lucida Sans";
}

/* ----------------------------------------- Body Controls ------------------------------------------------- */
#content {
	width: auto;
	margin: 0px 12px 0px 12px;
}
#text {
	margin: 10px 10px 10px 0;
	width: 578px;
	background-image: url(images/hat.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 75px;
	float: right;
}
#text p {
	padding: 15px 0 15px 5px;
}
#text ul  {
	padding: 15px 5px 5px 40px;
}
.updates {
	margin-top: 10px;
}
.updates dt {
	padding-left: 5px;
	font-weight: bold;
}
.updates dd {
	margin-left: 20px;
	font-style: italic;
}
.checks {
	list-style-image: url(images/check.gif);
}
.x {
	list-style-image: url(images/x.gif);
}

/* ----------------------------------------- Sidebar Controls ------------------------------------------------- */

#sidebar {
	float: left;
	background-image:url(images/banner.jpg);
	background-repeat: repeat-y;
	width: 185px;
	background-color: #FFFFFF;
}
#sidebar a {
	color: #000000;
}
#sidebar a:active,
#sidebar a:focus,
#sidebar a:hover {
	font-weight:bold;
}
#sidebar ul {
	white-space: nowrap;
	margin-left: 10px;
	list-style: none;
	width: auto;
	color: #FFFFFF;
	padding: 5px;
}
#sidebar ul ul {
	list-style: url(images/orb.gif);
}
#sidebar ul ul li {
	margin-left: 25px;
	text-indent: 0;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-decoration: underline;
}
#top_of_sidebar {
	background-image: url(images/top_of_sidebar.jpg);
	background-repeat: no-repeat;
	width: 190px;
	height: 10px;
}
#bottom_of_sidebar {
	background-position: bottom;
	background-image: url(images/bottom_of_sidebar.jpg);
	background-repeat: no-repeat;
	width: 190px;
	height: 175px;
}
.spacer {
	height: 100px;
}
/* ----------------------------------------- Footer Controls ------------------------------------------------- */

#footer {
	clear: both;
	background-color: #000000;
	background-image: url(images/footer.jpg);
	background-repeat: repeat-x;
	height: 80px;
	width: auto;
	margin: 10px 15px 2px 15px; 
	border: 2px solid black;
	color: #FFFF66;
}
#footer p {
	margin: 20px;
}
#footer a {
	color: #FFFF66;
}
div#footer img {
	margin: 10px;
	border: 0;
}

/* ----------------------------------------- Generic Styles ------------------------------------------------- */
#copyright {
	float: left;
}
#ads {
	float: right;
}
#text h2 {
	color: red;
	font-size: 22px;
	font-weight: bold;
	display: block;
	width: auto;
	border-bottom: 1px solid #000000;
	font-family: "Courier New", Courier, monospace;
	padding-left: 5px;
}
#sidebar h3 {
	color: #000000;
	margin: 5px;
	margin-bottom: 5px;
	display: block;
	width: 145px;
	border-bottom: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#text h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	width: 75%;
	border-bottom: 1px solid black;
	color: #FF6600;
	padding-left: 5px;
}
.formerwork {
	margin-left: 0px;
	margin-top: 5px;
}
.formerwork li {
	list-style: circle;
}
.formerwork dd {
	 font-style: italic;
	 margin-left: 5px;
	 font-size: 15px;
}
.formerwork dt {
	font-weight: bold;
	
}
.formerwork dd li {
	font-style: normal;
}
.codebox {
	background-color: #F0F1FF;
	color: Black;
	white-space: pre;
	font-size: 85%;
	font-family: "Times New Roman", Times, serif;
	border: 2px solid black;
}

/* ----------------------------------------- Video Page Styles ------------------------------------------------- */
.videos {
	margin-left: 10px;
	margin-top: 5px;
}
.videos li {
	list-style: none;
}
.videos dd {
	 font-style: italic;
	 margin-left: 5px;
	 font-size: 15px;
}
.videos dt {
	font-weight: bold;
	
}
.videos dd li {
	font-style: normal;
}
/* ----------------------------------------- Arcade Styles ------------------------------------------------- */
div #arcadegateway {
	margin: 30px 20px 0px 20px;
	padding: 180px 0px 0px 45px;
	height: 450px;
	width: 450px;
	background-image:url(images/arcade/magic_orb.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	border: none;
}
.arcadeentrance {
	border: none;
}
.game {
	margin: 10px;
	height: 155px;
	border: 1px solid black;
	padding: 4px;
	background-color:#00CCFF;
	background-image: url(images/arcade/game.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.game:hover {
	background-color:#00FF99;
}
.game img {
	float: left;
	border: 2px solid black;
}
.game p {
	margin-left: 160px;
}
.game ul {
	margin-left: 150px;
}
.game h4 {
	position: relative;
	left: 10px;
	text-decoration:underline;
}
#musicplayer{
	position: relative;
	left:180px;
	top: -30px;
}
#gotd {
	background-image:url(images/arcade/king.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
/* ----------------------------------------- Daily Poll Styles ------------------------------------------------- */
div.poll {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width: 145px;
	padding: 10px;
	white-space: normal;
	color: black;
}
.sidebar_poll {
	margin-left: 5px;
	margin-top: 5px;
}
.poll .submit {
	margin-top: 5px;
}