@charset "UTF-8";

/* CSS Document */

@media screen {
	
	/* <css reset> = CSS Reset following "http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded" as an example */
	
	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 { /* remember to define focus styles! */
		outline: 0;
	}
	
	body {
		line-height: 1;
		color: black;
		background: white;
		text-shadow: 0 0 1px rgba(0,0,0,.01); /* This makes text is Safari look amazing (thanks MacHeist) */
	}
	
	ol, ul {
		list-style: none;
	}
	
	table { /* tables still need 'cellspacing="0"' in the markup */
		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: "" "";
	}

	/* </css reset> */
	@font-face {
		font-family: "Bored"; 
		src: url(/fonts/bored.ttf) format("truetype");
	}
		
	html {
		background: #fff transparent;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 16px;
		height: 100%;
	}
	
	body#looneys {
		width: 100%;
		height: 100%;
		min-width: 1430px;
		color: #303291;
		background: url(/images/stars.png) no-repeat top right fixed transparent;
	}
	
	img {
		display: block;
	}
	
	hr {
		width: auto;
		height: 0px;
		border-color: #24b34b;
		border-width: 0px 0px 1px 0px;
		margin: 20px 0px 30px 0px;
	}

	h1 {
		color: #ec2f8c;
		font-size: 160%;
		font-weight: bold;
		border-style: solid;
		border-color: #24b34b;
		border-width: 0px 0px 1px 0px;
		padding: 0px 0px 4px 0px;
		margin-bottom: 30px;
	}

	h2 {
		color: #24b34b;
		width: auto;
		font-size: 120%;
		font-weight: bold;
		border-style: dotted;
		border-color: #ec2f8c;
		border-width: 0px 0px 1px 0px;
		padding: 50px 0px 4px 0px;
		display: inline-block;
		margin: 0px 0px 20px 0px;
	}

	p {
		padding: 20px 0px 5px 0px;
		text-align: justify;
	}
	
	strong {
		font-weight: bold;
	}
	
	a {
		color: #ec2f8c;
		border-color: #24b34b;
		border-style: dotted;
		border-width: 0px 0px 1px 0px;
		text-decoration: none;
	}

	a:hover {
		color: #24b34b;
		border-color: #ec2f8c;
		border-style: dotted;
		border-width: 0px 0px 1px 0px;
		text-decoration: none;
	}

	ul {
		list-style: circle;
	}
	
	div#navigation {
		color: #fff;
		width: 170px;
		height: 100%;
		min-height: 655px;
		border-style: solid;
		border-color: #ec2f8c;
		border-width: 0px 1px 0px 0px;
		background: #a0a6b4 url(/images/sidebar.jpg) no-repeat;
		position: fixed;
		left: 0px;
		font-family: "Bored", verdana, sans-serif;
		font-size: 10px;
		padding: 20px 0px 0px 0px;
		float: left;
	}
	
	div#navigation ul {
		padding: 10px 5px;
	}
	
	div#navigation ul li {
		margin: 0px;
	}
	
	div#navigation ul li a {
		text-decoration: none;
		color: #fff;
		display: block;
		padding: 4px 5px;
		border: none;
	}
	
	div#navigation ul#nav-1 li a:hover {
		color: #fff;
		padding: 3px 4px;
		border-style: solid;
		border-color: #fff;
		border-width: 1px;
		background: #ec2f8c;
	}
	
	div#navigation ul#nav-2 li a:hover {
		color: #fff;
		padding: 3px 4px;
		border-style: solid;
		border-color: #fff;
		border-width: 1px;
		background: #24b34b;
	}
	
	div#content {
		font-size: 80%;
		width: 500px;
		margin: 0px 0px 0px 170px;
		padding: 25px 0px 70px 20px;
	}
	
	div#content th {
		font-weight: bold;
	}
	
	div#content img {
		border-style: solid;
		border-color:#ec2f8c;
		border-width: 1px;
	}

	div#content form {
		margin-top: 30px;
		width: 500px;
	}
	
	div#content form fieldset {
		border: 1px solid #333;
		padding: 10px;
		margin: 20px 0px;
	}
	
	div#content form fieldset legend {
		color: #ec2f8c;
	}
	
	div#content form fieldset label {
		display: block;
		padding: 20px 0px 0px 0px;
	}
	
	div#content form fieldset input {
		display: inline;
		color:#24b34b
	}
	
	div#content table {
		width: 100%;
		border-collapse: separate;
		font-size: 9px;
	}

	div#content table th {
		font-weight: bold;
		width: 33.3%;
		padding: 0px 0px 10px 0px;
	}

	div#content table td {
		border: none;
		width: 33.3%;
		padding: 10px 12px;
	}

	div#footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 60px;
		background: transparent url(/images/footer.png) repeat-x;
		z-index: 1050;
		
		color: #777c81;
		font-size: 9px;
		text-shadow: #ccc 0 1px 1px;
		padding: 10px 0px 0px 10px;
	}
	
	div#footer a {
		text-decoration: none;
		color: #779381;
	}
	
	div#footer a:hover {
		color: #fff;
	}
	
	.borderless {
		border: none;
	}
}