/* CSS RESET */
html {margin:0;padding:0;border:0;} body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}body {line-height:1.5;background:white;}table {border-collapse:separate;border-spacing:0;}caption, th, td {text-align:left;font-weight:normal;float:none !important;}table, th, td {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:'';} blockquote, q {quotes:"" "";} a img {border:none;}:focus {outline:0;}

ul  { margin: 	0px 30px 10px 30px; }
a, a:visited, a:hover { color: #0847af; text-decoration:none; }

html { height:100%; }
body {
	background-repeat: no-repeat;
	height: 100%;
	margin:0; 
	padding:0;
	background: url('../gfx/body_background.png') repeat-x; 
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(240,24,24)),
	    						color-stop(0.53, rgb(255,162,48)),color-stop(0.87, rgb(247,255,0)),
								color-stop(0.94, rgb(51,255,0)),color-stop(0.97, rgb(0,187,255)),
	    						color-stop(0.99, rgb(38,0,255)),color-stop(0.5, rgb(40,18,150)));
	background:-moz-linear-gradient(center top,rgb(240,24,24) 0%,rgb(255,162,48) 53%,rgb(247,255,0) 87%,
    								rgb(51,255,0) 94%,rgb(0,187,255) 97%,rgb(38,0,255) 99%,rgb(40,18,150) 50%);
	} 

section { display: block; }
section#wrapper { 
		background:#193dff; 
		margin: 0 auto; 
		width: 750px; 
		-moz-border-radius: 0px 0px 30px 30px;
		-webkit-border-radius: 0px 0px 30px 30px;  
		border-radius: 0px 0px 30px 30px; 
		border: 2px #fff solid; }


header {
	background-color: #8221cd;
	border-bottom: 2px #fff solid;
}
header h1 {
	font-family: 'Reenie Beanie', serif;
	font-size: 79px;
	font-style: italic;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1em;
}
header h1 span.h_01 {color: blue; }
header h1 span.h_02 {color: red; }
header h1 span.h_03 {color: yellow; }
header h1 span.h_04 {color: #20fc20; } /*green*/
header h1 span.h_05 {color: orange; }
header h1 span.h_06 {color: blue; }
header h1 span.h_07 {color: red; }
header h1 span.h_08 {color: yellow; }
header h1 span.h_09 {color: orange; }
header h1 span.h_10 {color: red; }
header h1 span.h_11 {color: #20fc20; } /*green*/
		

footer { overflow: hidden; clear: both; text-align: center; padding: 20px; }

p.sign { margin-top: 30px; font-style:italic;}
span.browsers img { height: 25px; vertical-align:middle;  }

menu {
	height: 40px;
	color:#fff;
	width: 1000;
	border-bottom: 2px #fff solid;
	padding: 10px 20px 10px; margin: 0; background-color: #424242; }
menu ul {  list-style: none; overflow: hidden; width: 200px; }
menu li { float: left; width: 50px; text-align:center; padding: 10px; color: #fff; }
menu li a { color: #red !important; text-decoration:none; }
#menu { float:left;}

input[type=button] {padding: 5px 15px; border-radius: 5px; background:red; border:0; font-weight:bold; }

#about {
	padding: 20px;
	color: #fff;
	height: 400px;
	background: green; 
}

#about h1 {
	margin: 10px 20px;
	font:200% bold 'Reenie Beanie', serif;	
}

#about h2 {
	font:150% bold 'Reenie Beanie', serif;
	margin: 20 20px;
}

#stats {float:left;}
#stats span { padding: 0 5px; font: 220% bold;}
#score {color:green;}
#lives {color:red;}

#controls {
	float:right;
	display:table;
}

#volume { float:right; width: 110px; }
#soundtoggle, #musictoggle { float:right; text-align:right; }
#soundtoggle label, #musictoggle label 	{ border: 1px #fff solid; font-size: 75%; }