/*   *****************************************************
 *
 *   PAULDELEEUW.NL
 *   Site of Paul de Leeuw / EVA Media
 *
 *   FABRIQUE COMMUNICATIE & DESIGN
 *
 *   Presentation layer for screen and projection media
 *   Main stylesheet for able web devices
 *
 *   This should comply with W3C CSS2.1 standards.
 *   
 *   location: /presentation/screen.css
 *   version:  1.0
 *   date:     27/08/2009
 *   author:   JVI
 *
 *   *****************************************************
 *
 *   CODING CONVENTIONS
 *
 *   - indent property-value pairs using double spaces;
 *   - place selectors, opening and closing brackets and
 *     property-value pairs on their own, separate lines;
 *   - use a consistent property order (as shown below);
 *   - use shorthand for font, border, padding, margin
 *     and background properties whenever possible;
 *   - use full six digit hex codes for colours;
 *   - work from general to specific (in order of
 *     increasing specificity);
 *   - avoid use of !important (preferably limited to
 *     Internet Explorer stylesheets only!);
 *   - use percentages to declare relative font sizes;
 *   - omit units when declaring line-heights as not to
 *     break inheritance of relative line-height.
 *
 */


/*   *****************************************************
 *
 *   CLEAN START
 */
body, h1, h2, h3, h4, h5, h6, p, blockquote, 
ul, ol, li, 
table, tr, th, td, 
form, fieldset, legend, button, 
div, object, img
{
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  font: normal 100% verdana,geneva,arial,sans-serif;
  text-align: left;
  vertical-align: top;
}
input, select, textarea, button
{
  font: normal 100% verdana,geneva,arial,sans-serif;
}
table, td, th {
  border-collapse: collapse;
}



/*   *****************************************************
 *
 *   BASE TYPOGRAPHY
 *
 */
body
{
  font: normal 12px/1.33 verdana,geneva,arial,sans-serif;
}

h1
{
}
.home h1,
.tweets h1
{
  position: absolute;
  top: -100000px;
}
h2
{
  position: relative;
  padding: .5em 10px;
  font: italic 150%/1 times,'times new roman',palatino,serif;
  text-transform: uppercase;
  letter-spacing: -1px;
}
h3
{
  margin: 1em 0 0;
  padding: 0 10px;
  color: #999999;
  font: italic 150%/1 times,'times new roman',palatino,serif;
  text-transform: uppercase;
}
p
{
  margin: 0;
  padding: 0 10px;
  color: #666666;
  line-height: 1.5;
}
ol
{
  clear: left;
  padding: 0 10px .4em;
}
ol li
{
  margin: .2em 0 .2em 20px;
  color: #666666;  
  list-style: decimal outside;
}
ul
{
  clear: left;
  padding: 0 0 .4em;
  color: #666666;  
}
ul li
{
  margin: .2em 0 .2em 30px;
  color: #666666;  
  list-style: disc outside;
}
a
{
  color: #999999;
}



/*   *****************************************************
 *
 *   COMMON CLASSES & TYPOGRAPHY
 *
 */
p#skiplinks
{
  position: absolute;
  top: -100000px;
}
p.lead
{
  clear: both;
  margin: 1em 0;
  color: #333333;
}
.contentblock p.separator
{
  display: block;
  height: 5px;
  margin: .4em 10px;
  border: none;
  padding: 0 !important;
  background: url(images/bg-dotted-line.gif) repeat-x;
  overflow: hidden;
}
p.largemeta,
p.subtitel
{
  float: left;
  margin: .4em 0 1em;
  padding: .1em 4px 0 10px;
  color: #FFFFFF;
  font: italic 150%/1 times,'times new roman',palatino,serif;
  text-transform: uppercase;
}
p.clear
{
  clear: both;
}
p.morelink
{
  margin: 0;
  padding: .5em 10px .7em;
  text-align: right;
}
p.morelink a,
#contentcolumn p.morelink a
{
  padding: .1em 0 0;
  color: #333333;
  font: italic 133%/1 times,'times new roman',palatino,serif;
  text-transform: uppercase;
}
#contentcolumn p.leftvisual
{
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
}
#contentcolumn .widevisual
{
  display: block;
  width: 460px;
  margin: 10px 0;
  padding: 0;
  overflow: hidden;
}
.rss
{
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: .4em;
  right: 10px;
  background: url(images/sprite-icons-sharing.gif) 0 0 no-repeat;
  text-decoration: none;
}
.rss span
{
  position: absolute;
  top: -100000px;
}
.sound object,
.sound embed
{
  width:220px;
  height:112px;
}






