/* @override http://localhost:8888/fb/css/style.css */

/* @override http://localhost:8888/fb/css/style.css */

/*
author: fabio p balducci
client: fabiobalducci.com
date: may 2010

© fabiobalducci.com f.b™ 2006 - 2010
*/
@import url("bg.css");

/* @group fonts */

@font-face {
	font-family: 'aller light';
	
	/* for IE */
	src: url('../fonts/Aller_Lt.ttf');
	/* for non-IE */
	src: local('aller light'),
	     url('../fonts/Aller_Lt.ttf') format ('truetype');
}

@font-face {
	font-family: 'aller';
	
	/* for IE */
	src: url('../fonts/Aller_Rg.ttf');
	/* for non-IE */
	src: local('aller'),
	     url('../fonts/Aller_Rg.ttf') format ('truetype');
}

@font-face {
	font-family: 'sansation';
	
	/* for IE */
	src: url('../fonts/Sansation_Regular.ttf');
	/* for non-IE */
	src: local('sansation'),
	     url('../fonts/Sansation_Regular.ttf') format ('truetype');
}

@font-face {
	font-family: 'sansation bold';
	
	/* for IE */
	src: url('../fonts/Sansation_Bold.ttf');
	/* for non-IE */
	src: local('sansation bold'),
	     url('../fonts/Sansation_Bold.ttf') format ('truetype');
}

/* @end */

body {
	font-size: small;
	color: #2c292a;
	margin: 0;
	padding: 0;
}

img, input, a, a h1 {
	outline: none;
	border: none;
	text-transform: none;
	text-decoration: none;
}

* {
	font-family: "sansation", sans-serif;
	margin: 0 auto;
	padding: 0;
}

#main {
	margin: 50px 0;
	padding: 20px;
	background: rgba(0, 0, 0, 0.6);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;	
	-khtml-border-radius: 30px;
}

#main p {
	font-size: 90%;
	line-height: 1.8em;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
}

.col1 {
	display: inline-block;
	width: 45%;
	padding-right: 9%;
	vertical-align: middle;
}

.col2 {
	display: inline-block;
	width: 45%;
	vertical-align: middle;
}

h1 {
	margin-top: 50px;
	background: url(../images/fb.png) no-repeat;
	width: 461px;
	height: 403px;
}

p.soon, p.wife {
	color: #2d2b99;
	margin-top: 20px;
	/*background: url(../images/soon.png) no-repeat;*/
	font-size: 500%;
	text-transform: uppercase;
	text-align: center;
	width: 700px;
	height: 58px;
}

p.wife {
	font-size: 220%;
	color: #8b31c7;
	font-weight: bold;
	text-align: center;
}

h1 span, p.soon span {
	visibility: hidden;
}

.content {
	width: 750px;
}

#footer {
	margin-top: 50px;
	text-align: center;
	font-size: 80%;
	padding-bottom: 25px;
	color: #666;
}

form#mailingList {
	margin: 0 auto;
	padding: 0;
	width: 548px;
}

#submit value {
	display: hidden;
}

#formElements {
	margin: 30px 0;
	padding: 0;
	height: 150px;
}

#mailingList input#name {
	background: url(../images/name.png) no-repeat;
	margin: 0 auto;
	width: 548px;
	height: 70px;
	font-size: 110%;
	color: #4e4e4e;
	margin-bottom: 10px;
	text-indent: 82px;
	cursor: text;
}

#mailingList input#subscribe {
	background: url(../images/input.png) no-repeat;
	width: 466px;
	height: 70px;
	float: right;
	font-size: 110%;
	color: #4e4e4e;
}

#mailingList label {
	display: none;
}

#mailingList input#submit {
	background: url(../images/submit.png) no-repeat;
	width: 82px;
	height: 70px;
	text-indent: -9999px;
	float: left;
	cursor: pointer;
}

#mailingList input#submit:hover {
	background: url(../images/submitHover.png) no-repeat;
	width: 82px;
	height: 70px;
}

ul.alert.error {
	background-color: rgba(255,55,55,0.5);
	width: 60%;
	margin: 0 auto;
	padding: 10px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;	
	-khtml-border-radius: 30px;
	border: 5px solid #2c292a;
	list-style: none;
	font-family: 'sansation bold', sans-serif;
}

ul.alert.success {
	background-color: rgba(0,255,0,0.5);
	width: 60%;
	margin: 0 auto;
	padding: 10px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;	
	-khtml-border-radius: 30px;
	border: 5px solid #2c292a;
	list-style: none;
	font-family: 'sansation bold', sans-serif;
}

ul.alert li p {
	margin: 8px 0;
	color: #2c292a;
}

a:link, a {
	text-transform: none;
	text-decoration: none;
}

a:visited {
}

a:focus {
}

a:hover {
}

a:active {
}

.center {
	text-align: center;
}