/*
This design is based off one by Douglas Bowman
http://www.stopdesign.com/log/2003/04/09/yahoo_rebuilt.html
*/

/* body */
body {
	background-color: #dee7ff;
	background: #ffffff;
	margin: 1em auto;
	padding: 0;
	text-align: center;	/* IE hack */
}

/* contains everything -- section tabs, content, footer */
#main {
	position: relative;
	width: 730px;
	margin: 0 auto;
	text-align: left;
}

#footer {
	clear: both;
	text-align: left;
	padding-top: 2em;
	line-height: 1.5em;
	font-size: 75%;
	padding: 15px 20px;
	margin: 0 0 0 159px;
}

/* gobs of CSS for the tabs */
.sections {
	position: absolute;
	top: 0;
	left: 0;
	/*background: #fefdf1 url("/theme/default/1px_a4a4a4.gif") repeat-y top right;*/
	background: #eeeefa url("/theme/default/1px_a4a4a4.gif") repeat-y top right;
	width: 160px;
	margin: 0;
	padding: 0;
}
.sections li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.5em;
}
.sections a, .sections strong {
	display: block;
	background: no-repeat 16px 50%;
	padding: .8em 0 .5em 48px;
	margin-right: 1px;
	line-height: 1em;
	height: 1.5em;
	text-decoration: none;
}
.sections strong {
	border-top-width: 1px;
	background-color: #e8e8e8;
	border: 1px solid #a4a4a4;
	border-width: 1px 0 1px 1px;
	margin-right: 0;
	position: relative;	/* need? */
	top: -1px;
}
.sections a {
	border: 1px solid #d6d6d6;
	border-width: 0 0 1px 1px;
}
.sections strong a {
	padding: 0;
	border: 0;
}
html>body .sections strong {
	height: 1.5em;	/* need? */
	font-weight: normal;
}
html>body .sections a, html>body .sections strong {
	height: 1.5em;	/* need? */
}

.sections a:link, .sections a:visited {
	color: #0000ff;
}
.sections a:hover, .sections strong:hover {
	background-color: #a3b6cb;
}

.sections .sec-acatery a, .sections .sec-acatery strong {
	background-image: url("/icon/acatery.png");
	top: 0;
	border-top: none;
}
.sections .sec-acatery strong {
	border-top: 1px solid #a4a4a4;
}

.sections .sec-muds a,		.sections .sec-muds strong		{background-image: url("/icon/mud.png");}
.sections .sec-bases a,		.sections .sec-bases strong		{background-image: url("/icon/base.png");}
.sections .sec-articles a,	.sections .sec-articles strong		{background-image: url("/icon/article.png");}
.sections .sec-users a,		.sections .sec-users strong		{background-image: url("/icon/user.png");}
.sections .sec-about a,		.sections .sec-about strong		{background-image: url("/icon/about.png");}
.sections .sec-search a,	.sections .sec-search strong		{background-image: url("/icon/search.png");}
.sections .sec-acatery strong a		{background-image: none;}
.sections .sec-muds strong a		{background-image: none;}
.sections .sec-bases strong a		{background-image: none;}
.sections .sec-articles strong a	{background-image: none;}
.sections .sec-users strong a		{background-image: none;}
.sections .sec-about strong a		{background-image: none;}
.sections .sec-search strong a		{background-image: none;}

/* the page content */
#content {
	background: #e8e8e8;
	color: #000000;
	border: 1px solid #a4a4a4;
	padding: .5em 1em;
	margin: 0 0 0 159px;
	min-height: 20em;
}
#content p {
	margin: 1em 0;
	line-height: 1.3em;
}

/* connections/involvements for muds/bases */
#conn_parents {
	float: left;
	width: 49%;
}
#conn_children {
	float: right;
	width: 49%;
}
#involvements {
	clear: both;
}


a img {
	border-width: 0;
	border-style: none;
}
.title, h1, h2 {
	padding: 2px 0.5em 1px 0.5em;
	margin: 1em 0;
	background-color: #a3b6cb;
	font-weight: bold;
}
div.title, h1, h2 {
	-moz-border-radius: 4px;	/* here until CSS3, below - le sigh */
	border-radius: 4px;
	margin-top: .5em;
	height: 1%;	/* IE hack */
}
#content h1 {
	margin-top: .5em;
}
#content h2 {
	font-size: 100%;
}

.label {
	font-size: 75%;
	text-align: left;
}

/* for editing tables */
div.edit {
}
div.row {
	clear: both;
	padding-top: .5em;;
}
div.row label {
	float: left;
	width: 6em;
	padding-right: .5em;
	text-align: right;
	font-size: 90%;
}
div.row input, div.row textarea {
	width: 75%;
	text-align: left;
}

div.row #submit {
	width: auto;
	text-align: center;
	margin: 0 5px;
}