/* using validated CSS ! */
body{
	background: #eeeeee;
	text-align: right;
	color: #000;
}
body, textarea { 
	font-family: sans-serif; 
}
form {
	display: inline;
}
h1 { /* only the h1 at the top */
    font-size: 1em;
}
a {
	color: #006; 
	background: transparent;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
img {
	display: inline;
	border: 0px;
}
hr {
	border: #92b4c6 solid 1px;
}
.underline {/* so <u> is deprecated, we use this instead */
	text-decoration: underline;
	display: inline;
}
input[type=submit] {
	cursor: pointer;
}

/*the control bar*/
#wikicontrols {
	margin: 0px;
	text-align: center;
	font-size: 0.8em;
	border: #999 solid 1px;
	color: #000;
	background: url(images/light_blue_gradient.png);
	height: 27px;
	padding-top: 3px;
	padding-bottom: 0px;
	white-space: nowrap;
}
#wikicontrols a {
	color: #000;
	background: transparent;
	text-decoration: none;
	font-weight: bold;
	margin: 1em;
	vertical-align: bottom;
}
#wikicontrols a:hover {
	color: #FFF;
	background: transparent;
}
#wikicontrols div.search {
	display: inline;
	margin-left: auto;
	text-align: right;
}
#wikicontrols input {
	/*
	border: #555 solid 1px;
	background: #c0c0f0;
	*/
}

/* up and down anchorlinks */
#down {
	position: absolute;
	right: 1.1em;
}
#up {
	position: absolute;
	right: 1.1em;
	padding: 0px;
	margin: 0px;
}

/* the top title bar: */
#title {
	text-align: left;
	border: #999 solid 1px;
	white-space: nowrap;
	padding: 10px;
	background: url(images/light_blue_gradient_86.png);
	padding-top: 40px;
	height: 34px;
}
#title * {
	display: inline;
}
#title h1 {
	margin-right: 3em;
}
#title #loginout {
	position: absolute;
	right: 1em;
	top: 1.5em;
}

/* center box with menu and content */
#center {
	border: 0px;
}

/* around the content */
#content {
	padding-left: 100px;
	padding-bottom: 10px;
	margin: 2em auto;
	margin-right: 5em;
	min-height: 20em;
	text-align: left;
	vertical-align: top;
	background: url("images/blk2t.png") repeat-y scroll 0 0 transparent;
}
* html #content { /* hack for min-height for IE */
	height: 20em;  
	padding-top: 2em;
}
#content h1,h2,h3,h4,h5,h6{
	border: #888 solid 1px;
	background: #ccc;
	padding-left: 10px;
	color: #000;
	background: url(images/light_blue_gradient_30.png) bottom;
}
#content pre {
}
#content .code { /* highlighted sourcecode */
	margin: 0.5em 1em;
	border: #CCC solid 1px;
	background: #EEE;
	padding: 0.5em;
	font-family: monospace;
	/*white-space: nowrap;	*/
}
#content p {
}
#content p.pg {
	padding: 0em 1.5em;
	margin: 0em 0em;
}
#content .sidenote { /*side note */
	display: block;
	float: right;
	border: 1px solid #888888;
	background: #9bbdce;
	color: #000;
	padding: 0.6em 0.4em;
}
#content ul {
	list-style-image: url(images/list_bullet.gif);
}
#content input,textarea {
	background: #c5d0d6;
	border: #92b4c6 solid 1px;
}

/* the duscussion board */
#content #discuss_btn a {
	color: #fff;
	font-weight: bold;
	padding: 0px 1em;
	border: #aae solid 1px;
	background: url(images/menubg_item.png);
}
#content #discuss_btn a:hover {
	background: #66a;
	text-decoration: none;
}
#content .discussion {
	display: block;
	position: relative; /* for abs. child pos */
	margin: 1em;
	border: #ccc solid 1px;
}
#content .discussion .name {
	margin: 4px;
	font-weight: bold;
}
#content .discussion .date {
	position: absolute;
	right: 0px;
	margin: 5px;
	font-size: small;
	color: #aaa;
}
#content .discussion .text {
	padding: 1em 2em;
}

/* the page footer */
#footer {
	text-align: center;
	font-size: 0.7em;
	width: 100%;
}

/* MainMenu style */
#MainMenu {
	text-align: left;
	vertical-align: top;
	/*position: absolute;
	display: block;
	float: left; /* only as block on the left side 
	*/
	padding: 25px 1em; 
	margin: 2em 0.5em;
	background: #d0d0d0;
	font-weight: bold;
	/*left: 1em;  for IE */
	/*padding-top: 25px;
	padding-bottom: 25px;*/
	border: 0px;
	width: 150px;
}
#MainMenu #TopLeft {
	position: absolute;
	left: 0px;
	top: 0px;
	/*background: url(images/menubg_lefttop.png) no-repeat;*/
	width: 25px;
	height: 25px;
}
#MainMenu #BottomRight {
	/*background: url(images/menubg_rightbottom.png) no-repeat;*/
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 25px;
	height: 25px;
}
#MainMenu br {
	display: none; /* no br */
}
#MainMenu a.internal {
	font-size: 14px;
	display: block;
	padding: 5px 1em;
	margin: 2px;
	background: url(images/menu_button.png);
	padding-top: 11px;
	height: 23px;
	border: 0px;
	color: #050506;
	width: 108px;
	white-space: nowrap;
}
#MainMenu a:hover {
	background: url(images/menu_button_hover.png);
	text-decoration: none;
}
#MainMenu img {
	float: left;
	margin-right: 0.5em;
}

/* Around the page */
#around {
	
}

/* Edit page */
#source {
	font-family: monospace;
	color: #000;
	background-color: #fff;
}
#help {
	border: black solid 1px;
}

.message {
	display: inline;
	border: grey solid 1px;
	padding: 3em;
	margin-top: 1em;
}