/** 
 * Styling responsible for general class styles and global structure and layout. fake edit
 */

/* CSS Reset */
* { margin:0; padding:0;}
html { min-height:100%;}
/* General Styles */
body{  
	
	background: #fafafa;  
	background: -moz-linear-gradient(top, #fafafa, #ccc);
	background: -webkit-gradient(linear, 0 top, 0 bottom, from(#fafafa), to(#ccc));
	font-family:Helvetica, Arial, sans-serif;}

div#wrapper {
	width:960px;
	padding:20px;
	background:#fff;
	background:url(../images/paper.png);
	
	margin:0 auto;
	border:2px solid #ddd;
	border-top:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;	
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

div#bannerwrap {
	width:1004px;
	margin:20px auto 0 auto;	
}
	div#bannerwrap a {
		color:#000;
	}

div#topblock {	
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
	background:url(../images/herotop.png) 480px -10px no-repeat #fff;
	
	background: url(../images/herotop.png) 480px -10px no-repeat, -moz-linear-gradient(top, #fff, #eee);
	background: url(../images/herotop.png) 480px -10px no-repeat,  -webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#eee));
	border:2px solid #ddd;	
	padding:0 0 0 0;
}	
div#titleblock {
	float:left;
	padding-top:15px;
	padding-bottom:10px;	
}

	h2#title a {
		text-transform:uppercase;
		font-family:Tahoma, Geneva, sans-serif;
		text-shadow: 1px -1px 1px rgba(0,0,0,0.9);
		color:#84007b;
		padding:0 20px;
		font-size:40px;
		margin:0;
		text-decoration:none;
	}
div#searchblock {
	padding:25px 20px 0 20px;
	float:right;
}
div#searchblock + div {
	border-bottom:4px solid #999;
	
}
div#main-navigation {	
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
	background:#f5f0f1;
	margin:0 -2px 0 -2px;
	font-size:0.8em;
}
	div#main-navigation a + a {
		border-left:1px solid #ccc;
	}

	div#main-navigation a {
		text-decoration:none;
		background:#fafafa;
		padding:5px 10px;
		display:block;
		float:left;
		border-right:1px solid #ccc;			
		color:#000;
	}

h3#subtitle {
	margin-bottom:10px;
}
div#map {
	float:left;
	width:600px;
	height:400px;
	border:2px solid #ddd;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
div#map.fullmap {

	width:100%;
	height:600px;
	border:2px solid #ddd;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
div#infobutton {
	background: #84007b;  
	background: -moz-linear-gradient(top, #a6229d, #84007b);
	background: -webkit-gradient(linear, 0 top, 0 bottom, from(#a6229d), to(#84007b));
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
	float:left;
	margin:0 20px 10px 20px;
	padding:10px;
	width:292px;
	color:#fff;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;	

}
div#infobutton a {
	display:block;
	text-decoration:none;
	color:#fff;
}

div#infobutton a + a {
	margin-top:10px;
}
div#content {
	background: #fafafa;  
	background: -moz-linear-gradient(top, #fafafa, #eee);
	background: -webkit-gradient(linear, 0 top, 0 bottom, from(#fafafa), to(#eee));
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	float:left;
	border:2px solid #ddd;
	margin:0 20px;
	padding:20px;
	width:272px;
	font-size:0.8em;
	margin-bottom:10px;
	overflow:hidden;
	height:150px;
	
}
div#secondarycontent {
	background: #fafafa;  
	background: -moz-linear-gradient(top, #fafafa, #eee);
	background: -webkit-gradient(linear, 0 top, 0 bottom, from(#fafafa), to(#eee));
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	float:left;
	border:2px solid #ddd;
	margin:0 20px;
	padding:20px;
	width:272px;
	font-size:0.8em;
}
div#highlightreport {
	margin-bottom:20px;
}
	div#highlightreport h2 {
		background: url(../images/otherbubble.png) 5px center no-repeat #fafafa;  
		background: url(../images/otherbubble.png) 5px center no-repeat, -moz-linear-gradient(top, #fafafa, #ccc);
		background: url(../images/otherbubble.png) 5px center no-repeat, -webkit-gradient(linear, 0 top, 0 bottom, from(#fafafa), to(#ccc));
		padding:10px 10px 10px 45px;
		margin:-20px -20px 10px -20px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-topleft: 4px;
	}
	div#highlightreport h2 a {
		color:#84007b;
		text-decoration:none;
	}
div#recentreports ul {
	padding-left:20px;
}

.reportimage {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:2px solid #ddd;
	width:200px;
	height:200px;
}
.reportdetails {
	border:2px solid #ddd;
	padding:20px;
	background:#fff;
	margin-right:10px;
	
	float:left;
}
.report h1 a{
	color:#000;
	text-decoration:none;
}
.reportcount {
	color:#fff;
	background:#000;
	padding:4px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
}

p#home-about {
	margin:10px 0;
	color:#444;
	font-size:0.8em;
}
div#footer {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#f5f0f1;
	width:960px;
	padding:10px 20px;
	margin:10px auto;
	text-align:right;
}
div#main-navigation a#saysomething {
	border:none;
	background:transparent;
	font-weight:bold;
	color:purple;
	float:right;
}
ul#reportlist {
	list-style:none;
}
	ul#reportlist li {
		border-bottom:1px solid #ccc;
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		
	}
	ul#reportlist li a {
		font-size:1.2em;
		display:block;
		
	}
	ul#reportlist .previewimage {
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border:2px solid #ddd;
		height:50px; width:50px;
		float:left;
		margin-right:10px;
	}
	
	div#aboutblock {
		color:#666;
		font-size:1.4em;
	}
	div#aboutblock strong{
		color:#000;
	}
	div#aboutblock p{
		margin-bottom:20px;
	}
	#mainfields {
		margin-top:10px;
		float:left;
		width:700px;
		margin-right:30px;
	}
	#secondaryfields {
		margin-top:10px;
		float:left;
	}
		#secondaryfields h4 {
			margin-top:10px;
		}
	.note {
		font-size:0.8em;
		font-style: italic;
		color:#999;
	}
	#mainfields input, #mainfields .markItUp, #mainfields textarea {
		width:100% !important;
	}
	input, textarea {
		padding:4px;
		border:2px solid #ddd;
		font-size:inherit;
	}
	input[type=submit] {
		border:2px solid #ddd;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		background: #fafafa;  
		background: -moz-linear-gradient(top, #fafafa, #ccc);
		background: -webkit-gradient(linear, 0 top, 0 bottom, from(#fafafa), to(#ccc));
		font-family:Helvetica, Arial, sans-serif;}
	}
	label {
		margin-top:10px;
		display:block;
	}
	.rsslink {
		background:url(../images/icons/rss.png) 35px center no-repeat;
	}
	.moderationpanel {
		text-align:center;
		background:purple;
		float:right;
		color:#fff;
		padding:10px;
		margin-left:20px;
	}
.clear { clear:both;}