/*
Page layout stylesheet for nick.frejol.org
(c) 2007-2010 Nicholas Boalch (nick.boalch@captaintheatre.org.uk).
Some Rights Reserved. See http://nick.frejol.org/copyrights/ for details.
*/


/* New HTML5 elements */

header, footer, article, aside {
	display: block;
	margin: 0; padding: 0;
	border: none;
}

nav {
	display: inline;
}


/* Basic page elements */

html {
	margin: 0; padding: 0;
	background-color: black;
}

body {
	margin: 0; padding: 0;
	background: white;
	line-height: 130%;
}

div, blockquote {
	margin: 0; padding: 0;
	border: none;
}

p {
	margin: 1em 0; padding: 0;
}

ul {
	margin: 1em 0; padding: 0 0 0 2em;
}

li {
	margin: 0.6em 0 0 0; padding: 0;
}

/* Page header and footer */

header {
	padding: 0 0 0 30px; /* padding-top to be set by each page to fit header image. */
	background: black url('../layout/header.top.png') top left no-repeat;
	color: white;
}

footer {
	clear: both; /* Clear main page content. */
	padding: 40px 0 59px 30px;
	background: black url('../layout/footer.top.png') top left no-repeat;
	color: white;
	font-family: Sans-serif;
	font-size: small;
}


/* Main content */

div#content {
	margin: 30px; padding: 0;
	font-family: 'Georgia', Serif;
	font-size: 100%;
	line-height: 150%;
}

#left {
	float: left; /* Main content column, floated left. */
	width: 52%;
}

#right {
	float: right; /* Sidebar column, floated right. */
	width: 45%;
}


blockquote.indented {
	margin: 2em 3em;
}

/* Pretty sidebar */

.sidebar_heading {
}

.sidebar_item {
	clear: left; /* Clear the h3 above it */
	margin: 0 0 1.5em 1em; padding: 0.5em 1em;
	background: rgb(100%, 76%, 50%);
	border-radius: 0.7em; -moz-border-radius: 0.7em; -webkit-border-radius: 0.7em; -khtml-border-radius: 0.7em; /* crunch, crunch, crunch */
	box-shadow: 0px 2px 2px rgb(80%, 80%, 80%);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); /* RGBA for browsers that support it... */
}

.sidebar_item aside {
	margin-top: 0.4em; padding-top: 0.4em;
	border-top: 1px solid rgb(80%, 60%, 40%);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.sidebar_item blockquote {
	margin-top: 0.4em; padding-top: 0.4em;
	border-top: 1px solid rgb(0,0,0);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}

/* Link styles */

a {
	color: rgb(60%, 50%, 40%);
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}

a:hover {
	color: rgb(100%, 51%, 0%);
}

footer a {
	color: rgb(100%, 51%, 0%);
}

footer a:hover {
	color: rgb(100%, 100%, 50%);
}