/* @override http://localhost/~jreynolds/pbpgaming_app/web/css/style.css */

/* @override http://localhost/~jreynolds/pbpgaming_app/web/css/style.css */

/* --------------------------------
	01. YAHOO RESET LIBRARY
-------------------------------- */

@import "reset.css";

/* --------------------------------
	02. STRUCTURE ELEMENTS
-------------------------------- */

html { background: url(../images/bg-html.png) repeat-x 0 0 }

body { 
  font: normal 13px/20px Arial, Helvetica, sans-serif;
  scrollbar-face-color: #999966; 
	scrollbar-highlight-color: #999966; 
	scrollbar-3dlight-color: #999966; 
	scrollbar-darkshadow-color: #999966; 
	scrollbar-shadow-color: #999966; 
	scrollbar-arrow-color: #cccc99; 
	scrollbar-track-color: #cccc99;
}

.left {
	text-align: left;
	float: left;
}
.right { float: right; text-align: right; }

strong {
	font-weight:  bold;
}

em {
  font-style: italic;
}

#wrapper {
	width: 902px;
	height: 1000px;
	padding: 0px 0;
	margin: 110px auto 0;
}

#page {
	width: 902px;
	height: 650px;
	margin: 1px auto;
	padding: 0px;
}

#extrapage {
	width: 902px;
	height: 1110px;
	margin: 1px auto;
	padding: 0px;
}

#logo { 
	position: relative;
	width: 508px;
	height: 298px;
	margin: -110px auto 0;
}

#logo-top {
	position: relative;
	margin-top:  105px;
	margin:  105px 53px;
	width:  400px;
	height:  26px;
}


#top { display: block; }

#top-nav {
	width: 810px;
	height: 65px;
	margin: -187px 20px 5px;
	overflow: hidden;
}



#top-nav li a {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#nav {
	height: 36px;
	padding: 1px 0px 0px 0px;
	background: #fff;
	text-align: center;
	margin-top:  0px;
	position:  relative;
	z-index:  99;
}

#navlower {
	height: 36px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	text-align: center;
	margin-top:  0px;
	position:  relative;
	z-index:  99;
}

#homecontent {
	height: 410px;
	padding: 1px 0px 0px 1px;
	background: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
	/*background: url(../images/homepagecontent.jpg) no-repeat 0 0;*/
}

#facebookarearight {
	height: 58px;
	width: 50px;
	margin-top: 580px;
	margin-left: 24px;
	position:relative;
	z-index: 5;
}

#twitterarearight {
	height: 58px;
	width: 50px;
	margin-top: -58px;
	margin-left: 72px;
	position:relative;
	z-index: 5;
}


#facebookarea {
	height: 36px;
	width: 36px;
	margin-top: 10px;
	margin-left: 836px;
	position:relative;
	z-index: 5;
}

#twitterarea {
	height: 36px;
	width: 36px;
	margin-top: -36px;
	margin-left: 868px;
	position:relative;
	z-index: 5;
}

#firearea {
	height: 58px;
	width: 900px;
	background: #fff;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
	/*background: url(../images/flame0.jpg) no-repeat 0 0;*/
}

#fireside {
	width: 62px;
	height: 351px;
	background: #fff;
	margin-top: -124px;
	position: relative;
	z-index: 1;
}

#nofire {
	width: 838px;
	height: 351px;
	background: #fff;
	margin-left: 62px;
	margin-top: -351px;
	position: relative;
	z-index: 1;
	background: url(../images/homepagecontent.jpg) no-repeat 0 0;
}

#subpagecontent {
	height: 807px;
	padding: 1px 0px 0px 0px;
	background: #fff;
	margin-top: 0px;
	position: relative;
	z-index: 1;
}

#subpageheader {
	height: 90px;
	width: 755px;
	padding: 0px 0px 0px 1px;
	background: #fff;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
}

#subpageleft {
	height: 716px;
	width: 210px;
	float: left;
	padding: 0px 0px 0px 1px;
	background: #fff;
	margin-top: 0px;
	margin-left: 1px;
	position: relative;
	z-index: 1;
	background: url(../images/subpage_left.jpg) no-repeat 0 0;
}

