/*
Theme Name: MofM Coming Soon
Theme URI: http://mazeofminds.com
Description: MofM Coming Soon theme is stylish and clean launching theme for Wordpress users. It offers two color schemes, jquery countdown, email subscriptions, links to the profiles on the most popular social networks as well as custom logo image. All these features are easily customizable through the back-end options panel.
Version: 1.0 
Author: <a href="http://mazeofminds.com/">Maze of Minds</a>
Author URI: http://mazeofminds.com/
*/

body {font-family:Verdana, Geneva, sans-serif;margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1;}
html,div,span,head,h1,h2,h3,h4,h5,h6,p,blockquote,a,font,img,small,strong,ol,ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;background: transparent;}
ol,ul{list-style:none;}
blockquote, q{quotes: "" "";}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#e1e1e1;}

.clearfix{clear:both;}
h1{font-family:Verdana, Geneva, sans-serif;font-size:2.25em;margin-bottom:0.20em;font-weight:bold;}
h1 a,h1 a:hover,h1 a:active,h1 a:visited{color:#e1e1e1;}
h3{font-family:Verdana, Geneva, sans-serif;font-size:1.25em;line-height:1.2em;margin-bottom:0.75em;}
h4{font-family:Verdana, Geneva, sans-serif;font-size:1em;margin-bottom:0.60em;}

body{background:#303030 url("../images/bg_0.jpg") repeat-x fixed center top;color:#ddd;}
#pageWrap, .pageWrap {margin:0px auto 0 auto;width:950px; padding:30px 0;}


#header{}
#logo {margin:10px auto 20px auto; text-align:left;}

#countdown{padding-top:25px; height:160px;}
#countdownTitle h4{color:#333;margin-bottom:1.6em;}
.hasCountdown{color:#333;font-size:1em;font-weight:normal;text-transform:uppercase;}
.countdown_section{display:block;float:left;width:121px;}
.countdown_section .countdown_amount{font-size:1.875em;font-weight:bold;line-height:120%;}

#emailForm{background:transparent url("../images/bc_submit.png") no-repeat;width:337px;height:55px;margin:44px auto 0 auto;position:relative;}
input.hiddenField{display:none;}
input#email{width:208px;height:28px;line-height:28px;border:1px inset #c1c1c1;padding-left:2px;position:absolute;left:11px;top:11px;background:#ededed;color:#333;}
input#submitButton{width:100px;height:33px;background:transparent url("../images/submit_btn.png");cursor:pointer;border:none;color:#f2f2f2; font-weight:bold;position:absolute;right:11px;top:11px;}
input#submitButton:hover{background:transparent url("../images/submit_btn_hover.png");border:none;}
input#submitButton:active{background:transparent url("../images/submit_btn_active.png");border:none;}

/*
input#submitButton.submitHover{background:transparent url("../images/submit_btn_hover.png");border:none;}
input#submitButton.submitClick{background:transparent url("../images/submit_btn_active.png");border:none;}
*/



#footer{float:left;width:100%;overflow:hidden;}
#followLinks{padding:0;margin:0 auto;list-style-type:none;float:left;position:relative;left:50%;}
#followLinks li{background:transparent url("../images/bc_follow.png") repeat-x left top;float:left;position:relative;right:50%;padding:9px 4px;}
#followLinks li#left,#followLinks li#right{background:none;height:50px; width: 7px;padding:0;}
#followLinks li a{display:block;height:32px;width:32px;}
#followLinks li a#facebook{background:transparent url("../images/facebook.png") no-repeat 0 0;}
#followLinks li a#facebook:hover{background:transparent url("../images/facebook.png") no-repeat 0 -34px;}
#followLinks li a#facebook:active{background:transparent url("../images/facebook.png") no-repeat 0 -66px;}

#followLinks li a#twitter{background:transparent url("../images/twitter.png") no-repeat left top;}
#followLinks li a#twitter:hover{background:transparent url("../images/twitter.png") no-repeat 0 -34px;}
#followLinks li a#twitter:active{background:transparent url("../images/twitter.png") no-repeat 0 -66px;}

#followLinks li a#fb{background:transparent url("../images/fb.png") no-repeat left top;}
#followLinks li a#fb:hover{background:transparent url("../images/fb.png") no-repeat 0 -34px;}
#followLinks li a#fb:active{background:transparent url("../images/fb.png") no-repeat 0 -66px;}

#followLinks li a#flickr{background:transparent url("../images/flickr.png") no-repeat left top;}
#followLinks li a#flickr:hover{background:transparent url("../images/flickr.png") no-repeat 0 -34px;}
#followLinks li a#flickr:active{background:transparent url("../images/flickr.png") no-repeat 0 -66px;}

#followLinks li a#linkedin{background:transparent url("../images/linkedin.png") no-repeat left top;}
#followLinks li a#linkedin:hover{background:transparent url("../images/linkedin.png") no-repeat 0 -34px;}
#followLinks li a#linkedin:active{background:transparent url("../images/linkedin.png") no-repeat 0 -66px;}

#followLinks li a#stumbleupon{background:transparent url("../images/stumbleupon.png") no-repeat left top;}
#followLinks li a#stumbleupon:hover{background:transparent url("../images/stumbleupon.png") no-repeat 0 -34px;}
#followLinks li a#stumbleupon:active{background:transparent url("../images/stumbleupon.png") no-repeat 0 -66px;}

#contactFormWrepper {
	margin:10px auto;
	padding:15px 25px 25px 25px;
	background:#4B4A4A;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	max-width:300px;
}

#contactForm { margin: 12px 0 0px 0px; }
#contactForm input {border:#fff 1px solid; background:#fff;font: 13px Arial, Helvetica, sans-serif;color:#413F3F; font-style:italic; padding:5px 9px 6px 9px;outline: medium none;width: 100%; height:17px; float:left;}
#contactForm textarea {border:#fff 1px solid; background:#fff;font: 13px Arial, Helvetica, sans-serif;color:#413F3F; font-style:italic;  height: 140px;outline: medium none;overflow: auto;padding: 6px 0px 0px 9px;width:100%;resize:none;margin:0px 0 0 0;float:left;}
#contactForm label {position:relative;overflow:hidden;display: block;min-height:35px;}
.btns {text-align:left; padding-top:15px;}
.btns a {display:inline-block; margin:0 20px 0 0; background:#000; padding:10px; color:#FFF;}
.btns a:hover { color:#CCC; }

#contactForm input.field_error,
#contactForm textarea.field_error {
	background:#F74B33;
	color:#FFF;
}
.msg {
	padding:20px;
	text-align:center;
	color:#F90;
}