/* crime stylez */

html { 
	margin: 0; 
	padding: 0; 
} 
 
body{
	margin: 0;
	padding: 0;
	background: #eee url(/media/crime/grid2.png); 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.mobile { display: none; }
	
	
h1 {
	letter-spacing: -1px;
	margin: 5px 0;
	}
	
p {
	font-size: 1em;
	}
	
ul {
	list-style: none;
	}
	
a {
	color: inherit;
	text-decoration: none;
	}

th {
	text-align: left;
	}

div.error { 
	background: #990000; 
	color: #fff; 
	margin: 0;
	padding: 1em; 
	font-weight: bold;
	text-shadow: 0 1px 2px #000;
	text-align: center;
	}
	
div.nav {
	background: #344252;
	padding: 1em 0 1em 20px;
	margin: 0;
	color: #fff;
	}

div.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
div.nav ul li {
	float: left;
	margin-right: 30px;
	font-weight: bold;
	}
		
.nav ul a {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	}
	
.nav ul a:hover {
	color: #eee;
	}

div.sidebar-nav {
	display:none; 
	}
	
a.logo { 
	color: #fff;
	margin: -13px 40px 0 0;
	font-size: 1.6em;
	float: left;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px 2px #000;
	}
	
a.logo:hover {
	color: #ffa;
	}
	
	
ul.dropdown-menu {
	font-size: 90%;
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	position: absolute;
	z-index: 5000;
	box-shadow: 0 1px 2px #a7a7a7;
	}
	
li.dropdown:hover ul.dropdown-menu, ul.dropdown-menu:hover, li.dropdown:link {
	display: block;
	}
		
div.nav ul.dropdown-menu li {
	border-bottom: 1px solid #eee;
	padding: 10px 15px;
	float: none;
	margin-right: 0;
	}

div.nav ul.dropdown-menu li:hover {
	background: #eee;
	}

div.nav ul.dropdown-menu li.search-box:hover {
	background: inherit;
	}

ul.dropdown-menu li a {
	color: #777;
	text-decoration: none;
	}
	
ul.dropdown-menu li a i {
	font-size: 1.5em;
	margin-right: 0.5em;
	}

ul.dropdown-menu a:hover {
	color: #990000;
	}


	
/* ------- main content ------- */

div.crime-topper {
	width: 100%; 
	height: 160px; 
	border-bottom: 1px solid #344252; 
	background: #aaa url(/media/crime/crime-header-4.png) bottom center no-repeat;
	}
	
div.crime-topper h1 {
	font-size: 2.5em;
	color: #fff;
	padding: 70px 0 0 25px;
	margin: 0; 
	line-height: 100%;
	text-align: center;
	text-shadow: 0 1px 10px #000;
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
div.crime-topper h1 a { color: #fff; }
div.crime-topper h1:hover { text-shadow: 0 1px 10px #777; }
	
img.header-icon {
	width: 35px;
	margin-right: 5px;
	box-shadow: 0 1px 10px #000;
	border-radius: 5px;
	}


div.big-box {
		background: #fff;
		border: 0px solid #ccc;
		width: 1050px;
		margin: 0 auto 1em auto;
		border: 1px solid #c7c7c7; 
		box-shadow: 0 2px 15px #ccc;
		border-top: 0;
	}

div.big-box2 {
		background: #eaeef3;
		border: 0px solid #ccc;
		width: 1050px;
		margin: 30px auto 10px auto;
		}
		
div.hello {
	padding: 20px;
	border-bottom: 1px solid #ccc;
	}

div.hello h1 a:hover {
	text-decoration: underline;
	color: #007cbd;
	}
	
div.hello h3 {
	font-weight: normal;
	text-align: center;
	}
	
div.intro-explainer { 
	width: 305px; 
	float: left;
	margin: 15px 30px 0 10px;
	}
	
div.intro-explainer p {
	font-size: 0.8em;
	margin-top: 0;
	}
	
div.intro-explainer img {
	width: 70px;
	height: 70px;
	border: 0; 
	float: left;
	margin-right: 20px;
	border-radius: 35px;
	background: #eee;
	}

p.close {
	text-align: right;
	font-size: 0.6em;
	padding: 3px;
	margin-bottom: 0;
	color: #007cbd;
	}	

p.close a {
	color: inherit;
	}
	
p.close a:hover {
	background: #990000;
	color: #fff; 
	padding: 3px 7px; 
	}
	
div#search-bar input[type=text] {
	font-size: 1em;
	padding: 0.2em;
	font-family: inherit;
	width: 240px;
	margin-bottom: 0.5em;
	}	
	

div.left {
	width: 65%;
	padding: 30px;
	border-right: 1px solid #ccc;
	float: left;
	}	
	
	
div.left2 {
	width: 80%;
	padding: 20px;
	background: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-shadow: 4px 0 6px #eee;
	float: left;
	}
	
div.crime-info {
	}

div.crime-info p {
	font-size: 1.2em;
	}

div.crime-info a {
	text-decoration: underline;
	}

div.crime-info-notes {
	margin: 2em 0;
	padding-bottom: 2em;
	border-bottom: 1px dotted #ccc;
	}
	
div.crime-info-notes p {
	font-size: 0.9em;
	color: #777;
	}
	

div.others-nearby {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 2em;
	padding-bottom: 2em;
	}

div.others-nearby a {
	color: #007cbd;
	}
	
table.crimes {
	font-size: 0.8em;
	width: 100%;
	border-collapse: collapse;
	vertical-align: top;
	}
	
table.crimes th {
	border-bottom: 1px solid #000;
	color: #777;
	padding: 8px 8px 8px 0;
	}

table.crimes a {
	color: #007cbd; /* #910707 */
	}
	
table.crimes a:hover {
	color: #900;
	}
	
table.crimes a:active {
	color: #ff0000;
	}
	
table.crimes td {
	padding: 8px 8px 8px 0;
	border-bottom: 1px solid #f4f4f4;
	}
	
table.crimes td.r, table.crimes th.r {
	text-align: right;
	}

div.chatter {
	}
	
div.chatter table.crimes {
	}

div.chatter h2, div.others-nearby h2 {
	color: #990000;
	font-weight: normal;
	}
	
div.right {
	float: right;
	width: 240px;
	padding: 15px 30px;
	}
	
div.right p {
	font-size: 0.8em;
	}
	
div.right ul {
	margin-left: -40px;
	}

div.right a, div.chatter a {
	color: #007cbd; /* #910707 */
	}
	
div.right a:hover, div.chatter a:hover {
	color: #ff0000;
	}	
	
div.right #chart_div, div.right #chart_div1, div.right #chart_div2 {
	width: 200px;
	height: 150px;
	}

.sidebar-list li {
	border-bottom: 1px solid #eee;
	margin: 5px 0;
	padding: 5px 0;
	font-size: 0.8em;
	}
	
div.sign-up {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	}

div.sign-up2 {
	margin: 0 0 0px 0;
	padding: 0 0 5px 0;
	}

	
div.sign-up2 a {
color: #910707;
	}	

div.nearby.desktop {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 25px;
	}
	
p.credit {
	text-align: center;
	font-size: 0.8em;
	margin-bottom: 2em;
	}
	
p.credit:hover {
	color: #000;
	}
	
div.alert { 
	background: #910707;
	color: #fff;
	padding: 0.5em; 
	margin: 1em 0 0 0;
	}

div.alert p {
	margin: 0;
	}
	
div.hello div.alert p { 
	padding: 0.5em;
	}
	
span.light {
	color: #a7a7a7;
	}

li.headline {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	}
	
a.headline {
	font-size: 0.9em;
	line-height: 110%;
	font-weight: bold;
	}

p.link-summary {
	margin: 5px 0 15px 0;
	}

p.small {
	font-size: 1em;
	line-height: 140%;
	}
	
span.more {
	font-weight: normal; 
	color: #777; 
	letter-spacing: 0;
	}
	
div.alert span.more { 
	cursor: pointer; 
	color: #eee;
	}	
	
div.explainer {
	display: none; 
	margin: 0 0 1em 0;
	padding: 1em;
	background: #eee;
	border: 1px solid #ddd;
	}
	
div.leaflet-popup a {
	color: #910707;
	}
	
div.load-more {
	padding: 1em;
	margin: 1em 0;
	border-radius: 3px;
	border: 1px solid #ccc; 
	cursor: pointer;
	}

div.load-more:hover {
	background: #fafafa;
	}
	
p.tag { 
	font-size: 0.6em;
	color: #fff; 
	background: #900;
	padding: 0.5em;
	margin: 1em 0;
	display: inline-block;
	}
	
.info {
		padding: 10px 12px;
		font: 14px/16px Arial, Helvetica, sans-serif;
		background: white;
		background: #fefefe);
		border-radius: 2px;
	}

	.info h4 {
		margin: 0 0 5px 0;
		color: #777;
	}
	
	.leaflet-popup-content-wrapper {
		border-radius: 3px;
		}
	
	.leaflet-popup-content h2 {
		margin-bottom: 0.5em;
		}	
		
div#map-detail {
	margin-top: 2em;
	}
	
ul.errorlist li {
	color: #990000;
	}
	
div.option-number {
	background: #ccc;
	font-size: 2em;
	line-height: 1.5em;
	text-align: center;
	width: 50px;
	border-radius: 25px;
	height: 50px;
	color: #fff; 
	float: left; 
	margin-right: 25px; 
	}
	
p.oops { 
	color: #990000;
	font-weight: bold;
	padding: 1em;
	border: 1px solid #990000;
	}
	
div.share-buttons p {
	color: #ddd;
	text-align: right; 
	margin: 0;
	}

div.share-buttons p i {
	margin-left: 0.5em;
	}

div.share-buttons i:hover {
	color: #990000;
	}
	
#map-canvas, #map {
	width: 100%;
	}