/* HTML base tags
----------------------------------------------- */
* { margin: 0; padding: 0; }
body { background-color: #cdb; }
body { font-size: 76%; font-family: Verdana, Arial, sans-serif; margin: 50px 30px; }
td { font-size: 76%; font-family: Verdana, Arial, sans-serif; }
input { font-size: 1.0em; font-family: Verdana, Arial, sans-serif; padding: 1.2em 1.2em; }
textarea { font-size: 1.0em; font-family: Verdana, Arial, sans-serif; padding: 1.2em 1.2em; border: 1px solid #084; width: 500px; }
pre { font: normal 1.0em Arial, Verdana, Sans-serif; }
h1 { font: bold 1.4em Arial, Verdana, Sans-serif; color: #333; margin: 0 0 .25em; }
h2 { font: bold 1.4em Arial, Verdana, Sans-serif; color: #fff; margin: 0 0 .5em; text-transform: lowercase; }
h3 { font: bold 1.2em Arial, Verdana, Sans-serif; margin: 1.2em 0em .8em; }
h4 { font: bold 1.0em Arial, Verdana, Sans-serif; margin: 1.2em 0em .8em; }
h5 { font: bold 1.0em Arial, Verdana, Sans-serif; margin: 1.2em 0em .8em; font-style: italic; }
h6 { font: normal 1.0em Arial, Verdana, Sans-serif; margin: 1.2em 0em .8em; font-style: italic; }
p  { margin: .8em 0 1em 0; }

a:link { color: #388; text-decoration: none; }
a:visited { color: #776; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a img { border-width: 0; }

/* Container
----------------------------------------------- */
#container { background-color: #ececec; border: 15px solid #fff; }

/* Breadcrumbs
----------------------------------------------- */
#breadcrumbs1 { background-color: #ececec; color: #cdb; width: 100%;}
#breadcrumbs2 { background: url("/zen/images/breadcrumbstopright.gif") no-repeat right top; }
#breadcrumbs { color: #cdb; padding: 1em 12px 1em 3em; }
#breadcrumbs a:link { color: #fff; }
#breadcrumbs a:visited { color: #ab9; }
#breadcrumbs a:hover { color: #fff; }
#logo { background: #566550 url("/zen/images/logo2.gif") no-repeat left top; }

/* Header
----------------------------------------------- */
#header1 { padding: 0 0 20px 0; }
#header ul { list-style-type: none; margin: 0 0 0px 50px; padding: 0;}
#header ul li {display: inline; }
#header ul li a {float: left; padding: .8em 1.2em; text-decoration: none; border-left: 1px solid #AAA }
#header ul li a:hover {background-color: #DDDDDD;}
#header ul li a.here { background-color: #008844; color: White; }
#header ul li a:hover.here { background-color: #007733; }

#header ul li a.here1 { background-color: #fff; }
#header ul li a.here2 { color: white; background-color: #FC7519; }
#header ul li a.here3 { color: white; background-color: #AFC642; }
#header ul li a.here4 { color: #FC7519; background-color: #F1F1A9; }
#header ul li a.here5 { background-color: #FDE75E; }
#header ul li a.here6 { background-color: #FC7519; }
#header ul li a.here7 { background-color: #AFC642; }
#header ul li a.here8 { background-color: #F1F1A9; }

/* Footer
----------------------------------------------- */
#footer1 { color: #cdb; background: #566550; padding-left: 0px; width: 850px; }
#footer { padding: 5em 20px 5em 265px; }

/* Sidebar
----------------------------------------------- */
#sidebar1 { background: #fff url("/zen/images/sidebarbottomright.gif") no-repeat right bottom; color: #cdb; width: 220px; margin: 2em 0; }
#sidebar2 { background:  url("/zen/images/sidebartopright.gif") no-repeat right top; padding-bottom: 12px; }
#sidebar { margin: 0; padding: 2px 20px 10px; list-style: none; }
#sidebar ul { margin: 0 0 1.5em; padding: 0; list-style: none; }
#sidebar li { margin: 0; padding: 0 0 .25em 20px; text-indent: -20px; line-height: 1.4em; }
#sidebar li.more { margin: 0; padding: 0 0 .25em 20px; text-indent: 0px; line-height: 1.4em; }
#sidebar p { margin: 0 0 .75em; line-height: 1.4em; }
#sidebar h1 { font-size: 1.2em; font-weight: bold; margin: 1em 0 .5em; color: #9A8; text-transform: lowercase; }

/* Content
----------------------------------------------- */
#content1 { background: #cdb url("/zen/images/contentbottomright.gif") no-repeat right bottom; }
#content2 { background: url("/zen/images/contenttopright.gif") no-repeat right top; padding-bottom: 12px; }
#content { padding: 2em 3em 12px 3em }
#content .floatleft { float: left; margin: 1.5em 1.5em 1em 0; }
#content .floatright { float: right; margin: 1.5em 0 1em 1.5em; }
#content .divide { margin: 2em 0em 2em 0; }
#content .action { margin: 1em 0; background-color: #bca; width: 500px }
#content .caption { padding: 1em; font-size: 0.8em; font-weight: bold; color: #fff; background-color: #bca; }
#content ul { margin: 0.8em 0 0.8em 1.25em; padding-left: 1.5em; }
#content ol { margin: 0.8em 0 0.8em 1.25em; padding-left: 1.5em; }
#content * li { margin: 0.6em 0.75em; }

/* Table
----------------------------------------------- */
.wikitable { border: 1px solid #666666; border-spacing: 0;  margin: 1.5em 1em; }
.wikitable * tr th { font-size: 76%; padding: .5em .7em .5em .7em; background-color: #9A8; vertical-align: bottom; color: white; empty-cells: show; }
.wikitable * tr td { padding: .4em .7em .45em .7em; vertical-align: top; empty-cells: show; }
.wikitable * tr td { background-color: #e3f0ee; }
.zebra-table th { background:  #e0e0e0; }
.zebra-table tr.odd td   { background:  #e3f0ee; }

/* Posts
----------------------------------------------- */
.post { margin: 0 0 2em; }
.post h3 { margin: 0 0 .25em; color: #333; }
.post h4 { margin: 0 0 .5em; text-transform: lowercase; color: #fff; }
.post p { margin: 0 0 .75em; line-height: 1.6em; }
.post p { margin: 0 0 .75em; line-height: 1.6em; }

/* Errors
----------------------------------------------- */
.information, .warning, .error { display: block; padding: 2em 2em 2em 2em; margin: 1em 0em; }
.information { background-image: url(images/information.png); background-color: #e0e0ff; }
.warning { background-image: url(images/error.png); background-color: #ffff80; }
.error { background-image: url(images/exclamation.png); background-color: #f90; }
.error * li { padding: 0em 0em 0em .5em; margin: .5em 1em; }

/* Forms
----------------------------------------------- */
div.formcontainer { margin: 1em 0px; }
div.formcontainer div.block { vertical-align: top; padding: .5em 0; }
div.formcontainer form label { font-weight: bold; display: block; margin: 0.2em 0 0.8em; }
div.formcontainer form label:after { content: ":" }
div.formcontainer .block input { padding: 5px 15px; height: 28px; width: 500px; border: 1px solid #084; }
div.formcontainer input[type='image'] { float: left; display: inline;  padding: 0; margin: 0; border: 0; }
div.formcontainer img { float: left;  padding: 0; margin: 0; border: 0; }
div.formcontainer input[type='submit'] { float: left; width: 10em; font-size: 90%; margin: 0 10px 0 0; padding: 0.5em 2em; border : 0px; background-color: #f90}
div.formcontainer input[type='submit']:hover { background-color: #F3AB1B }
div.formcontainer .description { margin: .5em 0em 0.8em; font-style: italic; }

/* Cross-Browser Hackery
----------------------------------------------- */
.block { display: inline-block; }
* html .block { height: 1%;}
.block { display: block; }
.clear { clear: both; }
