/*

	Stylesheet for <Fork NG teaser>
	
	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Hannes Vanhove <hannes@netlash.com>
	            Johan Ronsse <johan@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Clearfix
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*
	Typography and text styles
*/

body {
	background: #920000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #FFF;
	font-size: 11px;
	line-height: 1.6;
}

p {
	padding: 0 0 14px 0;
}

	p strong {
		color: #FFF;
	}

/*
	Wrappers
*/

html, body, #wrapper {
	width: 100%;
	height: 100%;
}

#wrapper td {
	vertical-align: middle;
}

#container {
	width: 435px;
	margin: 0 auto;
	background: #920000;
}

/*
	Countdown
*/

#countdown {
	padding-bottom: 50px;
}

	#countdown p {
		font-size: 16px;
		text-align: center;
		letter-spacing: 2px;
		line-height: 1;
	}

.days, .hours, .minutes, .seconds, .colon {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 54px;
	font-weight: 700;
	line-height: 1;
}

#days, #hours, #minutes, #seconds {
	display: block;
	float: left;
	text-align: right;
}

#days {
	margin-right: 30px;
}

.colon {
	display: block;
	width: 25px;
	float: left;
	text-align: center;
}

.daysText, .hoursText, .minutesText, .secondsText {
	display: block;
	color: #C98080;
}

/*
	Form
*/

#content {
	background-color: #620000;
	border: 1px solid #580000;
	padding: 30px 55px;
	color: #FFCACA;

	/* @inc .rc */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#contentIndex {
	background-color: #620000;
	border: 1px solid #580000;
	padding: 30px 55px;
	color: #FFCACA;
	margin-top: 200px;
	
	/* @inc .rc */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*
	Footer
*/

#footer {
	padding-top: 50px;
	display: block;
	width: 100%;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: 300;
	font-size: 10px;
	color: #C98080;
	letter-spacing: 0.4em;
	vertical-align: middle;
}

#footer .footerLogo img {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

/*
    Forms
*/

/* Modify input[type="text"] and textareas */

.inputText,
.inputPassword,
textarea,
input[type="text"],
input[type="password"] {

	background: #FFF url(../images/ds.png) repeat-x;
	border: 1px solid #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 12px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	/* Transition */
	-webkit-transition: background-color 0.28s linear;

}

.inputText,
input[type="text"],
.inputPassword,
input[type="password"] {
	padding: 3px 2px;
	color: #202020;
}

	/* Fix alignment in Chrome/Saf */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.inputText,
		input[type="text"],
		.inputPassword,
		input[type="password"] {
			height: 14px;
		}
	}

	.inputText:focus,
	input[type="text"]:focus,
	.inputPassword:focus,
	input[type="password"]:focus,
	textarea:focus,
	.inputText.focus,
	input[type="text"].focus,
	.inputPassword.focus,
	input[type="password"].focus,
	textarea.focus {
		color: #000;
		border-color: #000;

		/* @inc .boxShadow */
		box-shadow: 0 0 3px #FFF;
		-moz-box-shadow: #FFF 0 0 3px;

	}

/* Input submit gets replaced by a button, yet some styles here for better buildup */

input[type="submit"],
.inputSubmit {
	font-size: 11px;
	font-weight: 700;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	border: 1px solid #999;
	background: #ececec url(../images/button_bg.png) repeat-x;
	color: #202020;
	padding: 0 6px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	/* Firefox */
	height: 22px;
	padding-bottom: 2px;
	vertical-align: middle;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
	border-color: #920000;
	color: #920000;

	/* @inc .boxShadow */
	box-shadow: 0 0 3px #FFF;
	-webkit-box-shadow: 0 0 3px #FFF;
	-moz-box-shadow: #FFF 0 0 3px;
}

	/*
		Fix firefox
	*/
	@-moz-document url-prefix() {

		.inputText,
		.inputPassword {
			height: 14px;
			line-height: 14px;
		}

	}

form p {
	margin: 0 0 12px 0;
	clear: both;
}

	/* Act as <p> e.g. for wrapping label+textarea */
	form div.section {
		margin: 0 0 12px 0;
		clear: both;
	}

	form p,
	form div.section {
		zoom: 1;
	}

	form p:after,
	form div.section:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.helpTxt {
	display: block;
	font-size: 11px;
	color: #808080;
}

	.helpTxt a {
		font-weight: 700;
	}

form .inputList {
	padding: 0;
}

	form .horizontal .inputList {
		float: left;
	}

form .inputList li {
	position: relative;
	padding: 0 0 4px 24px;
	_right: 24px;
}

	form .inputList li li {
		padding-left: 0;
	}

form .horizontal .inputList label {
	float: none;
	width: auto;
}

	form .inputList li .inputRadio,
	form .inputList li .inputCheckbox,
	form .inputList li input[type="radio"],
	form .inputList li input[type="checkbox"] {
		position: absolute;
		left: 0;
		top: 0;
	}

/*
	Form errors
*/

.formError {
	font-weight: 700;
	display: block;
	color: #FFF;
}

/*
	Input widths by ID
*/

#email { width: 190px; }

/*
	The Magic One Liner
	----
	General method to wrap form and other elements on one line
	Gets cleared see clearing section of this css file
*/

.oneLiner p,
.oneLiner .buttonHolder,
.oneLiner .floater {
	float: left;
	margin-right: 2px;
}

	.section .oneLiner {
		float: left;
	}

	.oneLiner p {
		padding-bottom: 0;
		margin-bottom: 0;
		line-height: 22px;
		clear: none;
		width: auto;
		/* Same height as button height */
	}

		.horizontal .oneLiner .helpTxt {
			padding: 0 !important;
		}

	.oneLiner select {
		margin-top: 1px;
		margin-right: 3px;
	}
	
	/*
		Clear it!
	*/
	
	.oneLiner {
		zoom: 1;
	}

	.oneLiner:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/* 
	Center anything 
*/

.centerWidthlessWrap {
	width: 100%;
	overflow: hidden;
}

.centerWidthless {
	float: left;
	position: relative;
	left: 50%;
}

.centerWidthlessInner {
	position: relative;
	left: -50%;
	/* @see ie6.css */
}

/*
	Pres. classes
*/

.marked {
	background: #FFF;
	color: #000;
	padding: 2px 0;
}

/*
	Special
*/

#thanks {
	text-align: center;
	margin: 0 0 12px;
	color: #FFF;
	font-size: 24px;
}