/* Stylesheet for COCANWIKI.
 * $Id: standard.css,v 1.30 2006/08/17 11:19:58 rich Exp $
 */

/* Based on the basic stylesheet. */
@import url("basic.css");

/* Tables. */
@import url("tables.css");

/* Calendar extension. */
@import url("calendar.css");

/* Folding headings. */
@import url("folding.css");

/* For print media. */
@import url("print.css");

body {
  background: #fff;
  color: #000;
  font-family: trebuchet ms, palatino, georgia, arial, helvetica, sans-serif;
  margin-top: 6em;
  line-height: 1.35em;
}

/* Headers. */
h1 {
  background-color: #fff;
  border-bottom: 1px solid #000;
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 140%;
  width: 95%;
  padding-left: 2em;
}

h2 {
  color: #666;
  border-top: 1px dashed #ddd;
  padding: 6px 3px 3px 3px;
  font-size: 120%;
}

h3, h4 {
  color: #555;
  font-size: 100%;
}

/* Ordinary text. */
div#content_div {
  margin-left: 3em;
  width: 30em;
  min-height: 22em;
}

/* Outdent headers in the content div. */
div#content_div h2, div#content_div h3, div#content_div h4 {
  margin-left: -2em;
}

/* ... except on IE which can't handle it. */
* html div#content_div h2, * html div#content_div h3, * html div#content_div h4 {
  margin-left: 0px;
}

/* Lists. */
div#content_div ul {
  margin-left: 0px;
  padding-left: 0px;
}

div#content_div ol {
  margin-left: 0px;
  padding-left: 0px;
}

/* ... except on IE, piece of crap. */
* html div#content_div ul {
  margin-left: 1em;
  padding-left: 1em;
}
* html div#content_div ol {
  margin-left: 1em;
  padding-left: 1em;
}

/* Make <code> sections slightly larger in Gecko browsers. */
code {
  font-size: 1.2em;
}

* html code {
  font-size: 1em;
}

/* Abbreviations should be in smallcaps. */
abbr, acronym {
  font-variant: small-caps;
}

/* Preformatted text. */
pre {
  margin-left: 1em;
  background-color: #fefefe;
  padding: 3px;
  border: solid 1px #eee;
}

/* Images.  (Try setting 'class' on an image). */
img.border {
  border: 1px solid #000;
  margin: 0.3em;
}

img.right_float {
  float: right;
  margin: 0.3em;
}

img.right_float_border {
  border: 1px solid #000;
  float: right;
  margin: 0.3em;
}

img.left_float {
  float: left;
  margin: 0.3em;
}

img.left_float_border {
  border: 1px solid #000;
  float: left;
  margin: 0.3em;
}

/* Edit links. */
p.edit_link {
  margin: 6px 0px 0px 0px;
  padding-right: 12px;
  float: right;
}

/* Menus. */
ul.menu {
  padding: 0px;
  margin-left: 1em;
  list-style: none;
}

ul.menu li {
  display: inline;
  border-left: 1px solid #666;
  padding-left: 5px;
}

ul.menu li.first {
  border-left: none;
  padding-left: 0px;
}

ul#topmenu {
  position: absolute;
  top: 3em;
  left: 0.8em;
}

ul#footer {
  text-align: center;
  font-size: 70%;
}

/* Graphics on the menu items. */
li.edit_li a {
  padding-left: 16px;
  background: url(../_graphics/edit.png) center left no-repeat;
}

li.files_li a {
  padding-left: 18px;
  background: url(../_graphics/files.png) center left no-repeat;
}

li.home_li a {
  padding-left: 16px;
  background: url(../_graphics/home.png) center left no-repeat;
}

li.images_li a {
  padding-left: 18px;
  background: url(../_graphics/images.png) center left no-repeat;
}

li.maillist_li a {
  padding-left: 18px;
  background: url(../_graphics/maillist.png) center left no-repeat;
}

li.new_li a {
  padding-left: 16px;
  background: url(../_graphics/new.png) center left no-repeat;
}

li.recent_li a {
  padding-left: 18px;
  background: url(../_graphics/recent.png) center left no-repeat;
}

li.sitemap_li a {
  padding-left: 18px;
  background: url(../_graphics/sitemap.png) center left no-repeat;
}

li.stats_li a {
  padding-left: 18px;
  background: url(../_graphics/stats.png) center left no-repeat;
}

li.stylesheet_li a {
  padding-left: 16px;
  background: url(../_graphics/edit.png) center left no-repeat;
}

li.versions_li a {
  padding-left: 18px;
  background: url(../_graphics/versions.png) center left no-repeat;
}

li.wlh_li a {
  padding-left: 18px;
  background: url(../_graphics/wlh.png) center left no-repeat;
}

/* Recent changes list. */
ul#recent_changes {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}

ul#recent_changes span.date {
  display: block;
  float: left;
  width: 9em;
}

/* History list. */
ul#history {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}

ul#history span.date {
  display: block;
  float: left;
  width: 9em;
}

/* Forms. */
form > table {
  margin-left: auto;
  margin-right: auto;
}

input:focus {
  background-color: #eef;
}

textarea:focus {
  background-color: #eef;
}

/* Search box. */
div#search_div {
  position: absolute;
  left: 50%;
  width: 49%;
  top: 0.95em;
  text-align: right;
}

/* WikiForms - hide the edit link for the top section. */
div#form_div p.edit_link {
  display: none;
}

/* Navigation area.
 * The navigation_space_div reserves the space for the div and appears
 * at the beginning of the page (but is empty).
 */
div#navigation_space_div {
  float: right;
  width: 10em;
  height: 22em;
  background: #fff;
  margin-left: 1em;
}

div#navigation_div {
  position: absolute;
  right: 1em;
  top: 6em;
  width: 10em;
  height: 22em;
  line-height: 1em;
}

div#navigation_div h2 {
  display: none;
}

div#navigation_div h3 {
  margin-left: 1em;
  margin-top: -0.5em;
  font-size: 70%;
}

div#navigation_div ul {
  font-size: 70%;
  margin-top: -1em;
  margin-left: -1em;
}

/* The "* html" causes this rule to only be applied to IE 5/6. */
* html div#navigation_div li {
  line-height: 1.2em;
  margin-left: 3em;
  padding-left: 0px;
}

/* Default for branding section.  The default doesn't claim to be very
 * helpful.  If you enabled branding on the site, you should abs-position
 * the branding_div, and indeed probably replace it with a logo at the
 * top of each page.
 */
div#branding_div {
  width: 30%;
  float: right;
  font-size: 0.7em;
}

div#branding_div h2 {
  border: none;
  margin: 0px;
  padding: 0px;
}

div#branding_div p {
  margin: 0px;
  padding: 0px;
}

div#branding_div p#brand_description {
  display: none;
}