/* RESET */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}

/* FONTS */

@font-face {
	font-family: "Alte Haas";
	src: url("http://www.fastsociety.com/css/fonts/alte-haas-regular.ttf") format("truetype"); 
	src: url("http://www.fastsociety.com/css/fonts/alte-haas-regular.eot"); /* EOT file for IE */
}
 
@font-face {
	font-family: "Alte Haas";
	font-weight: bold;	
	src: url("http://www.fastsociety.com/css/fonts/alte-haas-bold.ttf") format("truetype");
	src: url("http://www.fastsociety.com/css/fonts/alte-haas-bold.eot"); /* EOT file for IE */
}

    
	
/* GLOBALS */

body {
    background: #3e0b68 url(/images/splash/purplefade.jpg) no-repeat top center;
    font: 15px "Alte Haas", Helvetica, sans-serif;
    line-height: 19px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    text-align: center;
    letter-spacing: 1.9px;
    }
 
a {color: #fff; text-decoration: none;}

.clear {clear: both; height: 1px;}


h1 {text-indent: -1500px;}    
h2 {font-family: "Alte Haas", Helvetica, sans-serif; font-weight:bold; color: #9880b3; text-shadow: #52167f 2px 2px; font-size:18px; margin: 10px; line-height: 29px; letter-spacing: 1.9px;}

p {width: 90%; margin: 8px auto; font-size: 14px; text-align:left; color: #222; line-height: 19px;}

p a {color: #582c83;}

ul {margin-bottom: 15px;}
li {padding-left: 20px; list-style-position: inside;}

.button {
    margin: 0px;
    margin-bottom: 20px;
    border: none;
    font-size: 17px;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    overflow: visible;
    border: 2px solid #52167f;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: #451768 url(/images/splash/button.jpg) no-repeat top left;
    text-shadow: #340c53 2px 2px;
    }
    
.button:hover {background: #52167f; border-color: #7423b1;}	
    
.blackbutton {
	width: 101px;
	height: 56px;
	background: url(/images/splash/submit.png) no-repeat top left;
	overflow: visible;
	text-indent: -1500px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	cursor: pointer;
	cursor: hand;
	}


input.text_field {
    padding: 10px 0px 0px 10px;
    font-size:25px;
    color: #673a8e;
    background: none;
    outline: 0;
    overflow: hidden
    margin: 0px;
    width: 422px;
    height: 45px;
    }
    
input.text_field:focus, textarea:focus {border-color: #52167f;}


#logo {
	width: 340px;
	height: 250px;
	background: url(/images/home/logo.png) no-repeat top center;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	position: relative;
	}
	
#tweet {	
	width: 121px;
	height: 120px;
	background: url(/images/splash/tweet.png) no-repeat top left;
	position: absolute;
	bottom: -3px;
	right: 0px;
	}
	
	
#upper {
	width: 100%;
	padding: 80px 0px 10px 0px;
	margin: 0px;
	}

#lower {
	width: 100%;
	height: 100%;
	background:#411068 url(/images/splash/lower.jpg) repeat-x top left;
	padding: 5px 0px;
	margin: 0px;
	}
	
#floater {
	margin: 20px auto 5px auto;
	padding: 8px 10px;
	width: 560px;
	height: 72px;
	overflow: hidden;
	background: url(/images/splash/formback.png) no-repeat top left;
	text-align: center;
	}
	
#textbox {
	float: left;
	width: 433px;
	height: 55px;
	background: url(/images/splash/textback.png) no-repeat top left;
	padding: 0px;
	}
	
#sidebutton {float: left; margin-left: 6px;}

#message {margin: 6px; font-size: 17px; color: #8048b3;}

#hiddenform {display: none;}

#credit {
	margin: 40px auto;
	width: 197px;
	height: 34px;
	overflow: hidden;
	text-indent: -1500px;
	background: url(/images/splash/obbcreationpurple.png) no-repeat top left;
	}
	
#iphone {margin: 20px auto 20px auto;}
#mobileweb {color: #9880b3; font-size: 16px; padding: 0px 20px; text-shadow: #52167f 2px 1px; letter-spacing: .7px;}
#mobileweb a {color: #fff; text-decoration: none;}

#container {
	margin: 0px auto;
	padding: 20px 0px;
	width: 90%;
	}

#container .block {
	width: 100%;
	margin: 0px auto;
	color: #000;
	background: #fff url(http://www.fastsociety.com/images/contentback.jpg) top left repeat-x;
	padding: 5px 0px 3px 0px;
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}