/**
* Standard Layout for Deployan.com
*
* @project deployan
* @author Jan Sládek (jan.sladek@clevis.cz)
* @copyright Copyright (c) 2009-2010 Clevis s.r.o.
*
* @tested Mac: Ch6
* @tested Win:
* @tested iPhone:
*
* @fontdef 
*
* @media All
*
*/
@import url(basic.css);
@import url(print.css) print;

/**
* @section layout
* @media screen, projection
*
* @note Structure
*
* 
*/
@media screen, projection {

body { background: #000208 url("../gfx/bg.png") repeat-y 50% 0; no-repeat 0 0; background-attachment: fixed; }

/**
* @subsection Layout
* 
* 
*/
#page {	width: 900px; margin: 0 auto; }
header {
	position: relative;
	height: 220px;
}
header #imgr {
	position: absolute;
	width: 400px;
	height: 90px;
	left: 380px;
	top: 50px;
	background-image:url(../gfx/caption.png);
}
header #imgr span {
	display: none;
}
header h1 {
	position: absolute;
	left: 0;
	top: 0;
}
header h1,header h2, header h3 { font-family: Helvetica, Arial, sans-serif; text-align: center; }
	header h1 {	background: rgb(0, 2, 8); background: rgba(0, 2, 8, 0); width: 300px; margin: 0 auto; }
	xheader h2, header h3 { font-size: 32px; background: #000208; padding: 5px; }
		xheader h2 {	width: 500px; margin: -30px auto 0; }
		xheader h3 {	font-size: 20px; width: 200px; margin: 20px auto; }


#signup {
	position: absolute;
	width: 500px;
	left: 320px;
	top: 150px;
}
	#signup ul { margin-top: 0; }
		#signup li { font-size: 13px; background: #000208; color: #fff; padding: 4px; float: left; }
			#signup li a { color: #ccc; border-bottom-color: #ccc; }
				#signup li a:hover,#signup li a:focus,#signup li a:active { border-bottom-color: transparent; }
				
	#signup input {	position: relative; top: -2px; }
	#signup input[type="text"] { width: 150px; margin-left: 10px; border: 0; background: #eee; padding: 7px; height: auto; line-height: auto; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
		#signup input[type="text"]:active,#signup input[type="text"]:focus { border: 0; background: #fff; outline: 0; }
	input[type="submit"] { border: 1px solid #fff; display: inline-block; background-color: #2F748D; background-image: -moz-linear-gradient(top, #2F748D, #3898BD); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2F748D), color-stop(1, #3898BD)); border-bottom-color: #fff; border-right-color: #fff; color: #eee; text-shadow: 1px 1px 1px #267; padding: 5px 10px; height: auto; line-height: auto; margin-left: 0; left: -8px; }
		input[type="submit"]:hover,input[type="submit"]:focus { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; outline: 0; }
		input[type="submit"]:active { background-image: -moz-linear-gradient(top, #3898BD, #2F748D); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3898BD), color-stop(1, #2F748D)); color: #000; }

        #signup p.notice { text-align: center; color: #2A9734; }

#comics { background: #fff url("../gfx/comix-down.jpg") 10px 100% no-repeat; padding: 10px; -webkit-box-shadow: 0 0 10px #000; clear: both; height: 800px; border-bottom: 15px solid #fff; }
	#comics p { margin: 20px 0 0 35px; width: 500px; }
	
footer p {
	text-align: right;
	font-size: 13px;
	margin-top: 10px;
}

}