/*
Cascading Style Sheet (css)
Website          : HipHopHuis Rotterdam 2008
Version          : V1.0
Template Name    : 'HouseIt'
File             : css
Author(s)        : Armand Laclé (beyond-precision /[at]/ hotmail.com)
Company          : Beyond Precision
Created on       : 03 september 2008
Last modified    : 

ABOUT   : General formatting

NOTE(S) : 
*/

/* General formatting
-----------------------------------------------------------------------------*/ 
body {
  background-image: url('../images/hhh_brick_clean_background.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #ffffff;
}
a:link,
a:visited { color: #b10000; }
.home_description object { text-align: center; }

a:hover,
a:active { text-decoration: none; }

/* Styles inside Main Content
-----------------------------------------------------------------------------*/ 

#wrapper {
  height: 730px;
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}
#wrapper #left_panel {
  float: left;
  width: 190px;
  height: 728px;
  text-align: right;
}
#wrapper #center_panel {
  float: left;
  height: 725px;
  width: 600px;
}
#center_panel #center_header { height: 34px; }

#center_panel #center_container {
  padding: 8px;
  height:685px;
  overflow: auto;
  overflow-x: hidden;
}
#wrapper #right_panel {
  float:left;
  width: 177px;
  height: 664px;
  padding: 60px 0 0 10px;
}
#wrapper #right_panel_plain {
  float:left;
  width: 180px;
  height: 658px;
  padding: 21px 0 0 10px;
}
#right_panel_plain #right_panel_header {
/*  background-image: url('../images/page_header_background_strip.jpg');
  background-repeat: repeat;
  background-position: left top;*/
  height: 50px;
}
#right_panel_plain #right_panel_header_pink {
/*  background-image: url('../images/header_background_pink.jpg');
  background-repeat: repeat;
  background-position: left top;*/
  height: 50px;
}
.noJava {
  background-color: #FFFFCC;
  padding: 8px 8px 8px 40px;
  border: 1px solid #FF9933;
  color: #FF6633;
  font-size: 12px;
  display: block;
  background-image: url('../images/warning_small.png');
  background-repeat: no-repeat;
  background-position: left center;
}
#right_panel_plain #right_panel_body {
  /*background-color: #FFFFFF;*/
  overflow: auto;
    overflow-x: hidden;
  height: 660px;
  padding: 2px 5px 2px 5px;
  margin: 0;
}
#footer {
 font-size: 9px;
 text-align: right;
 width: 540px;
 margin-top: 78px;
 margin-right: auto;
 margin-left: auto;
 color: #fff;
/* margin-bottom: 290px;*/
}
#footer a:link, #footer a:visited{
 color: #CCCCCC;
 text-decoration: none;
}
#footer a:hover, #footer a:active{
 color: #fff;
}
.posted_by {
  color: #6C6C6C;
  font-size: 11px;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Home
-----------------------------------------------------------------------------*/ 
.home_unit {
  background-image: url('../images/blue_dot.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 50px;
  margin-bottom: 10px;
  clear:both;
  width: 425px;
  margin-right: auto;
  margin-left: auto;
}
.home_date {
  font-size: 12px;
  color:#424242;
}
.home_title {
  font-size: 14px;
  font-weight: bold;
}
.home_description {
  font-size: 12px;
  line-height: 1.7em;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}
.home_description img { margin: 4px; }

.paging{
 display: block;
 clear: both;
 width: 100%;
 text-align: center;
 font-weight: bold;
 font-size: 12px;
}

/* Agenda Check it out
-----------------------------------------------------------------------------*/ 

#checkitout {
 font-size: 12px;
 padding-top: 10px;
}

#checkitout .agenda_date {
  font-size: 14px;
  color:#424242;
  font-weight: bold;
}
#checkitout .agenda_title {
  font-size: 11px;
  font-weight: bold;
}

#checkitout .agenda_date .date_nr {
  color: #FFFFFF;
  background-color: #b10000;
  padding: 3px 5px 3px 5px;
  font-size: 12px;
  font-weight: bold;
}
#checkitout .agenda_image {
 width: 155px;
 overflow: hidden;
}

#checkitout a:link,
#checkitout a:visited {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 9px;
}
#checkitout a:hover,
#checkitout a:active,
#checkitout a.current {text-decoration: none; color: #585858; }

/* Agenda
-----------------------------------------------------------------------------*/

.agenda_unit {
  background-image: url('../images/marker_stripe_black.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 35px;
  clear:both;
  padding-right: 10px;
  padding-left: 10px;
}
#agenda_months {
  text-align: center;
  background-image: url('../images/slide_shadow.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 15px;
  margin-bottom: 8px;
}
#agenda_months a:link,
#agenda_months a:visited {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 9px;
}
#agenda_months a:hover,
#agenda_months a:active,
#agenda_months a.current { color:#ababab; }

.agenda_date {
  font-size: 16px;
  color:#424242;
  font-weight: bold;
}
.agenda_title {
  font-size: 14px;
  font-weight: bold;
}
.agenda_description {
  font-size: 12px;
  line-height: 1.5em;
}