#subpagewrapper {
	width: 902px;
	height: 1100px;
	padding: 0px 0;
	margin: 110px auto 0;
}

#subpageright {
	height: 716px;
	width: 146px;
	float: right;
	padding: 0px 1px 0px 0px;
	background: #fff;
	margin-top: 0px;
	position: relative;
	z-index: 1;
	background: url(../images/subpage_right.jpg) no-repeat 0 0;
}

#subpagebackground {
	height: 716px;
	width: 544px;
	background: #fff;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: 211px;
	position: relative;
	z-index: 1;
	background: url(../images/subpage_background.jpg) no-repeat 0 0;
}

#subpagestuff {
	height: 696px;
	width: 524px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: 10px;
	top: 10px;
	z-index: 1;
}

#winnerpromopagewrapper {
	width: 902px;
	height: 410px;
	padding: 0px 0;
	margin: 110px auto 0;
}

#winnerpromoextrapage {
	width: 902px;
	height: 510px;
	margin: 0px auto;
	padding: 0px;
}

#winnerpromoheader {
	height: 90px;
	width: 755px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
}

#winnerpromobody {
	height: 319px;
	width: 754px;
	padding: 0px 0px 0px 0px;
	background: #fff;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
	background: url(../images/winnerspromocontent.png) no-repeat 0 0;
}

#winnerpromocontent {
	height: 410px;
	padding: 0px 0px 0px 1px;
	background: #fff;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
}

#winnerpromostuff {
	height: 196px;
	width: 754px;
	top: 95px;
	color: #fff;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	overflow: auto;
	z-index: 1;
}

#winnerpromocontenttop {
	height: 93px;
	width: 754px;
	padding: 0px 0px 0px 1px;
	background: #fff;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
}

#winnerpromoright {
	height: 409px;
	width: 146px;
	float: right;
	padding: 0px 1px 0px 0px;
	background: #fff;
	margin-top: -90px;
	position: relative;
	z-index: 1;
	background: url(../images/winnerscircle_right.jpg) no-repeat 0 0;
}

#winnerpromotabarea {
	height: 28px;
	width: 754px;
	padding: 0px 0px 0px 0px;
	top: 95px;
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 1;
}

table.winnertabs {
  border: 0px solid;
  border-collapse: separate;
  border-spacing 0px;
  text-align: center;
}

td.winnertabs {
	width: 177px;
	height: 28px;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #6f6f40;
	background: url(../images/tab.png) no-repeat 0 0;
}

td.winnertabsselected {
	width: 177px;
	height: 28px;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #ffff00;
	background: url(../images/tabselected.png) no-repeat 0 0;
}

table.winners {
	margin-top: 15px; 
	border: 0px solid;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	color: #ffff00;
	border-collapse: separate;
	border-spacing: 10px 0px;
}

td.winnerspicture { 
	border: 1px #BDB297 solid;
	font-family: Verdana;
	font-weight: normal;
	font-size: 9px;
}

td.winnersdata { 
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 9px;
	color: #ffffff;
}

#hottopics {
	height: 100px;
	width: 120px;
	padding: 15px 5px 5px 15px;
	margin-top: 0px;
	margin-left: 0px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	z-index: 1;
}

span.winner {
	position: relative; 
	height: 25px; 
	float: center; 
	padding: 0px 0px 0 0; 
	color: #ffff00; 
	font:  1.3em arial, Times, serif;
	font-weight: bold; 
	text-decoration: none;
	text-transform: uppercase; 
	text-shadow: 2px 2px 2px #4a0202; 
	cursor: pointer;
}

span.acclist {
	text-decoration: none;
	position: relative; 
	height: 25px; 
	padding: 0px 0px 0 0; 
	color: #ffffff; 
	font:  13px arial, Times, serif;
	font-weight: normal; 
	text-transform: uppercase; 
	text-shadow: 2px 2px 2px #4a0202; 
	cursor: pointer;
}


