/* layout.css for comm's site */
body
{
	font:12px Verdana,Arial,Helvetica,sans-serif;	
	margin:0;
	padding:0;
}
li { list-style-type:none }

#back_top
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: auto;
}
#back_right
{
	position: fixed;
	top: 10px;
	left: auto;
	right: 0px;
	bottom: 10px;
	width: 5px;
	border-left-width:1px;
}
#back_bottom
{
	position: fixed;
	top: auto;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#back_left
{
	position: fixed;
	top: 10px;
	left: 0px;
	right: auto;
	bottom: 10px;
	width:5px;
	border-right-width:1px;
}

#border
{
	position:fixed;
	border-width: 4px;
	border-style: solid;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}

#banner
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: auto;
	height: 53px;
	margin:5px;
	padding:5px;
/*	z-index: 4;*/
	border-width:1px;
	border-style:solid;
	-moz-border-radius:1em 1em 0 0;
}
#banner h1
{
	font-variant:small-caps;
	float:left;
	padding:10px;
	margin:0;
	font-size:2em;
}

/* style the outer div to give it width */
.menu {position: fixed;	top: 0;	left: 5px;	right: 5px;	bottom: auto;	height: 17px;	top: 69px; border-width:1px; border-style:solid;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}

/* style the sub-level lists */
.menu ul ul {width:12em; border-width:1px; border-style:solid; -moz-border-radius:0 0 4px 4px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:17px; text-align:center;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:1em;text-decoration:none;padding:1px 1em 0 1em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;width:12em;height:100%;line-height:1em; padding:0.2em 0;}
.menu ul table ul a, .menu ul table ul a:visited  {width:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:relative; /*left:0;*/ top:0; font-size:1em;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:17px;left:0;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; /*padding-bottom:3em;*/}

#version
{
	position: fixed;
	top: 70px;
	right: 5px;
	bottom: auto;
	height: 16px;
	font-variant:small-caps;
	padding:1px 5px 0 5px;
	margin:0;
	text-align:right;
/*	z-index: 1;*/
}

#main
{
	position: fixed;
	top: 87px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 5px 24px 5px;
/*	z-index: 1;*/
	border-width:1px;
	border-style:solid;
}
#main2
{
	position: fixed;
	top: 79px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 5px 24px 5px;
/*	z-index: 0;*/
}

#body
{
	position: absolute;
	left: 2px;
	right: 2px;
	top:0px;
	bottom:auto;
	margin: 88px 5px 40px 5px;
	padding: 2px 5px 25px 5px;
	border-width:0px;
	border-style:solid
/*	z-index: 1;*/
}
#body .box1,
#body .box2
{
	border-width:1px;
	border-style: solid;
	padding: 2px 4px 4px 4px;
	margin:5px 0 6px 0;
	-moz-border-radius:4px;
}
#body .box1 h1,
#body .box2 h1
{
	margin:-2px -4px 8px -4px;
	padding:0 2px 2px 2px;
	font-size:14px;
	font-variant:small-caps;
}
#body .box1 h2,
#body .box2 h2
{
	margin:0px -4px;
	padding:2px 4px;
	font-size:12px;
}
/*
#member
{
	display:absolute !important;
	top:79px !important;
	right:0px !important;
	bottom:auto !important;
	width:100px !important;
	
	border-width:0px !important;
	border-left:15px solid transparent !important;
	padding:0px !important;
	
	overflow:hidden !important;
	z-index:5 !important;
}/*
#member:hover
{
	width:200px !important;
	border-width:1px !important;
	border-style:solid !important;
	border-color:FF9900 !important;
	background-color:2e2e2e !important;
	padding:5px !important;
	
	overflow:auto !important;
}
/*#sidebar:hover
{
	width: 180px !important;
	
	border: 1px solid #ff8c00 !important;
	border-left-width: 0 !important;
	background-color: #2e2e2e !important;
	padding: 3px 3px 0 3px !important;
	
	overflow: auto !important;
}
*/

dt { font-weight:bold; margin:10px 20px 0 20px }
dd { margin:0 0 0 40px;}
dd:before { content: " » "; }

img { border-width:0; }

input,
select,
textarea
{
	border-width: 1px;
	border-style: solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table
{
	border-bottom-width: 0px;
	margin:0px;
	padding:0px;
}
td
{
	padding:2px;
	vertical-align:top;
	font-size: 12px;
}

.filmlist td
{
	text-align:center;
}

.cv th
{
	text-align:right;
	width: 160px;
	padding-left: 1em;
	vertical-align:text-top;
}
.cv td
{
	padding: 0 1em;
}

#foot
{
	font:10px Verdana,Arial,Helvetica,sans-serif;
	position: fixed;
	top: auto;
	left: 5px;
	right: 5px;
	bottom: 5px;
	padding: 3px 0;
/*	z-index: 4;*/
	border-width:1px;
	border-style:solid;
	-moz-border-radius:0 0 1em 1em;
	text-align: center;
}

.bad
{
	color:#FF0000;
}

/* AWSTATS STUFF */
.aws_bodyl { }
.aws_border { background-color: #BBBBBB; padding: 1px 1px 1px 1px; margin-top: 0 }
.aws_title  { font: 13px verdana, arial, helvetica, sans-serif; font-weight: bold; background-color: #BBBBBB; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; }
.aws_blank { font: 13px verdana, arial, helvetica, sans-serif; background-color: #FFFFFF; text-align: center; margin-bottom: 0; padding: 1px 1px 1px 1px; }
.aws_data {
	background-color: #FFFFFF;
	border-top-width: 1px;   
	border-left-width: 0px;  
	border-right-width: 0px; 
	border-bottom-width: 0px;
}
.aws_data td { vertical-align:bottom;}
.aws_formfield { font: 13px verdana, arial, helvetica; }
.aws_button {
	font-family: arial,verdana,helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ccd7e0;
	background-image: url(./icon/other/button.gif);
}
th.aws 	{ vertical-align:bottom; border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font-size: 13px; font-weight: bold; }
td.aws 	{ vertical-align:bottom; border-color: #ECECEC; border-left-width: 0px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; padding: 2px 2px 2px 2px; font: 11px verdana, arial, helvetica, sans-serif; text-align:left; color: #000000; }
td.awsm	{ vertical-align:bottom; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; padding: 0px 0px 0px 0px; font: 11px verdana, arial, helvetica, sans-serif; color: #000000; }
.ctooltip { position:absolute; top:0px; left:0px; z-index:2; /*width:380; */visibility:hidden; font: 8pt MS Comic Sans,arial,sans-serif; background-color: #EEEEEE; padding: 8px; border: 1px solid black; }