/* mobile crime stylez */


html { 
	margin: 0; 
	padding: 0; 
} 

#map-canvas, #map, #map-hood, .desktop { display: none; }
.mobile { display: block; }
 
body{
	margin: 0;
	padding: 0;
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: none;
	}

h1 {
	margin: 0.5em 0;
	line-height: 100%;
	}
	
ul {
	list-style: none;
	}
	
a {
	color: inherit;
	text-decoration: none;
	}

th {
	text-align: left;
	}
	
div.container {
	width: 90%; 
	margin: 1em auto;
	
	}
	
	
	
/* ------- main content ------- */

div.nav {
	padding: 1em 0 1em 1em;
	}

div.nav ul li  {
	margin: 0.5em 2em 0.5em 0;
	}

div.nav ul a, div.sidebar-nav ul a {
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 1em;
	}
	
div.sidebar-nav {
	background: #353535;
	color: #fff;
	display: none;
	}
	
div.sidebar-nav ul {
	margin: 0;
	padding: 0;
	}
	
div.sidebar-nav ul li {
	margin: 0;
	border-top: 1px solid #555;
	padding: 1em;
	}

div.sidebar-nav ul li a {
	padding: 1em 0;
	}
	
ul.dropdown-menu {
	border: 1px solid #ccc;
	display: none;
	position: absolute;
	left: 6em;
	top: 7em;
	z-index: 1000;
	box-shadow: none;
	}

div.sidebar-nav ul.dropdown-menu {
	display: none;
	position: relative;
	left: auto;
	top: auto;
	background: #444;
	border: none;
	margin-top: 1em;
	}

div.sidebar-nav ul.dropdown-menu a {
	color: #fff;
	}

div.crime-topper {
	width: 100%; 
	height: auto; 
	border-bottom: 1px solid #000; 
	background: #aaa url(/media/crime/crime-header-3.png) bottom center no-repeat;
	}
	
div.crime-topper h1 {
	padding: 1em 0;
	font-size: 1.5em;
	}
	
div.crime-topper p.today-count {
	padding: 0 0 2em 0;
	}

div.big-box {
		border: 0;
		width: 100%;
		margin: 0 auto;
		border: 0; 
		padding: 0;
		box-shadow: none;
	}

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 h3 {
	font-weight: bold;
	text-align: left;
	}
	
div.intro-explainer { 
	width: 100%; 
	float: none;
	margin: 0 0 3em 0;
	}
	
div.intro-explainer p {
	font-size: 1em;
	margin-top: 0;
	}
	
div.intro-explainer img {
	margin-bottom: 1em;
	}	
	


div.left {
	float: none;
	width: 90%;
	border: 0;
	margin: 0 auto;
	padding: 0;
	}	
	
	
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 {
	float: none; 
	width: 100%;
	}

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

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

div.crime-info-notes {
	margin-top: 2em;
	padding-top: 2em;
	}
	
div.crime-info-notes p {
	font-size: 1em;
	color: #777;
	}
	
table.crimes {
	font-size: 1em;
	width: 100%;
	border-collapse: collapse;
}
	
table.crimes th {
	border-bottom: 1px solid #000;
	color: #777;
	padding: 8px 8px 8px 0;
	}


table.crimes td {
	padding: 8px 8px 8px 0;
	border-bottom: 1px solid #f4f4f4;
	}
	

div.chatter {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1em;
	}

div.chatter h2 {
	margin-top: 2em;
	
	}
	
div.chatter table.crimes { 
	font-size: inherit; 
	}
	
div.right {
	float: none;
	width: 85%;
	padding: 1em;
	margin: 3em auto;
	background: #f7f7f7;
	border-radius: 3px;
	}
	
div.right h3:first-child, div.right h4:first-child {
	margin-top: 0;
	}

div.right h3, div.right h4 { font-size: 1.5em; }
	
div.right p {
	font-size: 1em;
	}
	
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: 100%;
	}

.sidebar-list li {
	border-bottom: 1px solid #eee;
	margin: 0.5em 0;
	padding: 0.5em 0;
	font-size: 1em;
	}
	
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;
	}	
	
	
a.credit {
	font-size: 1em;
	color: #aaa;
	margin: 0 auto 2em auto; 
	width: 90%;
	
	}
	
a.credit:hover {
	color: #000;
	}
	
div.alert { 
	background: #910707;
	color: #fff;
	font-size: 1em;
	padding: 0.6em; 
	}
	
span.light {
	color: #a7a7a7;
	}

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

p.link-summary {
	margin: 0.5em 0 1em 0;
	}

p.small {
	font-size: 1em;
	line-height: 140%;
	}
	
div.search-holder {
	float: none; 
	}
	
div.nearby { 
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px dotted #ccc;
	}
	
p.tag {
	font-size: 0.9em;
	}
	
button, input {
	font-size: 1em;
	}
	
select#id_distance { width: 100%; font-size: 1em; }

input#id_address { width: 90%; padding: 0.5em; }

div.headlines { display: none; }

div.option-number {
	background: #ccc;
	font-size: 1.25em;
	line-height: 1.5em;
	text-align: center;
	width: 30px;
	border-radius: 15px;
	height: 30px;
	color: #fff; 
	float: left; 
	margin-right: 0.5em; 
	}
		
dt label {
	margin-bottom: 2em; 
	}
	
div.share-buttons p {
	margin-top: 1em;
	font-size: 1.25em; 
	}