html {height:100.3%}

body {
	background-color:#b7ae81 ;
	background-repeat: repeat-y;
	background-position: center;
	margin:0;
	color:#555;
	font-family:"helvetica neue", helvetica, arial, sans-serif;
	text-align: center;
	background-image: none;
	background-color: #000;
	padding: 0; margin:0;
	text-align: left;
	color: white;
}
	
}
h1, h2, h3, h4, h5, h6, ul, p {
	margin: 0;
	padding: 0;
}

ul#key li {float:left;font-size:1.4em;padding:0 10px;}

h1 {
	margin: 5px 0 10px 0;
	color: #000;
	font-size: 2.5em;
}
h2 {
	margin: 5px 0 5px 0;
	color: #5588aa;
	font-size:1.45em;
}


#wrapper {width:736px;margin:0px auto}


/* defaults for all examples */
.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}

.kwix {margin:0 5px 0 0;}


.kwicks li {font-size: 1.1em; padding:3px 4px;color:white}

.green span {color:#63FB4A}

.kwicks li span a {color:#fff;text-decoration:none}

.kwicks li span a:hover {color:#000;text-decoration:underline}

.kwicks li.fail span a {color:#fff;text-decoration:none}

.kwicks li.fail span a:hover {color:#000;text-decoration:underline}


.kwix .kwicks li.padding {border:1px solid #000}

/* example4 */
.kwix .kwicks li {
	width: 22px;
	height:22px;
	border: 1px solid white;

}

.kwix .top0, .kwix .recommended { 
	background-color: green;
}
.kwix .top1, .kwix .guideline {
	background-color: #e7d00e;
}

.kwix .top1, .kwix .basic {
	background-color: orange;
}

.kwix .top1, .kwix .fail {
	background-color: red;
}

.kwix .top1, .kwix .closed {
	background-color: #666;
}










.kwix .top2 {
	background-color: #A33100;
}
.kwix .top3 { 
	background-color: #8CAB2B;
}

.kwix .top4 { 
	background-color: #008DA3;
}


p a, h2 a {color:#666;text-decoration:none}

h2 a:hover, p a:hover {color:gray;text-decoration:underline}