body{
font-family: helvetica, verdana, arial, sans-serif;
font-size: 0.85em;
background-color: #330;
line-height: 1.3em;
letter-spacing: 0.003em;
}

body.main{
background-image: url(../images/oneironaut.gif);
background-repeat: no-repeat;
background-position: 10px 0px;
}



body.popup{

background-color: #996;
padding:1em;
}


div#all
{
min-width: 800px;
}


div.marxbros
{

}



div#leonard
{
margin-top: 40px;
padding: 0px;
margin-right: 20px;

background-color: #996;
background-image: url(../images/top.gif);
background-repeat: repeat-x;
background-position: top left;
}

div#chico
{

background-image: url(../images/left.gif);
background-repeat: repeat-y;
background-position: 0px 0px;
margin-top: 10px;
}

div#arthur
{

background-image: url(../images/right.gif);
background-repeat: repeat-y;
background-position: top right;

}

div#harpo
{

background-image: url(../images/bottom.gif);
background-repeat: repeat-x;
background-position: bottom right;
}

div#julius
{
background-image: url(../images/bottomright.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

div#groucho
{
background-image: url(../images/topleft.gif);
background-repeat: no-repeat;
background-position: top left;
}

div#herbert
{
background-image: url(../images/topright.gif);
background-repeat: no-repeat;
background-position: top right;
}

div#zeppo
{
background-image: url(../images/bottomleft.gif);
background-repeat: no-repeat;
background-position: bottom left;

padding: 50px;
padding-left: 111px;
}

h1
{
text-align: center;
}


h1 img#oneironaut
{
position: absolute;
top: 0px;
left: 7px;
border: none;
}

h1 a
{
border: none;

}

div#footer
{
font-size: 0.8em;
color: #996;
text-align: center;
padding: 3px;
}



div#welcome
{
padding-right: 236px;
padding-bottom: 236px;
background-image: url(../images/homeboat.gif);
background-repeat: no-repeat;
background-position: top right;
margin-bottom: 30px;


}


div#nav
{


}

div#nav ul#mainnav
{

position: absolute;
top: 12px;
left: 200px;
width: 500px;


margin: 0px;
padding: 0px;
display: inline;
}

div#nav ul li, div#footer ul li
{
display: inline;
margin: 0px;
padding: 0px;
padding-bottom: 3px;
list-style: none;
text-align: right;
}

div#nav ul li a, div#footer ul li a, div#nav ul li span.youarehere
{
padding: 0px;
margin: 17px;
color: #996;
text-decoration: none;
}
div#nav ul li a:hover, div#nav ul li a:focus, div#footer ul li a:hover, div#footer ul li a:focus
{
color: #ffc;
text-decoration: underline;
}

div#nav ul li span.youarehere
{
color: #ffc;
}

div.swfwrapper
{
text-align: center;
padding-bottom: 30px;
}

a
{
color: #ffc;

}

a img

{
border: none;
}



/*  character styling */


div.character
{

min-height: 36em;

padding: 20px;
}

/* a special style for a special browser... */
* html div.character
{

height: 36em;

}



div.left
{
float: left;
width: 50%;

}


div.set
{
clear: both;

}




img.portrait
{

float: left;
margin-right: 10px;
margin-bottom: 10px;
}

span.charDesc
{

font-style: italic;
display: block;
margin-bottom: 1em;
}

/* episodes styles */
div.episodes a
{
text-decoration: none;
}

div.episodes a:hover, div.episodes a:focus
{
text-decoration: underline;
}


/*  dissertation styles */


img#squares
{
float: left;
}
div.blockquote
{
clear: both;
font-style: italic;
}

p.clear
{
clear: both;
}

a.ref
{
padding: 2px;
background-color: #cc9;
color: #330;
padding-left: 3px;
padding-right: 3px;

}

a.ref:hover, a.ref:focus
{

background-color: #ffc;


}