/* bm~styles.css -----------------------------------------------------
   CSS styles for Ontwerpatelier Bert Gebruers - Peter Jannes,
   generated 2009-02-03 13:59:37 GMT by Big Medium v2.0.8
   
   DO NOT EDIT THIS FILE MANUALLY
   This file is generated automatically, and any changes that you
   make to it will be overwritten. To add your own custom styles,
   use the "Edit Theme CSS" option in the Big Medium control panel.
   You may also remove theme styles via the "Remove Design Theme"
   option. Navigation styles may be removed via the navigation options
   in "HTML Preferences."
   ------------------------------------------------------------------- */

/* START BASE BIG MEDIUM STYLES
------------------------------------------------------ */
/* $Id: base.css 3311 2008-09-05 09:56:36Z josh $ */

/* margins and containers
---------------------------------------------------------- */
p {
    margin-top:0;
    margin-bottom:1em;
}

div.bmw_link {  /* container for each page link */
    margin-bottom: 1.4em;
}

div.bmw_pagetools span { /* page tool spacing */
    margin-right: 1em;
}

div.bmw_pageContent,
div.bmw_anncContent,
div.bmw_tipContent,
div.bmw_link,
div.bmc_aboveContent,
div.bmc_belowContent,
div.bmw_images,
div.bmw_gallery,
form.bmf_form p {
    overflow: hidden;
    zoom:1; /* not standard, but necessary to make ie observe overflow */
}

/* navigation bars
---------------------------------------------------------- */
div.bmw_navigation ul, div.bmw_navigation li {
    list-style:none;
    padding:0;
    margin:0;
}
div.bmw_navigation a {
    display:block;
}
div.bmw_navigation iframe { /* for ie dropdowns */
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 0;
}
select.bmHide { visibility: hidden; } /* for IE 5.0 dropdowns */
div.bmw_navigation div.bmn_skipnav a,
div.bmw_navigation div.bmn_skipnav a:visited,
div.bmw_navigation div.bmn_skipnav a:hover {
    position: absolute;
    left: -99999px;
    float: left;
    width: 1px;
    font-size: 1px;
    line-height: 1px;
    text-align:left;
    background-color:transparent;
}


/* big medium link
---------------------------------------------------------- */
a.bmw_bigmedium {
    width: 90px;
    height: 16px;
    background: url(bm.assets/powered_by_big_medium.gif) no-repeat;
    display:block;
    text-indent:-10000em;
    font-size:0em;
    line-height:0em;
}

/* images
---------------------------------------------------------- */
img { border: 0; }

img.bma_leftthumb {
    float:left;
    margin-right: .5em;
}
img.bma_rightthumb {
    float:right;
    margin-left: .5em;
}

/* image wrappers
---------------------------------------------------------- */

div.bmc_image {
    padding: .5em
}
div.bmc_leftContentImage {
    float:left;
    margin-right: .5em;
}
div.bmc_rightContentImage{
    float:right;
    margin-left: .5em;
}
div.bmc_centerContentImage{
    margin-left: auto;
    margin-right: auto;
}

/* pullquotes
---------------------------------------------------------- */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
    padding: 0 1em;
    margin: 0;
    width: 200px;
}

blockquote.bmc_bigPullquote {
    font-size: small;  /* fake size for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    font-size: medium; /* real font size for everyone else */
}

blockquote.bmc_rightPullquote {
    float:right;
    margin-left: .5em;
}
blockquote.bmc_leftPullquote {
    float:left;
    margin-right: .5em;
}
blockquote.bmc_centerPullquote{
    margin-left: auto;
    margin-right: auto;
}


/* document wrappers
---------------------------------------------------------- */

div.bmc_document {
    padding: 0 1em;
    width: 200px;
}
div.bmc_rightDocument {
    float:right;
    margin-left: .5em;
}
div.bmc_leftDocument {
    float:left;
    margin-right: .5em;
}
div.bmc_centerDocument{
    margin-left: auto;
    margin-right: auto;
}
div.bmc_Document {
    margin-bottom: 0.8em;
}

/* feed icon
---------------------------------------------------------- */

a.bma_feed {
    padding-left: 18px;
    background-image: url(bm.assets/feed-icon-12x12.gif);
    background-repeat: no-repeat;
	background-position: left center;
}

/* comment icon
---------------------------------------------------------- */

