body
{
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #FFFF66;
	font-size: 10px;
	margin: 0px;
	width: 100%;
	background: pink;
	text-align: center;
}


div#main
{	
	width: 861px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

a, a:active, a:visited, a:link, a:hover {color: #FFFF66; font-weight: bold; text-decoration: none;}
a:hover{text-decoration: underline;}

/* header */

div#header{ height: 42px; padding: 0px; margin-top: 24px; margin-bottom: 3px;}

/* left and right images 45px high */
div#headerLeft, div#headerRight{ width: 246px; float:left; height: 45px; margin: 0px; padding: 0px;}
div#headerRight{ width: 612px; float: right; height: 45px;}
* html div#headerRight{ height: 45px; margin-top: -45px;}



div#headerLeft a {display: block; margin-left: -5px; }
div#headerRight img.titleGraphic {margin-left: 5px; }

a#woodpopLink, a#woodpopLink:link, a#woodpopLink:active, a#woodpopLink:visited, a#woodpopLink:hover
{
	/* img background in style-specific css */
	display: block;
	width: 270px;
	height: 45px;
	text-decoration: none;
}

/* inner */

div#inner
{
	height: 455px;
	border: 1px solid #fff;
}

div#innerLeft, div#innerRight{ float: left; height: 452px;}

div#innerLeft
{
	width: 395px;
}

div#innerRight
{
	width: 464px;
	padding-left: 0px;
	padding-top: 2px;
	overflow: auto;
}

* html div#innerRight {width: 464px; height: 455px; }

div.content{padding: 10px; font-size: 6.5pt; line-height: 8.4pt; }

img.passport {border: 1px solid #fff}

/* player */
div.player{ margin: -12px 0px -12px 110px; width: 100px; height: 20px; }
/* div.player{ margin: -8px 0px 8px 0px; width: 1px; height: 1px; } */

/* projects */

div.project
{
	border-bottom: dotted 2px #fff; 
	min-height: 98px;
	padding-top: 1px;
	line-height: 14px;
	margin: 0px;
}


div.project > div.clear{clear: both; height: 0px; margin: 0px;}

img.projectCoverArt{ border: 2px solid #fff; float:left; margin-right: 7px;}

div.projectLeft, div.projectRight { width: 182px; float: left; min-height: 69px; margin-bottom: 12px;}

div.projectRight { width: 152px; text-align: right; float: right; }


div.projectBottom { width: auto; height: 18px; }
div.projectBottom div.left { height: 18px; width: 152px; float: left; margin: -12px 0px 8px 93px;}
div.projectBottom div.right { height: 18px; text-align: right; float: right; width: 192px; margin: -24px 0px 8px 0px;}

* html div.projectBottom div.left { height: 18px; margin: 12px 0px 0px 93px;}
* html div.projectBottom div.right { margin: -12px 0px 0px 0px;}


span.projectRoleText{ color: #ffff66; bottom: 0px;}

div.playerControls span.label {width: 128px; margin-right: 4px;}
div.playerControls span.label, div.playerControls a {float: left; }

a.play,
a.pause,
a.next,
a.prev  { display: block; width: 14px; height: 14px; margin-right: 1px;}
a.play  { margin-right: 2px;}
a.next  { margin-right: 0px;}

/* footer */

div#footer
{
	margin-top: 12px;
	text-align: center;
}