/* Several new styles for use within page bodies, must be added to the
   WYSIWYG editor */

/******************
 * WYSIWYG STYLES *
 ******************/

.frodo-inline-code {
  font-family: monospace;
  font-size: 9pt;
  background-color: #DDD;
}

.frodo-inline-file {
  font-weight: bold;
}

.frodo-inline-label {
  font-style: italic;
}


/**********************
 * OVERRULE ZEROPOINT *
 **********************/

/* Set the size of the left sidebar */
.two-sidebars.eq .outer, .sidebar-first.eq .outer, .sidebar-first.eq .outer {
  margin-left: 300px !important;
}
.sidebar-first.eq .colleft {
  width: 300px !important;
  margin-left: -300px !important;
}

/* The size of the main content should be a little bit bigger */
#main {
  font-size: 114%;
  line-height: 140%;
}

/* A slightly darker text color */
html body {
  color: #050505; background-color: #f0f0f0;
}

/* Links should only be underlined when the mouse pointer is on them */
#main div .field-name-body a {
  text-decoration: none;
}

#main div .field-name-body a:hover {
  text-decoration: underline;
}

/* Do not call the PHP file for rotating images */
.himg #headimg {
  background: none !important;
}

/* Pre is used a lot, make a little bit nicer */
pre {
  margin: 0.5em 1em;
  padding: 0.25em 0.5em !important;
  overflow: auto;
  background-color: #DDD !important;
}

/* Set the drop-down main menu separator background */
#navlinks ul li.expanded li {
  background: none repeat scroll 0% 0% #CA0000;
}
#navlinks ul li.expanded hr {
  color: #000;
  border-color: #000;
  border-width: 5;
}
#navlinks ul li.expanded span.separator {
  line-height: 0px;
  font-size: 0px;
}
#navlinks ul li.expanded > span {
  background: url('../../zeropoint/images/nav-down.png') no-repeat scroll 7px 50% #900;
  padding-left: 22pt;
}

#navlinks ul li.expanded > span {
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  color: #FFF !important;
  text-transform: uppercase;
  font-family: "times new-roman",sans-serif,Arial,Verdana,Helvetica;
  padding: 2px 22px;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  display: block;
}

/* Do not display the zeropoint icon at the bottom */
.legal {
  display: none;
}

/* Better header and list behaviour regarding margins */
#main h2, #main h3 {
  padding-bottom: 0.2em;
  padding-top: 0.2em;
  margin-top: 0.8em;
  margin-bottom: 0.2em;
}
#main p {
  margin-top: 0px;
}
#main ul {
  margin-left: 10px;
  margin-bottom: 0.4em;
}
#main p + ul {
  margin-top: -0.6em;
}
#main li {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

/****************************
 * FORMATTING PAGE ELEMENTS *
 ****************************/

/* For some reason, tinyMCE uses a 10pt font, which is quite uneditable. */
body#tinymce {
  font-size: 12pt;
}

/* The logo field should be flushed right, and we want some distance between
   text and image. */
div.field-name-field-logo img {
  float: right;
  margin-left: 5px;
  margin-right: 2px;
}


/* We want the full width for the bottom item (to get the correct background).
   On the other hand, we need the menus to be centered.
   We need three levels of divs to do this; fortunately, we have them.
   Overflow:hidden makes the background go all the way to the bottom.
   Next, we use the float trick to get the contents centered. */
div.u8 {
  width: 100%;
}
#block-footer_sitemap-footer_sitemap .content {
  overflow: hidden;
}
#block-footer_sitemap-footer_sitemap .content > div {
  float: left;
  position: relative;
  left: 50%;
}
#block-footer_sitemap-footer_sitemap .content > div > div {
  float: left;
  position: relative;
  left: -50%;
}

/* A little space between menu items */
ul.footer_links_menu-secondary-menu-bottom- > li {
  margin-left: 10px;
  margin-right: 10px;
}

/* No title */
#block-footer_sitemap-footer_sitemap .block-title {
  display: none;
}

/**********
 * BLOCKS *
 **********/

# Old content Tebecai block
.bicons48 #block-block-1 .block-icon {
  background: transparent url(../images/icons/blocks/icon_warning_48.png) no-repeat;
}
.bicons32 #block-block-1 .block-icon {
  background: transparent url(../images/icons/blocks/icon_warning_32.png) no-repeat;
}

# Dutch content block
.bicons48 #block-block-2 .block-icon {
  background: transparent url(../images/icons/blocks/icon_flag_dutch_48.png) no-repeat;
}
.bicons32 #block-block-2 .block-icon {
  background: transparent url(../images/icons/blocks/icon_flag_dutch_32.png) no-repeat;
}

# Old content block
.bicons48 #block-block-3 .block-icon {
  background: transparent url(../images/icons/blocks/icon_warning_48.png) no-repeat;
}

.bicons32 #block-block-3 .block-icon {
  background: transparent url(../images/icons/blocks/icon_warning_32.png) no-repeat;
}

# Tagclouds block
.bicons48 .block-tagclouds .block-icon {
  background: transparent url(../../zeropoint/images/icons/blocks/icon_04_48.png) no-repeat;
}

.bicons32 .block-tagclouds .block-icon {
  background: transparent url(../../zeropoint/images/icons/blocks/icon_04_32.png) no-repeat;
}

/*************
 * TAGCLOUDS *
 *************/

.tagclouds {
  line-height: 120%;
}

.tagclouds-term {
  margin-left: 10px;
  margin-right: 10px;
  white-space: nowrap;
}

/* Tag clouds should not be justified, that makes it hard to determine where
   one tag stops and the next begins */
.wrapper.tagclouds {
  text-align: left;
}


/* vim:ft=css:sw=2:et 
*/