/* CSS Document */

/* general*/

/* Updates for expense trip form */

body {
background-color: #000;
color: #ffffff;  
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
}

.clear {
	clear: both;
}

img, div { behavior: url(iepngfix.htc) }

a img {
border: none;
text-decoration: none;
}

#main {
width: 955px;
margin: auto;
border: 3px solid #333;
background-image:url(/layoutimages/navigation-logo.png);
background-repeat:no-repeat;
position: relative;

}

#main-pint {
width: 955px;
margin: auto;
border: 3px solid #333;
background-image:url(/layoutimages/navigation.png);
background-repeat:no-repeat;
position: relative;

}

h1 {
text-transform: uppercase;
font-family:  Helvetica, sans-serif;
font-size: 24px;
line-height: 22px;
letter-spacing: -1px;
font-weight: bold;
}
h2 {
text-transform: uppercase;
font-family:  Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.yellow {
color: #ffd200;
}
.lower {
	text-transform: lower;
}

.white {
color: #fff;
}

a {
color: #ffd200;
text-decoration: none;
}
a:visited{
color: #ffd200;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: none;
}
a:active {
color: #ffd200;
text-decoration: none;
}

/*input {
background-color: #ffd200;
border: 1px solid #a47f1f;
height: 20px;
margin-top: 5px;
}*/


.small-header {
font-size: 18px;
line-height: 14px;
letter-spacing: -1px;
}
.yellow-small-header {
font-size: 18px;
line-height: 14px;
letter-spacing: -1px;
color: #ffd200;
}

#replacement-2 {
  width: 150px;
  height: 41px;
  padding: 55px 0 0;
  margin: 0;
  border: 0;
  background: transparent url(/layoutimages/enter.png) no-repeat center top;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}
form>#replacement-2 { /* For non-IE browsers*/
  height: 0px;
}

/*nav*/

#navigation {
}
#navigation ul {
padding: 0px;
margin: 0px;
margin-left: 250px;
}
#navigation li {
float: left;
width: 111px;
height: 53px;
list-style-type: none;
list-style-image: none;
list-style-position: inside;
position: relative;
top: 30px;
z-index: 6;
}
#nav1
{
display: block;
float: left;
width: 111px;
height: 53px;
background: url(/layoutimages/blank.png) no-repeat 0 0;
}

#nav1:hover 
{ 
  background-position: 0 -53px; 
}

#nav1 span
{
  display: none;
}
#nav2
{
display: block;
float: left;
width: 111px;
height: 53px;
background: url(/layoutimages/grafters.png) no-repeat 0 0;
}

#nav2:hover
{ 
  background-position: 0 -53px;
}


.navCurrent
{
  background-position: 0 -53px;
}

#nav2 span
{
  display: none;
}
#nav3
{
display: block;
float: left;
width: 111px;
height: 53px;
background: url(/layoutimages/talksport.png) no-repeat 0 0;
}

#nav3:hover, #nav3current
{ 
  background-position: 0 -53px;
}

#nav3 span
{
  display: none;
}
#nav4
{
display: block;
float: left;
width: 111px;
height: 53px;
background: url(/layoutimages/WIN.png) no-repeat 0 0;
}

#nav4:hover, #nav4current
{ 
  background-position: 0 -53px;
}

#nav4 span
{
  display: none;
}
#nav5
{
display: block;
float: left;
width: 111px;
height: 53px;
background: url(/layoutimages/area.png) no-repeat 0 0;
}

#nav5:hover, #nav5current
{ 
  background-position: 0 -53px;
}

#nav5 span
{
  display: none;
}

#nav_home
{
display: block;
float: left;
width: 90px;
height: 53px;
background: url(/layoutimages/HOME.png) no-repeat 0 0;
}

#nav_home:hover, #nav_homecurrent
{ 
  background-position: 0 -53px;
}

#nav_home span
{
  display: none;
}


/*pint*/


.pint{
float: left;
display: block;
color: #edeaea;
background-image: url(/layoutimages/pint-fade.png);
background-repeat: no-repeat;
background-position: bottom left;
min-height: 468px;
padding-left: 398px;
top: -40px;
z-index: 2;
position: relative;
}