p.winnersmall {line-height:100%;}

#winnerpromotab ul {float:left;list-style-type:none;margin:0px;padding:0px;width:754px;background:#000000;}
#winnerpromotab ul li {float:left;}
#winnerpromotab ul li a {float: left;}

#winnerlist { 
  height: 150px;
  width: 200px;
}

#owrapper {
	width: 902px;
	height: 952px;
	padding: 1px 0px 0px 0px;
	background: #fff;
	text-align: center;
	margin: 110px auto 0;
}


#haccordion {
	height: 227px;
	width: 902px;
	background: #fff;
}

#vaccordion {
	height: 124px;
	width: 146px;
	background: #fff;
	margin-top: 0px;
	margin-left: 754px;
	position: relative;
	background: url(../images/vaccordion2content.jpg) no-repeat 0 0;
	z-index: 2;
}

#vaccordion2 {
	height: 124px;
	width: 146px;
	background: #fff;
	margin-top: -90px;
	margin-left: 753px;
	float: right;
	position: relative;
	background: url(../images/vaccordion2content.jpg) no-repeat 0 0;
	z-index: 2;
}

#vaccordion3 {
	height: 124px;
	width: 146px;
	background: #fff;
	margin-top: -0px;
	margin-left: 753px;
	float: right;
	position: relative;
	background: url(../images/vaccordion2content.jpg) no-repeat 0 0;
	z-index: 2;
}

#nav li { 
	display: inline; 
	padding: 0 8px;
}

#nav li a {
	color: #92572b;
	text-decoration: none;
	text-transform: uppercase;
}


#nav li a.active,
#nav li a:hover { color: #f7d194; }


#flash-mod{
	height: 57px;
	/*background: url(../images/bg-panel.png) no-repeat 0 100%;*/
}

#sub-nav {
	height: 83px;
	margin: -7px 0 0;
	padding: 10px 0 0;
	background:  black;
}

#subpage li.flash-btn-small-left {
  position: absolute;
  float: left;
  height: 142px;
  margin-left: 75px;
  position: relative;
  width: 142px;
  display: block;
}

#subpage li.flash-btn-small-right {
  float: right;
  margin-right: 27px;
  height: 142px;
  position: relative;
  width: 142px;
  display: block;
}

#subpage a.flash-btn-small {
  display: block;
  width: 95px;
  height: 142px;
  position: relative;
  top: -145px;
  z-index: 10;
  cursor: pointer;
  text-indent: -1000px;
}

#sub-nav.winners { 
	height: 171px;
	/*background:  url(../images/bg-subnav-winners.png) no-repeat 0 100%;*/
}

#sub-nav li { float: left; }

#sub-nav .btn {
	display: block;
	width: 96px;
	height: 76px;
	margin: 0 35px;
}

#sub-nav a {
	display: block;
	width: 96px;
	height: 76px;
	text-indent: -100em;
	overflow: hidden;
}
#sub-nav #btn-winners { /*background: url(../images/btn-small-winners.png) no-repeat 0 0; */}
#sub-nav #btn-events { /*background: url(../images/btn-small-events.png) no-repeat 0 0; */}
#sub-nav #btn-offers { margin-left: 220px; /*background: url(../images/btn-small-offers.png) no-repeat 0 0; */}
#sub-nav #btn-coupons { /*background: url(../images/btn-small-coupons.png) no-repeat 0 0; */}

#l-col {
	overflow: auto;
	float: left;
}
#r-col {
	float: right;
}

#scroll {
	width: 10px;
	position: absolute;
	right: 5px; bottom: 50px;
	z-index: 2;
}

#scroll img { 
	margin: 5px 0;
	cursor: pointer; 
}

#footer {
	width: 902px;
	clear: both;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 36px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	z-index:  99;
}

#footer a {
  color: white;
  text-decoration: underline;
}

#footer span {
	color: #fff;
	font-size: 10px;
	font-weight:  bold;

/*  letter-spacing: -0.1ex;*/
}

