/* main page elements for the baltimoresun.com baltimore homicide map
**************************************************************************************************/

body
{
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
}

#header
{
	margin: 20px auto 0 auto;
	padding: 0 5px 0 0;
	text-align: left;
	width: 778px;
}

#wrapper
{
	border: 1px #003366 solid;
	margin: 0 auto 20px auto;
	padding: 9px;
	text-align: left;
	width: 752px;
}

#error-message
{
	background: #f0f5b8;
	border: 1px #ccc solid;
	clear: both;
	margin-bottom: 20px;
	padding: 10px;
}





/* headings, paragraphs, legend/key, lists, and links
**************************************************************************************************/

dd, dl, dt, h1, h2, li, ol, p, ul { margin-top: 0; }

em, i { font-style: italic; }

h1
{
	background: #fff;
	border: 0px #ccc solid;
	color: #003D58;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	height: 30px;
	margin-bottom: 0px;
	margin: 0;
}

h1 img
{
	float: left;
	padding-left: 0px;
}

h1 #page-title
{
	float: right;
	padding: 6px 0px 6px 0;
}

p
{
	font-size: 9pt;
	line-height: 150%;
	margin-bottom: 15px;
}

p#help
{
	padding: 0 65px;
}

#error-message p
{
	font-weight: bold;
	margin: 0;
}

p#modified-on
{
	font-size: 8pt;
	margin-bottom: 0;
	padding: 5px 0;
	text-align: center;
}

p#made-by
{
	text-align: center;
}

dl#key
{
	background: #f8f8f8;
	font-size: 8pt;
	border: 1px #ccc solid;
	margin-bottom: 10px;
	padding: 10px;
}

dl#key dt { font-size: 9pt; font-weight: bold; }
dl#key dd, dl#key dt { display: inline; margin-right: 15px; }


a
{
	color: #003366;
	text-decoration: underline;
}

a:hover
{
	color: #660000;
	text-decoration: underline;
}





/* dropdown text labels and form elements
**************************************************************************************************/

form#controller
{
	xheight: 50px;
	margin-bottom: 20px;
}

form#controller fieldset div.dropdown
{
	float: left;
	margin-right: 5px;
	xheight: 50px;
}


form#controller fieldset div.dropdown label, form#controller fieldset div#go label
{
	color: #666;
	font-size: 8pt;
	line-height: 200%;
}

form#controller fieldset div#go label { font-weight: bold; }


form#controller fieldset div.dropdown select { display: block; font-size: 9pt; xtext-transform: capitalize; }

form#controller fieldset div.dropdown select#range { text-transform: none; }

form#controller fieldset div#go { float: left; }

form#controller fieldset div#go input { display: block; }






/* gmap and popup bubbles
**************************************************************************************************/

#map
{
	border: 1px #ccc solid;
	clear: both;
	height: 500px;
	margin-bottom: 20px;
	width: 750px;
}

div#popup {
	background: #fff;
	width: 270px;
}

div#popup dl
{
	font-size: 9pt;
}

div#popup dl dt
{
	font-weight: bold;
	font-size: 10pt;
}

div#popup dl dd
{
	line-height: 125%;
}

div#popup dl dd.address
{
	padding-bottom: 5px;
}