/*
Theme Name: Re-Mission
Theme URI: http://re-mission.net/
Description: Theme for Re-Mission Website
Version: 1.1
Author: Hauck Interactive, Inc.
*/
body {margin:0; padding:0; background-color:#000;}
body,td,th {font:14px/22px 'Lucida Sans', Helvetica, Arial, sans-serif;}
h1{color:#6aa00e; font-family: 'Aldrich', sans-serif; font-weight:normal; margin:0; padding:0;}
h2{text-transform:uppercase; color:#91ca29; font-family: 'Aldrich', sans-serif; font-weight:normal; margin:40px 0 10px 0; padding:0;}
a{text-decoration:none;}
a:link, a:visited{color:#1349a4;}
a:hover{color:#91ca29;}
a:active{color:#fd1813;}
img{border:none;}
li{list-style:square;}
hr{clear:both; border-top:5px solid #f1f1f1; border-bottom:none; border-left:none; border-right:none; margin:30px 0;}
small{font-size:10px;}

th, td{vertical-align:top; padding:20px 10px; border-bottom:5px solid #f1f1f1;}
th{text-align:right; font-weight:bold;}

.page-id-24 .col1 table{margin-top:-20px;}							/* Characters */

/* FAQs */
.page-id-33 th, .page-id-33 td{border-bottom:none;}					
.page-id-33 hr{clear:both;}
.page-id-33 a.backtotop:link, .page-id-33 a.backtotop:visited{float:right; width:80px; background-color:#000; color:#fff; padding:2px; font-size: 11px; text-align: center; margin-bottom: 20px;}
.page-id-33 a.backtotop:hover{color:#6aa00e;}
.page-id-33  tr:nth-of-type(odd) { background-color:#f1f1f1;}

#wrapper{position:relative; width:960px; margin:0 auto; background-color:#fff;}
header{border-bottom:20px solid #000; padding:15px 40px 0 40px; height:85px;}

#titleholder{overflow:hidden; font-family: 'Aldrich', sans-serif; text-transform:uppercase; padding:34px 60px 14px 30px; /*background-color:#1f6ed8;*/ background:url(img/bgd2.jpg); height:34px; border-bottom:20px solid #000;}
#titleholder h1{font-weight:normal; margin:0; padding:0; font-size:38px; color:#fff; text-shadow:3px 3px #000;}
.titlelines{width:100%; height:82px; margin:-56px 0 0 -30px; position:absolute; background:url(img/lines.png);}

#main{padding:30px 30px 80px 30px; min-height:200px;}

footer#mainfooter{background:#000; width:930px; height:121px; padding:10px 30px; margin:0 auto;}
#esrb{width:190px; float:left; margin-right:30px;}
#realtime{width:155px; margin-top:15px; float:left;}

footer#mainfooter nav{display:block; float:right; width:500px; color:#666; font-size:12px; line-height:18px; text-align:right;}
#hopelab{float:right; text-align:right; position:relative; width:500px; height:50px;}
#projectOf{position:absolute; width:100px; top:14px; left:275px;}
footer#mainfooter nav a:link, footer#mainfooter nav a:visited{color:#fff;}
footer#mainfooter nav a:hover{color:#6aa00e;}
.clearer{clear:both;}

/* HOME */
#home{background:url(img/home/promobgd.jpg); height:540px; color:#fff;}
#rm2{font-family:'Raleway', sans-serif; text-transform:uppercase; font-weight:bold; width:500px; margin:120px 0 0 0; text-align:center; float:left;}
#rm1{font-family: 'Aldrich', sans-serif; width:300px; margin-top:150px; text-align:center; float:right;}
#rm2 p{margin:0 0 60px 0;}
#rm2 .button{padding:10px 30px;}
#rm1 p{margin:0 0 20px 0; font-size:14px;
	text-shadow:0 0 6px #000, 
	0 0 6px #000,
	0 0 6px #000,
	0 0 6px #000;
	}
#rm1 a{text-transform:uppercase; display:block; margin-bottom:10px; 
	text-shadow:0 0 6px #000, 
	0 0 6px #000,
	0 0 6px #000,
	0 0 6px #000;
}
#rm1 a:link, #rm1 a:visited{color:#fff;}
#rm1 a:hover{color:#91ca29;}


#port{overflow: hidden; position: absolute; width: 990px; height: 484px;}
.lines{background:url(img/lines.png); width: 990px; height: 484px; position:absolute;}

.button{display:inline-block; font-size:16px; background:#000; padding:4px 14px; text-transform:uppercase; color:#fff !important; cursor:pointer; border:none;}
.button:hover{color:#91ca29 !important;}
	
#viewMore{text-align:right; height:21px; margin-top:-8px;}

.col1{float:right; width:720px;}
.col1 img{border:5px solid #91ca29;}
.col1 table{margin:0 0 40px 0;}
.col2{float:left; width:185px;}
#subnav{font:16px/18px 'Aldrich', sans-serif; text-transform:uppercase; border-top:5px solid #91ca29; min-height:256px; background-color:#000; padding:30px 25px 30px 0; text-align:right;}
#subnav li{list-style:none; margin-bottom:30px;}
#subnav a:link, #subnav a:visited{color:#fff;}
#subnav a:hover, #subnav .current_page_item a, .page-id-6 #subnav .overview a{color:#91ca29;}

/* About the Game */
.page-id-6 strong{color:#91ca29; font:40px/44px 'Aldrich', sans-serif;}
#aboutIntro{padding:60px 30px 30px 390px; font:24px/28px 'Aldrich', sans-serif; color:#fff; width:317px; height:242px; margin-top:-11px; float:right; background:url(img/about-the-game.jpg);}
#aboutContent{width:450px; float:left; margin-top:-20px;}
#screenshots{width:450px; float:right;}
#screenshots h2{margin-top:0; margin-bottom:10px;}

/* What We've Heard */
.page-id-14 #main{padding:30px 100px 50px 100px; font-size:18px; line-height:28px;}
.page-id-14 strong{display:block; float:right; margin: 40px 0 20px 0; font-style:normal; font-size:14px;}
.page-id-14 hr{clear:both;}

/* Sponsors */
.page-id-40 #main{text-align:center;}
.page-id-40 #main img{width:180px; height:180px; margin:0 20px;}
.page-id-40 #main p, .page-id-40 #main img{display:inline-block;}

nav#pageMenu{display:block; background-color:#000; width:500px; height:22px; padding:7px 0; margin:0 auto 60px auto;}
nav#pageMenu ul{margin:0; padding:0; text-align:center;}
nav#pageMenu ul li{text-transform:uppercase; letter-spacing:1px; font:14px/24px 'Aldrich', sans-serif; padding:0 20px; display:inline; list-style:none; border-right:1px solid #333;}
nav#pageMenu ul li:last-child{border-right:0;}
nav#pageMenu ul a:link, nav#pageMenu ul a:visited{color:#b8b8b8;}
nav#pageMenu ul li a:hover{color:#91ca29;}

/* Donate */
.page-id-10 #main ul{width:450px; margin:40px auto; padding:0; text-align:center;}
.page-id-10 #main li{list-style:none; width:400px; padding:0; margin-bottom:20px;}
.page-id-10 #main li a{background-color:#000; display:block; width:400px; padding:10px 20px 7px 20px; margin:0 10px; text-transform:uppercase; font:16px/24px 'Aldrich', sans-serif;}
.page-id-10 #main li a:link, .page-id-10 #main li a:visited{color:#fff;}
.page-id-10 #main li a:hover{color:#91ca29;}

/* Get the Game */
ul#steps{width:300px; margin:0 auto 40px auto; padding:0; text-align:center;}
ul#steps div{display:inline-block; width:26px; height:26px; background:url(img/dot_up.png) no-repeat;}
ul#steps li{list-style:none; display:inline; margin:8px;}
.page-id-8 ul#steps li.item1 div, .page-id-112 ul#steps li.item1 div{background:url(img/dot_over.png) no-repeat;}
ul#steps li.chosen div{background:url(img/dot_over.png) no-repeat;}
.wpcf7{padding: 40px 20px;}

/* Parent Form */
.formBox{font-size:20px; text-transform:uppercase; width:520px; text-align:center; margin:20px auto;}
.formBox div{background-color:#000; color:#fff; padding:20px;}
.formBox div input{text-align:center; background-color:#000; color:#91ca29; border:2px solid #494949; font-size:20px;}
.formBox small{font-size:14px; display:block;}

/*.page-id-112 .wpcf7{padding: 40px 20px;}*/

/* Parent Form */

.page-id-112 div.wpcf7-validation-errors, div.wpcf7-response-output {
    border:none !important;
	background-color:#91ca29;
	font-size: 16px !important;
	text-transform:none;
	padding:20px;
}
.page-id-112 span.wpcf7-not-valid-tip {
		font-size: 16px !important;
		text-transform:none;
		background:#e94a34 !important;

		padding:5px 10px;
	/*
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 100;

	border: none !important;
	font-size: 10pt;
	width: 280px;
	color:#fff;
	padding: 2px 10px !important;
	*/
}
/* Parent Consent Email */
.page-id-112 .formBox label{display:block; text-transform:uppercase; font-size:20px; margin-bottom:10px;}
.page-id-112 .formBox input{padding:5px; text-align:center; background-color:#fff; color:#91ca29; border:2px solid #494949; font-size:20px;}
.page-id-112 .formBox input[type="submit"]{background-color:#000; color:#fff; cursor:pointer; text-transform:uppercase; padding:5px 20px; border:0;}
.page-id-112 .formBox input[type="submit"]:hover{color:#91ca29;}
.page-id-112 .formBox div.wpcf7{background:transparent;}
.page-id-112 .formBox input:hover[type="submit"]{color:#91ca29;}
.page-id-112 .formBox .wpcf7-form-control-wrap{display:block; padding-bottom:20px;}

input.wpcf7-submit{padding:5px; text-align:center; background-color:#000; color:#91ca29; border:2px solid #494949; font-size:20px; color:#fff; cursor:pointer; text-transform:uppercase; padding:5px 20px; border:0;}
input.wpcf7-submit:hover{color:#91ca29;}
/*
.wpcf7{font-size:24px; text-transform:uppercase; width:520px; text-align:center; margin:20px auto;}
.wpcf7 div{background-color:#000; color:#fff; padding:40px 20px;}
input.wpcf7-submit{text-align:center; background-color:#000; color:#fff; border:2px solid #494949; font-size:20px;}
input.wpcf7-submit:hover{color:#91ca29;}
*/

/* Technical Support */
.page-id-22 table#contact{margin-left:30px; width:310px; float:right;}
.page-id-22 table#contact td{background-color:#91ca29; color:#fff;}
.page-id-22 table#contact td, .page-id-22 table#contact th{border-bottom:1px solid #fff;}
.page-id-22 table#contact td h2{color:#fff; margin-top:0; text-shadow:2px 2px #000;}
.wpcf7-list-item{display:block;}

.page-id-22 input.wpcf7-text, .page-id-22 textarea.wpcf7-textarea{width:100%;}

/* For Clinicians */
.page-id-12 section{margin-left:30px; width:260px; float:right; padding:30px; background-color:#91ca29; color:#fff;}
.page-id-12 section h2{color:#fff; margin:0; text-shadow:2px 2px #000;}
.page-id-12 section ul{margin:0; padding:0 0 0 20px;}
.page-id-12 section li{margin-bottom:30px;}
.page-id-12 section li:last-child{margin-bottom:0;}

/* ORDER FORM */
.parent-pageid-8 table{width:930px; margin-bottom:20px;}
table.confirm td.label{width:300px; padding: 10px;}
table.confirm td.field{width:560px; padding: 10px;}
td.label{padding: 10px;}
td.field{padding: 10px;}

.formBox{font-size:24px; text-transform:uppercase; width:520px; text-align:center; margin:20px auto;}
.formBox div input{text-align:center; background-color:#000; color:#91ca29; border:2px solid #494949; font-size:20px;}
input#order, input#download{cursor:pointer; background-color:#000; color:#fff; border:none; margin:10px auto 0 auto; font-size:16px; text-transform:uppercase; padding:15px;}
input#order:hover, input#download:hover{color:#91ca29;}
input#order{float:left;}

.agreement{margin-top:10px; text-transform:none; font-size:14px; display:block;}

table.confirm{border-top:5px solid #f1f1f1; border-right:5px solid #f1f1f1; border-left:5px solid #f1f1f1; margin:20px 0;}

.alert{background-color: #f00; padding: 10px; margin: 20px 0; color: #fff;}

.alignright{
	float:right;
	margin:0 0 10px 10px;
}
.alignleft{
	float:left;
	margin:0 10px 10px 0;
}