/* Generic styles
-----------------------------*/
* {margin:0; padding:0;}

body {margin:0 auto; width: 780px; background: #fff; font: 62.5% Verdana, Arial, Helvetica, sans-serif; color: #333;}
a:link, a:visited {color: #369;}
a:hover,a:active,a:focus {color: #369; text-decoration:none;}
a.namedanchor:hover {color: #369;}

h1,h2,h3,h4,h5,h6 {font-weight:normal; font-family: Optima, Verdana, sans-serif;}
h1 {font-size: 1em;}
h2 {font-size: 2em;}
h3{font-size: 1.8em; }
h4,legend {font-size: 1.6em;}
h5 {font-size: 1.4em; font-weight:bold;}
h6 {font-size: 1.4em; font-style: italic;}
h5,h6 {font-family: Arial, Helvetica, sans-serif;}
p,ul,ol,dl,address {font-size: 1.2em; font-style:normal; margin: 10px 0;}
blockquote {font-size: 1.1em;margin-left: 15px; margin-right: 15px; padding: 10px 15px; background: #E7F1F8;}
ul,ol,dl {list-style:none;}
abbr {font-style:normal; border:none; text-decoration:none;}

ul ul {font-size: 1em; margin-left: 10px; display:none; padding-left: 10px;border-left: 1px solid #369;}

p,dd {line-height: 1.75em;}
.hide {display:none; width:0 !important; height:0 !important; overflow:hidden; text-indent: -1000em;}

a img {border:none !important; text-decoration:none !important;}

.instructions {font-style:italic;margin:0; padding:0;}

/* Generic Form styles
---------------------------------*/
fieldset {border:none; margin: 10px 0 20px 0;}
legend {margin: 10px 0;}
select.selectinput {}
label {font-size: 1.2em;}
input, label, textarea {display:block;}
label.radiolabel input {display:inline;}
input.textinput, select {margin: 4px 0 10px 0;}
input.textinput,textarea.textinput, select, input[type="file"] {border: 1px solid #97A2AF; padding: 2px; background: #E1E8F0;}
input.textinput:focus, textarea.textinput:focus, select:focus {background: #fff;}

/* Quicksearch form */
#quicksearch {padding: 10px 0;}
#quicksearch fieldset {margin:0;}
#quicksearch input {display:inline; margin:0; background: #fff; border: none;height: 1.5em;}
#quicksearch input.submitinput {font-size: 1em; height: 1.5em;}

/* Quickcontribute form */
#quickcontribute {position:relative; display:block; padding:10px; background: #fff;}
#quickcontribute select {width: 240px;}
#quickcontribute #chooseaquestion label {display:block; float:left; width: 50px;margin:10px 0 0 0;}
#quickcontribute #chooseaquestion select {display:block;float:left;}
#quickcontribute #tellyourstory {display:none !important;background: #fff09e;margin:0 !important; padding: 10px; position:absolute; width: 120px; bottom: -10px; right:-10px;color: #c60; font-size: 150%;}
#quickcontribute fieldset {clear:both;}
#quickcontribute input#contributor_first_name, #quickcontribute input#contributor_last_name {display:inline;}
#quickcontribute input#contributor_first_name {width: 100px;}
#quickcontribute input#contributor_last_name {width: 200px;}

#quickcontribute #voicemail {padding: 5px 20px; background:  #c6d6c2;}

#featured-story {background:#fff; padding:10px;}


/* vCard styles
------------------------------------*/
div.vcard {margin-bottom: 10px;}
div.vcard>div {font-size: 1.2em;line-height: 1.75em;}


/* Wrap styles
----------------------------------*/
#wrap {display:block; float:left;  width:780px;margin-bottom: 20px; margin-top:0; background: #fff;	}

/* Header styles
----------------------------------*/
#header {display:block;position:relative; float:left;width: 780px;background: #fff; padding:0; margin:0;}
#header label, #header ul {font-size: 1.1em;}

/* Logos */

#hdmb-logo a {
	display:block;  
	width: 212px; 
	margin:0; 
	padding:212px 0 0 0;
	background-image: url("../i/hdmb-logo.gif");
	background-repeat:no-repeat;
	overflow:hidden;
	background-position: top left;
	height: 0px !important;
	height /**/:212px;
	}

#hdmb-logo { width: 212px; z-index: 100;height: 212px;margin:0; position:absolute; top:4px; left:10px;}

#hdmb-subtitle {text-align:right;}

#hdmb-subtitle {
	display:block;
	float:right;
	width: 550px; 
	margin:0; 
	padding: 25px 0 0 0; 
	background-image:url("../i/hdmb-subtitle.gif"); 
	background-repeat:no-repeat;
	overflow:hidden;
	background-position:top right;
	height: 0px !important;
	height /**/:25px;
	margin-bottom: 30px;
}

/* quickinfo div */
#quickinfo {background: #c6d6c2;display:block;text-align:right; float:left; width: 780px;margin-bottom: 35px;}
#quicknav {list-style:none; text-align:right;}
#quicknav li {display:inline;}
#quicksearch {text-align:right; margin-right: 20px;}

/* Header Newsfeed */
#newsfeed {text-align:right; padding: 10px 0;margin-right: 20px;}
#newsfeed dd, #newsfeed dt {display:inline; font-weight:normal; text-align:right;}
#newsfeed dt {font: 1.5em Optima, Verdana, sans-serif;}
#newsfeed dd {font: 1.3em Optima, Verdana, sans-serif;}
#newsfeed, #newsfeed a {color: #333; text-decoration:none;}
#newsfeed a:hover {text-decoration:underline;}

/* Main Navigation */
ul#mainnav {display:block;z-index: 1000;font: 1.5em Optima, Verdana, sans-serif;text-align:right;clear:both; width: 780px;margin-bottom:0 !important;margin-top: 0px; background: #fff; padding: 10px 0; }
ul#mainnav li {display:inline;padding: 10px 0;margin-right: 1px;}
ul#mainnav li a { display:inline;color: #111; padding: 10px; border-bottom: 1px solid #fff; background-repeat: no-repeat;color: #111;}
ul#mainnav li a:link, ul#mainnav li a:visited {background-color: #c6d6c2;}
ul#mainnav li a:hover, ul#mainnav li a:active {background-color: #ABB8A8;} 
ul#mainnav li#nav-news { margin-right:0;}
ul#mainnav a {text-decoration:none;width:auto;}

ul#mainnav li#nav-home a{background-image:url("../i/tabs/lightgreen-left.gif"); background-position: top left;}
ul#mainnav li#nav-home a:hover{background-image:url("../i/tabs/darkgreen-left.gif"); background-position: top left;}

ul#mainnav li#nav-news a{background-image:url("../i/tabs/lightgreen-right.gif"); background-position: top right;}
ul#mainnav li#nav-news a:hover{background-image:url("../i/tabs/darkgreen-right.gif"); background-position: top right;}


#home #mainnav li#nav-home a, 
#about #mainnav li#nav-about a, 
#browse #mainnav li#nav-browse a,
#object #mainnav li#nav-browse a,
#tags #mainnav li#nav-browse a,
#collection #mainnav li#nav-collections a, 
#contribute #mainnav li#nav-contribute a,
#news #mainnav li#nav-news a,
#faq #mainnav li#nav-faq a 
{background-color: #BCCCDD; color: #111; border-bottom: 1px solid #BCCCDD;}

#home ul#mainnav li#nav-home a{background-image:url("../i/tabs/blue-left.gif"); background-position: top left;}
#news ul#mainnav li#nav-news a{background-image:url("../i/tabs/blue-right.gif"); background-position: top right;}

/* Content styles
----------------------------------*/
#content {display:block; float:left; clear:both; background: #BCCCDD;border-top: 1px solid #fff;width: 740px; padding: 20px;}
#primary {display:block;float:left; width: 350px; }
#secondary {display:block;  float:right; width: 350px;}
#tertiary {display:block;width: 740px;margin-top: 20px; clear:both; padding: 10px 0;}

#secondary p {font-size: 1.1em;}


/* Subnavigation */
#subnav {display:block;}
#subnav li {display:inline;}
#subnav a {text-decoration:none;padding: 4px 8px;}
#subnav a:link, #subnav a:visited {background: #fff;}
#subnav a:hover, #subnav a:active {background: #ccc;}

/* Home */

#featured-blurb { display:block; height: 300px; width: 350px;}

#addyourphotos {margin-top: 20px;}
#addyourphotos a{text-decoration: none; color: #7D857B;display: block; width:  366px; background: #c6d6c2; border: 2px solid #fff; text-align: center; font-size: 2.6em; padding:1em 0;}
#addyourphotos a:hover {background: #B9C7B5;}

#contribute-link {margin-top: 20px;}
#contribute-link a{text-decoration: none; color: #7D857B;display: block; background: #c6d6c2; border: 2px solid #fff; text-align: center; font-size: 2.6em; padding:1em 0;}
#contribute-link a:hover {background: #B9C7B5;}

/* Contribute pages */
#contribute div#introduction {margin-bottom: 10px;}
#contribute fieldset {display:block; clear:both;width: 760px;}
#contribute legend span.number {background: #fff; padding: 2px 8px; font-size: 200%;}
#contribute #mapinstructions {display: block; float: left; width: 48%; font-style: italic;}
#contribute div#locationinput {display: block; float: left;}
#contribute div#locationinfo {display:block; float:right; width: 300px;}
#contribute div#map {display:block; float: left;width: 440px; height: 300px; margin: 0; background: #ddd;}
#contribute #quickzoom {display:block; width: 280px; float: right; padding: 10px 20px;}
#quickzoom dl dd {display:inline;}
#contribute div#contribute-choose-inst {display:block; float:left; width: 740px;}
div#contribute-choose-inst ul#contributiontype-nav li {display: block; float: left;margin-bottom: -1px;}
ul#contributiontype-nav li a {text-decoration: none; display: block; float: left;margin: 0 2px 0 0;background: #E4EBF1;border-top: 1px solid #A1ADBB; border-bottom: 1px solid #fff;border-left: 1px solid #A1ADBB;border-right: 1px solid #A1ADBB;font-size: 1em;padding: 0.25em 1em;}
ul#contributiontype-nav li a:hover {background: #fff;}
ul#contributiontype-nav li a.selected {background: #fff;}
#contribute div#contribute-choice {display:block; clear: both;float: left; width: 720px; padding: 0 10px; background: #fff; border: 1px solid #A1ADBB;}
#contribute-choice div.contribution {display: block; float: left; width: 450px;margin: 10px 0;}
#contribute-choice div.contribution-info {display: block; float: right; width: 260px; margin: 10px 0;}

#contribute #contributor_birth_year {width: 6em;}

/* Browse pages */
.page-links {display:block; clear:both;}
#browse #primary {width: inherit;}
#browse #add {display:block; float:right; text-align: center;padding: 5px 10px; width: 8em; font-size: 180%; background: #c6d6c2; border: 2px solid #fff;}
#browse #add a {text-decoration:none; color: #333;}

#objects-list {display:block; clear:both;}
div.object a.thumbnail {width: 100px; height: 100px; overflow:hidden; display:block; float:right; margin-left:5px; margin-bottom:5px;}
div.object a.thumbnail-noDesc {width: 150px; height: 125px; overflow:hidden; display:block; margin-left: auto; margin-right:auto; margin-top: 25px; margin-bottom: 10px; }
div.object a.link_thumbnail {float:right; display:block;}
div.object p.noDesc-link { text-align: center;}
#browse div.object {display:block; float:left; width: 215px;padding: 0; overflow:auto; height: 200px; margin:10px; background: #fff; padding: 5px;}

/* Browse Images */
.thumb-wrap {height: 140px; width: 178px; margin-right: 5px; margin-bottom: 5px;border: 1px solid #333;overflow:hidden; display:block; float:left;}

/* Browse Map styles */
#browse div#map {width: 740px; height: 300px;}
#map-contents { width: 780px; display:block;}
#featured-content { display:block; width: 710px; margin: 10px 30px;}
#featured-content, #reg-content {margin:0; padding:0;}
div.reg-map-item {margin-bottom:10px; padding:0; display:block; width: 150px; height: 200px;display:inline;}
#browse.map #quickzoom {}

#browse.map #map-contents {height: 220px; width: 720px;overflow:auto; padding: 10px;background: #fff;}

#browse.map #map-paginate {font-size: 2.4em;display: block; width: 700px;margin: 0;}
#map-paginate #next {}
#map-paginate a {text-decoration: none;}
/* Collections page */
div.collection-title {margin-bottom: 10px; font-size: 1.4em;}
div.collection-title a {text-decoration:none;}
div.collection-description {line-height: 1.75em; margin-bottom: 10px;}
/* About pages */

/* FAQ Page */
#faq-list ul li {margin-bottom: 8px;}

/* Error-404 page */


/* Popup page styles */

#popup #header, #popup #footer {display: none;}
#popup #wrap {padding-top: 20px; width: auto;}
body#popup {width: 95%; margin: 0 auto; padding: 0;}

/* News styles */
#blog {display:block; float:left; width: 500px;}
#blog-sidebar {display:block; float:right; width: 220px;}
#blog-sidebar ul, #blog-sidebar li {list-style:none;}

div.post h2 a {text-decoration: none;}
/* Footer styles
----------------------------------*/
#footer {display:block; clear:both; padding: 10px; background: #AAC2D9; border-top: 1px solid #fff; }
#footer p {font-size: 1.1em;margin:0;}