/* css reset, via the king, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* end of css reset *************************************************************/

body{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color:#06F;
}

a:hover{
	color:#F60;
}

h1{
	text-align:center;
	font-size:18px;
}

#container{
	width:255px;
	margin:80px auto 1000px;
}

#container form, #container #glossary{
	padding:20px;
	background:#EEE;
	-moz-border-radius:5px;
	margin-top:10px;
}

#container form p{
	padding:6px 0;
}

#container form label{
	display:block;
}

#container form input{
	width:180px;
}

#container form a{
	cursor:help;
	padding:3px 7px;
	background:#DDD;
	font-weight:bold;
	text-decoration:none;
	-moz-border-radius:5px;
}

#glossary{
	margin-top:100px;
}

#glossary dt{
	font-weight:bold;
	font-size:16px;
	float:left;
	padding-right:10px;
}

#glossary dd{
	margin-bottom:15px;
}

#trickeries, #js-msg{
	padding:10px;
	background:#EEE;
	-moz-border-radius:5px;
	font-size:11px;
	margin-top:10px;
}

.tip-title{
	margin:5px;
	font-size:14px;	
}

.tip{
	width:150px;
	opacity:.6;
	-moz-border-radius:5px;
	background:#000;
	color:#FFF;
	font-weight:bold;
	padding:5px;
	font-size:12px;
}

.up{
	float:left;
	padding-right:5px;
	text-decoration:none;
	font-weight:bold;
}
.up:hover{
	text-decoration:overline
}