/*
 * murraycamp.css
 * 	Stylesheet for Murraycamp survival guide
 * 	Comprises all styles except those associated with third party libraries
 * 	like jcarousel.
 */


/*
 * Generic HTML elements.
 */

body
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12pt;
	background-color: white;
}

img
{
	border: 0px;
}

h1
{
	font-size: 16pt;
	text-align: left;
}

h2
{
	font-size: 14pt;
	text-align: left;
}

p
{
	font-size: 12pt;
	text-align: left;
	color: black;
}

blockquote
{
	background-color: #ffffc0;
	border: 1px solid;
	padding: 8px;
}

/* + + + + */

/*
 * Generic table styles.
 *   Inherited by specialized table styles elsewhere.
 */
table
{
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	color: black;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
} 

table th
{
	font-style: italic;
	font-weight: normal;
	padding-left: 2px;
	text-align: left;
}

table tr
{
	border: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

table td
{
	border: 0px;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/* + + + + */

/*
 * Hyperlinks.
 */

/* general hyperlink */
a
{
	text-decoration: none;
}
a:link
{
	color: navy;
}
a:visited
{
	color: navy;
}
a:active
{
	color: navy;
}

/* "secret" (invisible) hyperlink */
a.secret
{
	text-decoration: none;
}
a.secret:link
{
	color: black;
}
a.secret:visited
{
	color: black;
}
a.secret:active
{
	color: black;
}
a.secret:hover
{
	color: red;
}

/* + + + + */

/*
 * Styles for page heading.
 */

table.heading
{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

table.heading td.lhlogo
{
	width: 25%;
	text-align: left;
}

table.heading td.title
{
	text-align: center;
}

table.heading td.rhlogo
{
	width: 25%;
	text-align: right;
}

/* + + + + */

/*
 * Main content.
 * 	- basically all of the page which is not the banner.
 */

table.main
{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

table.main td
{
	vertical-align: top;
}

table.main td#navcolumn
{
	width: 96px;
}

table.main td#contentcolumn
{
	width: auto;
}

/* + + + + */

/*
 * Navigation panel.
 */

/* navigation panel */
table.navigation
{
	position: relative;
	float: left;
	border: 1px solid;
	margin: 4px;
	padding: 0px;
	width: auto;
}

/* item in navigation panel */
table.navigation td.navitem
{
	margin: 0px;
	padding: 2px;
	text-align: center;
}

/* navigation image */
img.nav_image
{
	height: 48px;
	vertical-align: middle;
}

/* + + + + */

/*
 * Main "content" panel.
 */

table.content
{
	width: 100%;
}

table.content td
{
	vertical-align: top;
}

/* + + + + */

/*
 * Block of content.
 * 	- spans entire width of container.
 */
.block
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px;

	width: 100%;
	overflow-x: hidden;
	
	text-align: left;
	vertical-align: top;
}

/* + + + + */

/*
 * Banner spanning entire width 
 *	- used for the likes of confirmation prompts 
 *		(e.g. skull on index and welcome pages)
 */
.banner
{
	width: 100%;
	padding: 16px;
	text-align: center;
}

/* + + + + */

/*
 * "Descriptive" content.
 *	Typically comprises an image and an accompanying description.
 */

/* cell containing image for descriptive content */
.descriptive_image
{
	padding: 8px;
	text-align: left;
	vertical-align: middle;
	width: 112px;
}

.descriptive_image img
{
	width: 96px;
}

/* cell containing descriptive content itself */
.descriptive
{
	padding: 8px;
	text-align: left;
	vertical-align: top;
	width: auto;
}

/* + + + + */

/*
 * People
 */

/* cell containing summary image for a person */
.person_summary_image
{
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	width: 112px;
}

.person_summary_image img
{
	text-align: center;
	vertical-align: bottom;
	width: 96px;
}

/* cell containing summary label for a person */
.person_summary_label
{
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	vertical-align: top;
	width: auto;
}

/* cell containing detail image for a person (image must be square) */
.person_detail_image
{
	padding: 8px;
	text-align: left;
	vertical-align: middle;
	width: 208px;
}

.person_detail_image img
{
	width: 192px;
	height: 192px;
}

/* cell containing detail lable for a person */
.person_detail_label
{
	padding: 8px;
	text-align: center;
	vertical-align: top;
	width: auto;
}

/* + + + + */

/*
 * Gallery
 */

/* gallery itself */
.gallery
{
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 4px;

	overflow-x: hidden;
	
	text-align: left;
	vertical-align: top;
}

/* Cell containing gallery thumbnail */
.gallery .gallery_thumb
{
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	width: 112px;
}

.gallery .gallery_thumb img
{
	text-align: center;
	vertical-align: bottom;
	width: 96px;
}

/* Cell containing gallery thumb description */
.gallery .gallery_thumb_desc
{
	text-align: left;
	vertical-align: middle;
}

/* + + + + */

/*
 * Images.
 */ 

/* cell containing image displayed at its full size */
.fullsize_image
{
	padding: 4px;
}

.fullsize_image img
{
}

/* cell containing image displayed at default size */
.image
{
	padding: 8px;
	text-align: left;
	vertical-align: middle;
	width: 112px;
}

.image img
{
	width: 96px;
}

/* cell containing icon image */
.icon_image
{
	padding: 8px;
	text-align: left;
	vertical-align: top;
	width: 64px;
}

.icon_image img
{
	width: 48px;
}

/* cell containing label for an image */
.image_label
{
	padding: 8px;
	text-align: left;
	vertical-align: top;
	width: auto;
}

/* + + + + */

/*
 * "Floating" boxes.
 */
.smallfloatingbox
{
	background-color: white;
	padding: 4px;
	width: 150px;
	visibility: hidden;
	position: absolute;
}

.floatingbox
{
	background-color: #ffffc0;
	border: 1px solid;
	padding: 8px;
	width: 400px;
	visibility: hidden;
	position: absolute;
}

/* + + + + */

/*
 * Footnote.
 */
.footnote
{
	font-size: 8pt;
	text-align: right;
	vertical-align: bottom;
}

/* + + + + */

/*
 * Key table
 * 	- table providing a key to some data - e.g. deathmap
 * 	- divs are too painful to contemplate here
 */
table.keytable
{
	border: 1px solid;
	margin: 8px;
}

table.keytable th
{
	background-color: #e0e0d0;
}

table.keytable td
{
	padding: 8px;
}

table.keytable td img
{
	width: 48px;
}

/* + + + + */

/*
 * Glossary items and references.
 */

/* hyperlink reference to a glossary item */
a.ref
{
	background: url(../images/help.png) no-repeat right top;
	border-spacing: 0px;
	border: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 12px;
	text-align: left;
}

a.ref:link
{
	color: black;
}
a.ref:visited
{
	color: black;
}
a.ref:active
{
	color: black;
}

/* anchor tag for an item within the glossary */
a.glossary
{
	font-weight: bold;
	text-align: left;
}