/* 
Grid: 846px wide, 12 columns at 54px each, 11 gutters at 18px each.
1 = 54px
2 = 126px (6 columns)
3 = 198px (4 columns)
4 = 270px (3 columns)
5 = 342px
6 = 414px (2 columns)
7 = 486px
8 = 840px
9 = 630px
10 = 702px
11 = 774px
12 = 846px
*/
/* == Imports == */
@import url("reset.css");

/* == Generic == */
body {font: 75% "Helvetica Neue",Helvetica, Arial, sans-serif; color: #333; background-color: #eee9d3;}

	/* -- Headings -- */
	h1, h2, h3 {font-weight:bold;  }
	
	h1 {font-size: 2em; line-height:1em;margin-bottom: 20px; color:#e36158} 
	h2 {font-size: 1.5em; line-height:1.3em;margin-bottom:1em; font-family: Times New Roman, Times, serif; }
	h3 {font-size: 1.2em; line-height: 1.2em; margin: 0 0 1.2em; font-weight:normal;}
	h4 {font-size: 1em; line-height: 1.5em; margin-bottom:1.5em; font-weight:bold;}
	h5 {font-size: 0.8em; line-height: 1.5em; margin-bottom:1.5em; font-style:italic;}
	
	body#home #content h2 {font-size: 2.4em; line-height:1em;margin-bottom: 0.5em;text-transform:uppercase;letter-spacing:.1em;}
	body#home #content h3 {font-size: 1.8em; line-height:2em;margin-bottom:0;}
	#items.show h3 {margin:0;}
	
	h1 a, h2 a, h3 a {text-decoration:none;}
	img a {border: none;}

	/* -- Misc Block elements -- */
	p {font-size:1.3em; line-height:1.6em; margin-bottom:1.5em; color:#000000;}
	ul {font-size:1.2em; line-height:1.3em; margin-bottom:1.5em;}
	ol {font-size:1.2em; line-height:1.3em; margin-bottom:1.5em;list-style:decimal inside;}
	dl {font-size:1.2em; line-height:1.3em; margin-bottom:1.5em; margin-left: 15px;}
			
	/* -- Misc Inline elements -- */
	em,i {font-style:italic;}
	strong,b {font-weight:bold;}
	abbr,acronym {border: none; font-style: normal;}
		
	/* -- Links -- */
	a:link {color: #354179;}
	a:visited {color: #354179;}
	a:hover {color: #e36158;} 
	a:active {color: #354179;}


	/* -- Body Classes -- */
	.browse {}
	.item {}
	.show {}
	.summary {}
	.tags {}
	
	/* -- Misc Classes */

	.image {} /* items/browse  */
	
	.description {}
	
	.even {}
	.odd {}
	
		/* Navigation Classes*/
		.navigation {list-style:none;}
			.navigation li {display:inline;}
			.navigation a {text-decoration:none;}
		
		/* Pagination Classes */
		.pagination {}
			.pagination li {display:inline;padding:6px 8px; background:#354179; color:#fff;margin-right:1px;}
			.pagination a { color:#fff; text-decoration:none;}
			
		.next {} 
		.previous {} 
	
		/* Items Classes*/
		.browse-items-link {}
		
		.featured {}
		
		.element {overflow:hidden;clear:both;margin-bottom:1.5em;}
		.element-text {font-size:1.2em; line-height:1.5em;margin:0;}
        .element-text p {font-size:1em;margin:0;}
		.element-text-empty {font-size:1.2em; line-height:1.5em;margin:0;}
		
		.element-citation {font-style:italic; padding-top:10px;}
						
		.browse .item {border-bottom:1px solid #e36158;padding-bottom:18px; margin-bottom:18px;overflow:hidden; zoom:1;}
			.browse .item h2 a {float:left; width: 250px; margin-right:18px; line-height: 1.3em;}
			.browse .item img {float:right; width: 198px; height: 198px;}
			.browse .item-description {float:left; width: 325px; margin-top: 25px;}
			
			
		.item-img {}
		.items-list {}
		.item-meta {}
		
		.item-pagination {clear:both;overflow:hidden; padding-top:18px;}
			.item-pagination a {text-decoration:none; font-weight:bold;width:48%; float:left;}
			.item-pagination .next a {float:right; text-align:right;}
		
		.item-tags {clear:left; margin-left:216px;}
		.item-thumbnail {}
		.item-title {}	
		
		.square_thumbnail img {width: 54px; height:54px; float:left; margin-right:18px;}

		/* Collections Classes */
		.collection {}
		.collection-description {}
	
		/* Exhibits Classes */
		.exhibit {}
		.exhibit-description {}
		.exhibit-tags {}
	
		.exhibit-section-nav {margin-bottom:2em; border-bottom:1px solid #ccc;margin-bottom:1.5em;padding:0.3em; }
				.exhibit-section-nav li {padding:0.5em 0;display:inline;}
				.exhibit-section-nav a {padding:0.5em 1em 0.5em; color:#666;text-decoration:none;}
				.exhibit-section-nav li a.current {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;}
		
		.exhibit-page-nav {color:#fff;}
			.exhibit-page-nav li {display:inline; color:#fff;margin-right:1px; }
			.exhibit-page-nav a:link, .exhibit-page-nav a:visited { color:#354179; padding:6px 8px; background:#ffffff; text-decoration:none;}
			.exhibit-page-nav a:hover, .exhibit-page-nav .current a {background:#666666;}
			.exhibit-page-nav a:active { color:#fff;padding:6px 8px; text-decoration:none;}
			.exhibit-page-nav .current a {background:#354179; color:#ffffff;}
		
		/* Microformats Classes */
		.hentry {}
		
		/* Search Classes */
		.no-results {}
		
		/* Tags Classes */
		.tags {}
			.tags li {display:inline;}

		/* Tag Clouds */
		.hTagcloud ul {list-style:none; margin-left:0; padding-left:0;}
			.hTagcloud li {display:inline; margin-right:3px;}

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


/* == Wrap == */
#wrap {width: 950px; margin: auto;background:#eee9d3;padding:0 0 15px 0;}

/* == Header == */
#header {margin-bottom:1em;}
	
	
	#search-container {width:220px;text-align:right; padding: 10px 25px 10px 0px;}
		#search-container h2 {display:none;}
		#search-container input {border:1px solid #ccc; background:#fafafa; padding:3px;}
		#search-container input.textinput:focus {background:#fff;}
		#search-container #submit_search {padding:2px; background:#e36158; color:#ffffff; border:1px solid #000000;margin-left:3px;}
		#search-container a {font-size:1.2em; line-height:1.5em;text-decoration:none;}
	
	#primary-nav  {width:255px; padding: 0px 5px; float:left; border-right: 1px solid #354179; }
		#primary-nav li {display:table; }
		#primary-nav a {text-decoration:none; color: #354179;}
		#primary-nav a:hover {background:#e36158; color:#ffffff;}
		#primary-nav li.current a {font-weight:bold; color: #e36158;}
		#primary-nav li.current a:hover {font-weight:bold; background:#e36158; color:#ffffff;}
		
/* == Content == */

	/* Structure */
	#content {padding:0px 75px;;overflow:hidden; zoom:1; background:#eee9d3;border-top-width:0;}
		#primary {padding-top: 25px;}
		#secondary {}
	
		
		#secondary-nav {margin-bottom:2em; border-bottom:1px solid #ccc;margin-bottom:1.5em;padding:0.3em; }
				#secondary-nav li {padding:0.5em 0;}
				#secondary-nav a {padding:0.5em 1em 0.5em; color:#666;}
				#secondary-nav li.current 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;}
		
	.item-description a.show {padding-left:5px;display:inline;}
			
	/* General */

	
	#pagination-top {}
	#pagination-bottom {}
		
	/* Navigation */
	#primary-nav {}
	#secondary-nav {}
	
		
	/* Items Pages */
	
	#items.show #primary {width: 525px;}
	ul.title-list {margin:0;}
	.title-list li {font-size: 1.2em; line-height: 1.5em; font-style:italic;}
	#extended-metadata {}
		#item-type {}

	#item-metadata {width:525px;}
	#item-metadata h2{margin-bottom:0;}
		#item-images {overflow:hidden; margin-bottom:18px; width: 350px;}
			#item-images-thumbs {margin:18px 0 18px -18px;}
		#item-publisher {}
		#item-creator {}
		#item-description {}
		#item-relation {}
		#item-spatial-coverage {}
		#item-rights {}
		#item-source {}
		#item-subject {}
		#item-additional-creator {}
		#item-format {}
		#item-contributor {}
		#item-rights-holder {}
		#item-provenance {}
		#item-date {}
		#item-temporal-coverage {}
		#item-date-added {}
		#item-collection {}
	
	#item-files {}
	#item-tags {}
	#item-citation {padding-top:20px;}
		
	#next-item {}
	#previous-item {}
	
		/* Search Results */
		#primary form {padding:10px 0;overflow:hidden;}
		#primary form .field {font-size:1.2em; line-height:1.5em; margin-bottom:1.5em;clear:both;}
		#primary form .field label {display:block;float:left;margin-right:5px;}		
		input#featured, input#public  {display:block;float:left;}
		#primary form #submit_search {clear:both;float:left;margin-top:10px;}
		#advanced_search_header {}
		#primary #basic_search_header {}

	/* Exhibits Pages */
	#exhibit-nav {}
	#exhibit-summary {}
	#exhibit-show {}

	

	/* Collections Pages */
	#collection-description {}
	#collectors {}
	

/* == Footer == */
#footer {clear:both; font-weight:bold;overflow:hidden; zoom:1; padding-top:18px;  border-top: 3px solid; border-color:#e36158;}
	#footer a {text-decoration:none;}
	#footer .navigation {float:right; text-align:right; width: 48%;}
	#footer .navigation li {display:inline;}
	#footer .navigation a {margin-left:8px;}
	#footer h2 {float: left; text-align: left; padding-left: 20px;}
	#footer h3 {float: right; text-align: right; padding-right: 20px;}

/* == Top Banner == */

#top_banner	{margin:auto;}

/* == Block Quote == */

.block_quote{
	margin: 0 75px 20px 75px;
	font-size:1.2em;
	line-height:1.3em;
}

/* == Pull Quote == */

#pull_quote{
	float: right;
	margin: 10px;
}

/* == Footnote Linking == */

a.note {

font-weight: normal;
text-decoration: none;
color: #333;
padding: .1em .2em .1em .2em;
margin-right: .2em;
border: none;
font-size: smaller;

}

/* == Float Item Page Metadata == */

#metadata_float {
	float: right;
	width: 200px;
}

#IntenseDebates {
	float:left;
	margin:auto;
	}

/* == Float Flash Videos == */

#flash_float {padding:0 0 25px 10px;}

/* == Simple Page Content Formatting == */

#simple_content	{margin: 0 30px;}
#simple_content h1 {margin: 0px -20px 20px -20px;}

/* == Float Images Right on Simple Pages == */

.simple_float_right {float:right; width:263px;margin-bottom: 10px;}

/* == Float Images Left on Simple Pages == */

.simple_float_left {float:left;width:263px; margin-bottom: 10px;}

/* == Caption Links on Simple Page Centered Images == */

.simple_float_left a:link,
.simple_float_right a:link,
.simple_float_right a:visited,
.simple_float_left a:visited
 {text-align:center; display:block; font-size: 1.2em;  font-weight: bold; }

/* == Simple Paragraph Wraps == */

.simple_paragraph {clear:both;}

/* == Center Images on Section Simple Pages Floated Images == */

.simple_center_image img {margin:auto; display:block;}

/* == Caption Links on Simple Pages Centered Images == */

.simple_center_image a:link, .simple_center_image a:visited {display:block; text-align:center; font-size: 1.2em;  font-weight: bold; margin-bottom: 10px;}

/* == Nav Menu Sub-Header Styles == */

.pleaseclick {color:#e36158; font-weight:bold;}

/* == Skip Navigation Menu Link == */

.skipnav {color:#e36158; font-style:italic; margin-left:25px; font-size:1em;}

/* == Back to Top Link == */

.back_to_top {color:#e36158; font-size:1.4em; font-weight:bold; padding-bottom:25px; display:block; text-decoration:none;}


/* == Item Show Page Click Notice == */

.show_click {color:#e36158; font-weight:bold; font-size:1em;}

/* == Nav Menu Header Styles == */

.nav-home, 
.nav-the-new-steel-navy, 
.nav-two-worlds,
.nav-a-hard-life,
.nav-making-the-best-of-it,
.nav-great-ships,
.nav-browse-the-collection,
.nav-about
{font-size:1.1em; padding: 5px 0 0 25px; line-height: 1em; font-family: "Helvetica Neue",Helvetica, Arial, sans-serif; font-weight:bold;}

/* == Nav Menu Sub-Header Styles == */

.nav-berthing,
.nav-mess,
.nav-hygiene,
.nav-off-duty,
.nav-duties,
.nav-coal-power,
.nav-danger-ashore,
.nav-accidents,
.nav-recreation,
.nav-liberty,
.nav-holidays,
.nav-games,
.nav-mascots
{font-size:1.1em; padding: 5px 0 0 50px; line-height: .9em; font-family: "Helvetica Neue",Helvetica, Arial, sans-serif;}


