html {
}
body {
	background:#000;
	color:#FFF;
	font:12px "Arial", Helvetica, sans-serif;
	/*text-transform:uppercase;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	min-width:960px;*/
	top:0;
	left:0;
	position:absolute;
	height:100%;
	width:100%;
	margin:0;
}
.ie body {
	filter: dropshadow(color=#000000, offx=0, offy=1);	
}
h1 {
	font-size:68px;
	/*letter-spacing:-2px;	*/
	line-height:60px;
	margin:25px 0;
	/*text-shadow:0 3px 3px #000;*/
}
.ie h1 {
	filter: dropshadow(color=#000000, offx=0, offy=3);
	padding-bottom:12px;	
}
h2 {
	/*text-shadow:0 2px 2px #000;*/
}
.ie h2 {
	filter: dropshadow(color=#000000, offx=0, offy=3);
}
h3 {
	font-size:25px;
	margin:0.2em 0;
	/*text-shadow:0 2px 2px #000;*/
}
.ie h3 {
	filter: dropshadow(color=#000000, offx=0, offy=3);
}
h4 {
	margin-bottom:5px;	
}
p, pre {
	margin:0 0 10px 0; 
}
code {
	text-transform:uppercase !important;
	color:#EEE;	
	border-bottom:1px dotted #666;
}
small {
	background:url(../images/alpha.png);
	background:rgba(0, 0, 0, 0.8) url();	
	border:1px solid #111;
	font-size:15px;
	padding:0 5px;
}
a {
	color:#CF0;
	text-decoration:none;	
}
a:hover {
	color:#BBB;	
}
ul {
	margin:0 0 10px 0;
	overflow:hidden;
	padding:0;
}
	ul li {
		list-style:none;
		margin:4px 0;
	}
	ul li span {
		font-size:30px;
		border:1px solid #111;
		background:url(../images/alpha.png);
		background:rgba(0, 0, 0, 0.8) url();
		padding:0 15px;
	}
	ul li span em {
		font-style:normal;
	}
	ul ul {
		display:none;
		float:right;
		margin:0 3px 0 3px;
		text-align:left;
	}
		ul ul span {
			font-size:20px;
		}
		ul ul li {
			margin:0 0 6px 0;
		}
.download strong {
	font-weight: normal;
}
#container {
	bottom:0;
	right:0;
	position:absolute;
	padding:0 20px 20px 0;
	width:800px;
}
#menu .current a {
	color:#FFF;	
}

#home .vegas-loading {
	top:45px;	
}
#overlay {
	display:none;
	background:url(../images/alpha.png);
	background:rgba(0, 0, 0, 0.8) url();
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:999;
}


body#documentation {
	background:#000 url('../images/bg.png') !important;	
}
#documentation {
}
	#documentation .try {
		font:bold 13px "Arial", Helvetica, sans-serif;
		color:#CF0;
		display:block;
		text-align:right;
	}
	#documentation #container {
		margin-right:365px;
	}
	#documentation #sponsors {
		position:relative;
		margin:0;
		top:10px;
		padding:0;
		left:-7px;
		width:335px;
		margin-bottom:30px;
	}
	#documentation #sponsors * {
		border:none !important;	 
		background:none !important;	 
	}
	#documentation #sponsors {
		border:none !important;	 
		background:none !important;	 
	}
#content {
	text-align:left;
	background:rgba(0, 0, 0, 0.8) url();
	position:absolute;
	top:0px;
	right:0;
	height:100%;
	padding:0;
	margin:0;
}
	#content .scrollable {
		height:99%;
		padding:10px 15px;
		outline:none;
		width:335px;
		overflow:hidden;
	}
	#content p {
		font:12px "Arial", Helvetica, sans-serif;
		line-height:1.6;
		text-transform:none;	
	}
	#content pre {
		font:11px "Arial", Helvetica, sans-serif;
		text-transform:none;
		margin-bottom:10px;
		background:url(../images/alpha.png);
		background:rgba(0, 0, 0, 0.5) url();
		padding:20px;
		margin-left:-20px;
	}
	#content code {
		font:11px "Arial", Helvetica, sans-serif;
		text-transform:none;
	}
