/** Derived from /program/themes/cornelia/style.css - stylesheet for cornelia theme
 *
 * This file is part of Website@School, a Content Management System especially designed for schools.
 * Copyright (C) 2008-2013 Ingenieursbureau PSD/Peter Fokker <peter@berestijn.nl>
 *
 * This program is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License version 3 as published by
 * the Free Software Foundation supplemented with the Additional Terms, as set
 * forth in the License Agreement for Website@School (see /program/license.html).
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
 * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
 * for more details.
 *
 * You should have received a copy of the License Agreement for Website@School
 * along with this program. If not, see http://websiteatschool.eu/license.html
 *
 * The basic layout of a page is determined by a set of
 * sometimes nested DIV-elements, each with their own id.
 * A generic page looks a bit like this
 *
 * top
 * page
 *   header
 *     headerinside
 *       logo
 *       title
 *       subtitle
 *     navigationbackground
 *       navigation
 *   quicktopcontainer
 *     quicktop
 *     breadcrumbs
 *   messages
 *   content
 *     leftmargin
 *       leftmargintop
 *       menu
 *       leftmarginbottom
 *     rightmargin
 *       rightmargintop
 *       sidebar
 *       rightmarginbottom
 *     contentinside
 *       contenttitle
 *   footer
 *     quickbottom
 *     address
 * bottom
 *
 * The page is constructed in the page-div. The top and bottom div are
 * only there to hold stuff that must be rendered before or after the
 * actual page. Can be used to hold javascript popups/alerts.
 * Furthermore, some additional unnamed div's are used to make the design work.
 *
 * @author Peter Fokker <peter@berestijn.nl>
 * @copyright Copyright (C) 2008-2013 Ingenieursbureau PSD/Peter Fokker
 * @license http://websiteatschool.eu/license.html GNU AGPLv3+Additional Terms
 * @package wastheme_cornelia
 * @version $Id: style.css,v 1.5 2013-07-10 15:13:28 pfokker Exp $
 */
body {
  margin: 0px;
  background-color: #FFFFD0;
}
img {
  border: none
}
a {
  color: #000000;
  text-decoration: none;
}
a:link,
a:visited {
  color: #006633;
}
a:active,
a:hover {
  color: #FF0000; 
  text-decoration: underline;
}

#page {
  width: 980px;
  background-color: #FFFFD0;
  font-size: 11pt;
  margin: 0 auto;
  overflow:hidden;
  /* font-family: "comic sans ms",tekton,blueprint,"dom casual","dom casual bt",cursive; */
  font-family: verdana,arial,helvetica,sans;
}
#header {
  width: 980px;
  height: 175px;
  background-color: #FFFFD0;
  background-repeat: no-repeat;
  padding: 0px;
  font-family: "comic sans ms",tekton,blueprint,"dom casual","dom casual bt",cursive;
}
#logo {
  float: right;
  height: 150px;
  background-color: #FFFFD0;
}
#logo img {
  position: relative;
  top: 0px;
}
#header_inside {
}
#header_inside h1 {
  display: none;
  margin-top: 15px;
  float: right;
  width: 680px;
  text-align: center;
  font-size: 2.4em;
  color: #FF0000;
}
#header_inside h2 {
  float: left;
  width: 370px;
  margin: 40px 20px;
  text-align: left;
  font-size: 2.4em;
  color: #002C8C;
}

#navigation_background {
  clear: both;
  width: 980px;
  height: 25px;
  background: #002C8C;
  left: 0px;
}
#navigation {
  margin: 0px 0px 0px 190px;
  position:relative;
  bottom: 2px;
}
#navigation ul {
  font-weight: bold;
  list-style: none;
  margin: 10px;
  padding: 0px;
}
#navigation li {
  font-family: Verdana, Arial, Sans;
  font-size: 1.5em;
  font-weight: bold;
  float:left;
  margin: 0px 15px 0 10px;
}
#navigation a {
  color:#FFFFFF;
  text-decoration: none;
}
#navigation .current a {
  color: #FFFFD0;
}
#navigation a:hover {
  color:#CCFF33;
  text-decoration: underline;
}

#quicktop_container {
  clear: both;
  margin-top: 7px;
}
#quicktop {
  height: 24px;
  text-align: right;
  margin: 0px 8px;
  padding: 0px;
  background-color: #FFFFD0;
  float: right;
}
#quicktop a {
  margin: 0px 4px;
}
#breadcrumbs {
  margin: 2px 8px 0px 8px;
  height: 20px;
  background-color: #FFFFD0;
  font-size: 0.9em;
}
#breadcrumbs a {
  text-decoration: none;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}
