/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/**************** Page and tag styles ****************/

body
{
margin: 0; 
padding: 0; 
color: #303030; 
background: #fafafa url(images/bodybg.jpg) repeat-y top left; 
font: 80% Trebuchet MS,Verdana,Tahoma,sans-serif;
}

ul
{
list-style: circle; 
margin: 15px 0 20px 0; 
line-height: 1.5em; 
color: #4b0312; 
font-size: 1em;
}

li
{margin: 0 0 8px 25px;}

a
{
color: #d85d5d; 
font-weight: bold; 
text-decoration: none;
}

a:hover
{
color: #505050; 
text-decoration: underline;
}

img
{
float: left; 
margin: 0 15px 15px 0; 
padding: 1px; 
background: #ffffff; 
border: 1px solid #b83e3c;
}

a img
{border-color: #b83e3c;}

a img:hover
{
background: #d85d5d; 
border-color: #b83e3c;
}



/**************** Sidebar area styles ****************/

#sidebar
{
position: absolute; 
top: 0; 
left: 0; 
width: 210px; 
height: 100%; 
overflow: auto; 
background: #7b061e url(images/sidebarbg.jpg) repeat-y top right; 
text-align: right;
}

body > #sidebar
{position: fixed;}

#sidebar h1
{
	margin: 20px 18px 0 5px;
	color: silver;
	font-size: 1.4em;
	letter-spacing: -1px;
	text-align: right;
	font: italic fantasy;
}

#sidebar h2, #sidebar h3
{
	margin: 0 20px 18px 5px;
	color: Silver;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: right;
	font: italic;
}

#sidebar h3
{margin: 20px 18px 4px 5px; color: Silver;}

#sidebar  p
{margin: 0 20px 18px 5px; color: Silver; font-size:0.8em;}

#sidebar a
{color: #808080}

/**************** Navigation menu styles ****************/

#menu a
{
	display: block;
	width: 202px;
	padding: 5px 18px 5px 0;
	color: #ffdbca;
	background: #7b061e url(images/sidebarbg.jpg) repeat-y top right;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: -0.5px;
}

#menu a:hover 
{
	color: #b83e3c;
	background: #ffdbca url(images/sidebarbg.jpg) repeat-y top right;
}

#menu a.active
{
   color: #b83e3c;
	padding: 5px 18px 5px 0;
	background: #ffdbca;
	border-top: 2px solid #ffdbca;
	border-bottom: 2px solid #ffdbca;
}

#menu a.active:hover
{color: #7b061e; background: #ffdbca;}

/**************** Content area styles ****************/

#content
{
	width: 580px;
	margin: 0 0 0 240px;
	padding: 20px 0;
	background: #ffdbca;
}

#content p
{
margin: 0 0 20px 0; 
line-height: 1.5em; 
color: #4b0312; 
font-size: 1em;
}

#content h1
{
	margin: 0;
	color: #7b061e;
	font-size: 3.1em;
	letter-spacing: -3px;
	text-align: center;
}

#content h2
{
	margin: 0;
	color: #b83e3c;
	font-weight: lighter;
	font-size: 1.7em;
	letter-spacing: -1px;
	text-align: center;
	font-style: normal;
}

#content h3
{
clear: both; 
margin: 30px 0 10px 0; 
color: #7d061e; 
font-weight: normal; 
font-size: 1.9em; 
letter-spacing: -1px;
}

#content hr 
{border: 10px; 
width: 60%; height: 1px; background-color: #b83e3c; }

xx {
border:dashed #00ffff 1px;
background-color:#aa0000;height:1px;	
}