/* ---------- INKUBUS home stylesheet ----------- */
/* ---------------- Eric Dubois ----------------- */
/* ------------- www.ericdubois.com ------------- */

/* --------- Styles for home page only ---------- */

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: url(images/backdrop.gif) center top; 
}

#wrapper { width: 780px; height: 750px; margin: 0 auto; padding: 0; }
.bg { background: url(images/inkubus-bkgd.jpg); }
.bg1 { background: url(images/inkubus-bkgd1.jpg); }
.bg2 { background: url(images/inkubus-bkgd2.jpg); }

#content { width: 620px; height: 680px; margin: 0 auto; padding: 0; }
#column1 { float: left; width: 430px; margin: 0; padding: 200px 0 0 0; }
#column2 { float: left; width: 190px; margin: 0; padding: 260px 0 0 0; text-align: center; }
#textBox1 { width: 430px; height: 190px; margin: 0; padding: 0; }
#logoBox { width: 430px; height: 90px; margin: 0; padding: 0; }
#textBox2 { width: 430px; height: 50px; margin: 0; padding: 0; }
#formBox { width: 430px; height: 90px; margin: 0; padding: 0; }
#enterBox { width: 190px; height: 70px; margin: 0; padding: 0; }
#socialBox { width: 190px; height: 50px; margin: 0; padding: 0; position: relative; top: 320px; }
#address { width: 780px; height: 20px; margin: 0 auto; padding: 0; text-align: center; }

#signupForm { clear: both; text-align: right; }
#signupForm fieldset { font-size: 1.2em; width: 360px; padding: 0 0 0 5px; margin: 0 auto; border: none; color: #000; background: #c00; }
#signupForm legend { padding: 0; }
#signupForm label { display: block; margin: .3em 0; line-height: 1em; }
#signupForm input { border: 1px solid #000; color: #000; }
#signupForm input.btn { background: #000; border: 1px solid #000; color: #fff; }
#signupForm input.btn:hover { background: #c00; border: 1px solid #000; color: #fff; }
#signupForm input.btn:active { background: #888; border: 1px solid #555; color: #fff; }

a.enterBtn { display: inline-block; width: 170px; height: 55px; background-image: url(images/enter_button.jpg); }
a.enterBtn:hover { background-position: 0 -55px; }
a.enterBtn:active { background-position: 0 -110px; }

#soundBtn { cursor: pointer; display: inline-block; width: 32px; height: 32px; background-image: url(images/sound_on.gif); }
#soundBtn.soundOff { background-image: url(images/sound_off.gif); }
#soundBtn:hover { background-position: 0 -32px; }

#homeLinks { position: relative; text-align: center; }
#homeLinks a { margin: 0 10px; }
#homeLinks a.facebook { display: inline-block; width: 20px; height: 20px; background-image: url(images/icon_facebook.gif); }
#homeLinks a.myspace { display: inline-block; width: 20px; height: 20px; background-image: url(images/icon_myspace.gif); }
#homeLinks a.twitter { display: inline-block; width: 20px; height: 20px; background-image: url(images/icon_twitter.gif); }
#homeLinks a.facebook:hover, #homeLinks a.myspace:hover, #homeLinks a.twitter:hover { background-position: 0 -20px; }

#address p, #address p a {color: #ccc; margin: 10px 0; text-decoration: none; }
#address p a:hover {color: white; }

#skip { display: none; }
#skip a {color: #ccc; text-decoration: none; }
#skip a:hover {color: white; }
/* ------- Images ------- */
img { 
	border: none;
	margin: 0; 
	padding: 0;
}

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear: both; }

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}