/*
456 Berea Street Main style sheet, v2008
Copyright Roger Johansson
*/

/*
=Global
*/
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}
body,
html {background:#e3e0d1;}
body {
	min-width:700px;
	width:70em;
	max-width:100%;
	margin:0 auto;
	padding:0;
	color:#333;
	font:76%/1.2 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
}

p {
	padding-bottom:1em;
}

/*
=Main layout
*/
#wrap {
	position:relative;
	padding:12px;
	margin:0;
	background:#fffff0;
}
#content {
	clear:both;
	padding:10px 10px;
}
#main {
	padding:5px;
}
#footer {clear:both;}

/*
=Links
*/
a:link {color:#8f1f08;}
a:visited {color:#5f1406;}
a:hover,
a:focus,
a:active {
	color:#800000;
	background-color:#e3e0d1;
}

/*
=Headings
*/
h1,h2,h3 {
	margin:0 0.5em 0.8em 0em;
	color:#008000;
	font:normal 1em/1.2 Georgia,Times,serif;
}
h1 {
	font-size:1.7em;
}
h2 {
	font-size:1.5em;
	margin:0 0 0.2em 0;
}

h3 {
font-size: 1.3em;
color: #008000;
margin: 0.2em 0.5em 0.2em 0.5em;
}

/*
=Lists
*/
ul {margin:0.3em 0 0.3em 2em;}
li {margin:0 0 0.3em 0;}

/*
=Images
*/
img {
	display:block;
	border:none;
}
.fullwidth {margin:1em auto;}
.flow {
	float:right;
	margin:0 0 6px 12px;
}
.alt {
	float:left;
	margin:0 12px 6px 0;
}
.dec {
	padding:4px;
	border:1px solid #ccc;
}

/*
=Misc
*/

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

/*
=Header
*/
#header {
	height:70px;
	background:#450200;
	padding:0;
	margin:0;
}

#logo {
	float:left;
	margin:0;
	width:30%;
}

#slogan {
	float:right;
	width:65%;
	text-align:right;
	margin-top: 25px;
	margin-right: 10px;
	color: white;
	font-style: italic;
	font-size: 1.3em;
}

/*
=Footer
*/
#footer {
	margin:20px 0 0 0;
	padding:6px 0;
	border:1px solid #eec;
	border-width:2px 0;
	font-size:0.94em;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer li {
	display:inline;
	margin:0 1em 0 0;
}

/*
=Navigation
*/
#nav {
	clear:both;
	padding-top:3px;
}
#nav ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	background:#970601;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
}
#nav a {
	display:block;
	float:left;
	padding:0 8px;
	border-right:1px solid #bb1600;
	border-bottom:none;
	border-left:1px solid #b21203;
	color:#fff;
	background:#970601;
	font-size:1.3em;
	line-height:2;
	text-decoration:none;
}
#nav a:hover,
#nav a:focus {background:#b31203;}
#nav .sel a {background:#720000;}
#nav .sel a:hover,
#nav .sel a:focus {background:#b31203;}