/* reset styles */
html, body, div, h1, h2, h3, p, ol, ul, li, dl, dt, blockquote, form { margin:0; padding:0; }
img { border: 0; }
html { font: 62.5%/1.4 "Chalkboard", Arial, Verdana, sans-serif; }
.clear { clear: both; }

/* typography */
h2 { font-size: 1.8em; margin-bottom: 15px; }
p { font-size: 1.4em; margin-bottom: 10px; }
a { color: #336633; text-decoration: none; }

/* logo */
h1 { background: url(../images/logo.png) no-repeat; width: 239px; height: 151px; float: left; margin-left: 20px;  }
h1 a { text-indent: -9999px; display: block; width: 239px; height: 149px; }

/* play button */
#playNow { width: 256px; height: 149px; float: right; margin-right: 35px; }
#playNow a { text-indent: -9999px; display: block; width: 256px; height: 149px; background: url(../images/play_button.png) no-repeat 0 0; cursor: pointer; }
#playNow a:hover { background-position: -266px 0; }

/* layout */
#container { width: 1032px; margin: 0 auto; height: 1170px; background: url(../images/bkgnd.jpg) no-repeat -34px 0; }
#header {
	width: 100%;
	height: 160px;
	position: relative;
	padding-top: 50px;
	margin-bottom: 10px;
	/*left: 22px;*/
	top: 16px;
}
#content { width: 866px; margin: 0 auto; height: 506px; background: url(../images/content_panel.jpg) no-repeat; padding-top: 80px; margin-top: 26px; }
#helpcontent { width: 866px; margin: 0 auto; height: 556px; background-color:#003300; }
/*#innerPanel { width: 650px; height: 405px; margin: 0 auto; }*/
#innerPanel { width: 720px; height: 485px; margin:0px; }
#helpinnerPanel { width: 650px; height: 405px; background-color:#FFFFFF; margin-left:100px; margin-top:50px; margin-right:100px; margin-bottom:50px; }
#menu { width: 100%; position: relative; margin-top: 10px; }
#footer { width: 100%; }

/* navigation */
#menu ul { list-style-type: none; width: 100%; height: 221px; }
#menu li { float: left; width: 170px; height: 221px; }
#menu li a { display: block; width: 170px; height: 221px; text-indent: -9999px; }

li#parents { background: url(../images/menu_parents_page.png) no-repeat 0 0; margin-left: 50px; }
li#wiggins { background: url(../images/menu_wiggins.png) no-repeat 0 0; margin-left: 20px; }
li#email { background: url(../images/menu_email.png) no-repeat 0 0; margin-left: 20px; }
li#about { background: url(../images/menu_about.png) no-repeat 0 0; margin-left: 20px; }
li#stuff { background: url(../images/menu_stuff.png) no-repeat 0 0; margin-left: 20px; }

li#parents:hover { background-position: -173px 0; }
li#wiggins:hover { background-position: -172px 0; }
li#email:hover { background-position: -174px 0; }
li#about:hover { background-position: -172px 0; }
li#stuff:hover { background-position: -173px 0; }

/* footer */

p#privacy { background: url(../images/privacy.png) no-repeat 0 0; width: 285px; height: 69px; margin: 0 10px 0px 382px; float: left; }
p#privacy a { display: block; text-indent: -9999px; width: 285px; height: 69px; }
p#privacy:hover { background-position: -285px 0; }

p#logout { background: url(../images/logout_btn.png) no-repeat 0 0; width: 150px; height: 30px; margin: 20px 20px; float: left; }
p#logout a { display: block; text-indent: -9999px; width: 150px; height: 30px; }
p#logout:hover { background-position: -152px 0; }

p#copyright { font-family: Verdana, Arial, sans-serif; text-align: right; font-size: 1.2em; font-weight: bold; margin: 60px 25px 0 -80px; float: right; color: #ffffff; }

/* Stuff for sale page */
h2#stuff4sale { background: url(../images/stuff_for_sale.png) no-repeat; width: 290px; height: 94px; text-indent: -9999px; margin: 0 auto; }
table.purpleBorder { border: 5px solid #600; width: 100%; font-size: 1.6em; margin-top: 30px; padding: 10px; }
table.purpleBorder td { border-bottom: 2px solid #600; }
.item { width: 40%; }
.amount { width: 20%; }
.cost { width: 20%; }
.purchase { width: 20%; text-align: right; }

/* login page */
label, label span { display: block; padding-bottom: 0.5em; }
label { float: left; width: 100%; }
label span { float: left; width: 25%; text-align: left; font-size: 1.4em; }
form input { width: 280px; border: 2px solid #600; }
form div input { background: url(../images/green_button.jpg) no-repeat; color: #fff; font-weight: bold; border: none; width: 140px; height: 30px; cursor: pointer; font-size:14px; margin: 0px 0 30px 0; }

/* registration pages */
.pony_icon { width: 180px; float: left; margin-right: 30px; }
.pony_icon img { border: 3px solid #600; }
.pony_icon p { color: #600; font-weight: bold; font-size: 1.8em; text-align: center; }
.registerForm { width: 500px; float: left; }
.registerForm div input { float: right; }

.jcarousel ul { list-style-type: none; }
.jcarousel li { float: left; margin-right: 10px; text-align: center; margin-bottom: 10px; }
.jcarousel li img { border: 2px solid #600; }
.jcarousel li a { color: #600; font-size: 1.6em; }
.arrow_left { float: left; }
.arrow_right { float: right; margin-right: 10px; }



/* game menu */
#gamemenu { position: relative; margin-top: 10px; }
#gamemenu ul { list-style-type: none; width: 100%; height: 75px; }
#gamemenu li { float: left; width: 285px; height: 69px; }
#gamemenu li a { display: block; width: 285px; height: 69px; text-indent: -9999px; }

li#privacy { background: url(../images/privacy.png) no-repeat 0 0; margin-left: 70px; }
li#help { background: url(../images/help.png) no-repeat 0 0; margin-left: 20px; }
li#logout { background: url(../images/logout.png) no-repeat 0 0; margin-left: 20px; }

li#privacy:hover { background-position: -285px 0; }
li#help:hover { background-position: -285px 0; }
li#logout:hover { background-position: -285px 0; }


    
label.error { color: #FF0000; font-weight: bold; font-size: 13px;}