/*pint content*/
.pint-content {
padding-top: 130px;
}

.inner {
width: 520px;
float: right;
padding-right: 10px;
padding-bottom: 50px;
}
.pint-content ul {
margin: 0px;
padding: 0px;
}
.pint-content li {
padding-top: 10px;
color: #ffffff;
list-style-position: inside;
}

.sign-up {
float: right;
padding-right: 60px;
margin-top: -10px;
}
.home-comp {
width: 513px;
height: 138px;
background-image: url(/layoutimages/home-comp.jpg);
background-repeat: no-repeat;
background-position: top left;
clear: both;
position: relative;
}
.home-comp-text {
float: right;
padding: 10px;
padding-top: 35px;
width: 270px;
}
.enter-home {
position: absolute;
bottom: 10px;
right: 15px;
z-index: 11;
}

/*no pint*/
.inner-no-pint {
padding-bottom: 50px;
}
.inner-left {
width: 340px;
float: left;
padding-left: 30px;
padding-bottom: 50px;
}

.inner-left-hof {
float:left;
width:300px;
margin-right:40px;
padding-left: 30px;
padding-bottom: 50px;
}

.inner-left-hof ul {
margin-left:10px;
padding-left:0;
}

.inner-right {
width: 520px;
float: left;
margin-left: 10px;
padding-right: 10px;
padding-bottom: 50px;
}

.no-pint-content {
padding-top: 100px;
}

.no-pint-header {
position: absolute;
top: 45px;
}

/*splash page*/
#main-splash {
width: 955px;
margin: auto;
border: 3px solid #333;
min-height: 590px;
background-image:url(/layoutimages/splash-back.jpg);
background-position: bottom center;
background-repeat:no-repeat;
}
.splash-content {
	width: 339px;
	height: 449px;
	float: right;
	background-image:url(/layoutimages/splash-wall.jpg);
	background-repeat:no-repeat;
	background-position: bottom center;
	margin-top: 30px;
	margin-right: 60px;
	padding: 10px;
	border: 2px solid #666;
	text-align: center;
}

.splash-message{
	height:36px;
}

.splash-error {
color: #ffd200;
font-size: 14px;
text-transform: capitalize;
}

.splash-message, .splash-error {
	margin: 15px 0 10px 0;
	padding: 0;
}

.yellow2 {
color: #ffd200;
font-size: 36px;
}
.bold {
text-transform: uppercase;
font-weight: bold;
}
.splash-content img {
text-align: center;
}
.enter-button {
position: relative;
top: 20px;
right: 0px;
z-index: 25;
}
.select-buttons {
width: 250px;
margin: auto;
}
select {
background-color: #ffd200;
border: 1px solid #a47f1f;
height: 20px;
margin-top: 5px;
width: 70px;
font-weight: bold;
}
.drinkware {
position:absolute;
top: 495px;
padding-left: 10px;
font-size: 11px;
}

.drinkware a {
 color: #fff;
}

.drinkware a:hover {
 color: #ffd200;
}

/*win*/
.register {
margin-top: 10px;
padding-top: 0px;
width: 242px;
padding-right: 80px;
float: right;
}

.register a img {
	margin: 0;
	padding: 0;
}

.register-new {
margin-right: 80px;
margin-bottom: 10px;
float: right;
}


.register-new-vip {
margin-right: 60px;
margin-bottom: 10px;
float: right;
}


.win-box {
background-image:url(/layoutimages/win-box-back.png);
background-repeat:no-repeat;
background-position: bottom center;
width: 171px;
height: 356px;
float: left;
margin-right: 0px;
}
.win-box-top {
height:315px;
margin-left: 5px;
margin-top: 5px;
width: 160px;
}
.win-box-bottom {
padding-left: 10px;
padding-top: 0px;
font-size: 12px;
}

.win-button-new a img {
margin-left: 70px;
z-index: 13;
position: relative;
}



/* festival */

.festival-right {
float: right; margin-left: 10px; width: 180px;
}

.festival-left {
margin-right: 200px;
}

.festival-button {
z-index: 13;
position: relative;
margin-top: 5px;
}