#messages {
  background-color: #FFFF33;
  padding: 4px 8px;
  clear: both;
}
#content {
  background-color: #FFFFD0;
}
#leftmargin {
  float: left;
  width: 200px;
  background-color: #FFFFD0;
  margin-right: 10px;
  min-height: 500px;
}
#leftmargin_top {
  margin: 15px;
}

/* the menu is constructed with nested ULs and LIs 
 * Difference between 'opened' and 'closed' sections
 * and 'active' pages is determined via the class
 * properties. The following classes are recognised
 * for LIs:
 * - page
 * - section
 * - activepage
 * - activesection
 * Furthermore, the current page uses class:
 * - current
 */
#menu {
  margin: 15px;
  min-height: 180px;
  width: 195px;
  font-size: 1.1em;
}
#menu h3 {
  display: none;
}
#menu ul {
  list-style: none;
  padding-left: 0px;
  line-height: 150%;
  margin-left: 10px;
}
#menu li {
  padding-left: 14px;
}
#menu li.level0 {
  padding-left: 0px;
}
#menu li.page { }
#menu li.section { }
#menu li.activepage { }
#menu li.activesection { }

#menu a {
  font-weight: bold;
  text-decoration: none;
}
#menu a:link,
#menu a:visited {
  color: #006633;
}
#menu a:active,
#menu a:hover {
  color: #FF0000; 
  text-decoration: underline;
}
#menu a.current:link,
#menu a.current:visited {
  text-decoration: underline;
}
#menu a.current:active,
#menu a.current:hover {
  text-decoration: underline;
}
#leftmargin_bottom {
  margin: 15px 15px;
}

#rightmargin {
  float: right;
  width: 200px;
  background-color: #FFFFD0;
  margin-left: 10px;
  min-height: 500px;
}
#rightmargin_top {
  margin: 15px 15px;
}
#sidebar {
  margin: 15px 15px;
}
.sidebar_htmlpage {
  padding: 3px;
  margin: 15px 0px;
  border: 1px solid #CCCCCC;
  background: #EEEEEE;
}
#sidebar_block1 { }
#sidebar_block2 { }

#rightmargin_bottom {
  margin: 15px 15px;
}
#content_inside {
  background-color: #FFFFD0;
  width: 560px;
  xmargin-top: -12px;
  margin-left: 210px;
}
#footer {
  clear: both;
  background-color: #002C8C;
  color: #FFFFFF;
  text-align: center;
  font-size: 0.8em;
  margin-top: 10px;
  margin-bottom: 10px;
}
#footer a {
  color: #FFFFFF;
  text-decoration: none;
}
#footer a:hover {
  color: #FFFFD0;
  text-decoration: underline;
}
#quickbottom {
}
#quickbottom a:link,
#quickbottom a:visited {
}
#quickbottom a:active,
#quickbottom a:hover {
  color: #CCFF33;
}
#quickbottom a.current:link,
#quickbottom a.current:visited {
  text-decoration: underline;
}
#address {
  display: none;
}

/*
 * Styling of input elements
 */
/* visual indication of the hotkey in a label is done via a U within a LABEL */
label u {
  font-weight: bold;
  text-decoration: underline;
}
/* visual indication of the non-editable fields by 'dimming' the corresponding label */
label.viewonly {
  color: #7F7F7F;
}
/* visual indication of an input field that didn't pass validation */
.error {
  color: #FF0000;
}
/* visual indication of editable fields using a slightly contrasting background colour */
input,
select,
textarea {
  background-color: #FFFFFF;
}
option {
  font-family: mono;
}
/* individual styling for different input elements (currently unused) */
input.textfield {
}
input.passwordfield {
}
label.checkboxfield {
}
input.checkboxfield {
}
label.radiofield {
}
input.radiofield {
}
input.filefield {
}
/* generic button style; individual background images follow */
input.button {
  background-color: #E7E7E7;
  background-repeat: no-repeat;
  margin-right: 30px;
  font-weight: bold;
}
input.button_save {
  padding-left: 20px;
  background-image: url(../../graphics/button_save.gif);
}
input.button_cancel {
  padding-left: 20px;
  background-image: url(../../graphics/button_cancel.gif);
}
input.button_delete {
  padding-left: 20px;
  background-image: url(../../graphics/button_delete.gif);
}
input.button_previous {
  padding-left: 20px;
  background-image: url(../../graphics/button_previous.gif);
}
input.button_next {
  padding-left: 20px;
  background-image: url(../../graphics/button_next.gif);
}
input.button_ok {
  padding-left: 20px;
  background-image: url(../../graphics/button_ok.gif);
}
input.button_edit {
  padding-left: 20px;
  background-image: url(../../graphics/button_edit.gif);
}
/* eof /program/themes/cornelia/style.css */