/*
Theme Name: Dunnottar Station Museum
Description: Theme for the Dunnottar Station Museum web site.
Author: Stephen Charaton
Version: 1
*/

@font-face {
/* Fontin Sans by Jos Buivenga (http://www.josbuivenga.demon.nl/fontinsans.html) */
font-family: 'Fontin Sans';
src: url('fonts/Fontin-Sans') format('opentype');
}

html {
margin: 0; padding: 0;
background-color: #FFF; color: #FFF;
font: 100%/1 'Bitstream Vera Sans', 'DejaVu Sans', Verdana, sans-serif;
}

body {
margin: 0; padding: 0;
min-width: 900px;
background-color: #FFF; color: #333;
}

#header {
background: #09C url('images/title.png') 10px 10px no-repeat;
font: 1.3em 'Fontin Sans', 'Trebuchet MS', Futura, Verdana, sans-serif;
margin: 0 0 20px; padding: 120px 10px 0;
overflow: hidden;
}

	#header img {
	margin: 0 -10px; padding: 0;
	}

	#header ul {
	list-style-type: none;
	background-color: #09C; color: #FFF;
	margin: 20px -10px 0; padding: 0; border-bottom: 1px dotted #FFF;
	}

	#header li {
	display: inline;
	margin: 0; padding: 0;
	}

	#header a {
	text-decoration: none;
	margin: 0; padding: 0.25em 0.5em 0;
	}

	#header a:link,
	#header a:visited {
	background-color: #09C; color: #FFF;
	}

	#header .current_page_item a:link,
	#header .current_page_item a:visited,
	#header a:hover,
	#header a:active {
	background-color: #FFF; color: #09C; border-bottom: 5px solid #FFF;
	}

#content {
min-height: 500px;
margin: 0; padding: 0 20px;
line-height: 1.5;
}

	#content #main {
	float: left;
	width: 500px;
	margin: 0 0 30px; padding: 0;
	}

	#content #main h3:first-child {
	margin: 0; padding: 0;
	}

	#sidebar {
	list-style-type: none;
	width: 300px;
	margin: 0 0 0 550px; padding: 0;
	}

		#sidebar ul, ol {
		list-style-type: none;
		margin: 1em 0; padding: 0;
		}

		#sidebar li {
		margin: 1em 0; padding: 5px;
		}


span.postdate {
font-size: smaller;
}

div.postnav {
margin: 0; padding: 0;
text-align: center;
}

#footer {
clear: both;
margin: 30px 0 0; padding: 20px; border-top: 1px dashed #FFF;
background-color: #09C; color: #FFF;
}

	#footer a {
	background-color: transparent; color: #FFF;
	font-style: italic;
	}

a:link,
a:hover,
a:active {
background-color: transparent; color: #09C;
}

a:visited {
background-color: transparent; color: #09C;
}