/* $Id: style.css 879 2009-03-19 13:16:25Z dennis $ */
/* Copyright (c) 2009 Mark Janssen and Dennis Stevense. All rights reserved. */
/* Original design SchoolMaster BV */

body {
  font-family: "Trebuchet MS", sans-serif;
  /* Base font size in pixels should make text in each browser the same size */
  font-size: 12px;
  background-color: #f0f0f0;
}

a {
  color: #e09f3a;
}

p {
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #e09f3a;
}

/* Makes sure headers are the same size in IE as in FF and Safari */
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
h5 { font-size: .8em; }
h6 { font-size: .7em; }

ul, .item-list ul {
  margin: 1em 0;
}

@media screen {

#layout {
  background-color: #fff;
  background-image: url('images/layout-left.png');
  background-repeat: repeat-y;
  padding-left: 4px;
  padding-bottom: 1px;
}

#layout-right {
  background-image: url('images/layout-right.png');
  background-repeat: repeat-y;
  background-position: right;
  padding-right: 4px;
  padding-bottom: 1px;
}

#header {
  background-image: url('images/header.png');
  background-repeat: repeat-x;
  padding: 5px 10px 0 10px;
}


/* Assume this is handled by the logo */
#site-name, #site-slogan {
  display: none;
}

}

#header .content, #header .left, #header .right {
  height: 65px;
  overflow: hidden;
}

#header .left {
  float: left;
  width: 200px;
}

#header .right {
  font-size: .8em;
  color: #008cd6;
  text-align: right;
  /* For positioning above primary links stuff, and for allowing absolute posioning inside. */
  position: relative;
  z-index: 20;
}

#header .right a {
  color: #008cd6;
  text-decoration: none;
  position: relative;
  
}

#secondary-links, #search-box, #breadcrumb {
  /* Aggressive use of absolute positioning and pixel positions are necessary for cross-browser compatibility, and to make sure things don't shift when one or more of these are not there. */
  position: absolute;
  right: 5px;
}

#secondary-links {
  white-space: nowrap;
  top: 5px;
}

#secondary-links ul {
  margin: 0;
}

#secondary-links li {
  display: inline;
  margin: 0;
  margin-left: 1.2em;
}

#search-box {
  height: 18px;
  top: 26px;
}

#search-box .content {
  float: right;
  height: 18px;
}

#search-box .form-text, #search-box .form-submit {
  border: 1px solid #0077ad;
  /* Necessary for IE and stuff. */
  font-size: 10px;
  font-family: "Trebuchet MS", sans-serif;
  line-height: 1;
  /* Fixes cross browser and margin problems. */
  float: left;
}

#search-box .form-text {
  border-right-style: none;
  height: 10px;
  padding: 3px;
}

#search-box .schoolsearch-default {
  color: #0094d9;
}

#search-box .form-submit {
  background-color: #0077ad;
  color: #fff;
  height: 18px;
}

/* Don't show a submit button when we have school search */
#search-box #search_school.form-text {
  border-right: 1px solid #0077ad;
}
.schoolsearch-submit {
  /* display: none; */
  /* position: absolute;
  visibility: hidden; */
}
 
#breadcrumb {
  top: 50px;
}

#primary-links {
  background-image: url('images/primary-links-left.png');
  background-repeat: no-repeat;
  /* Could've used just margin-top: -9px here, but that doesn't work in IE6 */
  top: -9px;
  margin-bottom: -9px;
  padding-top: 14px;
  height: 52px;
  padding-left: 17px;
  position: relative;
  z-index: 10;
}

#primary-links-right {
  background-image: url('images/primary-links-right.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 15px;
  height: 37px;
  padding-right: 18px;
}

#primary-links ul {
  background-image: url('images/primary-links.png');
  height: 37px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#primary-links ul li {
  float: left;
  list-style-type: none;
}

#primary-links ul li a {
  display: block;
  margin: 5px 0;
  padding: 6px 15px 6px 12px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  background-image: url('images/primary-links-separator.png');
  background-repeat: repeat-y;
  background-position: right;
}

#primary-links ul li a.active, #primary-links ul li a:hover {
  background-color: #d35e24;
}

#columns {
  line-height: 1.8;
}

h2#page-title, .node h2, .node h2 a, .block h2 {
  color: #0079ae;
  line-height: 1.2;
  margin-top: 0;
}

h2#page-title {
  border-bottom: 2pt solid #c35119;
}

.node h2, .node h2 a, .block h2 {
  margin-bottom: 0;
}

.column-side h1, .column-side h2, .column-side h3, .column-side h4, .column-side h5, .column-side h6 {
  color: #c35119;
  font-size: 1.2em;
  line-height: 1.3;
  border-bottom: 2pt solid #c35119;
  margin-bottom: 0.5em;
}