a.bma_commentcount {
	padding-left: 14px;
	background-image: url(bm.assets/comment-12x12.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* document icons
---------------------------------------------------------- */
a.bm_docicon {
    padding-left: 20px;
    background-image: url(bm.assets/docIconSm_generic.gif);
    background-repeat: no-repeat;
	background-position: left top;
}
a.bm_gifDocIcon, a.bm_pngDocIcon, a.bm_jpgDocIcon, a.bm_jpegDocIcon, a.bm_icoDocIcon,
a.bm_bmpDocIcon, a.bm_jfifDocIcon, a.bm_tifDocIcon, a.bm_tiffDocIcon, a.bm_psdDocIcon,
a.bm_epsDocIcon {
    background-image: url(bm.assets/docIconSm_image.gif);
}
a.bm_pdfDocIcon {
    background-image: url(bm.assets/docIconSm_pdf.gif);
}
a.bm_docDocIcon {
    background-image: url(bm.assets/docIconSm_doc.gif);
}
a.bm_xlsDocIcon, a.bm_xlwDocIcon {
    background-image: url(bm.assets/docIconSm_excel.gif);
}
a.bm_rtfDocIcon {
    background-image: url(bm.assets/docIconSm_rtf.gif);
}
a.bm_txtDocIcon {
    background-image: url(bm.assets/docIconSm_txt.gif);
}
a.bm_xmlDocIcon {
    background-image: url(bm.assets/docIconSm_xml.gif);
}
a.bm_zipDocIcon, a.bm_gzDocIcon, a.bm_gzipDocIcon, a.bm_tazDocIcon,
a.bm_tgzDocIcon, a.bm_hqxDocIcon, a.bm_binDocIcon, a.bm_tarDocIcon {
    background-image: url(bm.assets/docIconSm_zip.gif);
}
a.bm_sitDocIcon {
    background-image: url(bm.assets/docIconSm_sit.gif);
}
a.bm_dmgDocIcon {
    background-image: url(bm.assets/docIconSm_dmg.gif);
}
a.bm_pptDocIcon, a.bm_ppsDocIcon {
    background-image: url(bm.assets/docIconSm_powerpoint.gif);
}
a.bm_mppDocIcon {
    background-image: url(bm.assets/docIconSm_project.gif);
}
a.bm_sxwDocIcon, a.bm_stwDocIcon, a.bm_sxgDocIcon, a.bm_sdwDocIcon, a.bm_sglDocIcon {
    background-image: url(bm.assets/docIconSm_oo-write.gif);
}
a.bm_sxcDocIcon, a.bm_stcmDocIcon, a.bm_sdcDocIcon {
    background-image: url(bm.assets/docIconSm_oo-calc.gif);
}
a.bm_sxiDocIcon, a.bm_stiDocIcon, a.bm_sddDocIcon, a.bm_sdpDocIcon {
    background-image: url(bm.assets/docIconSm_oo-impress.gif);
}
a.bm_sxdDocIcon, a.bm_stdDocIcon, a.bm_sdaDocIcon {
    background-image: url(bm.assets/docIconSm_oo-draw.gif);
}
a.bm_mp3DocIcon, a.bm_mpuDocIcon, a.bm_m4aDocIcon, a.bm_midDocIcon, a.bm_midiDocIcon,
a.bm_rmiDocIcon, a.bm_m4pDocIcon, a.bm_aacDocIcon, a.bm_aifDocIcon, a.bm_aiffDocIcon,
a.bm_aifcDocIcon, a.bm_wavDocIcon, a.bm_wmaDocIcon, a.bm_ramDocIcon, a.bm_rmDocIcon {
    background-image: url(bm.assets/docIconSm_audio.gif);
}
a.bm_wmvDocIcon, a.bm_aviDocIcon, a.bm_mpegDocIcon, a.bm_mpeDocIcon, a.bm_mpgDocIcon,
a.bm_mp4DocIcon {
    background-image: url(bm.assets/docIconSm_winvideo.gif);
}
a.bm_swfDocIcon {
    background-image: url(bm.assets/docIconSm_flash.gif);
}
a.bm_movDocIcon, a.bm_qtDocIcon, a.bm_moovDocIcon, a.bm_qtmDocIcon {
    background-image: url(bm.assets/docIconSm_quicktime.gif);
}

/* overflow navigation
---------------------------------------------------------- */
ul.bmw_overflowNav, ul.bmw_overflowNav li {
    margin: .5em 0em;
    padding: 0;
    list-style:none;
    position:relative; /* helps ie6 show the bottom link borders */
}
ul.bmw_overflowNav li {
    display:inline;
}
ul.bmw_overflowNav a, span.bma_inertPage {
    border:1px solid #999;
    padding: .2em .4em;
    text-decoration:none;
    background-color: #fff;
    line-height: 200%;
}
ul.bmw_overflowNav a.bma_thisPage {
    background-color: #ffa;
}
span.bma_inertPage {
   color: #999;
   border-color: #ccc;
}

/* search form 
---------------------------------------------------------- */

form.bmw_search button {
    vertical-align: top;
}

/* email, comment, widget-builder forms
---------------------------------------------------------- */
form.bmf_form {
    margin:.5em 0em;
    border: 1px solid #999;
    padding:.5em;
}
form.bmf_form p {
    overflow:hidden;
    zoom: 1;
}
form.bmf_form label {
    width: 30%;
    display: block;
    float:left;
    text-align: right;
    margin-right: .5em;
}
form.bmf_form input,
span.bmf_caption {
    width: 60%;
    display: block;
    float:right;
    margin-right: .5em;
}
label.bmf_req, p.bmf_req label {
    font-weight:bold;
}
form.bmf_form .bmf_comment {
    float:none;
    width: 99%;
    margin: 0;
    display:inline;
}
form.bmf_form label.bmf_auto,
form.bmf_form input.bmf_auto {
    width: auto;
    display:inline;
    float:none;
}
p.bmf_authorintro-sent,
p.bmf_authorintro-,
p.bmf_sendintro,
p.bmf_confirm,
div.bmf_tomail,
div.bmf_emailform-sent,
form.bmf_form input.bmf_honey,
.bmf_honey {
    display:none;
}
p.bmf_sendintro-,
div.bmf_tomail-,
p.bmf_confirm-sent {
    display:block !important;
}
p.bmf_privacy {
    font-size: smaller;
}
#bmjsFeed { width:95% }

/* gadget preview styling */
#bmjsSample div.bmfeedItem{margin-bottom:1em;overflow:hidden;zoom:1}
#bmjsSample img{float:left;margin-right:5px;}
#bmjsSample div div > p:first-child{margin-top:0}
#bmjsSample div div > p:last-child{margin-bottom:0}

/* workaround for mozilla hidden field bug */
input[type="hidden"] {
    display: none !important;
    visibility: hidden !important;
    padding: 0;
    border: 0;
}

/* comment html
---------------------------------------------------------- */

.bmc_comment {
    zoom: 1;
    overflow: hidden;
    border:1px solid #666;
    padding:.3em;
    margin-bottom: 1em;
    background-color: #fff;
}
.bmc_comment_staff {
    background-color: #ffc;
}
.bmc_comment_meta {
    background-color: #ddf;
    padding: .1em .5em;
    overflow: hidden;
    zoom: 1;
}
.bmc_comment_name {
    font-weight:bold;
    float: left;
    width: 40%;
}
.bmc_comment_timestamp {
    float:right;
    width: 55%;
    text-align:right;
    padding-top: .2em;
}
.bmc_comment_date,
.bmc_comment_time {
    padding-right: .5em;
    border-right: 1px solid #999;
    margin-right: .2em;
}

/* tag cloud
---------------------------------------------------------- */

ul.bmw_tagcloud, ul.bmw_tagcloud li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
ul.bmw_tagcloud li {
    display: inline;
    margin-right: 1em;
}
ul.bmw_tagcloud li a {
    text-decoration: none;
}
a.bmw_tagcloud_xsmall { font-size: x-small; }
a.bmw_tagcloud_small { font-size: small; }
a.bmw_tagcloud_medium { font-size: medium; }
a.bmw_tagcloud_large { font-size: large; }
a.bmw_tagcloud_xlarge { font-size: x-large; }

/* edit links
---------------------------------------------------------- */

p.bmEditPanel {
	padding: 1px 10px 1px;
	font-size: 11px;
	line-height: 15px;
	height: 16px;
	text-align: left;
	background: url(bm.assets/edit-panel.png) no-repeat right top;
}
p.bmEditPanel a,
p.bmEditPanel a:visited {
    font-size:11px;
    line-height: 15px;
    color: #fff;
    padding-left: 18px;
	background-position: left center;
    background-repeat: no-repeat;
}
p.bmEditPanel a:hover {
    color: #ccc;
}
a.bmEdit,
a.bmNewPage {
    padding-right: 10px;
    border-right:1px solid #fff;
    margin-right: 5px;
}
a.bmEdit {
    background-image: url(bm.assets/bmcp_edit.gif);
}
a.bmNewPage {
    background-image: url(bm.assets/bmcp_newpage.gif);
}
a.bmDel {
    background-image: url(bm.assets/bmcp_delete.gif);
}

/* image lightbox
---------------------------------------------------------- */

#bmlbox_lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#bmlbox_lightbox img{ width: auto; height: auto;}

#bmlbox_lightbox a img { border: none; }

#bmlbox_outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#bmlbox_imageContainer { padding: 10px; }

#bmlbox_loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#bmlbox_hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 99%; /* 100% can cause 1-pixel overhang */
    z-index: 10;
}

#bmlbox_imageContainer>#bmlbox_hoverNav { left: 0; }
#bmlbox_hoverNav a { outline: none; }

#bmlbox_prevLink,
#bmlbox_nextLink {
    width: 49%;
    height: 100%;
    display: block;
}

