@charset "utf-8";
/* CSS Document */
	
	/* style new tags to work as normal tags in old browsers */
	article, section, aside, hgroup, nav, header, footer, figure, figcaption {
		display: block;
	}
	
	@media all and (max-width: 640px){ 
		/* these styles show if screen width is less than or equal to 640 */		
		#downloadButton {display:none;}
		#help {display:none;}
	}
	
	html {		
		background: #CCC;
		font-family: helvetica, arial, 'sans serif';
		font-size:20px;
		color:#CCC;
	}
	body {	
		max-width: 600px;
		min-width: 600px; 
		min-height: 100%; 
			
		margin: 0 auto; /* center the body */
		padding: 0px 0px;
		border: 1px solid #888; 
		border-width: 0 1px;
			
		background: white;
		-moz-box-shadow: 0px 0px 20px 20px #999;
		-webkit-box-shadow: 0px 0px 20px 20px #999;
		box-shadow: 0px 0px 30px 24px #999;
	}
	a {
		outline: 0;
	}
	#banner {
		position:relative;
		border:0px;
		width:100%;
		margin:0px;
		margin-bottom:0px;
		padding-left:16px;
		padding-top:0px;		
		max-width:568px;
	}
	#logo {
		border:0px;
		width:100%;
		margin-bottom:-10px;
		padding-left:14px;
		padding-top:20px;		
		max-width:300px; /*554px;*/
	}
	#logo2 {
		border:0px;
		width:100%;
		margin-bottom:-30px;
		padding-left:0px;
		padding-top:0px;		
		max-width:568px;
	}
	
	header {
		text-align:center;
		width:100%;	
	}
	header h1 {
		display:none;	
	}
	nav {
		text-align:center;
		width:100%;
		margin:30px 0px 0px 0px;	
		padding: 0px 0px;	
		background-color:#4f353a;			
	}
	nav h1 {
		display:none;	
	}		
	nav a, footer a {			
		text-decoration:none;
		text-transform::uppercase;
		padding:6px 0px;	
		margin:0px 0px;	
		display:inline-block;
		width:100px;		
	}
	
	.aNormal:hover {			
		text-decoration:none;
		background-color:transparent;
	}
	
	.cdn {
		padding:10px;
		margin-top:10px;
		background-color:#666;
		-moz-border-radius: 20px;
		border-radius: 20px;	
	}
	
	.cdntitle {
		color:white;
		font-size:18px;		
		text-transform:uppercase;
		padding:4px;
		text-transform:uppercase;
		
	}
	.cdntitle span {
		color:#9C0;
	}
	
	.example {
		padding:10px;
		margin-top:10px;
		background-color:#666;
		-moz-border-radius: 20px;
		border-radius: 20px;		
	}
	.exampletitle {
		color:white;
		font-size:18px;		
		text-transform:uppercase;
		padding:4px;
		text-transform:uppercase;
	}
	
	.donateLink {display:none}
	
	#cdnpage a, #examplespage a {
		font-size:20px; 
		text-transform:none;
	}
	
	#wrapbut {color:brown; background-color:#f58e25;}
	#codebut {color:green; background-color:#acd241;}
	#zimbut {color:#ddd; background-color:#222;}
	#createbut {color:purple; background-color:#e472c4;}
	#buildbut {color:#215b5b; background-color:#50c4b7;}
	#pagesbut {color:brown; background-color:#d1a170;}
	
	a#wrapbut:hover {color:white;}
	a#codebut:hover {color:white;}
	a#zimbut:hover {color:white;}
	a#createbut:hover {color:white;}
	a#buildbut:hover {color:white;}
	a#pagesbut:hover {color:white;}
	
	#wrappage {background-color:#f58e25;}
	#codepage {background-color:#acd241;}
	#zimpage {background-color:#222;}
	#createpage {background-color:#e472c4;}
	#buildpage {background-color:#50c4b7;}
	#pagespage {background-color:#d1a170;}	
	#cdnpage {background-color:#EEE;}
	#examplespage {background-color:#EEE;}
	#templatespage {background-color:#EEE;}
	
	#zimpage .new {color:#f2d1b0; list-style:square;}
	#wrappage .new {color:#f8cea2; list-style:square;}
	#codepage .new {color:#def992; list-style:square;}
	#createpage .new {color:#f2addf; list-style:square;}
	#buildpage .new {color:#9ff7ed; list-style:square;}
	#pagespage .new {color:#f2d1b0; list-style:square;}
	
	.adj {list-style:square;}
	
	
	.container {
		margin:0px;
		padding:20px;
		padding-bottom:30px;
		background-color:#444;
		-moz-border-radius: 20px;
		border-radius: 20px;		
		color:#DDD;	
	}
	
	#wrappage .container {background-color:#574c41;}
	#codepage .container {background-color:#4f5444;}
	#zimpage .container {background-color:#444;}
	#createpage .container {background-color:#564952;}
	#buildpage .container {background-color:#455251;}
	#pagespage .container {background-color:#534e49;}
	#cdnpage .container {background-color:#888;}
	#examplespage .container {background-color:#888;}
	#templatespage .container {background-color:#444;}
	
	#wrappage .features {background-color:#685c4f; font-size:20px;}
	#codepage .features {background-color:#606453; font-size:20px;}
	#zimpage .features {background-color:#555;}
	#createpage .features {background-color:#665962; font-size:20px;}
	#buildpage .features {background-color:#546261; font-size:20px;}
	#pagespage .features {background-color:#645e58; font-size:20px;}	
	#cdnpage .features {background-color:#AAA; font-size:20px;}
	#examplespage .features {background-color:#AAA; font-size:20px;}
	#templatespage .features {background-color:#AAA; font-size:20px;}
	
		
	time {
		color:#9C0;
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
		margin: 0px 6px 0px 0px;
	}		
	article {			
		padding:20px;
		color:#ccc;
		background-color:#222;
		padding-bottom:25px;
	}		
	article h2 {	
		margin-top:30px;	
		font-size:24px;	
	}
	article a {
		color:yellow;
		text-decoration:none;
		text-transform:uppercase;
		padding:2px;
	}
	
	article a:hover {			
		background-color:yellow;
		color:brown;		
	}
	
	.features {
	  	padding:20px; 
		font-size:25px;
		background-color:#555; 
		color:#ddd;
		-moz-border-radius: 20px;
		border-radius: 20px;
		font-family:"Courier New", Courier, monospace;
	}
	.features li {
		margin-left:20px;	
	}
	.subtitle {
		color:#9C0;
		font-size:18px;		
		text-transform:uppercase;
		padding:8px 0px;	
	}
	
	img[src="images/promo.jpg"], .donate {
		border:1px solid #333;
	}
	
	.donate {
		margin-top:10px;	
		-moz-box-shadow: 10px 10px 20px #333; 
		-webkit-box-shadow: 10px 10px 20px #333;
		box-shadow: 5px 5px 20px #333; /* right, bottom, spread, color */		

	}
	
	a[target="k"]:hover {
		background-color:inherit;
	}
		
	a.button {
		display:inline-block;
		font-family:Verdana, Geneva, sans-serif;	
		text-align:center;
		width:120px;
		font-size:18px;
		padding-left:6px; padding-right:6px; padding-top:6px; padding-bottom:7px; 
		margin-left:6px; margin-right:6px; margin-top:10px; margin-bottom:0px;
		-moz-border-radius: 10px;
		border-radius: 10px; 	
		color:#333;
		border:thin #ccc solid;
		background-color:#ddd; /*#C93; #F90;*/
	}
	
	a.button:hover {		
		color:#444;
		background-color:#FFF; /*#C93; #F90;*/
	}
	
	figure {
		margin-bottom:12px;	
		margin-left:0px;
	}
	
	figure a:hover {			
		background-color:inherit;
		color:inherit;			
	}
	
	footer {
		text-align:center;
		padding:1px;	
		color:#555;
		background-color:#ddd;
	}	
	
	footer a {
		padding:6px 0px;	
		margin:0px 0px;	
		display:inline-block;
		width:100px;		
		color:#666;
		text-transform:none;
	}	
	footer a:hover {			
		color:#333;
		background-color:yellow;
	}