@charset "utf-8";

/*==========Common Styles==========*/
*,html {font-size: 100%; -webkit-text-size-adjust: none; -webkit-font-smoothing:antialiased; font-family: 'ProximaNova-Regular', Arial, sans-serif;} 
*{margin:0;}
html, body{margin: 0;padding: 0;}
body{width: 100%; min-width: 940px; background-color:#ED1C24;}

/*==========General text==========*/
h1, h2, h3, h4, h5, h6{font-weight: normal;}
p{padding-bottom: 18px;}
.s10{font-size:0.625em;}
.s11{font-size:0.688em;}
.s12{font-size:0.75em;}
.s13{font-size:0.813em;}
.s14{font-size:0.875em;}
.s15{font-size:0.938em;}
.s16{font-size:1em;}
.s18{font-size:1.125em;}
.s20{font-size:1.25em; line-height:1.4em;}
.hd{font-size:2.1875em;}
.errorMessage{font-size:1.8em;}
.red{color:#ED1C24;}
.darkgrey{color:#333;}
.clear{clear: both;}
.left{float: left;}
.right{float: right;}
.hide{display:none;}
a img{border: 0;}
a .alt {display: none;}

/*==========Wrappers==========*/
#white_wrapper{width:100%; background-color:#FFF;}
#main_wrapper{width:940px; margin:0 auto;}
#main_wrapper.top{padding-top:40px;}
#main_wrapper.bottom{padding-top:60px; color:#FFF;}

/*==========Logo==========*/
#logo{display:block; width:183px; height:57px; background:url(../assets/logo_clicker.png) top left no-repeat; margin:0 0 60px 0;}

/*==========Introduction==========*/
#intro{padding-bottom:50px;}
#intro p{font-size:3.1875em; color:#333;}
#intro p a{color:#ED1C24; text-decoration: none; border-bottom:3px solid #ED1C24; display: inline-block; *display:inline; zoom:1; line-height: 45px; margin: 6px 0; *margin: 1px 0 0 0;}
#intro p a:hover{color:#666; border-bottom:3px solid #666;}

/*==========Form==========*/
#form_wrapper{margin:50px 0 100px 0;}
#contactform > .item{margin:0 0 22px 0; clear:both; overflow:auto;}
#contactform > .item > .label{float:left; width: 150px; padding: 22px 10px 0 0; font-size:1.5em;}
#contactform > .item > input[type="text"]{float:left; width: 570px; height:28px; padding: 20px 26px; border:none; background-color:#DC0305; color:#FFF; font-size:1.5em;}
#contactform > .item > textarea{float:left; width: 570px; height:200px; padding: 20px 26px; border:none; background-color:#DC0305; color:#FFF; font-size:1.5em; overflow: auto;}
#contactform > .item > .error{float: left; font-size:1.5em; padding: 20px 26px;}
#contactform > .item > .verification{float:left; font-size:2.1875em; padding:16px 22px 0 0; letter-spacing:4px;}
#contactform > .item > input.short[type="text"]{width: 70px; font-size:2.1875em; letter-spacing:5px;}
#contactform > .item > input[type="text"]:focus, #contactform > .item > textarea:focus{background-color:#FFF; color:#DC0305; outline: none;}
#contactform > .item > .g-recaptcha{float:left; }
#contactform > .item.submit{padding:0 0 0 160px;}
#contactform > .item.submit > input[type="submit"]{display: inline-block; *display:inline; zoom:1; padding: 20px 26px; font-size:2.1875em; color:#ED1C24; background-color:#FFF; border:0; cursor:pointer;}
#contactform > .item.submit > input[type="submit"]:hover{background-color:#DC0305; color:#FFF;}
#contactform > .item.submit > input[type="submit"]:focus{outline: none;}


/*==========Footer==========*/
.footer{font-size:0.9375em; clear:both; padding-bottom:30px;}


/*==========Responsive media queries==========*/
/*---For retina display---*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#logo{background-image:url(../assets/logo_clicker@2x.png); background-size:183px 57px;}
}