/* SECTION: RESET */
/* See <http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/> */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body
{
	line-height: 1;
}
ol,ul
{
	list-style: none;
}
blockquote,q
{
	quotes: none;
}
:focus
{ /* remember to define focus styles! */
	outline: 0;
}
ins
{ /* remember to highlight inserts somehow! */
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{ /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}

/* SECTION: TYPE */
/* See <http://www.webtypography.net/Harmony_and_Counterpoint/Size/3.1.1/> */
/* 16x2.25 = 36px
   16x1.5 = 24px
   16x1.125 = 18px
   16x0.875 = 14px
   16x0.75 = 12px
   16x0.6875 = 11px
   16x0.625 = 10px */
body
{
/*	color: #545454;*/
	color: #333;
	font-family: Helvetica,Arial,sans-serif;
}
h1
{
	color: #c90;
	font-size: 1.3125em;
}
h2
{
	font-size: 0.875em;
}
h3
{
	font-size: 0.875em;
}
h4
{
	font-size: 0.8125em;
}
p,ul,ol
{
	font-size: 0.8125em;
}
th,td
{
	font-size: 0.75em;
}
ul p, ul ul, ul ol, ol p, ol ul, ol ol
{
	font-size: 100%;
}
h1,h2,table,th,td
{
	line-height: 125%;
}
h3,h4,h5,h6,p,ul,ol,hr
{
	line-height: 135%;
}
h1
{
}
h2
{
	margin-top: 1em;
}
h3,h4,h5,h6,p,ul,ol,hr
{
	margin-top: 0.75em;
}
ul
{
	list-style-image: url(../images/bullet.gif);
}
ul,ol
{
	padding-left: 1.25em;
}
li
{
	padding-left: 0.25em;
}
ul ul,ol ul,ul ol,ol ol
{
	margin-bottom: 1em;
	margin-right: 2em;
}
table
{
	margin-bottom: 1em;
	margin-top: 1em;
	width: 100%;
}
th
{
	color: #999;
	font-weight: normal;
	padding-bottom: 0.5em;
	text-align: left;
}
td
{
	border-top: 1px solid #ddd;
	padding: 0.5em 1em 0.5em 0;
}
hr
{
	display: none;
}

/* SECTION: LINKS */
a:link,
a:visited,
a:hover,
a:active
{
	color: #c90;
	text-decoration: none;
}
a:hover
{
	color: #c60;
	text-decoration: underline;
}

/* SECTION: LAYOUT */
body
{
	background: url(../images/bg.gif) repeat-y 50% 0;
	text-align: center;
}
#page
{
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 800px;
}
	#nav
	{
		font-size: 0.625em;
		/*font-weight: bold;*/
		text-transform: uppercase;
	}
	#nav *
	{
		font-size: 100%;
	}
		#nav ul,
		#nav li,
		#nav li a
		{
			display: block;
			float: left;
			height: 3em;
			line-height: 3em;
		}
		#nav ul
		{
			background: #333;
			color: #c90;
			list-style: none;
			margin: 0;
			padding: 0;
			padding-top: 15px;
			width: 800px;
		}
			#nav li
			{
				padding-left: 0; /* reset */
			}
			#nav li.first
			{
				padding-left: 15px;
			}
			#nav li a:link,
			#nav li a:visited,
			#nav li a:hover,
			#nav li a:active
			{
				background: #333;
				color: #c90;
				padding: 0 1.5em;
				text-decoration: none;
			}
			#nav li a:hover
			{
				background: #c90;
				color: #fff;
			}
			#nav li a.active:link,
			#nav li a.active:visited,
			#nav li a.active:hover,
			#nav li a.active:active
			{
				background: #fff;
				border-left: solid 1px #333;
				border-right: solid 1px #333;
				color: #333;
				padding: 0 2.5em;
			}
	#content
	{
	}
		#leftside
		{
			float: left;
			padding: 30px 0;
			width: 200px;
		}
		#rightside
		{
			float: left;
			padding: 30px 0;
			padding-left: 50px;
			width: 500px; /* see HACK below */
		}
		#firstcol
		{
			float: left;
			padding: 30px 0;
			padding-left: 15px;
			width: 235px; /* see HACK below */
		}
		#secondcol,
		#thirdcol
		{
			float: left;
			padding: 30px 0;
			padding-left: 30px;
			width: 235px; /* see HACK below */
		}
	#footer
	{
		border-top: 1px solid #ddd;
		clear: both;
		font-size: 0.75em;
		line-height: 125%;
		padding: 1em 0;
		text-align: center;
	}

/* SECTION: STYLE */
#header,
#header-home
{
	font-size: 0.8125em;
	height: 100px;
}
	#header-home
	{
		height: 175px;
	}
	#header a,
	#header img,
	#header-home a,
	#header-home img
	{
		display: block;
	}
#leftside
{
	font-size: 0.9375em;
}
	#leftside #subnav
	{
		padding-bottom: 35px;
	}
		#leftside #subnav ul
		{
			list-style-image: none;
			margin: 0;
			padding: 0;
		}
		#leftside #subnav li
		{
			border-bottom: 1px solid #ddd;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
		}
		#leftside #subnav li a.active
		{
			color: #333;
		}
		#subnav a:visited
		{
			color: #999;
		}
		#subnav a:hover
		{
			color: #c60;
		}
	#leftside #blurb
	{
	}
		#leftside #blurb a
		{
			display: block;
			margin-top: 5px;
		}
#firstcol,
#secondcol,
#thirdcol
{
}
	#firstcol h1,
	#secondcol h1,
	#thirdcol h1
	{
		font-size: 1em;
		margin-top: 0.75em;
	}
#pager
{
}
	#pager p
	{
		border-top: 1px solid #ddd;
		color: #ccc;
		font-size: 0.75em;
		line-height: 125%;
		margin-top: 3em;
		padding-top: 0.5em;
	}
		#pager p span
		{
			padding: 0 0.5em;
		}
.nodelist
{
	border-bottom: 1px solid #ddd;
	margin-bottom: 2.5em;
	padding-bottom: 1.5em;
}
.node
{
}
.staticnodelist
{
	border-bottom: 1px solid #ddd;
	margin-bottom: 2.5em;
	padding-bottom: 1.5em;
}
.staticnode
{
}
.linksnode
{
}
	.linksnode ul
	{
	}
		.linksnode ul li
		{
			border-bottom: 1px solid #ddd;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
		}
		.linksnode ul p
		{
			margin-top: 0;
		}
		.linksnode ul p.desc
		{
		}
.breadcrumb
{
	color: #ccc;
}
.download,
.hilite
{
}
	.download span,
	.hilite span,
	.inline span
	{
		background-color: #f2ecce;
		display: block;
		padding: 1.5em 1.25em;
	}
	.inline span
	{
		padding: 0.5em 0.75em;
	}
.clear
{
	clear: both;
	display: block;
}
.image
{
	float: left;
	padding-top: 0.35em;
	margin-right: 1em;
}
.imageright
{
	float: right;
	padding-top: 0.35em;
	margin-left: 1em;
}
.strong span
{
	border-bottom: 1px solid #ddd;
	display: block;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0.25em;
	padding-bottom: 0.35em;
}
.arrow
{
	background: transparent url(/images/arrow.gif) no-repeat 0 50%;
	padding-left: 15px;
}
.infos
{
	font-size: 100%;
}
	.infos p
	{
		font-size: 0.75em;
		line-height: 165%;
	}
		.infos img
		{
			border: solid 1px #ddd;
			display: block;
			float: right;
			margin-left: 1em;
		}
.album
{
	font-size: 100%;
	margin-top: 1em;
}
	.album a
	{
		border: solid 1px #ddd;
		display: block;
		float: left;
		height: 160px;
		line-height: 160px;
		margin-right: 3px;
		margin-top: 3px;
		text-align: center;
		vertical-align: bottom;
		width: 160px;
	}
	.album a:hover
	{
		border-color: #c60;
	}
		.album a img
		{
			padding-top: 4px;
		}
	.album em
	{
		clear: both;
		display: block;
		font-size: 0.625em;
		padding-top: 1em;
	}


/* SLIMBOX */
#lbOverlay
{
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer
{
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading
{
	background: #fff url(/images/loading.gif) no-repeat center;
}
#lbImage
{
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink
{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink
{
	left: 0;
}
#lbPrevLink:hover
{
	background: transparent url(/images/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink
{
	right: 0;
}
#lbNextLink:hover
{
	background: transparent url(/images/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom
{
	border: 10px solid #fff;
	border-top-style: none;
	font-size: 0.8125em;
	line-height: 135%;
	text-align: left;
}
#lbCloseLink
{
	display:block;
	float:right;
	width:4em;
	outline:none;
	text-align:right;
}
#lbCaption,#lbNumber
{
	margin-right:5em;
}

/* SECTION: HACK */
/* SBMH hack */
#rightside {  width: 500px; } /* browsers with no escapes at all */
#rightside { \width: 550px; } /* IE5/Win */
#rightside { w\idth: 500px; } /* nice browsers */
#firstcol {  width: 235px; }
#firstcol { \width: 250px; }
#firstcol { w\idth: 235px; }
#secondcol,#thirdcol {  width: 235px; }
#secondcol,#thirdcol { \width: 265px; }
#secondcol,#thirdcol { w\idth: 235px; }