#footer .left span { padding: 0 3px 0 0; }
#footer .right span { padding: 0 0 0 3px; }

#footer span#best-viewed {
  position: relative;
  top: -20px;
}

/* --------------------------------
	03. HOMEPAGE ELEMENTS
-------------------------------- */

#homepage #l-col,
#homepage #r-col { width: 150px;
}

#homepage .btn {
	display: block;
	width: 134px;
	height: 104px;
	margin: 30px auto;
	text-indent: -100em;
}

#homepage div.flash-btn-large {
  margin: 60px auto;
  width: 130px;
  height: 194px;
  cursor: pointer;
  display: block;
}

#homepage a.flash-btn-large {
  position: relative;
  top: -254px;
  left: 10px;
  display: block;
  width: 130px;
  height: 194px;
  cursor: pointer;
  z-index: 10;
  text-indent: -1000px;
}

#homepage .btn a {
	display: block;
	width: 134px;
	height: 104px;
	text-indent: -100em;
	overflow: hidden;
}

#homepage #btn-winners { /*background: url(../images/btn-winners.png) no-repeat 0 0; */}
#homepage #btn-events { /*background: url(../images/btn-events.png) no-repeat 0 0; */}
#homepage #btn-offers { /*background: url(../images/btn-offers.png) no-repeat 0 0; */}
#homepage #btn-coupons { /*background: url(../images/btn-coupons.png) no-repeat 0 0; */}

#homepage #content {
	width: 561px;
	height: 298px;
	float: left;
	margin: 0 -19px;
	padding: 25px 0 0 26px;
}

#homepage #content a { margin: 0 2px; }


/* --------------------------------
	03. SUBPAGES ELEMENTS
-------------------------------- */

#subpage #nav {
	padding-bottom: 4px;
	background: #000;
}


#subpage #l-col { width: 249px; height: 336px; top: 70px; left:-219px; position: relative;}
#subpage #r-col { width: 217px; height: 336px; top: -334px; right:12px; position: relative;}

#subpage #content { 
	position: relative;
	width: 357px;
	height: 407px;
	margin: 0;
	background: #fff;
	top: 5px;
	left: 248px;
}

#subpage #content.tabs { 
	position: relative;
	background: #fff;
	overflow: hidden;
	left: 7px;	
	width: 753px;
	height: 290px;
	float: none;
	/*background: url(../images/bg-subcontent.jpg) no-repeat 0 0;*/
	padding: 0 19px;
	margin: 0 auto;
	top: 30px;
	clear: left;
}

#content h2,
#content h3,
#content h3 a {
	color: #7d310f;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

#content p { margin: 0.2em 0 1.5em; }
#subpage #content #sub-content { 
  font-family: Georgia, Arial, Helvetica;
	position: absolute; 
	top: 0; 
	width: 317px;
	padding: 20px;
	z-index: 1;
	overflow: auto;
	height: 367px;
	background-color: #f6daa3;
}

#subpage #content #sub-content.shorter {
	top: 0; 
  	width: 317px;
	padding: 20px;
	z-index: 1;
	overflow: auto;
	height:  336px;
}


#subpage #content #sub-content li {
	list-style-type:  disc;
	margin-left: 10px;
}

.photo {
	display: block;
	width: 176px;
	height: 228px;
	margin: 20px auto 0;
	padding: 23px 0 0 26px;
	/*background: url(../images/bg-photo.png) no-repeat 0 0;*/
}

.photo-slide-show {
  display: block;
	width: 176px;
	height: 228px;
	margin: 20px auto 0;
}

/*background: #9d3220;*/

#sub-menu { 
	position: absolute;
	left: 0; bottom: 0;
	width: 544px;
	height: 20px;
	padding: 5px 0;
	background: #551500;
	text-align: center;
	z-index: 2;
}

#sub-menu li {
	display: inline;
	padding: 0 5px;
}

#sub-menu li a {
	color: #fec546;
	font-size: 11px;
	text-decoration: none;
}