/*tv*/
.inner-left h1 {
padding-top: 17px;
font-size: 17px;
letter-spacing: -1px;
line-height: 18px;
}
.video-box {
width: 366px;
height: 111px;
border: 1px solid #ccc;
margin-bottom: 5px;
margin-left: 20px;
padding-left: 10px;
}
.video-box h2 {
font-size: 24px;
line-height: 22px;
float: left;
}
.video {
float: right;
width: 149px;
height: 110px;
border-left: 1px solid #ccc;
}
.video-text {
float: left;
}

/** Video Squares **/

.video-squares {
	width: 326px;
	margin-left: 50px;
}

.video-squares ul {
	margin: 0;
	padding: 0;
}

.video-squares li {
	list-style: none;
	float:left;
	padding: 0;
	margin-bottom: 20px;
}

.video-spacer {
	margin-right: 20px;
}

.video-squares li a img {
	border: 2px solid #444;
	width: 149px;
	height: 110px;
}

.video-squares li a:hover img {
	border: 2px solid #ffd200;
}


/*talksport*/
/*
.talksport2 {
width: 250px;
position: absolute;
top: 100px;
right: 0px;
background-image: url(/layoutimages/ian.png);
background-position: top right;
background-repeat: no-repeat;
height: 368px;
}*/

#talksport-right {
	float:right;
	width:257px;
}

.talksport {
width: 260px;
float: left;
clear: left;
font-size: 12px;

}
.talksport h2 {
font-size: 16px;
line-height: 16px;
margin-top:0px;
padding-top: 0px;
color: #fff;
text-transform:none;
}
.talksport h3 {
font-family:  Helvetica, sans-serif;
font-size: 24px;
line-height: 24px;
letter-spacing: 2px;
font-weight: bold;
margin-bottom:0px;
padding-bottom: 0px;
}
.talksport h1 {

font-family:  Helvetica, sans-serif;
font-size: 24px;
line-height: 24px;
letter-spacing: 2px;
font-weight: bold;
margin-bottom:0px;
padding-bottom: 0px;
}

.lower {
text-transform: lowercase;
}
.button {
float: right;
}
/*member sign in*/
.member {
width:470px;
height: 370px;
border: 1px solid #666;
background-image: url(/layoutimages/member-wall.jpg);
background-repeat: no-repeat;
margin-top: -30px;
font-size: 12px;
}
.member-text {
padding: 10px;
}
.member-text h1 {
margin:0px;
padding: 0px;
}
.member-text h2 {
font-size: 18px;
line-height: 18px;
margin:0px;
padding: 0px;
color: #ffd200;
}
.member-text input {
width: 280px;
}
.member-text li {
padding: 0px;
margin-bottom: 5px;
}
.remember {
width: 200px;
position: absolute;
bottom: 200px;
right: 10px;
}

.sign-in{
position: absolute;
top: 420px;
right: 90px;
}
/*halloffame*/

.row img {
margin: 2px;
border: 1px solid #666;
height: 100px;
width: 100px;
}
.row a img {
margin: 2px;
border: 1px solid #666;
}
.row a:visited  img {
margin: 2px;
border: 1px solid #666;
}
.row a:hover img {
margin: 2px;
border: 1px solid #ffd200;
}
.row a: active img {
margin: 2px;
border: 1px solid #666;
}
.row {
float: left;
clear: both;
}
.enter {
width: 544px;
height: 357px;
border: 1px solid #666;
background-image: url(/layoutimages/enter-wall.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}

/*footer boxes*/
.box1 {
float: left;
width: 326px;
height: 132px;
margin-top: -53px;
}
.box2 {
float: left;
width:308px;
height: 132px;
margin-top: -52px;
}

.box3 {
float: right;
background-image: url(/layoutimages/barfinder.png);
background-repeat: no-repeat;
background-position: top right;
width:321px;
height: 132px;
margin-top: -53px;
}

.register {
padding-top: 50px;
padding-left: 13px;
width: 170px;
font-size: 12px;
}
.register-links {
padding-left: 13px;
padding-top: 10px;
font-size: 12px;
}
.register-links  a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
.register-links  a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
.register-links  a:hover {
color: #ffd200;
text-decoration: none;
font-weight: bold;
}
.register-links  a:active {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
.barfinder {
padding-top: 75px;
padding-left: 20px;
width: 250px;
font-size: 12px;
}

/*footer*/
#footer-navigation {
clear: both;
}
#footer-vip {
width: 955px;
margin: auto;
clear: both;
font-size: 11px;
position: relative;
bottom: -10px;
z-index: 10;
}
#footer {
width: 955px;
margin: auto;
clear: both;
font-size: 11px;
position: relative;
top: 20px;
}
#footer a, #footer2 a {
letter-spacing: 1px;
color: #ffffff;
text-decoration: none;
}
#footer a:visited, #footer2 a:visited{
color: #ffffff;
text-decoration: none;
}
#footer a:hover, #footer2 a:hover {
color: #ffd200;
text-decoration: none;
}
#footer a:active, #footer2 a:active {
color: #ffffff;
text-decoration: none;
}
#footer ul, #footer2 ul {
margin: 0px;
padding: 0px;
}
#footer li, #footer2 li {
float: left;
list-style-image:none;
list-style-position: inside;
list-style-type: none; 
margin: 0px;
padding: 0px;
height: 28px;
}

