/*
 * Warning: Do not modify this file! 
 * Re-generate it by running the Rakefile 
 *
 * Contents: common.css, typography.css, content.css, main.css, assets.css, lightbox.css, extra.css
 *
 *--------------------------------------------------------------------------*/

html,body,h1,h2,h3,h4,h5,h6,p,div,form,select,textarea,ul,ol,li,label,fieldset,* {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	border: 1px solid;
	background-color: transparent;
}

.clear {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0.1;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Pager */
.paginator {margin: 13px 0;}
.paginator .current {background-color: #ff0;}



/* -------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
 * Main typography
 * -------------------------------------------------------------------------------- */

/* Reset font size */
body {font-size: 62.5%;}
html>body {font-size: 10px;}

/* Font face in menu and for assets */
body {font-family: Arial, sans-serif;}

/* TODO: Clean up */
html body #main .content_container .content .description,
html body #main .content_container .content .description em,
html body #main .content_container .content .description i,
html body #main .content_container .content .description strong,
html body #main .content_container .content .description b,
html body #main .content_container .content .description span {
  font: normal 11px Arial, sans-serif; }

html.mac body { font-family: Helvetica, Arial, sans-serif !important; }

html.mac body #main .content_container .content .description,
html.mac body #main .content_container .content .description em,
html.mac body #main .content_container .content .description i,
html.mac body #main .content_container .content .description strong,
html.mac body #main .content_container .content .description b,
html.mac body #main .content_container .content .description span {
  font: normal 11px Helvetica, Arial, sans-serif !important; }

html.mac body #main .content_container .content p.description em,
html.mac body #main .content_container .content p.description i,
html body #main .content_container .content p.description em,
html body #main .content_container .content p.description i { font-style: italic !important; }


/* Bodytext */
.bodytext, .bodytext * {font-family: "Courier New", monospace;}
html.mac .bodytext, html.mac .bodytext * {font-family: Courier, "Courier New", monospace;}

.bodytext {
	font-size: 1.2em;
	line-height: 1.3em;
}

.bodytext * {font-size: 1em;}

/* Set the smaller font size for menu, page name and assets */
#navigation, ul.thumbnails, .assets, .content p.name, #lightbox {
	font-size: 1.1em; 
	line-height: 1.2em;
}

.assets ul.thumbnails {
	font-size: 1em;
}

.assets ul.links a { line-height: 14px; }

#navigation *, .assets *, ul.thumbnails *, #lightbox * {
	font-size: 1em;
}

/* Headers */
h2 {
	margin-top: 5px;
	font-size: 3em;
	letter-spacing: -0.04em;
	line-height: 1em;
}

h3 {font-size: 2em;}

h4 {
	font-size: 1em;
	font-weight: normal;	
}

h5 {
	font-size: 1em;
	font-weight: normal;	
}

h2 *, h3 *, h4 *, h5 * {font-size: 1em;}


/* --------------------------------------------------------------------------------
 * Links
 * -------------------------------------------------------------------------------- */

/*a, 
div.content a, */
div.assets a, div.assets p.description a, div.assets p.download a,
#lightbox a, #lightbox-close a, #lightbox-download a,
html.ie6 #lightbox-close, html.ie6 #lightbox-download {
	border-bottom: 1px solid #FF0;
	text-decoration: none;
}

a, div.content a { text-decoration: none; } 

a:hover {background-color: #ff0;}

a img {border: none;}

/* Links on headers */
div.content h2 a, 
div.content h3 a {border: none;}

div.content h2 a:hover, 
div.content h3 a:hover {background: none;}


/* --------------------------------------------------------------------------------
 * Formatting
 * -------------------------------------------------------------------------------- */

strong, u {
	background-color: yellow; 
	background-color: yellow;
	padding: 2px 0;
	font-weight: normal;
	text-decoration: none;
}

p.byline {
	margin-top: 1em;
	padding-top: .5em;;
	border-top: 1px dotted;
}


/* --------------------------------------------------------------------------------
 * Specific
 * -------------------------------------------------------------------------------- */

ul.submenu { font-size: .9em; }

#clock {
	font-size: 2em;
	font-weight: 700;
	line-height: 1em;
}