/*   *****************************************************
 *
 *   MAIN LAYOUT
 *
 */
body
{
  background: url(images/bg-body.jpg) 50% 0;
}
.visualbox
{
  min-width: 960px;
  width: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.centerbox
{
  width: 960px;
  position: relative;
  margin: 0 auto;
  padding-top: 190px;
  background-position: 0 85%;
  background-repeat: no-repeat;
}
#maincolumn
{
  width: 720px;
  float: left;
}
#contentcolumn
{
  width: 460px;
  min-height: 1000px;
  float: right;
  padding: 0 10px;
}
#asideleftcolumn
{
  width: 220px;
  padding: 0 10px;
}
#asiderightcolumn
{
  width: 220px;
  float: left;
  padding: 0 10px;
}



/*   *****************************************************
 *
 *   FOOTER BLOCK
 *
 */
#footer
{
  clear: both;
  background: url(images/bg-footer.jpg) no-repeat;
  padding: 25px 0 50px;
}
#footer p
{
  font-size: 95%;
}
#footer a
{
  margin-left: 8px;
  padding-left: 12px;
  background: url(images/bg-dotted-footer.jpg) no-repeat;
  color: #666666;
  text-decoration: none;
}
#footer a:hover,
#footer a:visited:hover,
#footer a:focus
{
  text-decoration: underline;
}
 




/*   *****************************************************
 *
 *   GENERIC CONTENT BLOCK
 *
 */
.contentblock
{
  margin: 20px 0;
  background: #FFFFFF;
}
#contentcolumn .contentblock
{
  padding-bottom: 10px;
}
#contentcolumn .contentblock blockquote
{
  margin: 0;
  padding: 0;
}
#contentcolumn .contentblock blockquote p
{
  margin: 1em 0;
  padding: 0 30px;
  font: italic 200%/1 times,'times new roman',palatino,serif;
  text-align: center;
  letter-spacing: -1px;
}
#contentcolumn .contentblock p
{
  margin-bottom: 10px;
}




/*   *****************************************************
 *
 *   ASIDE BLOCK: LISTS WITH BOTTOM WHITESPACE
 *
 */
#asideleftcolumn .contentblock li,
#asiderightcolumn .contentblock li
{
  margin-bottom: 1em;
}



/*   *****************************************************
 *
 *   ASIDE BLOCK: IMAGES IN CONTENT BLOCK
 *
 */
#asideleftcolumn .contentblock p img,
#asiderightcolumn .contentblock p img
{
  margin: 0 -10px;
}



/*   *****************************************************
 *
 *   GENERIC CONTENT BLOCK: VISUAL
 *
 */
.visualblock
{
  width: 100%;
  height: 240px;
  overflow: hidden;
  position: relative;
  margin-top: -5px;
}
.visualblock h1
{
  position: absolute;
  bottom: -.1em;
  left: 10px;
  padding-right: 20%;
  font: italic 300%/1.2 times,'times new roman',palatino,serif;
  letter-spacing: -1px;
}
.visualblock h1 span
{
  background: #000000;
  color: #FFFFFF;
}




/*   *****************************************************
 *
 *   HYVES BLOG TEASER BLOCK
 *
 */
.blogblock h3
{
  margin: 0;
  padding: 0 10px .6em;
  color: #666666;
  font: italic 180%/1 times,'times new roman',palatino,serif;
  letter-spacing: -1px;
  text-transform: none;
}
.blogblock p
{
  margin: 0 0 .9em;
}
.blogblock p.morelink
{
  margin: 0;
}
#asideleftcolumn p,
#asiderightcolumn p
{
  line-height: 1.33;
}




/*   *****************************************************
 *
 *   HYVES BLOG MAIN BLOCK
 *
 */
.blog #contentcolumn .contentblock p
{
  clear: left;
  overflow: hidden;
}
.blog #contentcolumn .contentblock p br
{
  clear: left;
}
.blog #contentcolumn .contentblock p img
{
  margin-left: -10px;
}



/*   *****************************************************
 *
 *   HYVES BLOG MAIN BLOCK: COMMENTS
 *
 */
#contentcolumn #commentsblock
{
}
#contentcolumn #commentsblock h3
{
  margin: 1em 10px 0;
  padding: 1em 0 0;
  background: url(images/bg-dotted-line.gif) repeat-x;  
}
#contentcolumn #commentsblock ul
{
  clear: left;
  padding: 0 10px;
}
#contentcolumn #commentsblock li
{
  clear: left;
  margin: 0;
  padding: 1em 0 .8em;
  background: url(images/bg-dotted-line.gif) repeat-x;  
  list-style: none;
}
#contentcolumn #commentsblock li.firstcomment
{
  background: none;
}
#contentcolumn #commentsblock li h4
{
  font: italic 120%/1 times,'times new roman',palatino,serif;
  text-transform: uppercase;
}
#contentcolumn #commentsblock li p
{
  padding: 0;
  font: italic 133%/1.1 times,'times new roman',palatino,serif;
}
#contentcolumn #commentsblock li p.meta
{
  padding: .2em 0;
  color: #999999;
  font: normal 90% verdana,geneva,arial,sans-serif;
}




/*   *****************************************************
 *
 *   BOL MUSIC TIP BLOCK
 *
 */
.tipblock
{
  position: relative;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
.tipblock h2
{
  padding-top: 97px;
  background-repeat: no-repeat;
  line-height: .8;
}
.tipblock h2 span
{
  position: absolute;
  top: -100000px;
}
.tipblock h2 em
{
  display: block;
}
.tipblock p.cover
{
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
  padding: 0;
}
#asideleftcolumn .tipblock p.cover img,
#asiderightcolumn .tipblock p.cover img
{
  display: block;
  margin: 0; /* Overrule 10px negative horizontal margin on p > img */
}
#asideleftcolumn .tipblock p.price,
#asiderightcolumn .tipblock p.price
{
  margin: 0;
  font: italic 250%/1 times,'times new roman',palatino,serif;
  letter-spacing: -1px;
}




/*   *****************************************************
 *
 *   NEWSLETTER BLOCK
 *
 */
#asiderightcolumn .newsletterblock p
{
  padding: 0 10px;
  line-height: 1.33;
}
#asiderightcolumn .newsletterblock p img
{
  margin-bottom: .9em;
}
#asiderightcolumn .newsletterblock form p
{
  margin: 0;
}
.newsletterblock form label
{
  display: block;
  padding: 1em .3em .3em;
  color: #666666;
}
.newsletterblock form span
{
  display: block;
  background: url(images/bg-input-bottom.gif) 0 100% no-repeat;
}
.newsletterblock form span span
{
  padding: 5px;
  background: url(images/bg-input-top.gif) 0 0 no-repeat;
}
.newsletterblock form input
{
  width: 190px;
  margin: 0;
  border: none;
  color: #999999;
}
.newsletterblock form button
{
  display: block;
  float: right;
  margin: 1em 0;
  padding: .1em .2em;
  background: #000000;
  color: #FFFFFF;
  cursor: pointer;
}
.newsletterblock form button span
{
  display: inline;
  background-image: none;
  font: italic 133%/1 times,'times new roman',palatino,serif;
  text-decoration: underline;
  text-transform: uppercase;
}



/*   *****************************************************
 *
 *   TWEETS MAIN CONTENT BLOCK
 *
 */
.home #contentcolumn .tweetsblock
{
  padding-bottom: 0;
}
.tweetsblock p
{
  padding-bottom: 1em;
}
#contentcolumn .tweetsblock ul
{
  padding: 0 10px;
}
#contentcolumn .tweetsblock li
{
  margin: 0;
  padding: 15px 0 10px;
  background: url(images/bg-dotted-line.gif) repeat-x;
  list-style: none;
}
.tweetsblock li p
{
  padding: 0;
  font: italic 100%/1 times,'times new roman',palatino,serif;
}
#contentcolumn .tweetsblock p.morelink a
{
  color: #333333;
}
#contentcolumn .tweetsblock li p.meta a
{
  text-decoration: none;
  color: #666666;
}
#contentcolumn .tweetsblock li a:hover
{
  text-decoration: underline;
}
.tweetsblock li.oldesttweet p
{
  font-size: 133%;
}
.tweetsblock li.oldertweet p
{
  font-size: 140%;
}
.tweetsblock li.tweet p
{
  font-size: 150%;
}
.tweetsblock li.newertweet p
{
  font-size: 180%;
}
.tweetsblock li.newesttweet p
{
  font-size: 200%;
  line-height: 1.1;
}
.tweetsblock li p.meta
{
  padding: .2em 0 0;
  color: #999999;
  font: normal 95% verdana,geneva,arial,sans-serif;
}
.tweetsblock li.oldesttweet p.meta,
.tweetsblock li.oldertweet p.meta
{
  padding: .5em 0 .1em;
  font-size: 90%;
}
.tweetsblock li.tweet p.meta
{
  padding: .3em 0 .1em;
}
.tweetsblock li.newertweet p.meta
{
  padding: .4em 0 .2em;
}
.tweetsblock li.newesttweet p.meta
{
  padding: .3em 0;
}





/*   *****************************************************
 *
 *   SHARING BLOCK: BUILDING THE SOCIAL WEB
 *
 */
#contentcolumn #shareblock
{
  position: relative;
  top: -2em;
}
#contentcolumn #shareblock h2
{
  padding: 0 10px;
  color: #333333;
  font: italic 133%/1 times,'times new roman',palatino,serif;
  text-transform: uppercase;
}
#contentcolumn #shareblock ul
{
  width: 220px;
  padding: 1em 10px .8em;
}
#contentcolumn #shareblock ul:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
#contentcolumn #shareblock li
{
  float: left;
  padding: 0;
  margin: 0 10px 2px 0;
  background-image: none;
  list-style: none;
}
#contentcolumn #shareblock li a
{
  display: block;
  padding: 3px 0 3px 24px;
  background-image: url(images/sprite-icons-sharing.gif);
  background-repeat: no-repeat;
  color: #666666;
}
#contentcolumn #shareblock li a:hover,
#contentcolumn #shareblock li a:visited:hover,
#contentcolumn #shareblock li a:visited:focus
{
  color: #000000;
  text-decoration: underline;
}
#shareblock li a.sharefacebook
{
  width: 92px;
  background-position: 0 -200px;
}
#shareblock li a.sharetwitter
{
  width: 92px;
  background-position: 0 -400px;
}
#shareblock li a.sharedelicious
{
  width: 92px;
  background-position: 0 -600px;
}
#shareblock li a.sharenujij
{
  background-position: 0 -800px;
}
#shareblock li a.sharehyves
{
  background-position: 0 -997px;
}



/*   *****************************************************
 *
 *   PAGING BLOCK
 *
 */
#contentcolumn .pagingblock
{
  padding: 0 10px
}
#contentcolumn .pagingblock ul
{
  margin: 1em 0 0;
  padding-top: 1em;
  background: url(images/bg-dotted-line.gif) repeat-x;
}
#contentcolumn .pagingblock ul:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
#contentcolumn .pagingblock li
{
  float: left;
  margin: 0;
  padding: .4em 0 0;
  background-image: none;
  list-style: none;
  font: italic 133%/1 times,'times new roman',palatino,serif;
  text-transform: uppercase;
}
#contentcolumn .pagingblock li.next
{
  float: right;
}
#contentcolumn .contentblock .pagingblock li a
{
  color: #333333;
}
#contentcolumn .pagingblock li.previous a
{
  padding: .2em 0 .2em 20px;
  background: url(images/sprite-icons-paging.gif) 0 .2em no-repeat;
}
#contentcolumn .pagingblock li.next a
{
  padding: .2em 20px .2em 0;
  background: url(images/sprite-icons-paging.gif) 100% .2em no-repeat;
}




/*   *****************************************************
 *
 *   NAVBLOCK: HOMELINK
 *
 */
.navhomeblock
{
  margin: 20px 0;
}
.navhomeblock p.morelink
{
  padding: .3em 10px .3em 30px;
  background: url(images/icon-back-home.gif) 10px .5em no-repeat;
  text-align: left;
}



/*   *****************************************************
 *
 *   ADVERTISING BLOCKS
 *
 */
.adblock
{
  margin: 20px 0 10px;
  background: #FFFFFF;
}
.skyscraperblock
{
  position: absolute;
  left: 970px;
  top: 210px;
  margin: 0;
}




/*   *****************************************************
 *
 *   MOOD COLORSCHEMES: FAIL SAFE SCENARIO = OHZOMEZELF
 *
 */
h2,
blockquote p,
#contentcolumn .contentblock a,
a:hover,
a:visited:hover,
a:focus
{
  color: #EE7E1E;
}
.visualbox
{
  background-image: url(images/moods/ohzomezelf-bg-header-visual.jpg);
}
.centerbox
{
  background-image: url(images/moods/ohzomezelf-bg-centerbox.jpg);
}
.largemeta,
.subtitel,
.moodblock
{
  background-color: #EE7E1E;
}
.tipblock
{
  background-image: url(images/moods/ohzomezelf-bg-bolcom.gif);
}
.tipblock h2
{
  background-image: url(images/moods/ohzomezelf-bg-tip.gif);
}



/*   *****************************************************
 *
 *   MOOD COLORSCHEMES (LONG): PLEURISBUI
 *
 */
.pleurisbui h2,
.pleurisbui blockquote p,
.pleurisbui #contentcolumn .contentblock a,
.pleurisbui a:hover,
.pleurisbui a:visited:hover,
.pleurisbui a:focus
{
  color: #4A207D;
}
.pleurisbui .visualbox
{
  background-image: url(images/moods/pleurisbui-bg-header-visual.jpg);
}
.pleurisbui .centerbox
{
  background-image: url(images/moods/pleurisbui-bg-centerbox.jpg);
}
.pleurisbui .largemeta,
.pleurisbui .subtitel,
.pleurisbui .moodblock
{
  background-color: #4A207D;
}
.pleurisbui .tipblock
{
  background-image: url(images/moods/pleurisbui-bg-bolcom.gif);
}
.pleurisbui .tipblock h2
{
  background-image: url(images/moods/pleurisbui-bg-tip.gif);
}
#contentcolumn .tweetsblock a.pleurisbui,
#contentcolumn .tweetsblock a.pleurisbui:visited,
#contentcolumn .tweetsblock a.pleurisbui:hover,
#contentcolumn .tweetsblock a.pleurisbui:visited:hover
{
  padding: 0 .2em;
  background-color: #4A207D;
  color: #FFF !important;
  text-decoration: none;
}



/*   *****************************************************
 *
 *   MOOD COLORSCHEMES (LONG): GEZELLIG
 *
 */
.gezellig h2,
.gezellig blockquote p,
.gezellig #contentcolumn .contentblock a,
.gezellig a:hover,
.gezellig a:visited:hover,
.gezellig a:focus
{
  color: #BDCE2D;
}
.gezellig .visualbox
{
  background-image: url(images/moods/gezellig-bg-header-visual.jpg);
}
.gezellig .centerbox
{
  background-image: url(images/moods/gezellig-bg-centerbox.jpg);
}
.gezellig .largemeta,
.gezellig .subtitel,
.gezellig .moodblock
{
  background-color: #BDCE2D;
}
.gezellig .tipblock
{
  background-image: url(images/moods/gezellig-bg-bolcom.gif);
}
.gezellig .tipblock h2
{
  background-image: url(images/moods/gezellig-bg-tip.gif);
}
#contentcolumn .tweetsblock a.gezellig,
#contentcolumn .tweetsblock a.gezellig:visited,
#contentcolumn .tweetsblock a.gezellig:hover,
#contentcolumn .tweetsblock a.gezellig:visited:hover
{
  padding: 0 .2em;
  background-color: #BDCE2D;
  color: #FFF !important;
  text-decoration: none;
}



/*   *****************************************************
 *
 *   MOOD COLORSCHEMES (LONG): GEIL
 *
 */
.supergeil h2,
.supergeil blockquote p,
.supergeil #contentcolumn .contentblock a,
.supergeil a:hover,
.supergeil a:visited:hover,
.supergeil a:focus
{
  color: #FDC401;
}
.supergeil .visualbox
{
  background-image: url(images/moods/geil-bg-header-visual.jpg);
}
.supergeil .centerbox
{
  background-image: url(images/moods/geil-bg-centerbox.jpg);
}
.supergeil .largemeta,
.supergeil .subtitel,
.supergeil .moodblock
{
  background-color: #FDC401;
}
.supergeil .tipblock
{
  background-image: url(images/moods/geil-bg-bolcom.gif);
}
.supergeil .tipblock h2
{
  background-image: url(images/moods/geil-bg-tip.gif);
}
#contentcolumn .tweetsblock a.supergeil,
#contentcolumn .tweetsblock a.supergeil:visited,
#contentcolumn .tweetsblock a.supergeil:hover,
#contentcolumn .tweetsblock a.supergeil:visited:hover
{
  padding: 0 .2em;
  background-color: #FDC401;
  color: #FFF !important;
  text-decoration: none;
}



/*   *****************************************************
 *
 *   MOOD COLORSCHEMES (LONG): ZEN
 *
 */
.zen h2,
.zen blockquote p,
.zen #contentcolumn .contentblock a,
.zen a:hover,
.zen a:visited:hover,
.zen a:focus
{
  color: #3A3A3A;
}
.zen .visualbox
{
  background-image: url(images/moods/zen-bg-header-visual.jpg);
}
.zen .centerbox
{
  background-image: url(images/moods/zen-bg-centerbox.jpg);
}
.zen .largemeta,
.zen .subtitel,
.zen .moodblock
{
  background-color: #3A3A3A;
}
.zen .tipblock
{
  background-image: url(images/moods/zen-bg-bolcom.gif);
}
.zen .tipblock h2
{
  background-image: url(images/moods/zen-bg-tip.gif);
}
#contentcolumn .tweetsblock a.zen,
#contentcolumn .tweetsblock a.zen:visited,
#contentcolumn .tweetsblock a.zen:hover,
#contentcolumn .tweetsblock a.zen:visited:hover
{
  padding: 0 .2em;
  background-color: #3A3A3A;
  color: #FFF !important;
  text-decoration: none;
}



/*   *****************************************************
 *
 *   MOOD COLORSCHEMES (LONG): ROMANTISCH
 *
 */
.romantisch h2,
.romantisch blockquote p,
.romantisch #contentcolumn .contentblock a,
.romantisch a:hover,
.romantisch a:visited:hover,
.romantisch a:focus
{
  color: #E30026;
}
.romantisch .visualbox
{
  background-image: url(images/moods/romantisch-bg-header-visual.jpg);
}
.romantisch .centerbox
{
  background-image: url(images/moods/romantisch-bg-centerbox.jpg);
}
.romantisch .largemeta,
.romantisch .subtitel,
.romantisch .moodblock
{
  background-color: #E30026;
}
.romantisch .tipblock
{
  background-image: url(images/moods/romantisch-bg-bolcom.gif);
}
.romantisch .tipblock h2
{
  background-image: url(images/moods/romantisch-bg-tip.gif);
}
#contentcolumn .tweetsblock a.romantisch,
#contentcolumn .tweetsblock a.romantisch:visited,
#contentcolumn .tweetsblock a.romantisch:hover,
#contentcolumn .tweetsblock a.romantisch:visited:hover
{
  padding: 0 .2em;
  background-color: #E30026;
  color: #FFF !important;
  text-decoration: none;
}



/*   *****************************************************
 *
 *   MOOD COLORSCHEMES (LONG): OHZOMEZELF
 *
 */
.ohzomezelf h2,
.ohzomezelf blockquote p,
.ohzomezelf #contentcolumn .contentblock a,
.ohzomezelf a:hover,
.ohzomezelf a:visited:hover,
.ohzomezelf a:focus
{
  color: #EE7E1E;
}
.ohzomezelf .visualbox
{
  background-image: url(images/moods/ohzomezelf-bg-header-visual.jpg);
}
.ohzomezelf .centerbox
{
  background-image: url(images/moods/ohzomezelf-bg-centerbox.jpg);
}
.ohzomezelf .largemeta,
.ohzomezelf .subtitel,
.ohzomezelf .moodblock
{
  background-color: #EE7E1E;
}
.ohzomezelf .tipblock
{
  background-image: url(images/moods/ohzomezelf-bg-bolcom.gif);
}
.ohzomezelf .tipblock h2
{
  background-image: url(images/moods/ohzomezelf-bg-tip.gif);
}
#contentcolumn .tweetsblock a.ohzomezelf,
#contentcolumn .tweetsblock a.ohzomezelf:visited,
#contentcolumn .tweetsblock a.ohzomezelf:hover,
#contentcolumn .tweetsblock a.ohzomezelf:visited:hover
{
  padding: 0 .2em;
  background-color: #EE7E1E;
  color: #FFF !important;
  text-decoration: none;
}



/*   *****************************************************
 *
 *   MOOD COLORSCHEMES (LONG): BLOEDLINK
 *
 */
.bloedlink h2,
.bloedlink blockquote p,
.bloedlink #contentcolumn .contentblock a,
.bloedlink a:hover,
.bloedlink a:visited:hover,
.bloedlink a:focus
{
  color: #00AFD8;
}
.bloedlink .visualbox
{
  background-image: url(images/moods/bloedlink-bg-header-visual.jpg);
}
.bloedlink .centerbox
{
  background-image: url(images/moods/bloedlink-bg-centerbox.jpg);
}
.bloedlink .largemeta,
.bloedlink .subtitel,
.bloedlink .moodblock
{
  background-color: #00AFD8;
}
.bloedlink .tipblock
{
  background-image: url(images/moods/bloedlink-bg-bolcom.gif);
}
.bloedlink .tipblock h2
{
  background-image: url(images/moods/bloedlink-bg-tip.gif);
}
#contentcolumn .tweetsblock a.bloedlink,
#contentcolumn .tweetsblock a.bloedlink:visited,
#contentcolumn .tweetsblock a.bloedlink:hover,
#contentcolumn .tweetsblock a.bloedlink:visited:hover
{
  padding: 0 .2em;
  background-color: #00AFD8;
  color: #FFF !important;
  text-decoration: none;
}








/*   *****************************************************
 *
 *   MOOD COLORSCHEMES: BLOEDLINK
 *
 */
.b h2,
.b blockquote p,
.b #contentcolumn .contentblock a,
.b a:hover,
.b a:visited:hover,
.b a:focus
{
  color: #00AFD8;
}
.b .visualbox
{
  background-image: url(images/moods/bloedlink-bg-header-visual.jpg);
}
.b .centerbox
{
  background-image: url(images/moods/bloedlink-bg-centerbox.jpg);
}
.b .largemeta,
.b .subtitel,
.b .moodblock
{
  background-color: #00AFD8;
}
.b .tipblock
{
  background-image: url(images/moods/bloedlink-bg-bolcom.gif);
}
.b .tipblock h2
{
  background-image: url(images/moods/bloedlink-bg-tip.gif);
}
#contentcolumn .tweetsblock a.b,
#contentcolumn .tweetsblock a.b:visited,
#contentcolumn .tweetsblock a.b:hover,
#contentcolumn .tweetsblock a.b:visited:hover
{
  padding: 0 .2em;
  background-color: #00AFD8;
  color: #FFF !important;
  text-decoration: none;
}





/*   *****************************************************
 *
 *   GENERIC MOODBLOCK FORMATTING
 *
 */
.moodblock
{
  padding: 0 0 .2em;
}
.moodblock h2,
.moodblock a,
.moodblock a:hover,
.moodblock a:visited,
.moodblock a:visited:hover,
.moodblock a:focus,
.moodblock p.morelink a,
.moodblock p, 
.moodblock ol, 
.moodblock ol li
{
  color: #FFFFFF !important;
}
.moodblock h2
{
  padding-bottom: 0;
}
.moodblock p.morelink a
{
  padding: .2em .2em .1em;
  background-color: #000000;
}




/*   *****************************************************
 *
 *   GENERIC BLACK CONTENT BLOCK
 *
 */
.blackblock
{
  padding: .2em 0;
  background: #000000;
}
.blackblock h2,
.blackblock a,
.blackblock a:hover,
.blackblock a:visited,
.blackblock a:visited:hover,
.blackblock a:focus,
.blackblock p,
.blackblock p.morelink a,
.blackblock ol, 
.blackblock ol li
{
  color: #FFFFFF !important;
}