@import 'reset.css';
@import 'typography.css';
@import 'form.css';

html,
body,
#bg,
#bg table,
#bg td,
#contentwrapper { width: 100%; height: 100%; overflow: hidden; }
img { display: block; }

#bg div { position: absolute; width:200%; height:200%; top:-50%; left:-50%; }
#bg td { vertical-align: middle; text-align: center; }
#bg img { min-height: 50%; min-width: 50%; margin: 0 auto; }
#contentwrapper { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 70; 
	overflow: auto; 
	}
.maincontent {
	width: 500px; 
	padding-bottom: 100px; 
	margin: 140px auto;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	}
h1 {
	background: transparent url('../zi/logo_ka.png') left top no-repeat;
	width: 499px;
	height: 298px;
	display: block;
	text-indent: -999em;
	border: none;
	}
/*h1 a:hover {border: none;}*/
.icons {
	width: 149px;
	margin: 0 auto;
}
.icon {text-indent: -999em; display: block; float: left; margin-right: 10px; padding-right: 10px; vertical-align: bottom; border-right: 1px solid #ccc;}
.facebook {width: 22px; height: 22px; background: transparent url('../zi/icon_facebook.png') left bottom no-repeat;}
.myspace {width: 20px; height: 22px; background: transparent url('../zi/icon_myspace.png') left bottom no-repeat;}
.tumblr {width: 63px; height: 22px; background: transparent url('../zi/icon_tumblr.png') left bottom no-repeat; padding: 0; margin: 0; border: none;}

input#author, 
input#email,
input#url,
input#comment {
	border: 1px solid orange;
}
form {border: 1px solid #666;}