/* -------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
 * Page
 * -------------------------------------------------------------------------------- */

body { 
	background: #fff url(/camera/cam.jpg) no-repeat fixed;
	padding: 0;
	min-width: 810px;
	width: auto !important;
	width: 810px; /* MSIE */
}

#page_container { 
	margin-left: 31px;
	padding-top: 10px;
	width: 810px;
	background-color: #fff; 
}

/* --------------------------------------------------------------------------------
 * Header
 * -------------------------------------------------------------------------------- */

#header {
	width: 810px;
	margin: 0 0 0 31px;
	height: 52px;
}

	#logo {
		float: left;
		width: 575px;
	}
		#logo a, #logo a:hover { border: none; background: none; }
		#image_logo_print, #image_logo, .with-background-image #image_logo_opaque { display: none; }
    #image_logo, #image_logo_opaque { display: block; float: left; }
	
	#clock {
		position: relative;
		background-color: #fff;
		float: left;
		height: 52px;
		width: 235px;
	}

    #clock span {
  		position: absolute;
  		left: 10px;
  		bottom: -2px;
  	}


/* --------------------------------------------------------------------------------
 * Navigation
 * -------------------------------------------------------------------------------- */

#navigation {
	float: left;
	width: 100px;
	margin: 13px 0 0 16px;
	clear: both;
}

	html.ie6 #navigation {margin-left: 8px;}

	#navigation ul {list-style-type: none;}
	
	#navigation li {
		text-indent: -7px;
		padding-left: 7px;
		margin-bottom: 2px;
	}
	
	#navigation li a {border: none;}
	
	/* The real correct way but it doesn't work in ie :(
	#navigation li.selected>a {background-color: yellow;} */
	
	#navigation li.selected a,
	#navigation li.selected a:hover,
	#navigation li.selected li.selected a,
	#navigation li.selected li.selected a:hover,
	#navigation li.selected li.selected li.selected a,
	#navigation li.selected li.selected li.selected a:hover {background: yellow;}
	
	#navigation li.selected * a,
	#navigation li.selected li.selected * a,
	#navigation li.selected li.selected li.selected * a {background: none;}

		
	/* Search */
	#navigation li#menu_search {
		margin: 11px 0 6px;
		text-indent: 0;
		padding-left: 0;
	}
	
		#navigation li#menu_search input {
			width: 90px;
			margin-bottom: 10px;
		}
		
		html.ie6 #navigation li#menu_search input {
			width: 88px;
		}
	
	
	/* Tools */
	#navigation ul#tools li a {
		background-color: yellow;
	}
	
	/* In english */
	#navigation ul#tools li#in-english {
		margin-top: 11px;
	}


/* --------------------------------------------------------------------------------
 * Page specific
 * -------------------------------------------------------------------------------- */

/* Frontpage -- shortcuts and open hours */
#page-default {}
	#page-default #shortcuts,
	#page-default #openhours {
		width: 186px;
		float: left;
		padding-bottom: 15px;
	}
	
	#page-default #shortcuts {margin-right: 16px;}
		#page-default #shortcuts ul {list-style-type: none;}
	
	#page-default #openhours th, 
	#page-default #openhours td {
		text-align: left;
		vertical-align: top;
		font-weight: normal;
	}
	
	#page-default #openhours th {padding-right: 25px;}

/* Search */
#page-search {}
	#page-search #search_form {margin-bottom: 13px;}
	
		#page-search #search_form #query,
		#page-search #search_form #ctl00_FullContentRegion_ctl00_SearchQuery {
			width: 340px;
			padding: 2px;
			
		}

		#page-search #search_form label {margin-left: 3px;}

		#page-search #search_form #search_button {
			margin-left: 5px;
			padding: 1px 0 !important;
			padding-top: 0;
		}
		
		#page-search #search_form input[type=submit] {
		  padding: 2px;
		}

		#page-search #search_advanced h4 {margin-top: 13px;}
			#page-search #search_results {list-style-type: none;}

