﻿/* 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: #FFFFFF url('sidebar/bespoken.jpg') no-repeat fixed;
	background-position: left bottom;
	font: 76% Verdana,Tahoma,sans-serif;
}

ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}

li
{margin:0 0 8px 25px;}

a
{
	color: #1a5ca7;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{color:#505050; text-decoration:underline;}

img
{
	margin: 0 0 0 0;
}

a img
{
	border-color: #1a5ca7;
}

a img:hover
{
	background: #d85d5d;
	border-color: #1a5ca7;
}

/**************** Sidebar area styles ****************/

#sidebar
{
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	overflow: auto;
	text-align: right;
}

body > #sidebar
{
	/*background: url('sidebar/bespoken.jpg') no-repeat bottom;*/
	position: fixed;
	width: 230;
}

#sidebar h1
{
	margin: 10px 0px 18px 0px;
	color: #1a5ca7;
	font-size: 1.5em;
	letter-spacing: -2px;
	text-align: center;
}

#sidebar h3
{
	margin: 0 0px 18px 0px;
	color: #808080;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
}

#sidebar h2
{
	margin: 0 0px 18px 0px;
	color: #808080;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
}

#sidebar h3
{
	margin: 20px 18px 4px 0px;
	color: #606060;
}

#sidebar  p
{
	margin: 0 20px 18px 0px;
	color: #606060;
	font-size: 0.8em;
}

#sidebar a
{color:#808080}

/**************** Navigation menu styles ****************/

#menu a
{
	display: block;
	width: 210px;
	padding: 0px 18px 5px 0;
	color: #0097AC;
	background: url(img/sidebarbg.gif) repeat-y right top;
	font-size: 1.8em;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: -2px;
}

#menu a:hover 
{
	color: #D85D5D;
	background: url(img/sidebarbg.gif) repeat-y right
top;
}

#menu a.active
{
	padding: 5px 18px 5px 0;
	border-top: 0;
	border-bottom: 0;
	color: #E897A4;
}

#menu a.active:hover
{
	color: #0097AC;
}

/**************** Content area styles ****************/

#content
{
	background: #FFFFFF;
	margin: 0 0 0 240px;
	padding: 20px 0;
	width: 720px;
}

#content p
{
	margin: 0 0 10px 0;
	line-height: 1.5em;
}

#content h1
{
	margin: 0;
	color: #0097ac;
	font-size: 3em;
	letter-spacing: -2;
	text-align: center;
}

#content h2
{
	margin: 0;
	color: #808080;
	font-weight: normal;
	font-size: 1.5em;
	text-align: center;
}

#content h3
{
	clear: both;
	margin: 2px 0 2px 0;
	color: #0097ac;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: -1px;
}
#content HR {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #1A5CA7;
}

img.floatLeftClear { float: left; margin:0px 10px 10px 0px; } 
img.floatRightClear { float: Right; margin:0px 0px 10px 10px; } 
