@import url("reset.css");

/* tags */

html{ background:url(../images/bkg.jpg) repeat-x top #5e554e; }
body{ font:75% / 150% Impact, "Arial Black", Gadget, Arial, sans-serif; border-top:15px solid #790000; position:relative; }
a{ text-decoration:none; }

p{ font-family:Arial, Helvetica, sans-serif; }

/* typography */

.aside h1, .aside h2{ font-size:24px; letter-spacing:1px; line-height:150%; text-align:center; padding:50px 0 0 15px; color:#fff; text-shadow:3px 3px 0 #504941; font-variant:small-caps; }
.aside h2 a{ color:#fff; margin:0; border-bottom:1px dotted; }
.aside h2 a:hover{ border-bottom:1px solid; }

.tips > h1{ font-size:75px; color:#fff; margin:0 0 45px 0; display:block; text-shadow:2px 2px 0 #790000; }
.tips > p{ font-size:24px; line-height:120%; text-shadow:2px 2px 0 #504941; color:#fff; margin:0 0 25px 0; }

/* divs */

#container{ margin:0 auto; width:960px; }
#header{ padding-top:15px; width:960px; border-top:6px dashed #790000; margin-bottom:15px; }
#content{ width:960px; border-bottom:3px dashed #fff; }
#footer{ width:960px; background-color:#504941; margin-top:15px; text-align:center; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }

#flashContainer{ width:718px; border:5px solid #fff; background-color:#fff; margin:15px 0; text-align:center; float:left; }
.aside{ width:232px; float:right; }
.tips{  margin-top:85px; }

.googleAd{ width:960px; float:left; margin-bottom:15px; }

.borderBottom{ position:fixed; height:209px; right:0; bottom:0; left:0; background:url(../images/border-bottom.png) bottom repeat-x; z-index:-1; }

/* navigation */

.games{ display:inline-block; float:right; font-size:72px; margin:48px 0 0 0; }
.games li{ display:inline; padding:0 15px; }
	.current{ background:url(../images/current.png) center no-repeat; }
.games li a{ color:#eee; }
.games li a:hover{ color:#fff; text-shadow:2px 2px 0 #000; }

.navigation{ display:block; font-size:48px; text-align:center; letter-spacing:1px; margin-top:20px; border-bottom:3px dashed #790000; padding-bottom:25px; }
.navigation li{ display:inline; margin:0 42px; }
	.navigation li:first-child{ margin-left:0; }
	.navigation li:last-child{ margin-right:0; }
.navigation li a{ color:#790000; text-shadow:2px 2px 0 #fff; }
.navigation li a:hover{ color:#fff; text-shadow:2px 2px 0 #790000; }

#footer ul{ font-size:24px; padding:25px; }
#footer ul li{ display:inline; margin:0 15px; }
	#footer ul li:first-child{ margin-left:0; }
	#footer ul li:last-child{ margin-right:0; }
#footer ul li a{ color:#fff; border-bottom:1px dotted; }
#footer li a:hover{ border-bottom:1px solid; }

/* controls */

.aside a{ display:inline-block; margin:25px 0 0 60px; }
.clear{ clear:both; }