/* Press */
#page-press td {
	padding: 0; 
	vertical-align: top; 
}
#page-press td.date {width: 96px;} 
#page-press.simple td.date {width: 106px;}
		

/* -------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
 * Main container
 * -------------------------------------------------------------------------------- */

body, html, #aspnetForm { height: 100%; }
html.ie body, html.ie html, html.ie #aspnetForm { height: auto; }
#aspnetForm { background: url('../images/white-background.gif') no-repeat top left; }

#main {
	width: 667px;
	float: left;
	margin-left: 7px;
	background-color: #fff;
}

	html.ie6 #main {
		width:  670px;
		margin-left: 7px;
	}
	
	.content_container {
		padding-bottom: 15px;
		clear: both;
	}
	
	.content {
		float: left;
		padding: 12px 15px 2px;
		border: 1px solid;
		position: relative;
		width: 420px;
	}
	
	.content p a {
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  text-decoration: none;
	}
	
	* html .content {width: 419px;} /* MSIE */
	

/* --------------------------------------------------------------------------------
 * Main content
 * -------------------------------------------------------------------------------- */

/* Header */
.content h2 {margin-bottom: 10px;}
.content h3 {margin-bottom: 5px;}

/* Ingress */
.content .bodytext .intro {margin: 13px 15px;}

/*.content .bodytext span.paragraph_start {border-bottom-color: yellow}*/

span.paragraph_start strong, u {
	padding-bottom: 0;
}

/* Sub headers */
h4 {
	margin: 0 15px 1px;
	text-decoration: none;
}
	h4 span {border-bottom: 1px solid;}

/* Lists */
.bodytext ul {padding-left: 16px;}

html>body .bodytext ul {
	list-style-type: none;
	text-indent: -17px;
}

	.bodytext ul li:before {content: "- ";}

.bodytext ol {
	padding-left: 30px;
	text-indent: -5px;
}


/* Simple list */
ul.plain, ul.plain li ul {list-style: none;}
	ul.plain li {margin-bottom: 13px;}
	ul.plain li ul li {margin-bottom: 0;}
	ul.plain li:before {content: "";}

/* Tables */
.bodytext table {}

	.bodytext table th {
		text-align: left;
		font-weight: normal;
		text-decoration: underline;
	}

	.bodytext table th,
	.bodytext table td {padding-right: 15px;}

/* Info box */
.content .info {margin: 13px 0 13px 15px;}

	.content .info span {
		background: yellow; 
		padding: 2px 0;
		margin: -2px 0;
		/*border-top: 2px solid yellow;
		border-bottom: 2px solid yellow;*/
	}


/* Fix margins for bodytext containing elements */
.bodytext p, .bodytext table, 
.bodytext ul, .bodytext ol, .bodytext div {
	margin-bottom: 13px;
}

/* Large images in main column */
#main .content_container .content img { border-bottom-width: none !important; }
#main .content_container .content p.image-container { margin-bottom: 0.5em; }
#main .content_container .content p.image-container a { border-bottom-color: white; }
#main .content_container .content p.image-container a:hover,
#main .content_container .content p.image-container a:hover img { 
  border-bottom-color: white; background-color: white !important; }
#main .content_container .content p.without-description,
#main .content_container .content p.description { border-bottom: 1px solid; padding-bottom: 9px; }



/* -------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
 * Setup
 * -------------------------------------------------------------------------------- */

.assets {
	float: left;
	margin-left: 10px;
	width: 204px;
}

	.assets ul {list-style-type: none;}
	
	.assets h5 {
		margin-top: 1.2em;
		margin-bottom: 0.6em;
		clear: both;
	}
		.assets h5 span {background-color: yellow;}
	
	.assets .photo, .assets ul.thumbnails {margin-top: 4px;}


/* --------------------------------------------------------------------------------
 * Links
 * -------------------------------------------------------------------------------- */

.assets div.photo + ul.links {margin-top: 1.2em;}
.assets ul.links-after-photo {margin-top: 1.2em;}
.assets ul.links {clear: left;}
.assets ul.links li {margin-bottom: 2px;}

	
/* --------------------------------------------------------------------------------
 * Thumbnails & photos
 * -------------------------------------------------------------------------------- */