#bmlbox_prevLink {
    left: 0;
    float: left;
    background: url(bm.assets/lightbox_prev.gif) left 0% no-repeat;
}

#bmlbox_nextLink {
    right: 0;
    float: right;
    background: url(bm.assets/lightbox_next.gif) right 0% no-repeat;
}

#bmlbox_imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
	overflow: hidden;
	width: 100%	
}

#bmlbox_imageData {
    padding: 0 10px;
    color: #666;
}

#bmlbox_imageData #bmlbox_imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#bmlbox_imageData #bmlbox_caption {
    font-weight: bold;
}

#bmlbox_imageData #bmlbox_numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#bmlbox_imageData #bmlbox_bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}

#bmlbox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 0px; /* fixes pageload flash in some sites */
    background-color: #000;
}

/* sitemap link
---------------------------------------------------------- */
a.bma_sitemap { display:none }

/* START THEME STYLES
----------------------------------------------------------- */
/* "Cup o' Joe" theme styles
   $Id: theme.css 1873 2007-03-16 13:54:09Z josh $
---------------------------------------------------------------- */

/* basic page and font styles; all font sizes
---------------------------------------------------------- */
body {
    background-color: #bdd;
    font-family: "Lucida Grande", helvetica, arial, sans-serif;
    color: #333;
    text-align:center;
    margin:.5em;
}

