@charset "utf-8";
/* CSS Document */

@import url('reset.css');

/***********  Typography **************/

p {
	line-height: 18px;
}

h1 {
	
	}
	
h1 a {text-decoration: none; color: #ececec;}

h1 a:hover {color: #0000FF;}

h2 {
	color: #444444;
	font-family: "Futura Bold", Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight:normal;
	}	

h3 {
	color: #444444;
	font-family: "Futura Bold", Helvetica, Arial, sans-serif;
	font-size: 48px;
	font-weight:normal;
	margin: 15px;
	text-transform: uppercase;
	}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight:normal;
	margin: 15px;
	-linear-gradient(white, black);
	text-transform: uppercase;
	}
	
h4 a {
	text-decoration: none;
	color: #FF0000;
	font-size: 48px;
	letter-spacing: -0.05em;
}
	
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	margin: 10px;
	background-color: #c7ae25;
	padding: .3em 1em;
	width: 50%;
	border-bottom: 4px solid #a68e0c;
}
	
a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
}
/*******************   general   ***************/

html, body { height: 100%; margin: 0 0 1px; background-color:#111;}

#container {width: 960px; margin: 0 auto; background-color:#333333;}

.left {float:left;}

.right {float:right;}

.clear {clear: both;}

.hidden {
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}

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

/*******************   header    ***************/

h1#company-name {
	position: absolute;
	color: #ececec;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 85px 0 0 850px;
	/*  apparently there is a bug in cufon that makes the absolutely positioned h1 align to the canvas if you use the top and left properties */
	/*  I just used margins to work around the problem */
}


ul#main-nav {
	background-color: #cbc9ba;
	height: 28px;
}

ul#main-nav li {
	position: relative;
	top: 2px;
	display:inline;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: yellow;
	padding: 0 5px 0 5px;
	
	}

li.nav a {
	text-decoration: none;
	color: #333333;
	padding: 0 5px;
}

li.nav a:hover {
	color: #999999;
	background-color: #333333;
}

/*******************   flash content  **********/

#flash-content {width: 960px; height: 495px; float:left; clear: both;}

/*******************   content   ***************/

div#content p {
	color:#d9d9d9;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 8px;
	padding: 5px;
}

div#content table {
	margin: 12px;
}

div#in-stadium img {
	margin: 10px;
}

div#blog-latest {width: 498px; height: 500px; float:left; background-image:url(../img/news-bkd.jpg)}

div#block2 {
	width: 498px; 
	float:left; 
	background-image:url(../img/news-bkd2.jpg); 
	background-repeat:no-repeat;
	}

div#about-us {
	float:left; 
	background-color:#121212;
	width:462px;
	height:500px;
	}
	
div#footer {float:left; clear:both;}

ul#interactive-list {
	margin: 20px;
	margin-left: 2.5em;
	list-style:square;
}

ul#interactive-list li {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 14px;
}

blockquote#contact-content p, blockquote#contact-content a{
	font-size: 20px;
	line-height: 24px;
}

div.bkd-sep {
	background-color: #222;
	padding-top: 5px;
	margin-bottom: 10px;
}

/******************  recent blog post  ***********/
a.newsLink, a.newsLink:link, a.newsLink:visited{
	color:#FFFFFF;
	text-decoration:underline;
}
a.newsLink:hover{
	color:#FF0000;
}

.post-item {
	border-top: 1px solid #0d0d0d;
}

img.blog-post-img {
	border: 10px solid #0d0d0d;
	padding: 10px;
	margin: 8px;
}

h5.blog-post-date {
	color: #fff;
	padding: 5px;
}

a.blog-link {
	color:#FFFFFF;
	margin: 5px;
	padding: 5px;
}

.post-item blockquote p {
	line-height: 1.5em;
}

div#about-us p {
	line-height: 1.5em;
	color: #d9d9d9;
}

span.pink-text {
	display:block;
	padding-top: 10px;
	border-top: 1px solid #efefef;
	color: #b05252;
}

div#about-us img {
	padding: 10px;
}

ul#demo-nav {
	margin: 0 10px;
}

ul#demo-nav li {
	display: inline;
	
	text-transform: uppercase;
}

ul#demo-nav li a, ul#demo-nav li a:visited {
	color: #fff;
	background-color: #a68e0c;
	padding: .3em 1em;
	font-size: 10px;
	font-weight: bold;
}

ul#demo-nav li a:hover {
	color: #fff;
	background-color: #c7ae25;
	border-bottom: 4px solid #a68e0c;
}

h5.about-subhead {
	font-weight: bold;
	color: #CCCCCC;
	font-size: 14px;
	padding-left: 12px;
}

div#ix-block {
	width: 960px;
}

div#ix-block p.game-description {
	width: 400px;
}

#cardSWF, #press-your-luck, #driDuckGame, #familyFeud, #priceIsRight {
	margin: 10px;
	border: 10px solid gray;
}

#royalsFortune {
	margin: 10px 0;
}

#prlAlternative {
	width: 544px;
	height: 232px;
	border: 10px solid red;
}

/********************  footer  *****************/

div#footer {
	width: 100%;
	height: 146px;
	background: transparent url(../img/footer-bkd.gif) repeat scroll center top;
}

div#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #CCCCCC;
	font-weight: normal;
	margin: 25px 0 0 15px;
}

div#footer ul {
	margin: 15px;
}

div#footer img {
	margin: -20px 0 0 100px;
}

div#footer li {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #eee;
	padding: .2em;
	font-size: .8em;
}

div#footer li a {
	font-weight: bold;
	color: #ddd;
}

div#footer li a:hover {
	text-decoration: underline;
}