#subpage #content-logo { 
	float: left; 
	margin: 0 0 0 20px;
}

#subpage #content.tabs #sub-content {
	position: static;
	width: 600px;
	height: 167px;
	float: right;
	margin: -14px 20px 0 0;
	padding: 0;
	overflow: auto;
}

#winners-list { 
  width: 750px; 
}

#subpage #content #winners-list li { 
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	list-style-type: none;
}

#coupons-list { 
  width: 1230px; 
}

#coupons-list li { 
	float: left;
	margin: 0 10px 0 0;
	text-align: center;
	font-size: 10px;
	line-height: 10px;
}

#tabs { 
	height: 29px; 
	margin: 17px 0 35px; 
}

#tabs li { 
	float: left; 
	height: 29px; 
	padding: 0 7px 0 0; 
}

#tabs li a { 
	float: left; 
	height: 29px; 
	padding: 0 0 0 7px; 
	/*background: url(../images/bg-tab-left.png) no-repeat 0 0; */
	text-decoration: none; 
}

#tabs li a span { 
	position: relative; 
	right: -7px; 
	height: 25px; 
	float: left; 
	padding: 4px 14px 0 0; 
	color: #f3c063; 
	/*background: url(../images/bg-tab-right.png) no-repeat 100% 0; */
	font:  1.3em "Georgia", Times, serif; 
	text-transform: uppercase; 
	text-shadow: 2px 2px 2px #4a0202; 
	cursor: pointer;
}

#tabs li a.active,
#tabs li a:hover { background-position: 0 100%; }
#tabs li a.active span,
#tabs li a:hover span { color: #fff; background-position: 100% 100% }

#promo-types {
	padding: 14px
}
/*color*/
ul#promo-types li a {
	/*font-weight:  bold;*/
	color:  #5f1515;
	margin-left:  2px;
	text-decoration:  none;
}

ul#promo-types-white li a {
	/*font-weight:  bold;*/
	color:  #ffffff;
	margin-left:  2px;
	text-decoration:  none;
}

/* Gaming Page */
#game-description .game-image {
  float: right;
  padding-top: 40px;
}

ul#game-types {
	padding: 14px
}

/*#FF8B00;#5f1515*/
ul#game-types li a {
	font-weight:  bold;
	color:  #5f1515;
	margin-left:  2px;
	text-decoration:  none;
}

ul#game-types li a:hover {
	text-decoration:  underline;
}

/*color*/
ul#game-types li ul.games li a {
	font-weight:  normal;
	color: #5f1515;
	margin-left:  17px;
	width:  180px;
	display:  block;
}

/* BUS SCHEDULE */
ul#bus-schedule {
	margin: 15px 15px 15px 25px;
	list-style-type: none;
	width:  150px;
}

ul#bus-schedule li {
	text-indent:  -15px;
	margin-top:  5px;
}

/*color*/
ul#bus-schedule li a {
	font-weight:  bold;
	/*color:  #FF8B00;*/
	color: #5f1515;
	margin-left:  10px;
	text-decoration:  none;
}

ul#bus-schedule li a:hover {
	text-decoration:  underline;
}

/* PROMOTIONS */
.promotion-image {
  display: block;
  margin: 0px auto 10px auto;
  width: 200px;
}

.promotion-dates {
  font-style: italic;
}


/* DINING */
.restaurant-teaser .logo-image {
  width: 300px;
  display: block;
  margin: auto;
  text-decoration: none;
}

#restaurant-detail .logo-image {
  width: 300px;
  display: block;
  margin: auto;
  text-decoration: none;
}

/* CONSTRUCTION UPDATES */
img.update-image {
	padding-top:  15px;
}

a.construction-update-badge {
	text-indent:  -3000px;
	display:  block;
	width:  200px;
	height:  83px;
	float:  right;
	/*background:  url(../images/construction-graphic.gif);*/
	margin-top: -170px;
	margin-right:  30px;
}

img.bg_logo {
  position:absolute;
  left:-35px;
  top:-68px;
  z-index:-1;
}
