/*Copyright (C) 2009 Jack Elston*/
body {
	font: 70% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	background: black;
	color: #DDD;
}
a { 
	text-decoration: none;
	color: #FFF;
	font-style: italic;
}
a:hover { 
	color: #AAA;
}
img {
	margin: 0;
	padding: 0;
	border: none;
}
h2 {
	border-bottom: 1px solid blue;
	padding-left: 20px;
}
h4 {
	font-size: 12px;
	color: yellow;
}
h5 {
	font-size: 12px;
	color: orange;
}
#ul_corner,#ur_corner,#ll_corner,#lr_corner {
	position: absolute;
}

#ul_corner,#ur_corner {
	position: absolute;
	top:0px;
}

#ll_corner,#lr_corner {
	position: absolute;
	bottom:0px;
}

#ul_corner,#ll_corner {
	left:0px;
}

#ur_corner,#lr_corner {
	right:0px;
}

#header {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	height: 18px;
	background: url(/images/top.png) repeat-x;
}

#title {
	position: absolute;
	margin: auto;
	left:0px;
	right:0px;
	top: 10px;
  text-align: center;
}

#inky,#blinky,#pinky,#clyde {
	position: absolute;
}

#blinky {
	top:25px;
	left:40px;
}

#clyde {
	top:37px;
	left:100px;
}

#inky {
	top:25px;
	right:40px;
}

#pinky {
	top:37px;
	right:100px;
}

#menubar {
	position: absolute;
	top:130;
	left:0px;
	right:0px;
}

#menubar_left {
	position: absolute;
	left:0px;
}

#menubar_right {
	position: absolute;
	right:0px;
}

#right,#left {
	position: absolute;
	top:0px;
	bottom:0px;
	width: 18px;
}

#left {
	background: url(/images/left.png) repeat-y;
	left:0px;
}

#right {
	background: url(/images/right.png) repeat-y;
	right:0px;
}

#content,#squeezed-content {
	position: absolute;
	top:160px;
	right:1px;
	left:25px;
	bottom: 25px;
	overflow: auto;
	z-index: 9;
	padding-right: 25px;
}

#squeezed-content {
	padding-right: 230px;
}

#footer {
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height: 18px;
	background: url(/images/bottom.png) repeat-x;
}

#tabbar {
	position: absolute;
	top:132px;
	left:20px;
	right:20px;
	height: 18px;
	text-align: center;
}
#tab {
	white-space: nowrap;
	list-style: none;
}
#tab li {
  display: inline;
	padding: 0px 5px;
}
#tab li a {
	font-weight: bold;
	color: yellow;
	font-style: normal;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 13px;
}   
#tab li.selected a {
  color: orange;
}
#tab li.plain a:hover {
  color: #AAA;
}

#menucolumn {
	position: absolute;
	background: black;
	top:155px;
	right:25px;
  width: 200px;
	z-index: 10;
}
.menu {
	font-size: 90%;
  border: none;
	text-align: left;
  margin-bottom: 5px;
  float: left;
	width: 200px;
}
.menu h5 {
	color: yellow;
	padding: 0px 20px 0px 20px;
	text-transform: lowercase;
	display: inline;
	font-size: 10px;
	height: 5px;
	font-weight: bold;
	white-space: nowrap;
}
.menuBody {
	border-collapse: collapse;
	padding: 5px;
	border: 1px solid blue;
}
.menuBody a {
}
.menuBody a:hover {
	color: #AAA;
}
.menu ul,
.menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

.code, .file {
	margin: 5px 40px;
	padding: 5px;
	background: #444;
	border: 1px dashed #999;
}

.file {
	background: #448;
}

table{
	font-size: 90%;
	width: 100%;
}