.block {
  border: 1px solid #fafafa;
  margin-bottom: 1em;
}

.block-border2 {
  border: 1px solid #f3f3f3;
}

.block-border3 {
  border: 1px solid #e5e5e5;
  padding: 5px;
}

ul.menu {
  padding-left: 0;
  line-height: 1;
}

ul.menu li {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  /* Fixes problem with IE6 */
  padding-bottom: 1px;
}

ul.menu a {
  color: #008cd6;
  text-decoration: none;
  display: block;
  padding: .5em;
}

ul.menu a:hover {
  font-weight: bold;
}

ul.menu a.active {
  font-weight: bold;
  color: #0b88be;
}

ul.menu li.expanded {
  background-color: #e6f7ff;
}

ul.menu li.expanded a, ul.menu a.active {
  color: #fff;
  background-color: #0197d9;
  background-image: url('images/menu-expanded.png');
  background-repeat: repeat-x;
  background-position: center center;
}

/* This essentially makes the above do ul.menu li.expanded > a */
ul.menu li.expanded li.leaf a, ul.menu li.expanded li.collapsed a {
  color: #008cd6;
  background-color: transparent;
  background-image: none;
}

ul.menu li.expanded ul.menu {
  padding: .5em 0;
}

ul.menu li.expanded li.leaf, ul.menu li.expanded li.collapsed {
  padding-left: .2em;
  margin-left: 1.5em;
  background-image: url('images/menu-leaf.png');
  background-repeat: no-repeat;
  background-position: left center;
}

ul.menu li.expanded li.expanded {
  margin-left: 1em;
}

#user-login-form .item-list {
  text-align: left;
  font-size: 0.9em;
}

td a {
  text-decoration: none;
}

th {
  color: #c35119;
  line-height: 1.3;
}

tr, td, tr.even, tr.odd {
  border-color: #b9e8ff;
}

th {
  border-bottom: 2pt solid #c35119;
}

tr.odd {
  background-color: #fff;
}

tr.even {
  background-color: #e9f8ff;
}

td.active {
  background-color: #dcf3ff;
}

td.revision-current, td.menu-disabled {
  background-color: #bfeaff;
}

.school-timetable-table td {
  background-color: #fff;
  border: 1px solid #0197d9;
}

.school-timetable-table .school-timetable-period {
  border-left-style: none;
}

.school-timetable-table .school-timetable-cell {
  background-color: #e6f7ff;
}

.school-timetable-changes-cancelled {
  color: #008cd6;
}

/** Nodes **/

.node {
  margin-bottom: 2em;
}

.node h2 a {
  text-decoration: none;
}

.node .info, .comment .author {
  font-size: 0.8em;
  color: #aaa;
}

.node .content {
  text-align: justify;
}

.links {
  font-style: italic;
  text-align: right;
  font-size: 0.9em;
  line-height: 1;
  margin-top: -1em;
  padding-bottom: .6em;
  border-bottom: 2pt solid #c35119;
}

.float-odd, .float-even {
  width: 48.9%;
  padding-bottom: .1em;
  overflow: hidden;
}

.first, .float-odd, .float-even {
  margin-bottom: 1em;
}

.float-even {
  float: left;
}

.float-odd {
  float: right;
}

.node-separator {
  clear: both;
  border: 2pt solid #c35119;
  border-right-style: none;
  border-top-style: none;
  border-left-style: none;
}

.float-odd .links, .float-even .links {
  border-bottom: none;
  padding-bottom: 0;
}

.node .links a.read-more {
  color: #0b88be;
  font-size: 1.2em;
}

.book-navigation .page-links {
  width: 97%;
  margin-bottom: 1.3em;
}

table#attachments {
  margin-top: -.8em;
  margin-bottom: 1.5em;
}

/** Footer **/

#footer {
  font-size: .9em;
  margin: 1em;
  text-align: center;
  background-image: url('images/footer-left.png');
  background-repeat: no-repeat;
  padding-top: 14px;
  padding-left: 17px;
}

#footer .credits, #footer .credits a {
  color: #999;
}

#footer-right {
  background-image: url('images/footer-right.png');
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 17px;
  padding-top: 20px;
}

/** Messages **/

.messages, #mission {
  background-color: #e6f7ff;
  padding: 0.6em 1em;
  margin-bottom: 1em;
}

ul.primary, ul.secondary {
  background-color: #e7733b;
  margin: 0.5em 0;
  padding: 0;
  border: none;
  overflow: hidden;
}

ul.primary li, ul.secondary li {
  float: left;
  list-style-type: none;
  border: none;
  padding: 0;
  margin: 0;
}