/* small fonts */
body, h3 {
    font-size: x-small; /* fake font size for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    font-size: small;   /* real font size for everyone else */
}

/* medium fonts */
div.bmw_spotlightLinks a.bma_head {
    font-size: small; /* fake font size for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    font-size: medium;   /* real font size for everyone else */
}

/* large fonts */
h1.bmw_sitelogo {
    font-size: large; /* fake font size for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    font-size: x-large;   /* real font size for everyone else */
}

/* x-small fonts */
div.bmw_footer,
div.bmw_breadcrumbs,
div.bmc_caption {
    font-size: xx-small; /* fake font size for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    font-size: x-small;   /* real font size for everyone else */
}

a {
    color: #039;
}
a:visited {
    color: #36c;
}
a:hover {
    color: #f60;
}

/* layout/design styles for structural template elements
------------------------------------------------------------------------- */
div.bmt_wrapper {       /* creates a border around the page */
    margin: 1em auto;
    width: 760px;
    border: 1px solid #ccc;
    background-color: #eee;
}

div.bmt_page_canvas {   /* the main container for the page */
    background-color: #fff;
    margin:3px;
    text-align:left;
}

/* top header
------------------------ */
div.bmt_header {        /* wrapper around the logo and header text */
    background: url(bm.theme/gray_gradient.jpg) repeat-x;
    padding: 2em .5em 1em .5em;
    overflow: hidden;
    margin-bottom: .5em;
    position:relative;
}

div.bmt_headerBrand h1 {   /* holds the logo or site name */
    width:50%;
    float:left;
    position: relative;
    margin:0;
}

div.bmt_headerText {    /* holds the header text and/or search form */
    text-align:right;
}

/* left column
------------------------ */
div.bmt_utility {  /* left column, containing main nav and announcements */
    clear:both;
    width: 150px;
    float: left;
    padding-left: 5px;
    padding-bottom:150px;
    background: url(bm.theme/half_cup.gif) no-repeat left bottom;
}

div.bmt_utilitySidebar {  /* text below the main nav */
    clear: left;
    padding-top:1.5em;
}

/* center column is defined below under "homepage-specific" styles and again
   under "internal pages"     */

/* right column
-------------------------- */
div.bmt_sidebar {
    float:right;
    margin-right: 5px;
    width:170px;
}

/* pagefooter
-------------------------- */
div.bmt_footer {        /* the page footer */
    clear: both;
    text-align: center;
    line-height: 1.4em;
    padding-top: 1em;
    position: relative; /* for internet explorer */
}