.ugc {
 clear:both; 
 text-align:right; 
 padding-top:20px;
 padding-right:20px;
 position: relative;
 z-index: 20;
}

.ugc a {
 color: #ffd200;
}

.ugc a:hover {
 color: #ffffff;
}

#footer-vip a {
letter-spacing: 1px;
color: #ffffff;
text-decoration: none;
}
#footer-vip a:visited{
color: #ffffff;
text-decoration: none;
}
#footer-vip a:hover {
color: #ffd200;
text-decoration: none;
}
#footer-vip a:active {
color: #ffffff;
text-decoration: none;
}
#footer-vip ul {
margin: 0px;
padding: 0px;
}
#footer-vip li {
float: left;
list-style-image:none;
list-style-position: inside;
list-style-type: none; 
margin: 0px;
padding: 0px;
height: 28px;
}

#footer2 {
width: 955px;
margin: auto;
clear: both;
font-size: 11px;
position: relative;
padding-top:20px;
z-index: 10;
}

/*vip section*/

#main-vip {
width: 955px;
margin: auto;
border: 3px solid #333;
background-image:url(/layoutimages/navigation-vip.png);
background-repeat:no-repeat;
background-position: top left;
position: relative;
min-height: 600px;

}

.pint-vip {
width: 955px;
height: 300px;
background-image: url(/layoutimages/pint2.png);
background-repeat: no-repeat;
position: absolute;
bottom: -107px;
z-index: 2;
}

.inner-vip {
width: 550px;
float: right;
padding-right: 50px;
margin-top: -210px;
z-index: 30;
padding-bottom: 10px;
min-height: 500px;
}

.inner-vip h1 {
font-size: 18px;
line-height: 18px;
color: #ffd200;
}
#vip-nav {
width: 250px;
margin-top: -10px;
}


#vip-nav ul {
margin: 0px;
padding: 0px;
}
#vip-nav li  {
width: 100%;
float: left;
display: block;
clear: both;
background-color: #000;
padding: 4px;
padding-right: 30px;
margin-bottom: 2px;
color: #ffd200;
font-size: 14px;
line-height: 30px;
text-align: right;
text-transform: uppercase;
font-weight: bold;
border: 1px solid #967d3c;
border-left: 0px;
background-image: url(/layoutimages/vip-nav.jpg);
background-position: left top;
background-repeat: no-repeat;
}

#vip-nav .current {
width: 100%;
float: left;
display: block;
clear: both;
background-color: #000;
padding: 4px;
padding-right: 20px;
margin-bottom: 2px;
color: #ffd200;
font-size: 14px;
line-height: 30px;
text-align: right;
text-transform: uppercase;
font-weight: bold;
border: 1px solid #967d3c;
border-right: 11px solid #ffd200;
border-left: 0px;
background-image: url(/layoutimages/vip-nav.jpg);
background-position: left top;
background-repeat: no-repeat;
}


#vip-nav a {
letter-spacing: 1px;
color: #ffffff;
text-decoration: none;
}
#vip-nav a:visited{
color: #ffffff;
text-decoration: none;
}
#vip-nav a:hover {
color: #ffd200;
text-decoration: none;
}
#vip-nav a:active {
color: #ffffff;
text-decoration: none;
}
.break {
clear: both;
margin-bottom: 300px;
}

