@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;
	}
	
	html {		
		background: #fff;
		font-family: helvetica, arial, 'sans serif';
		font-size:20px;
		color:#666;
	}
	body {	
		/*max-width: 90%;*/
		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;
	}
	#logo {
		border:0px;
		margin-bottom:0px;
		margin-left:-4px;
		padding-bottom:0px;		
		padding-top:14px;		
		max-width:100px; /*554px;*/
	}
	
	header h1 {
		display:none;	
	}
	header a:hover {
		background-color:#eee !important;
	}
	nav {
		text-align:center;
		width:100%;
		margin:0px 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:20%;		
	}
	
	.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;
		
	}
	
	.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;
	}
	
	#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:#2a7272; 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;}
	
	.container {
		margin:0px;
		padding:20px;
		padding-bottom:30px;
		background-color:#444;
		-moz-border-radius: 20px;
		border-radius: 20px;		
		color:#666;	
	}
	
	#wrappage .container {background-color:#eee;}
	#codepage .container {background-color:#eee;}
	#zimpage .container {background-color:#eee;}
	#createpage .container {background-color:#eee;}
	#buildpage .container {background-color:#eee;}
	#pagespage .container {background-color:#eee;}
	#cdnpage .container {background-color:#eee;}
	#examplespage .container {background-color:#eee;}
	
	
	#wrappage .features {background-color:#574c41;}
	#codepage .features {background-color:#4f5444;}
	#zimpage .features {background-color:#444;}
	#createpage .features {background-color:#564952;}
	#buildpage .features {background-color:#455251;}
	#pagespage .features {background-color:#534e49;}
	
	/*
	#wrappage .features {background-color:#685c4f; font-size:20px;}
	#codepage .features {background-color:#606453; font-size:20px;}
	#zimpage .features {background-color:#555;}
	#dompage .features {background-color:#665962;}
	#createpage .features {background-color:#546261; font-size:20px;}
	#buildpage .features {background-color:#645e58; 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 h1 {	
		margin-top:10px;
		margin-bottom:6px;	
	}		
	article h2 {	
		margin-top:20px;	
		font-size:24px;	
	}
	article a {
		color:#A00;
		text-decoration:none;
		text-transform:uppercase;
		padding:2px;
	}
	
	article a:hover {			
		background-color:#DDD;
		color:#A00;		
	}
	
	.features {
		margin-top:20px;
	  	padding:20px; 
		overflow:hidden;
		/*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;
		padding-bottom:0px;
		margin-bottom:-10px;	
	}
	
	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:150px;	
		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 {
		display:none;
		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;
	}
	
		

/* desert scheme ported from vim to google prettify */
pre.prettyprint { display: block; border:none !important; }
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0 } /* string  - pink */
pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type    - lightgreen */
pre .lit { color: #FC9; } /* peach #cd5c5c }*/ /* literal - darkred */
pre .pun { color: #fff }    /* punctuation */
pre .pln { color: #fff }    /* plaintext */
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
pre .atv { color: #fff; }/* #ffa0a0 }*/ /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal         - lightgreen */

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }

@media print {
  pre.prettyprint { background-color: none }
  pre .str, code .str { color: #060 }
  pre .kwd, code .kwd { color: #006; font-weight: bold }
  pre .com, code .com { color: #600; font-style: italic }
  pre .typ, code .typ { color: #404; font-weight: bold }
  pre .lit, code .lit { color: #044 }
  pre .pun, code .pun { color: #440 }
  pre .pln, code .pln { color: #000 }
  pre .tag, code .tag { color: #006; font-weight: bold }
  pre .atn, code .atn { color: #404 }
  pre .atv, code .atv { color: #060 }
}