@charset "utf-8";
/* CSS for Slocum Puzzle Website
Created by Michelle Dalmau, 29 June 2006
Updated: 
*/

body 
	{background-color: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .78em; color: #000000;
	margin: 0; padding: 0}

/***************Text Formatting***************/
h3 /*Page Title*/
	{font-family: futura, trebchet ms, sans-serif; color: #000000;
	padding: 0;}	
h4 /*Section Title*/
	{font-family: futura, trebchet ms, sans-serif; color: #000000;
	padding: 0;}		
.caption
	{font-size: x-small; color: #333333;}	
.breadcrumbs
	{font-size: x-small; color: #000000; text-align:right;}
.alignCenter
	{text-align:center;}		
a:link
	{color:#005785; text-decoration:underline;}
a:visited
	{color:#333333; text-decoration:underline;}
a:hover
	{color:#000000; text-decoration:none;}				

/****************Form Input Formatting****************/
.searchInput
	{width: 30%;}	

/****************Image Formatting****************/
img.animationStill
	{border: 0; width: 150px; height: 100px;}
img.clown
	{border: 0;}
img.thumb
	{border: 0;}	
img.screen
	{border: 0;}	
img.full
	{border: 0;}	
			
	
/*Other Formatting*/
hr
	{height: 2px; width: 100%; color: #cccccc;}	
	
/****************Banner elements****************/		
#banner
	{background-color: #ffffff; width: 100%; height: 70px;}

img.bannerLogo
	{border: 0; width: 55px; height: 60px;} 
.bannerTitle
	{font-family: futura, trebchet ms, sans-serif; font-size: 2.5em; color: #000000;
	padding: 5px;}

/****************Navigation elements****************/
#navigation ul
	{float: left; padding-left: 0px; margin-left: 0px; margin-top:0px; margin-bottom:0px;
 	background-color: #005785; width: 100%;
	border-top: 1px solid #000000; border-bottom: 1px solid #000000;}

 #navigation ul li 
 	{display: inline;}

 #navigation ul li a
 	{float: left; padding: 0.2em 1em;
 	color: #ffffff; text-decoration: none;}

 #navigation ul li a:hover
	{background-color: #ffffff; color: #005785;}
	
/****************Main Content Formatting****************/
#twoColumnsContent
	{margin-left:20px; margin-top: 20px;}
/* fix so that container div expands to include floating children*/
#twoColumnsContent:after
	{content: "."; display: block; height: 0;
	clear: both; visibility: hidden;}	
#leftColumn
	{float: left; width: 70%; margin-right: 20px;}
#rightColumn
	{float: left; width: 25%;}
p.rightColumnHeader
	{background-color: #000000; color: #ffffff; font-weight: bold;
	padding: 3px;}				

ul.list
	{list-style-type: none; padding: 0; margin-left: 10px;}
ul.list li
	{background-image:  url(images/bulletAqua.gif);background-repeat: no-repeat;
	background-position: 0 .4em; padding-left: 1em;}	

#oneColumnContent 
	{margin-top: 20px; margin-right: 20px;}
#oneColumn
	{float:left; margin-left:20px; margin-right: 20px; margin-top: 5px; width:98%;}
	
div.left
	{float:left; margin-left:20px; margin-right: 20px; width:20%;}
div.center
	{float:left; margin-left:20px; margin-right: 20px; width:20%;}
div.right	
	{float:left; margin-left:20px; margin-right: 20px; width:20%;}
	
	/****Results Content Formatting****/
	#resultsFeedback /*Contains 2 columns*/
		{background-color: #dddddd; padding: 2px; margin: 10px;
		border: 1px solid #cccccc;
		/*margin: 10px; padding: 0px; border-bottom: 1px solid #cccccc;*/}
	/* fix so that container div expands to include floating children */
	#resultsFeedback:after
		{content: "."; display: block; height: 0;
		clear: both; visibility: hidden;}	
			.resultsNumber
				{float: left; width: 40%; margin-right: 20px; margin-bottom: 5px;}
			.resultsPages
				{float: left; width: 55%; margin-bottom: 5px; text-align:right;}
	
	/*div.results
		{display: table; border: 0;}*/
	table
		{border: 0; width: 100%;}

	/*Contains 3 columns*/
	
	/*.resultsRecords	 
		{display: table-row; vertical-align: top; border: 0;margin: 10px; padding: 0px; border-bottom: 1px dashed #cccccc;}*/
	/* fix so that container div expands to include floating children */
	
	/*.resultsRecords:after
		{content: "."; display: block; height: 0;
		clear: both; visibility: hidden;}*/
	tr
		{vertical-align: top;}
			
		td.recordNumber
			{display: table-cell; vertical-align: top; width: 5%; margin-bottom: 10px;}
		td.recordThumbnail
			{display: table-cell; vertical-align: top; width: 30%; margin-bottom: 10px;}
		td.recordBriefMetadata
			{display: table-cell; vertical-align: top; width: 60%; margin-left: 10px; margin-bottom: 10px;}		
	.nextRecord
			{clear:both;}	
	/*Contains 2 columns*/
	/*.fullRecord	 
		{margin: 10px; padding: 0px;} */
	/* fix so that container div expands to include floating children */
	/*.fullRecord:after
		{content: "."; display: block; height: 0;
		clear: both; visibility: hidden;}
		.recordScreen
			{float: left; width: 55%;}
		.recordFullMetadata
			{float:left; width: 25%; margin-left: 10px; display: block; padding: .5em;}*/
		td.recordScreen
			{width: 40%;}
		td.recordFullMetadata
			{width: 60%; margin-left: 5px; display: block; padding: .5em;}							

/****************Footer Formatting****************/
#footer
	{float: left; margin: 20px; padding: 2px; width: 95%;
	font-size: x-small; color: #333333;}
	
#footer p
	{border-top: 1px solid #cccccc; padding: 3px;}