/**	Reset browsers default styling
	----------------------------------------------------
**/
	html, 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 {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
	body {line-height:1.5;}
	table {border-collapse:separate;border-spacing:0;}
	caption, th, td {text-align:left;font-weight:normal;}
	table, td, th {vertical-align:middle;}
	blockquote:before, blockquote:after, q:before, q:after {content:"";}
	blockquote, q {quotes:"" "";}
	a img {border:none;}

/**	Generic rules
	----------------------------------------------------
**/
	body { font-size: 100%; background: #000; color: #fff; height: 100%; background: url('../img/citycomics_background.jpg') no-repeat center; }
	body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl { font-family: "Zapf Chancery", "Comic Sans MS", cursive; }

	h1,h2,h3,h4,h5,h6 {  }

	h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
	h2 { font-size: 2em; margin-bottom: 0.75em; }
	h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
	h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
	h5 { font-size: 1em; margin-bottom: 1.5em; }
	h6 { font-size: 1em; }

	p { margin: 0 0 1.5em; }

	ul, ol { margin: 0 1.5em 1.5em 1.5em; }
	ul { list-style-type: circle; }
	ol { list-style-type: decimal; }

	dl { margin: 0 0 1.5em 0; }
	dl dt { font-weight: bold; }
	dl dd { margin-left: 1.5em; }

	a { color: #6addf8; text-decoration: none; }
	a:hover { text-decoration: underline; }

	blockquote { margin: 1.5em; }
	strong { font-weight: bold; }
	em, dfn { font-style: italic; }
	dfn { font-weight: bold; }
	pre, code { margin: 1.5em 0; white-space: pre; }
	pre, code, tt { font: 1em monospace; line-height: 1.5; } 
	tt { display: block; margin: 1.5em 0; line-height: 1.5; }

	table { margin-bottom: 1.4em; }
	th { border-bottom: 2px solid #ddd; font-weight: bold; }
	td { border-bottom: 1px solid #ddd; }
	th,td { padding: 4px 10px 4px 0; }
	tfoot { font-style: italic; }
	caption { background: #6addf8; }

	label {  }

	fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
	legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

	textarea { margin: 0.5em 0.5em 0 0; }
	textarea { padding: .4em; }
	
	
/**	Page specific rules
	----------------------------------------------------
**/
	#citycomics { width: 400px; margin: 0 auto; z-index: 10; }
		#citycomics h1 { z-index: 10; }
	
		#comics h2 { display: none; }
		#comics ul { font-size: 1.2em; margin: 0; width: 100%; float: left; display: inline; }
			#comics ul li { list-style: none; float: left; display: inline; width: 200px; margin: 10px 0; }
			#comics ul li span.img { display: block; width: 200px; height: 210px; overflow: visible; position: relative; }
				#comics ul li span img { width: 200px; height: 210px; position: absolute; bottom: 0; right: 0; }
				#comics ul li.alt span img { right: auto; left: 0; }
			#comics ul li span.text { display: block; text-align: center; }


/**	js positive
	----------------------------------------------------
**/
.jspositive #background { width: 100%; height: 100%; position: absolute; z-index: 0; }
.jspositive > #background { width: 100%; height: 100%; position: fixed; } /*IE 6 Hack*/