/*register*/
.vip-home {
float: left;
z-index: 13;
margin-left: 0px;
text-transform: none;
}
.vip-home li {
color: #ffd200;
text-transform: none;
 }
.vip-home input {
width:200px;
background-color: #e9e9e9;
border-color: #ccc;
height: 20px;
font-size: 12px;
margin-bottom: 10px;
text-transform: none;
margin-right: 10px;
margin-left: 10px;
}
.vip-home select {
background-color: #e9e9e9;
border-color: #ccc;
height: 26px;
font-size: 12px;
margin-bottom: 10px;
}
.vip-home-button{
position: relative;
z-index: 13;
}
/*\*/
.story {
width: 528px;
height: 107px;
background-image: url(/layoutimages/story-long.png);
background-position: right top;
background-repeat: no-repeat;
display: block;
clear: both;
}

.joke {
width: 528px;
height: 107px;
background-image: url(/layoutimages/joke-long.png);
background-position: right top;
background-repeat: no-repeat;
display: block;
clear: both;
}

.fact {
width: 528px;
height: 107px;
background-image: url(/layoutimages/fact-long.png);
background-position: right top;
background-repeat: no-repeat;
display: block;
clear: both;
}

.more {
float: right;
margin-top: 2px;
}
.banter-in {
width: 350px;
float: left;
padding: 10px;
padding-left: 20px;
}
.banter-in-2 {
width: 140px;
float: left;
font-size: 10px;
padding-top: 70px;
text-align: center;
}
.banter-in h3 {
font-size: 18px;
font-weight: normal;
margin: 0px;
padding: 0px;
color: #ffd200;
}

.banter-content {
margin: 5px 0;

overflow: hidden;
}

/*bow-tube*/
.add {
clear: both;
position: relative;
top: 20px;
z-index: 9;
margin-bottom: 20px;
}

/*register*/
.registration {
width: 200px;
float: left;
position: relative;
z-index: 15;
/*margin-left: 30px;*/
text-transform: uppercase;
}

.registration-right {
width: 200px;
float: left;
position: relative;
z-index: 15;
margin-left: 30px;
text-transform: uppercase;
}

/*changes to registration */
.registration input, .registration-right input  {
width:200px;
background-color: #fff;
border: 1px solid #fff;
height: 20px;
margin-top: 5px;
}
.registration select, .registration-right select {
background-color: #e9e9e9;
border-color: #ccc;
width: auto;
margin-bottom: 10px;
position: relative;
z-index: 15;
}

.registration-button{
position: relative;
z-index: 15;
}

.registration-button-signup{
clear: both;
margin-top: 10px;
margin-left: 150px;
position: relative;
z-index: 15;
float:left;
}

/*** Recover password field ***/

.recover_field{
background-color:#fff; width:300px; border:1px solid #fff;
}

/*QUIZ */

.quiz {
 position: relative;
 z-index: 15;
}

.quiz h1 {
 float:left;
}

.quiz_top {
 width: 80%;
 height: 50px;
}

.quiz_left {
 position: relative;
 z-index: 15;
 float:left;
 padding-right:10px;
 width:40%;
}

.quiz_right {
 position: relative;
 z-index: 15;
 float:left;
 width:40%;
 margin-bottom: 20px;
}

.quiz_bottom {
 width: 80%;
 position: relative;
 z-index: 15;
}

#countdown {
 float:right;
 color: #FFD200;
 width:30px;
 height:20px;
 padding:5px;
}

.drinkware ul {
margin: 0px;
padding: 0px;
}

.drinkware li {
float: left;
list-style-image:none;
list-style-position: inside;
list-style-type: none; 
margin: 0px;
padding: 0px;
height: 28px;
}

/* GOOGLE MAP
************************************************************/
.map_bubble {
	color:#000000;
	text-align:left;
	margin:0;
}
.map_bubble p {
	margin-top:0;
	margin-bottom:1em;
}
.map_bubble p.half {
	margin-bottom:0.25em;
}
.map_bubble p.none {
	margin-bottom:0;
}