/* homepage-specific styles
------------------------------------------------------------------------- */

#BMT_HomeMainContent {  /* main column */
    background: url(bm.theme/blue_mesh.jpg) repeat-x;
    margin-left: 160px;
    padding: 5px;
}

#BMT_HomeContent {  /* content area (coffee cup) */
    background-image: url(bm.theme/coffee.gif);
    background-repeat: no-repeat;
    background-position: 430px 2px;
    padding-right: 180px;
    padding-bottom: .3em;
    border-bottom: 1px solid #bdd;
    margin-bottom: .3em;
    
    /* fixes problems in IE6/7, better than relative or fixed width;
       used to try applying relative/fixed width to HomeMainContent,
       but that causes slippage of the right column. This works better.*/
    zoom: 1;
}

#BMT_HomeLinks div.bmw_links {  /* left column below spotlight */
    float: left;
    padding: 5px;

    width: 370px; /* fake width for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    width: 360px; /* real width for everyone else */
}

#BMT_HomeSidebar {  /* right column below spotlight */
    width: 200px;
    margin-right: 5px;
}

#BMT_HomeUtility { /* no left-column coffee cup on home page */
    background-image:none;
    padding-bottom: 0;
}


/* internal pages
------------------------------------------------------------------------- */

/* center column */
#BMT_SectionMainContent,
#BMT_PageMainContent,
#BMT_EmailMainContent,
#BMT_FeedMainContent,
#BMT_UtilityMainContent {
    margin-left: 5px;
    padding: 0px 5px;
    margin-bottom: 1em;
    float:left;
    width:400px;
}


/* set some default widget styles;
   override these with style settings in control panel
---------------------------------------------------------- */

div.bmw_pageContent {
    line-height: 150%;
}

h2.bmw_headline {
    color: #36c;
    margin: 0.8em 0;
}

h1.bmw_sitelogo a,
h1.bmw_sitelogo a:visited {
    color: #f60;
    text-decoration: none;
}

div.bmw_breadcrumbs {
    margin-bottom: .5em;
}

div.bmc_caption {
    color: #666;
    line-height: 1.3em;
}


/* announcement, tip and link boxes
----------------------------------- */
div.bmw_morelinksLinks,
div.bmw_newsLinks,
div.bmw_latestLinks,
div.bmw_tips,
div.bmw_announcements {
    background: #def url(bm.theme/link_gradient.jpg) repeat-x;
    border:1px solid #ddd;
    padding: 5px;
}

div.bmw_announcements,
div.bmw_tips {
    margin: .5em 0em;
    color: #666;
}

/* pullquotes and author blurb
----------------------------------- */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote,
div.bmw_authorblurb {
    padding: 10px;
    color: #f60;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd #bbb #bbb #ddd;
    background-color: #def;
}

blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
    padding-left: 45px;
    background: #def url(bm.theme/quote.gif) no-repeat 3px 3px;
}

div.bmw_authorblurb {
    margin-top: 1em;
}


/* navigation color/style enhancements
----------------------------------- 
div.bmw_navigation a,
div.bmw_navigation a:visited {
    text-decoration: none;
    font-weight: bold;
    text-align:right;
    color: #f60;
}

div.bmw_navigation li {
    background-color: #fff;        /*background color of main section area*/
}

div.bmw_navigation li ul li {
    background: #eff;              /*background color of dropdown menus */
}

div.bmw_navigation li:hover, div.bmn_vnav li.bmn_hover {
    background: #fec;              /* rollover background color */
}

div.bmw_navigation li {
    border-bottom: 1px solid #ddd; /* border between menu items */
}

div.bmw_navigation ul ul {
    border-right: 1px solid #ddd; /* border around dropdown menus */
}

div.bmw_navigation li.bmn_active {
    background-color: #fdb;
}
*/
/* news feed list
----------------------------------- */
div.bmw_sectionfeeds {
    margin-top: 1.5em;
}

div.bmw_sectionfeeds ul,
div.bmw_sectionfeeds li {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    list-style: none;
}

/* search form
----------------------------------- */
form.bmw_search {
    margin-top: .8em;
    color: #666;
}
form.bmw_search input {
    border: 1px solid #f60;
    padding: 3px;
    width: 200px; /* fake width for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    width: 190px; /* real width for everyone else */
}

/* center big medium logo
----------------------------------- */
a.bmw_bigmedium {
    margin: .5em auto 0 auto;
}