﻿/* entire CSS file is Copyright of Elicit Ice 2012 */

* { margin: 0; padding: 0; zoom:1;}
html, body { height: 100%; width: 100%; overflow-x:hidden; }

.content {   background: #dff;   }

#Games #Menu li.games, #About #Menu li.about, #Contact #Menu li.contact
{ 
    background: #fff;
    color: #2bf;
    
}
#Games #Menu li.games a, #About #Menu li.about a, #Contact #Menu li.contact a { color: #07a; }

#Menu a { text-decoration: none; }
#Menu a { color:#fff; }
#Menu a:active  { color:#fff; }
#Menu a:visited { color:#fff; }

/*
a { color:#fff; }
a:active  { color:#fff; }
a:visited { color:#fff; }
*/

.shaded, h1 {
    color: #07a;
    text-shadow:
        0 0 0.5em #3bf,
        0 0 2px #07a;
}

h1 {
    background: #9ee;
    margin: 0 -20px 20px -20px;
    padding-left:20px;
    
    border-radius: 7px 7px 0 0;
    
    box-shadow: #3bf 0px 3px 20px 0px, #3bf 0px 0px 16px 1px inset;
}

#Menu ul li:hover {
    background: #7ef;
    -webkit-transition: background 100ms linear;
    -moz-transition: background 100ms linear;
    -ms-transition: background 100ms linear;
    -o-transition: background 100ms linear;
    transition: background 100ms linear;
}


#footer, #header {
    width:950px;
}

body {
    background: #001;

    background-repeat:no-repeat;
    background-attachment:fixed;
    
    color: #000;
    
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: small;    
}

#headerbg {
    background: #000;
    display: block;
    text-align: center;
    height: 160px;
    width: 101%;
    
    margin: -4px auto 60px;
    box-shadow: #3bf -1px -2px 1px 0px inset,
        #07a 1px 1px 25px 3px;
}

#header {
    padding-top: 24px;
    margin: -4px auto;
    height: 140px;
}

#header img:first-child {
    float:left;
    padding: 10px;
}
#header img:last-child {
    float:right;
    margin-top:-10px;
    height:90%;
    padding-right:20px;
}

#wrapper {
    background: none;
    width: 100%;
    display: block;
    position: relative;
    margin-right: auto;
    min-height: 100%;
}

.content {
    position: relative;
    max-width: 800px;
    margin: 20px auto 20px auto;
    padding: 0px 20px 20px;
    border-radius: 7px;
    box-shadow: #07a 0px 0px 16px 1px, #1bf 0px 0px 16px 1px inset;
    border: thin solid #3bf;
	clear: both;
}

.content > div, p {
	display:inline-block;
}

.bullets > li {
	padding-bottom: .5em;
}

.finePrint {
	font-size: smaller;	
}
	
.imglink
{
	border:1px;
	padding:0;
	text-decoration:none;
	position: relative;
	width: 135px;
	height: 40px;
}	
.imglink > img
{
	height: 40px;
}
.imglink > span
{
	position: absolute;
	left: 0;
	width: 135px;
	height: 40px;
	background-color: rgba(1,0,0,0.7);
	COLOR: white;
	font-size: x-large;
}

.left { float:left; width:50%; }
.right { float:right; width:50%; }

.center {
    width:100%;
    text-align:center;
}

br {
    clear:both;
}

.margin
{
    padding: 2px;
    margin:2px;
}

.push {  
    display: table; 
    background:none; 
    clear: both;
    height:120px;
}

#footerbg {
    background: #000;
    display:block;
    height: 120px;
    position: absolute;
    width: 101%;
    margin: -4px auto;
    bottom:0;
    overflow: hidden;
    
    box-shadow: #3bf -1px 2px 1px 0px inset,
        #07a 1px -1px 25px 3px;
}

#footer {
    color:#fff;
    height: 100px;
    margin: 0px auto;
    padding: 1em;
    text-align: center;
}

#CenterMenu {
    background: none;
    width: 100%;
    text-align: center;
}

#Menu {
    background:#001;
    font-size: large;
    display: inline-block;
    margin-top: -1.4em;
}

#Menu ul {
    list-style: none;
    margin: 0;
    padding: -1px;
    position: relative;
    text-align: center;
    box-shadow: #07a 0px 0px 16px 1px, #1bf 0px 0px 16px 1px inset;
    border: thin solid #3bf;
    border-radius: 2px;
}

#Menu ul li {
    display: inline-block;
    width: 120px;
    padding: 10px;
    margin: 0 -6px 0 0;
    background: none;
    box-shadow: #1bf 2px 0px 4px -1px inset, #1bf -2px 0px 4px -1px inset;
    border-right: thin solid #7ef;
}

#Menu ul li:first-child {
    box-shadow: #1bf -2px 0px 4px -1px inset;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0 -6px 0 0;
}

#Menu ul li:last-child {
    box-shadow: #1bf 2px 0px 4px -1px inset;
    border-right: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin: 0 0 0 0;
}

#hsoc {
    float:left;
    left:0px;
    width:90px;
	position: absolute;
}

#hsoc img {
    margin: 4px;
    width:64px;
    height:64px;
}

#twitter {
    margin: 0 auto;
}

img {
    border: 0px;
}