#patterns  {
	overflow:hidden;
}
	#patterns li {
		float:left;
		width:42px;
		height:42px;
		border:1px solid #000;
		margin: 0 1px 1px 0;
		background:#AAA;
		cursor:pointer;
	}

/* //////// */

.logo_wrap {
	display:table-cell; vertical-align:top; width:40%;
}
.logo {
	padding-left:15%; padding-top:35px;
}
.logo_img {
	width:100%;
}

.middle_text_wrap {
	display:table-cell; vertical-align:middle; font-weight:bold; color:#FFFFFF; width:60%;
}
.middle_text {
	padding:32px; background:rgba(255,246,128,0.8); font-size:48px;
}

.enter {
	color:#FFFFFF; font-size:18px; padding-left:0px; font-weight:normal;
}

.footer {
	background:#00AEEF; width:100%; margin:0 auto; padding:20px 0; border-top:6px solid #FFFFFF;
}
.footer p {
	/*padding-left:6%;*/
	text-align:center;
	line-height:18px;
}

/* //////// */

@media (max-width: 990px) {
	.logo_wrap {
		display:table-cell; vertical-align:top; width:45%;
	}
	.logo {
		padding-left:15%; padding-top:35px;
	}
	.logoimg {
		width:100%;
	}

	.middle_text_wrap {
		display:table-cell; vertical-align:middle; font-weight:bold; color:#FFFFFF; width:55%;
	}
	.middle_text {
		padding:26px; font-size:28px;
	}

	.enter {
		color:#FFFFFF; font-size:13px; padding-left:0px; font-weight:normal;
	}

	.footer {
		background:#00AEEF; width:100%; margin:0 auto; padding:15px 0; border-top:6px solid #FFFFFF;
	}
}

@media (max-width: 680px) {
	.logo_wrap {
		display:block; width:60%; margin:0 auto;
	}
	.logo {
		padding-top:35px; padding-bottom:55px;
	}

	.middle_text_wrap {
		display:block; font-weight:bold; color:#FFFFFF; width:100%; margin:0 auto; text-align:center;
	}
	.middle_text {
		padding:26px; font-size:28px;
	}

	.enter {
		color:#FFFFFF; font-size:13px; font-weight:normal;
	}

	.footer {
		background:#00AEEF; width:100%; margin:0 auto; padding:15px 0; border-top:6px solid #FFFFFF; text-align:center;
	}
}

@media (max-width: 480px) {
	.logo_wrap {
		display:block; width:60%; margin:0 auto;
	}

	.middle_text_wrap {
		display:block; font-weight:bold; color:#FFFFFF; width:100%; margin:0 auto; text-align:center;
	}
	.middle_text {
		padding:26px; font-size:18px;
	}

	.enter {
		color:#FFFFFF; font-size:13px; font-weight:normal;
	}
}

.enter2 {
	/*
	background: -moz-linear-gradient(left, rgba(0,174,239,1) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,174,239,1)), color-stop(100%,rgba(125,185,232,0)));
	background: -webkit-linear-gradient(left, rgba(0,174,239,1) 0%,rgba(125,185,232,0) 100%);
	background: -o-linear-gradient(left, rgba(0,174,239,1) 0%,rgba(125,185,232,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,174,239,1) 0%,rgba(125,185,232,0) 100%);
	background: linear-gradient(to right, rgba(0,174,239,1) 0%,rgba(125,185,232,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#007db9e8',GradientType=1 );
	padding:16px;
	font-size:23px;
	font-weight:600;
	color:#FFFFFF;
	*/
	padding: 16px 16px 16px 0px;
	font-size:23px;
	font-weight:600;
	color:#FFFFFF;
}
.enter2 a {
	color:#FFFFFF;
}
.enter2 a:hover {
	color:#fff680;
}