/*----------------------------------------
        cascading style sheet for contact
    created by benjam welker:  2004-03-03
                last updated:  2006-09-25
  ----------------------------------------*/


/********** CONTACT PAGE STUFFS ********/

html,
body { /* 0.0.0.1 */
	font: 1em "Trebuchet MS",Verdana,sans-serif;
	color: #FFF;
	background: #000 url("../images/frame.gif") repeat-y center;
	padding: 0;
	margin: 0;
	}
* html body { /* 0.0.0.3 */
	text-align: center;
	}

#meebobox { /* 0.1.0.0 */
	width: 200px;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 5px;
	z-index: 0;
	}

#social { /* 0.1.0.0 */
	position: absolute;
	top: 184px;
	left: 50%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #555;
	padding: 10px;
	margin-left: -360px;
	width: 120px;
	}

#social h2 { /* 0.1.0.1 */
	font-size: 0.8em;
	margin: 0 0 1em;
	color: #BBB;
	}

#social a { /* 0.1.0.1 */
	float: left;
	}

#social a img { /* 0.1.0.2 */
	border: 0;
	}

#container { /* 0.1.0.0 */
	background: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #555;
	width: 390px;
	height: 390px;
	padding: 10px;
	margin: 3em auto;
	}

#message { /* 0.1.0.0 */
	width: 380px;
	height: 140px;
	}

#thanks { /* 0.1.0.0 */
	text-align: center;
	color: #BBB;
	}

#container input,
#container textarea { /* 0.1.0.1 */
	font-size: 10pt;
	font-weight: normal;
	color: #FFF;
	background: #000;
	border: 1px solid #999;
	padding: 0.5ex;
	margin: auto;
	}

#container div { /* 0.1.0.1 */
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	color: #BBB;
	width: auto;
	}

div#buttons { /* 0.1.0.1 */
	text-align: center;
	margin: 20px 0;
	}

#thanks div { /* 0.1.0.1 */
	margin: 0 0 4em;
	clear: both;
	}

#thanks span { /* 0.1.0.1 */
	display: block;
	margin: 1em 0 4em;
	}

#container .left { /* 0.1.1.0 */
	text-align: left;
	text-indent: 2em;
	}

#container input:focus, /* 0.1.1.1 */
#container textarea:focus, /* 0.1.1.1 */
#container #buttons input:hover { /* 0.2.1.1 */
	color: #000;
	background: #BBB;
	}


/********** GAMES PAGE STUFFS ********/

#games #container { /* 0.2.0.0 */
	width: 700px;
	height: auto;
	}

a.game,
div.soon { /* 0.0.1.1 */
	color: #FFF;
	background: #000;
	display: block;
	padding: 1em 2em;
	margin: 1ex;
	border: 1px solid #999;
	text-decoration: none;
	text-align: left;
	}

a.game:hover { /* 0.0.2.1 */
	color: #FFF;
	background: #333;
	border: 1px solid #BBB;
	text-decoration: none;
	}

a.game img { /* 0.0.1.2 */
	border: 0;
	vertical-align: middle;
	margin-right: 1ex;
	}

div.soon span { /* 0.0.1.2 */
	padding: 3px 2em;
	border: 1px solid #1F1D9F;
	margin: 0 1em;
	}