/* General Styles */
* {
	-webkit-text-size-adjust: 100%;
}
html {
	background-color:#000000;
	width:auto;
}
h1 {
	font-size:36px;
}
h2 {
	font-size:18px;
}
p {
	font-size:12px;
	margin-bottom:10px;
}

/* Layout */
.outer {
	position:relative;
	display:inherit;
	width:auto;
}
#middle {
	position:relative;
	display:inherit;
	width:auto;
	vertical-align:top;
}
#container {
	width:auto;
	margin:0 auto;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	box-shadow:none;
}
#header {
	width:228px;
	height:82px;
	margin:0 auto 15px;
	background:transparent url('images/TheaterGuru_Mobile.png') no-repeat;
}
#content {
	margin:10px 10px 0;
	padding:0;
}
#subscribe {
	width:100%;
	height:30px;
	margin:0 -10px;
	padding:10px;
	color:#000000;
	background-color: #FF0000; 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF0000), to(#A41C20));
	background-image: -webkit-linear-gradient(top, #FF0000, #A41C20); 
	background-image:    -moz-linear-gradient(top, #FF0000, #A41C20);
	background-image:     -ms-linear-gradient(top, #FF0000, #A41C20);
	background-image:      -o-linear-gradient(top, #FF0000, #A41C20);
}
#form {
	padding:0;
	margin:0;
}
.input {
	width:150px;
	padding:5px 7px;
	font-size:12px;
	color:#999999;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:inset 0 0 5px rgba(0,0,0,.75);
}
.input:active, .input:focus {
	color:#000000;
}
.button {
	padding:5px 7px;
	font-size:12px;
	color:#000000;
	text-align:center;
	border:none;
	border-radius:none;
	-moz-border-radius:none;
	box-shadow:none;
	background-color:rgba(255,255,255,1);
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
}
.button:hover {
	background-color:rgba(255,255,255,1);
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
}