/* beverlywalker.co.uk - Screen Styles */
/* Author: Paul Lloyd (paul.lloyd@fourtwo.net) */
/* Last Updated: Friday 12th May 2006 */

/* =basic
---------------------------------------------- */
body {
	font:70%/100% Arial, Helvetica, sans-serif;
	background-color:#1c261c;
	height:100%;
	padding:-25% 0;
}
body * {
	margin:0;
	padding:0;
}

/* =layout
---------------------------------------------- */
#container {
	position:absolute; top:50%; left:50%;
	width:680px; height:520px;
	margin-top:-267px; margin-left:-347px;
	padding:7px;
	background-color:#fff;
}
#container img {
	display:block;
	border:0 none;
}

/* navigation */
#navigation {
	position:relative;
	width:680px; height:120px;
}
#navigation h1 {
	position:absolute; top:30px; right:20px;
}
#navigation ul {
	position:absolute; top:40px; left:20px;	
}
#navigation ul li {
	float:left;
	margin-right:5px;
	padding-right:10px;
	background:url(gfx/li.gif) no-repeat right top;
	list-style:none;
	font-size:1.1em; line-height:1.2;
}
#navigation ul li.last-child {
	background: none;
}
#navigation ul li a {
	text-decoration:none;
	color:#996;
}
#navigation ul li a:hover {
	background-color:#f3f3e3;
	color:#663;
}
#navigation ul li.here a {
	color:#1c261c;
}

/* content */
#content {
	position:relative;
	width:680px;
	height:400px;
	background-color:#998;
}
body.ethos #content {
	background:#998 url(gfx/ethos.gif) no-repeat right bottom;
}
#content h2,
dl.vcard dt {
	position:absolute; left:-9999px;
	height:0;
	font-size:0;
}
#content p {
	width:535px;
	padding:15px 0 5px 15px;
	font-size:1.45em; line-height:1.2em;
	color:#0c160c;
}
#content p.download,
#content p.note {
	position:absolute;
	padding:0;
	left:15px; bottom:15px;
	font-size:1.0em;
}
#content p.download a {
	background:url(gfx/a.gif) repeat-x left bottom;
	text-decoration:none;
	color:#0c160c;
}
#content p.download a:hover {
	background-color:#887;
}


/* =classes
---------------------------------------------- */
.hide {
	display:none;
}

/* gallery */
ul.gallery li {
	float:left;
	list-style:none;
}
ul.gallery li img {
	display:block;
	margin:5px 0 0 5px;
}

/* vcard */
dl.vcard {
	position:absolute; top:64px; left:184px;
	font-size:1.1em; line-height:1.4em;
	color:#663;
}
dl.vcard abbr {
	margin-right:5px;
	border:0 none;
	opacity:0.5; filter:alpha(opacity=50)
}
dl.vcard a {
	background: url(gfx/a.gif) repeat-x left bottom;
	text-decoration: none;
	color: #663;
}
dl.vcard a:hover {
	background:#f3f3e3 url(gfx/a.gif) repeat-x left bottom;
}