.agenda_description img { margin: 4px; }

.agenda_date .date_nr {
  color: #FFFFFF;
  background-color: #b10000;
  padding: 7px 5px 0px;
  font-size: 18px;
  font-weight: bold;
}

/* About
-----------------------------------------------------------------------------*/ 
#about {
  font-size: 12px;
  height: 635px;
  background-image: url('../images/hiphophuis_logo_soft_small.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-right: 30px;
  padding-left: 30px;
}

/* Projects
-----------------------------------------------------------------------------*/
#projects { font-size: 12px; }
#projects img { margin: 0px 8px 8px 0px; }

/* Crew
-----------------------------------------------------------------------------*/ 
#crew {
  font-size: 12px;
  height: 625px;
  padding-top: 10px;
  text-align: center;
}
#crew .myspace_crew, #crew .myspace_crew a img {
  font-size: 11px;
  color: #666666;
  border: 0;
  clear: both;
}

#crew img { margin: 0px 6px 6px; }

/* Lessen
-----------------------------------------------------------------------------*/ 
#lessen_text {
  font-size: 12px;
  line-height: 1.8em;
}
#print_page {
float: right;
}
#week {
  width: 99%;
  }
#week .course_date {
  float: left;
  margin-right: 15px;
}
.course_date {
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
  color: #FFFFFF;
  width: 30px;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}
.course_container {
  background-image: url('images/marker_stripe_black.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 40px;
}
.ma { background-color: #1d9493; }
.di { background-color: #de1f02; }
.wo { background-color: #ffbe33; }
.do { background-color: #1d9493; }
.vr { background-color: #de1f02; }

.course_colum_1 {
  width: 150px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.course_colum_1 a {
  font-size: 10px;
  text-align: left;
  display: block;
/*  background-color: #FAFAFA;*/
  text-decoration: none;
}
.course_colum_2 {
  float: left;
  font-size: 12px;
  width: 315px;
  padding: 10px 0px 10px 10px;
  line-height: 1.9em;
}
.course_colum_2 p {
  margin: 0px;
  padding: 0px;
}
#info_ma, #info_di, #info_wo, #info_do, #info_vr {
  font-size: 12px;
  color: #2E2E2E;
/* background-color: #FAFAFA;
   padding: 8px;
   border: 1px solid #F4F4F4;
   display: none; */
}
#info_ma p, #info_di p, #info_wo p, #info_do p, #info_vr p {
padding: 0;
margin: 0;
}

/* Links
-----------------------------------------------------------------------------*/ 
#links { font-size: 12px; height: 625px; padding-top: 0px; 
}
.colum {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}
/*#links .colum a {
  width: 60%;
  padding: 10px;
  margin: 0 auto 0 auto;
  border: 1px solid #EBEBEB;
  display: block;
  background-color: #FDFDFD;
}
#links .colum a:hover { 
 border: 1px solid #C0C0C0; 
}*/

/* Contact
-----------------------------------------------------------------------------*/ 
#contact {
  font-size: 11px;
  height: 647px;
/*  background-image: url('../images/hiphophuis_logo_soft_big.jpg');
  background-repeat: no-repeat;
  background-position: 330px 440px;*/
}

#contact #googleMap { float: right; }

/* Fotos
-----------------------------------------------------------------------------*/ 
#foto_intro {
  height: 610px;
  width: 100%;
  background-image: url('../images/foto_intro.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
#foto_set_title {
  text-align: center;
  background-image: url('../images/slide_shadow.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 2px 0px;
  padding: 0px 0px 13px 0px;
}
/* --- */
.sets {
  float: left;
  text-align: center;
  overflow: hidden;
}
.sets img {
  margin: 5px 0;
  border: 2px solid #ffffff;
}
.sets a:link,
.sets a:visited,
#flickr_photo a:link,
#flickr_photo a:visited,
#foto_set_title a:link,
#foto_set_title a:visited {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #2cbebf;
}
.sets a:hover,
.sets a:active,
#flickr_photo a:hover,
#flickr_photo a:active,
#foto_set_title a:hover,
#foto_set_title a:active {
  color: #979797;
  text-decoration: none;
}
/* --- */
.setsPhotos {
  padding: 0 10px 10px 5px;
  overflow: auto;
}
.setsPhotos img {
  margin: 5px 6px;
  border: 2px solid #ffffff;
}

#flickr_photo img {border: 2px solid #ffffff; }

#flickr_photo a img:hover, .setsPhotos a img:hover, .sets a img:hover { border: 2px solid #2DBAC4; }

/* --- */
#flickr_photo {
  width: 99%;
  text-align: center;
  font-size: 12px;
}


/* Videos
-----------------------------------------------------------------------------*/
#video_intro {
  height: 590px;
  width: 100%;
  background-image: url('../images/video_intro.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
#video_body {
  text-align:center;
/*  height: 640px;
  background-image: url('../images/youtube_soft_small.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;*/
}