ul.primary li a, ul.secondary li a {
  display: block;
  margin: 2px 0;
  height: 14px;
  padding: 2px 10px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  background: none;
  border: none;
  background-image: url('images/primary-links-separator.png');
  background-repeat: repeat-y;
  background-position: right;
  line-height: 1.3;
}

ul.primary li a:hover, ul.primary li.active a, ul.secondary li a:hover, ul.secondary li.active a {
  border: none;
  background-color: #d35e24;
  color: #fff;
}

ul.secondary li.active a {
  border-bottom: none;
}

/** Resizable text areas */
.resizable-textarea {
  width: 95%;
  margin-bottom: 1em;
}

/** Pictures */
.pa-album .picture-view {
  padding: .5em;
  background: #d35e24;
  border: 1px solid #06c;
}

/** Comments */
.comment {
  margin-top: 1em;
}

.comment .title {
  font-weight: bold;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1.2px;
}

.comment .title a {
  color: #0079ae;
  text-decoration: none;
}

.comment-new .title a {
  font-style: italic;
}

.comment .content {
  overflow: hidden;
}

/** Pager */

#pager {
  margin: 1em;
}

#pager strong, #pager a {
  padding: .5em;
  margin: 0.2em;
  background-color: #e6f7ff;
  color: #c35119;
  text-decoration: none;
}

#pager strong, #pager a:hover {
  background-color: #d35e24;
  color: #fff;
}

/** Poll */
.poll .bar, #layout .flexiform-analyze-bar .background {
  background-color: #e6f7ff;
}

.poll .bar .foreground, #layout .flexiform-analyze-bar .foreground {
  background-color: #c35119;
}

.block-poll .links, .poll .links {
  margin: 0;
  border-bottom: none;
}

/*
** Autocomplete suggestion list
*/

#autocomplete li {
  text-align: left;
  padding-left: .3em;
}
#autocomplete li.selected {
  background: #d35e24;
}

/* Main layout */

@media screen {
  
body {
  text-align: center;
  margin: 0;
}

body.mceContentBody {
  text-align: inherit;
}

#layout {
  width: 983px;
  margin: 0 auto;
  text-align: left;
}

.page-admin #layout {
  width: auto;
  min-width: 983px;
  margin: 0 2em;
}

.layout-left #columns, .layout-both #columns {
  padding-left: 224px;
}

.layout-right #columns, .layout-both #columns {
  padding-right: 224px;
}

#columns-wrapper {
  width: 100%;
}

#float-wrapper {
  float: left;
  width: 100%;
  position: relative;
}

.column-content {
  margin: 0 10px;
}

#column-left {
  float: left;
  width: 225px;
  margin-left: -225px;
}

#column-center {
  float: right;
  width: 100%;
}

#column-center .column-content {
  overflow: hidden;
  overflow-x: auto;
}

#column-right {
  float: right;
  width: 225px;
  margin-right: -225px;
}

.column-side {
  position: relative;
  overflow: hidden;
}

.column-side .column-content {
  overflow: hidden;
  position: relative;
}

.layout-right #column-left, .layout-none #column-left {
  display: none;
}

.layout-left #column-right, .layout-none #column-right {
  display: none;
}

/* Fixes for Mozilla, but not IE */
#columns-wrapper[id] { padding-bottom: 0.1px; }
#float-wrapper[id] { margin-right: -1px; }
#column-left[id] { margin-right: 1px; }
#column-center[id] { margin-left: -1px; }
#column-right[id] { margin-left: 1px; }

}

/* Printing */
@media print {
body {
  margin: 1em;
  background-color: #fff;
}

h1 {
  margin-bottom: 0.5em;
}

#header img, #primary-links, #secondary-links, #site-slogan, #breadcrumb, #column-left, #column-right, .tabs, #search-box, #comment_controls {
  display: none;
}

#header .left {
  width: 100%;
}

#footer {
  background: none;
  text-align: center;
  font-size: 0.8em;
  clear: both;
}

#footer-right {
  background: none;
}

table {
  border-collapse: collapse;
}

a {
  color: inherit;
  text-decoration: none;
}

a:link, a:visited {
  text-decoration: underline;
}

#header a, #footer a {
  text-decoration: none;
}
}

/* Markup free clearing---stolen from Drupal 5 */

.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */

/* @override 
	http://localhost/~dennis/appelflap/themes/appelflap/jtcroosendaal/style.css
	http://appeltaart.local/~mark/appelflap/themes/appelflap/jtcroosendaal/style.css
	http://jantinbergencollege.nl/themes/appelflap/jtcroosendaal/style.css
*/