@import url(typo.css);
@import url(tables.css);
/* [generics] */

* { margin: 0; padding: 0;}

body {font: x-small/20px Verdana, Arial, Helvetica, sans-serif; background: #97CEDB url(../img/bg.gif) top left; color: #888D9A; min-width: 776px; margin-bottom: 2em;}

p {margin: 2em 0 ;}

#container { position: relative ; margin: 0 auto ; padding: 0 8px 0 7px ; width: 761px ; background: url(../img/cont_bg.png) top left repeat ; }
* html #container {background: url(../img/cont_bg__ie.gif) top left repeat-y;}

/* [header] */

div#masthead { width: 751px ; height: 108px ; padding-left: 10px ; background: #59A8C6 ; border-bottom: 7px solid #0474AC ; } 

div#primary_nav { width: 761px ; height: 31px ; background: #fff ; }


/* [content] */
* html #main {height: 350px;}
div#main {float: left; width: 465px ; margin-left: 4px ; padding-left: 15px ; background: #fff ; min-height: 350px;}
* html body#template #main {height: 350px; background: #fff; margin-left: 2px;}
body#pcontact #main {background: #fff; width: auto ; margin-right: 4px;}
body#prewards #main {background: #fff url(../img/replay_bg.gif) center right no-repeat ; width: 722px; margin: 0 8px 0 4px;}
* html body#prewards #main {width: 725px; margin: 0 0 0 8px; padding: 0; height: 350px;}
body#pgames #main{width: 706px; padding-right: 8x;}
body#pevents #main {background: transparent; width: 443px; float: left; min-height: 450px;}
*html body#pevents #main {height: 450px;}
body#book #main {background: #fff; width: 716px;}

/* [about] */
body#about #main {width: 462px;}
body#about #secondary {width: 230px; margin: 0 4px 0 0; background: url(/img/press_bg.gif) top left no-repeat; height: 410px; padding: 0 30px 0 0;}
* html body#about #main {margin-left: 2px;}
* html body#about #secondary {margin: 0 2px 0 0; padding-right: 2px;}

body#pcontact p {line-height: 12px; margin-left: 10px;}
body#prewards p {margin-right: 25em;}
body#pcontact h3 {margin-left: 10px; font-size: 11px;}

#blockpartyl {width: 232px; background: #fff; float: left;}
#blockpartyr {width: 468px; float: right; background: #fff;}
#form_box {position: relative; width: 438px; padding: 0 0 6px 0; background: #ECECEC url(../img/form_bot.gif) bottom left no-repeat; margin-bottom: 1.5em;}
#form_box #form_inner {padding: 7px 0 0 6px; background: url(../img/form_top.gif) top left no-repeat;}
#top {text-indent: -9999px; width: 224px; height: 36px; background: url(../img/top.gif) top left no-repeat;}
dl#parties dd {background: transparent url(../img/orange-lister.gif) 0 50% no-repeat; padding-left: 16px; margin-left: 22px; color: #333; font: bold 11px/24px "Frutiger Roman", "Lucida Grande", "Myriad Pro", Verdana, Helvetica, sans-serif;}

#gamesl {float: left; width: 454px; background: #fff;}
#gamesr {float: right; width: 233px; background: #fff;}



#brocktop {clear: both; margin: 1em 0; width: 705px; padding: 0 0 6px 0; background: #ECECEC url(../img/brock_bot.gif) bottom left no-repeat;}
#brocktop #brock_crux {padding: 6px 0 0 9px; background: url(../img/brock_top.gif) top left no-repeat;}
.thumb_outer {float: left; width: 219px; padding: 0 0 6px 0; background: #fff url(../img/thumb_bot.gif) bottom left no-repeat; margin-bottom: 1em;}
.thumb_inner {padding: 6px 0.5em 0 0; background: url(../img/thumb_top.gif) top left no-repeat;}
.middle {margin: 0 15px;}
.thumb_inner p {margin: 0; padding: 0; line-height: 13px;}
.thumb_inner a:link, .thumb_inner a:visited, .thumb_inner a:active {text-decoration: none; color: #0474AC; font-weight: bold;}
.thumb_inner a:hover {color: #fff; background: #0474AC;}
.floatth {float: left; margin: 0 11px 0 8px;}

#signupl {float: left; width: 475px; margin-left: 15px;}
* html #signupl {margin-left: 7px;}
#signupr {float: right; width: 247px; margin-right: 4px; padding-top: 68px;}
#replaybox {width: 450px; padding: 0 0 6px 0; background: #ECECEC url(../img/rbox_bot.gif) bottom left no-repeat; margin-bottom: 1.5em;}
#replaybox #replay_content {padding: 6px 0 0 0; background: url(../img/rbox_top.gif) top left no-repeat;}

/* [sidebar] */

div#secondary {float: right; background: #fff url(../img/notebook.gif) top left no-repeat; width: 257px; height: 371px; margin: 0 4px 1em 0;}
* html body#template #secondary {margin-right: 2px;}


ul#newjobs { list-style: none ; margin: 94px 0.5em 0 46px ; }

ul#newjobs li {
	background: transparent url(../img/orangelister.gif) 0 50% no-repeat ; padding-left: 22px ; line-height: 22px ; }

ul#press_releases {list-style-image: url(/img/orangelister.gif); margin: 87px 0 0 50px;}
#press_releases li {line-height: 14px; margin: 0 0 18px 0;}
#press_releases a:link, #press_releases a:visited, #press_releases a:active {text-decoration: none; color: #333;}
#press_releases a:hover {text-decoration: underline;}
	
#newjobs a {text-decoration: none; color: #333 ;}	
#bane {width: 242px; background: #fff; margin-left: 496px;}
html>body #bane {margin-left: 499px;}

body#pevents #bane {padding-top: 55px;}
#newloc_wrap {width: 233px; background: #E5E5E5 url(../img/newloc_bot.gif) bottom left no-repeat;
padding: 0 0 6px 0; margin-bottom: 2em;}
#newloc_wrap #newlocs {padding: 7px 0 0 8px; background: url(../img/newloc_top.gif) top left no-repeat;}

.newloc_wrap {width: 233px; background: #E5E5E5 url(../img/newloc_bot.gif) bottom left no-repeat;
padding: 0 0 6px 0; margin-bottom: 2em;}
.newloc_wrap .newlocs {padding: 7px 0 0 8px; background: url(../img/newloc_top.gif) top left no-repeat;}


/* [presentational] */

div#bluemonster {background: #58A8C6; border-bottom: 1px solid #478FAB;}

.inner {margin-left: 8px;} 


div#inner_shadow {width: 745px; background: #fff url(../img/inner_bg.gif) top left repeat;}

div#inner_bot {width: 745px; height: 15px; background: url(../img/inner_bot_v2.gif) bottom left no-repeat; clear: both;}
div#absdrink {position: absolute; top: 591px; left: 30px;  width: 270px; height: 229px; background: url(../img/abs_drink.jpg) top left no-repeat;}

/* [supporting] */

div#support { min-height: 67px ; padding-left: 22px ; background: #62BBDD; padding-bottom: 2em !important;}
*html #support {height: 67px;}
body#prewards #support { padding-top: 35px; }

#benefits_li{ list-style:none; text-indent: -9999px;}
#benefits_li li { display: block; margin-top: 10px;}
#hundred_points { background: url(../img/100pts.gif) top left no-repeat ; width: 338px; height: 28px;}
#advance{ background: url(../img/advance.gif) top left no-repeat ; width: 453px; height: 28px;}
#security{ background: url(../img/security.gif) top left no-repeat ; width: 311px; height: 28px;}

/* [local events] */

#location_chooser {background: #ECECEC url(../img/event_bot.gif) bottom left no-repeat; width: 233px; padding: 0 0 12px 0; margin-bottom: 1em;}
#location_chooser #selectem {
	background: transparent url(../img/event_top.gif) top left no-repeat; padding-top: 12px;}
#location_chooser p {background: #62BBDD; margin: 0 9px 0 9px; padding: 0 10px; color: #fff;}
#abs_party {position: absolute; top: 523px; left: 28px; width: 465px; height: 226px; background: url(../img/partytime.jpg) top left no-repeat;}

/* [footer] */

html>body div#footsie {width: 776px ; margin: 0 auto ; padding-top: 2em ; text-align: center ; background: transparent url(../img/footer_png.png) top left no-repeat ;}
#footsie {width: 776px ; margin: 0 auto ; padding-top: 2em ; text-align: center;}


#footsie ul { list-style: none ; }

#footsie li { display: inline ; padding: 0 8px ; }

#footsie a { text-decoration: none ; color: #fff ; font-size: 9px ;}

ul.location_options {
	line-height: 14px; list-style: none;
}

ul.location_options a {
	background: transparent url(/img/orangelister.gif) 0 50% no-repeat; text-decoration: underline; color: #0474AC; padding-left: 15px;}
p.top { padding: 0; margin: 0; text-align: right; font: 9px Verdana, Arial, Helvetica, sans-serif;}
p.top a {padding: 0; margin: 0; color: #0474AC;}


/* [forms] */
	/* // feedback */
	.feedback { float: left ; margin-left: 10px ; }
	* html .feedback {margin-left: 5px;}
	.feedback dt { color: #0474AC ; font-weight: bold ; margin: 0.25em 0 ; }
	#comments { width: 206px ; height: 8em ; }
	input[type="text"] { font: x-small Verdana, sans-serif ; border: 1px solid #ccc ; }
	textarea { font: x-small Verdana, sans-serif ; border: 1px solid #ccc ;  }
	.input { width: 20em ; }
	.required {font-weight: normal;}
	
	.reginput {width: 200px;}
	#address {width: 300px;}
	#state {width: 200px; border: 1px solid #ccc;}
	#country {width: 200px; border: 1px solid #ccc;}
	.nearest {width: 200px; border: 1px solid #ccc;}
	#textarea_book {width: 200px; height: 152px;}
.spacer {height: 2em; display: block; clear: both;}
.clear {clear: both;}
#abs_back {position: absolute; top: 106px; left: 226px;}

/* [partial hacks] */
.block {display: block;}

/* [specific links] */

a.menus {background: transparent url(/img/orangelister.gif) 0 50% no-repeat; padding: 0 0 0 16px; color: #0474AC; margin-left: 10px;}
a.whats {color: #B6B647; text-decoration: none; font-size: 9px;}