/*--------------------------------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:	1
author:		Damien van Holten
email:		damien@reaact.nl
website:	http://www.damienvanholten.com
--------------------------------------------------------------------------------------------------*/

@import "reset.css";

/* #generic styles
--------------------------------------------------------------------------------------------------*/

body
{
	background: #fff;
}

/* #typography
--------------------------------------------------------------------------------------------------*/

a:link,
a:visited
{
	color: #000;
	text-decoration: underline;
}

a:hover,
a:active
{
	color: #000;
}

p
{
	margin: 0 0 15px 0;
	font-size: 13px;
	line-height: 19px;
	color: #191919;
}

p.intro
{
	font-weight: bold;
}

h1
{
	background: url(../images/bg-logo.jpg) 0 0 no-repeat;
	display: block;
	height: 148px;
	width: 521px;
	text-indent: -999em;
}

h2, h3
{
	font-size: 23px;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin-bottom: 12px;
	color: #4e6553;
	border-bottom: 5px solid #e5e5e5;
}


/* #layout
--------------------------------------------------------------------------------------------------*/

body
{
	background: url(../images/bg-body.jpg) 50% 50% repeat #c8c5be;
}

#outer_wrapper
{
	background: url(../images/bg-side.png) 50% 30px no-repeat;
}

#inner_wrapper
{
	width: 900px;
	margin: 0 auto;
	background: #191919;
}

#meta_header,
#footer
{
	background: #191919;	
}

#meta_header p
{
	color: #fff;
	font-size: 11px;
	padding: 35px 25px 0 0;
	margin-bottom: 8px;
	text-align: right;
}

#meta_header p span
{
	color: #78785f;
}

#header
{
	position: relative;
	background: #fff;
	padding: 25px;
}

#toolbox
{
	text-align: right;
	width: 200px;
	position: absolute;
	top: 160px;
	right: 25px;
}

#toolbox li
{
	float: right;
	margin-left: 10px;
}

#toolbox a:link,
#toolbox a:visited
{
	color: #4e6553;
	text-decoration: none;
	border-bottom: 1px dotted #4e6553;
}

#toolbox a:hover,
#toolbox a:active
{
	color: #2e3b31;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

#menu
{
	background: url(../images/bg-body-trans.jpg) 0 0 repeat #d9d8d3;
}

.spacer
{
	background: url(../images/bg-body-trans.jpg) 0 0 repeat #d9d8d3;
	height: 15px;	
}

#content
{
	background: #fff;
	padding: 25px 25px 50px 25px;
	overflow: hidden;
}

#content .fullmain
{
    float: left;
    width: 850px;
}

#content .sidebar
{
	float: left;
	width: 275px;
}

#content ul 
{
	list-style: square inside none;    
}

#content li
{
    padding: 5px 0 5px 0;
}

.sidebar .full_image
{
	margin-bottom: 8px;
	border-bottom: 1px solid #ddd;
}

.sidebar .thumbnail_image
{
	float: left;
	margin: 0 8px 8px 0;
	border-bottom: 1px solid #ddd;
}

#content .main
{
	width: 550px;
	float: right;
}

#footer p
{
	color: #9a9a9a;
	padding: 10px 0 150px 25px;
	margin: 0;
	font-size: 11px;
}

#meta_header p a:link,
#meta_header p a:visited,
#footer p a:link,
#footer p a:visited
{
	text-decoration: underline;
	color: #9a9a9a;
}

#meta_header p a:hover,
#meta_header p a:active,
#footer p a:hover,
#footer p a:active
{
	color: #bbb;
}

.clear
{
	clear: both;
}

/* #menu
--------------------------------------------------------------------------------------------------*/

#menu 
{
	overflow: hidden;
	padding: 15px 0 15px 25px;
}


#menu li
{
	float: left;
	padding: 10px;
	margin: 0 20px 0 0;
	background: #fff;
	display: block;
	width: 190px;
}

#menu li:hover,
#menu li.current
{
	background: #191919;
}

#menu li strong
{
	display: block;
}

#menu li a
{
	font-size: 11px;
	color: #191919;
}

#menu li:hover a,
#menu li.current a
{
	color: #fff;
}