/* == Reset == */
@import url("reset.css");

/* == Generic styles ======== */
body {font:62.5% "Times New Roman", Times, serif; color:#444;min-width:940px;}

h1 {margin:0;}
h1,h2 {font-size:3em; margin-bottom:0.666667em; line-height:1.333333em;}
h3 {font-size:2em; margin-bottom:1em; line-height:1em;}

/* Links */
a:link {color:#888;}
a:visited {color:#999;}
a:hover {color:#777;}
a:active {color:#777;}

h3 a {text-decoration:none;}
/* Reusable classes */
.hide {text-indent: -1000em; width: 0; height: 0; overflow: hidden;}

.navigation {list-style:none; margin: 2em 0 0;}
	.navigation li {display:inline;}
	.navigation a {text-decoration:none;}

.item-pagination {overflow:hidden;width:512px; margin-bottom:1.5em;border-top:1px solid #ccc; padding-top:1.5em;}
.item-pagination li.previous {display:block;float:left; width:48%;}
.item-pagination li.next {float:right; display:block;width: 48%; text-align:right}

textarea {width:378px; height:312px;float:right;}
legend {display:none;}
fieldset {display:block; clear:both;}
label {font-size:1.5em;}
.field {border-bottom:1px solid #ccc; padding:0.75em 0; overflow:hidden; width:512px;}
.field label {float:left; width: 114px;font-weight:normal;clear:left; }
.field .textinput, .field select {float:right; width: 378px;background:#fff;}
.field select {width: 382px;}
.field input {margin:0;}
input.submitinput {margin-top:1em;}
.radioinputs {display:block; margin-bottom:0.5em; overflow:hidden;}
.radioinputs label {display:block; float:left; width: 48%; clear:none;}
input#description {width: 378px; height: 312px;}

p, ul,pre {font-size:1.5em; line-height:1.33333em; margin-bottom:1.33333em;}
em {font-style:italic;}
.field p {margin-bottom:0.5em;}

strong,b {font-weight:bold;}
textarea#rights {float:none; display:none;line-height:1.33333em;width: 512px; border:none; font:1.5em "Times New Roman",Times, serif;height:31em; color:#444;padding:0; margin:0;}

/* Microformats */
.hTagcloud {margin-top:2em;}
.hTagcloud ul {list-style:none; margin-left:0; padding-left:0; line-height:1.8em;}
	.hTagcloud li {display:inline;margin-right:8px;}

	.popular {font-size:100%;}
	.v-popular {font-size:140%;}
	.vv-popular {font-size:180%;}
	.vvv-popular {font-size:220%;}
	.vvvv-popular {font-size:260%;}
	.vvvvv-popular {font-size:300%;}
	.vvvvvv-popular {font-size:320%;}
	.vvvvvvv-popular {font-size:340%;}
	.vvvvvvvv-popular {font-size:360%;}

	.popular a, .popular a:visited {color: #714271;}
	.v-popular a, .v-popular a:visited {color: #714271;}
	.vv-popular a, .vv-popular a:visited {color: #714271;}
	.vvv-popular a, .vvv-popular a:visited {color: #636;}
	.vvvv-popular a, .vvvv-popular a:visited {color: #636;}
	.vvvvv-popular a, .vvvvv-popular a:visited {color: #5D2E5D;}
	.vvvvvv-popular a, .vvvvvv-popular a:visited {color: #5D2E5D;}
	.vvvvvvv-popular a, .vvvvvvv-popular a:visited {color: #5D2E5D;}
	.vvvvvvvv-popular a, .vvvvvvvv-popular a:visited {color: #5D2E5D;}

/* == Header == */

#header h1 a {display:block;width:940px; overflow:hidden; padding:220px 0 0; background:#fff url("../images/thanksroy-sm.jpg") no-repeat top left; height:0 !important;height /**/:220px;}
#header h1 {margin-bottom:0;}

/* == Content == */
#content {background:#fff url("../images/horizontal-stripe.gif") top left repeat-x;padding:54px 0 48px 48px; overflow:hidden;}
	#primary-nav {float:left; width:246px;}
	#primary-nav ul {margin:0;font-size:2em; line-height:1em;}
	#primary-nav li {display:block; width: 246px; margin-bottom:1em;}
	#primary-nav a {display:block; width: 246px; padding:0;}
	#primary-nav li.current a, 
	.formal-notices #primary-nav li.nav-formal-notices a,
	.memorial-events #primary-nav li.nav-memorial-events a,
	.about #primary-nav li.nav-about-roy a,
	.how-to-help #primary-nav li.nav-how-to-help a,
	.items #primary-nav li.nav-browse-contributions a,
	.celebration #primary-nav li.nav-celebration a,
	.contribution #primary-nav li.nav-contribute-a-story-or-file a, 
	.Tags #primary-nav li.nav-browse-contributions a, 
	.items #primary-nav li.nav-browse-contributions a {color:#444;border-left:1em solid #444; padding-left:0.25em;}
	
	#primary {float:left; width: 512px; margin-left:60px;}

		#secondary-nav {margin-bottom:1em; border-bottom:1px solid #ccc;margin-bottom:0;padding:0.4em 0.5em; font-size:1.5em; }
		#secondary-nav li {padding:0.5em 0;}
		#secondary-nav a {padding:0.5em 1em 0.5em; color:#666;}
		.all #secondary-nav .nav-browse-all a,
		.tags #secondary-nav .nav-browse-by-tag a {border-top:1px solid #ccc;background:#fff;color:#333; font-weight:bold;border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #fff;}

		.pagination ul {text-align:right; line-height:1em; padding:0.5em; }
		.pagination li {display:inline; margin-left:1em; margin-bottom:0; padding:0.5em 0;}
		.top ul {border:1px solid #ccc; border-width:0 0 1px 0;}
		.bottom ul {margin-top:-1.3em;margin-bottom:0; }
			.pagination .next {border-left:1px solid #ccc; padding-left:1em;}
			.pagination .previous {border-right:1px solid #ccc; padding-right:1em;}
	
		.browse .item {overflow:hidden; border-bottom:1px solid #ccc;margin-bottom:2em;}
		.browse .item-img img {width:100px; height:100px; float:left; display:block; margin-bottom:2em; margin-right:2em; padding:6px; border:1px solid #ccc;}
		.tags li {display:inline;}
		
		#fullsizeimg img {padding:5px; border:1px solid #ccc; margin-bottom:2em;}

		.hyperlink-metadata {padding:1em; background:#f0f0f0;}
			.hyperlink-metadata .source {font-style:italic;}
		#featured {margin-bottom:2em; overflow:hidden;}
		#featured img {width: 140px; height:140px; padding:8px; border:1px solid #ccc; margin-right:20px; margin-bottom:20px;float:left;}

		#formal-notices-list {list-style:square; margin-left:1em;}
			#formal-notices-list li {margin-bottom:0.5em;}
			
		.vevent {border-bottom:1px solid #ccc; margin-bottom:2em;}
		.notes ul {list-style:square; margin-left:1.5em;}
		
		#collection-description {border:1px solid #ccc; border-width:1px 0; padding:1em 0; font-style:italic;color:#777; font-size:1.8em;}
/* == Footer == */
#footer {clear:both; text-align:right;overflow:hidden; padding-top:0em; margin-top:2em; border-top:1px solid #ccc;width: 818px;}
	#footer p {}
	#footer ul {margin-bottom:1em;}
		#footer ul li {margin-left:12px;}