body {
	background: black;
	color: white;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	height:100%;
	background-image:url('http://effigiesandbrasses.com/static/images/bg.png');
}
#banner_outer {
	border-style:solid;
	border-top-color: #33CC00;
	border-bottom-color: #33CC00;
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 0px;
	border-right-width: 0px;
	background: black;
}
#banner_inner {
	background: #33CC00;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}
#header img {
	padding: 5px;
}
#header {
	
}
#container {
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 0px;
	margin-bottom: 0px;
}
#menu {
	display: block;
	padding-top: 30px;
}
#content {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 9px;
	background: #202020;
	clear:both;
}
#footer {
	padding: 20px;
	background: #202020;
	margin-bottom: 20px;
}
#language {
	text-align: right;
	background: #333333;
}
#nav {
}
ul#nav {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
ul#nav li {
	float:left;
	display: inline;
}
ul#nav a {
	color: white;
	float:left;
	margin-right:10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:5px;
	padding-bottom:5px;
	background: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: 14pt;
}
ul#nav a:hover{
	background: #33CC00;
}
#nav a.selected {
	background: #202020;
}
#nav a.selected:hover {
	background: #202020;
}


#image_grid {
	clear: both;
	width: 100%;
}
#sources {
	clear: both;
}
#infoblock {
	clear: both;
}

#image_grid div.image_preview {
	margin:5px;
	width: 160px;
	height: 160px;
	background-color: #333333;
	text-align: center;
	vertical-align:middle;
	display:table-cell;
}

#image_grid div.preview_block {
	float:left;
	margin:5px;
	width: 160px;
	height: 225px;
	text-align: center;
}


#image_grid span {
	text-align: center;
}

#image_grid th {
	font-weight: normal;
}

#small_map_canvas {
	width: 200px;
	height: 200px;
}

#results div.image {
	margin:5px;
	width: 84px;
	height:84px;
	background-color: #333333;
	text-align: center;
	vertical-align:middle;
	display:table-cell;
}

#results img {
	border-color: white;
	border-width: 2px;
	padding: 2px;
	border-style: solid;
	vertical-align:middle;
}

#results h3 {
	margin-top: 0px;
}

#results .number h3 {
	margin-bottom: 0px;
	background-color: #333333;
}

#results td.number {
	text-align: center;
	vertical-align:top;
	padding-left: 20px;
}

img { border-color: white; padding: 2px; }
.image-link { border-style: dashed; border-width: 2px; padding: 2px;}
.image-local { border-color: white; border-style: solid; padding: 2px; border-width: 2px; }
a { color: white; }

#search td.search_element {
	background-color: #333333;
	border-bottom: 5px solid #202020;
	padding: 10px;
}

#search .search_element th {
	padding-right: 30px;
	text-align: left;
}

#search .search_element select {
	margin-right: 30px;
}

#search td {
	vertical-align: top;
}

#search table {
	border-spacing: 0px;
}

#search h3 {
	margin-bottom: 2px;
}

#search input,select {
	font-size: 14pt;
}

#infoblock td {
	background-color: #333333;
	padding: 10px;
	vertical-align: top;
}

#infoblock th {
	text-align: left;
}

#infoblock td.edge {
	border-right: 5px solid #202020;
}

#infoblock h2 {
}

#comments td {
	background-color: #333333;
	padding: 10px;
	vertical-align: top;
}

#comments input,textarea {
	font-size: 14pt;
	font-family: Arial;
}

#comments td.captcha {
	padding: 0px;
	margin: 0px;
	border-right: 15px solid #333333
}

#recaptcha_image {
	margin-bottom: 15px;
}

.fixed {
	font-family: Courier;
}

.form_error {
	color:red;
	margin:0px;
	font-weight:bold;
}

#end_message {
	background-color: #333333;
	padding: 10px;
	text-align: right;
	font-size: 10pt;
}

#image_info {
	background-color: #333333;
	padding: 10px;
	margin-bottom: 10px;
}

#image_info td {
	vertical-align: top;
}

#image_info h2 {
	margin: 3px;
}

.jqplot-axis {
	color: white;
}
.jqplot-title {
	color: white;
}

span.cite a {
	text-decoration:none;
	border-bottom: 1px dotted;
}

.approx {
	text-decoration:none;
	border-bottom: 2px solid yellow;
}

span.attribution {
	font-size: 12px;
}


div.pagination {
	padding:2px;
	margin:7px;
	text-align:center;
	line-height: 50px;
}

div.pagination a {
	
	margin: 2px;
	padding: 0.5em 0.64em 0.43em 0.64em;
	background-color: #666;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
div.pagination a:hover, div.pagination a:active {
	padding: 0.5em 0.64em 0.43em 0.64em;
	margin: 2px;
	background-color: #33CC00;
	color: #fff;
}
div.pagination span.current {
		padding: 0.5em 0.64em 0.43em 0.64em;
		margin: 2px;
		background-color: white;
		color: black;
		font-weight: bold;
		margin-bottom: 15px;
	}
div.pagination span.disabled {
		display:none;
	}

#image_grid div.tile_block {
	float:left;
	margin:5px;
	height: 540px;
	text-align: center; 
	min-width: 160px;
}
#paging {
	clear: both;
}

#image_grid td.tile_link {
	background-image:url(http://effigiesandbrasses.com/static/images/link_tile.jpg);
	width: 160px;
}