ul.thumbnails {
	list-style-type: none;
	clear: both;
}

	ul.thumbnails li {
		float: left;
		display: block;
		margin: 0 0 6px 6px;
		padding: 7px;
		border: 1px solid;
	}
	
		ul.thumbnails li.row-start {
			margin-left: 0;
			clear: both;
		}
		
		ul.thumbnails li img {float: left;}
		
		ul.thumbnails li p.description {
			padding-top: 5px;
			clear: left;
		}
		
		img.preview_icon {
			position: absolute;
			width: 10px !important;
			height: 11px !important;
			padding: 2px;
		}
		
/* Big photos */
.assets .photo {
	border: 1px solid;
	padding: 7px;
	clear: both;
	margin: 0 0 6px; 
}

	.assets .has-siblings {
		margin-left: 6px;
		clear: none;
		float: left;
	}
	
	.assets .row-start {margin-left: 0; clear: both;}

	.assets .photo p.description {padding-top: 5px;}

	div.assets div.photo a, 
	div.assets div.photo a:hover {
		border: none; 
		background: none;
		padding: 0;
		margin: 0;
	}


	
/* --------------------------------------------------------------------------------
 * Misc
 * -------------------------------------------------------------------------------- */

/* Reset the first element's margin */
.assets ul.first-child, .assets div.first-child {margin-top: 0;}
.assets h5.first-child {margin-top: 13px;}

/* -------------------------------------------------------------------------------- */

/* Lightbox overlay */
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;   
	background-color: #000;
	-moz-opacity:  0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

/* MSIE6 */
html>body #overlay {position: fixed;}

/* Main lightbox */
#lightbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;   
	background-color: white;
}

	/* When the lightbox is loading the background and borders are hidden	*/
	#lightbox.loading {background: none;}
	#lightbox.loading * {border: none !important}

	/* The loading text */
	#lightbox-loading {
		margin-top: 100px;
		color: white;
	}
	
	body.simple #lightbox-loading {
		color: white !important;
	}
	
	/* Preload image */	
	#lightbox-preloadimage {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	
	/* Main content */
	#lightbox-content {margin: 15px;}
	#lightbox p {margin-top: 13px;}
	
	html.ie6 #lightbox #lightbox-text {
		margin-bottom: 6px;
	}
	
	#lightbox #lightbox-text {
		width: 80%;
		position: relative;
		margin-bottom: 20px;
	}

	html.safari #lightbox-text {
		border: 1px solid transparent !important;
	}

	#lightbox-text.has-both {margin-bottom: 20px !important;}
	#lightbox-text.has-text {margin-bottom: 0 !important;}
	#lightbox-text.has-download, 
	#lightbox-text.has-neither {
		margin: 0;
		height: 5px;
	}

	#lightbox-download {
		display: block;
		float: left;
		position: absolute;
		left:  15px;
		bottom: 15px;
	}

	#lightbox-close {
		display: block;
		position: absolute;
		right:  15px;
		bottom: 15px;
	}
	
	#lightbox-close a {
	  border-bottom: 1px solid;
	  display: block;
	}

/* -------------------------------------------------------------------------------- */

/* 2009-04-09 Use the black text instead of the current date's 
   This has to come last in the css files therefore lives in an 
   own file */
#navigation li a, 
#menu_search, #menu_search label, #menu_search input,
.content p, 
.content p a, 
.content p em, 
.content div, 
.content .bodytext *,
.content div a strong,
.assets .description, .assets .description a,.assets .description em,
.assets h5, .assets h5 span,
.assets a,
#lightbox-content, #lightbox-text, #lightbox-text a, #lightbox-text em, #lightbox-text strong, 
#lightbox-close, body
{ color: #444;}

.content .bodytext span.paragraph_start, #lightbox-close a, 
.content .bodytext a, .bodytext a, .assets ul a {
  border-bottom: 1px solid #444;
  color: #444;
}

#main { padding-bottom: 25px; }