/**
 * 1. static layout
 * 
 */

body {
	background-color: white;
	overflow-x: hidden !important;
}

#container {
  width: 1010px;
	margin-left: 15px;
}



  /**
   * 1.1 menu column
   */
  
  #menu_column { /* left column */
    float: left;
    width: 320px;
    margin-right: 15px;
  }
  
  
  
    /**
     * 1.1.1 logo
     */
    
    #logo {
      width: 320px;
      height: 208px;      
    }
    
        
    
    /**
     * 1.1.2 main menu
     */

    #main_menu {
      margin: 38px 0 40px 0;
    }
    
    #main_menu ul {
      list-style: none;
      width: 320px;
    }
    
    #main_menu a {
      background-image: url('../images/mainMenuItems.jpg');
      background-repeat: no-repeat;
      background-position: 0px 0px;
      text-indent: 320px;
      line-height: 30px;
      width: 320px;
      display: block;
      height: 30px;
      overflow: hidden;
    }
    
    a#main_menu_artist_events            { background-position: 0px 0px; height: 31px; }
    a#main_menu_artist_events:hover, a#main_menu_artist_events.selected { background-position: -320px 0px; }
    a#main_menu_timetables_venues        { background-position: 0px -31px; }
    a#main_menu_timetables_venues:hover, a#main_menu_timetables_venues.selected  { background-position: -320px -31px; }
    a#main_menu_tickets_travel           { background-position: 0px -61px; }
    a#main_menu_tickets_travel:hover, a#main_menu_tickets_travel.selected { background-position: -320px -61px; }
    a#main_menu_eat_sleep                { background-position: 0px -91px; }
    a#main_menu_eat_sleep:hover, a#main_menu_eat_sleep.selected { background-position: -320px -91px; }
    a#main_menu_blog_news                { background-position: 0px -121px; }
    a#main_menu_blog_news:hover, a#main_menu_blog_news.selected { background-position: -320px -121px; }
    
    
    
    /**
     * 1.1.3 newsletter subscription component
     */
    
    #newsletter {
      margin: 0 0 30px 0;
      padding: 0 0 0 6px;
    }
    
    #newsletter .link_arrow {
      padding-left: 5px;      
    }
    
    #newsletter input[type=text] {
      width: 170px;
      color: #989898;
    }
    
    #newsletter .form_input_text {
      width: 220px;
    }
    
    
    /**
     * 1.1.4. contribute component (participate + login|logged in user menu)
     */


    #contribute {
      background-color: #ececec;
      border-top: 1px solid black;
      padding: 0 0 10px 6px;      
    }
    
    #contribute .horizontal_list {
      margin-bottom: 10px;
    }
    
    #contribute .title_black_italic {
      padding: 15px 0 8px 0;      
    }
    
    #contribute * {
      font-family: Verdana;
    }
    
    #contribute p {
      padding-bottom: 5px;
    }
    
    #contribute p > a {
      color: #ff0000;
      text-decoration: underline;
    }
    
    #contribute p > a:hover {
      color: black;
    }



    /**
     * 1.1.5 tagcloud
     */

    #genre-tags {
      margin: 40px 0 0 0;
      border-top: 1px solid #dddddd;
      border-bottom: 1px solid #dddddd;
      padding: 10px 0 10px 6px;
    }
    
    #genre-tags ul {
      text-align: justify;
    }
    
    #genre-tags ul li,
    #genre-tags ul li a {
      color: #aaaaaa;
    }
    
    #genre-tags ul li {
      display: inline;
      padding: 0 10px 0 0;
    }

    .tag_xsmall {
      font-size: 75%;
    }
     
    .tag_small {
      font-size: 100%;
    }
     
    .tag_medium {
      font-size: 125%;
    }
     
    .tag_large {
      font-size: 150%;
    }
     
    .tag_xlarge {
      font-size: 175%;
    }


    /**
     * 1.1.6. quicksearch component
     */

    #quicksearch {
      padding: 15px 0 30px 6px;
    }
    
    #quicksearch .form_input_text {
      width: 220px;
    }
    
    #quicksearch input[type=text] {
      width: 190px;
      color: #989898;
    }
    
    #quicksearch select {
      width: 154px;
      color: #989898;
      display: block;
      float: left;
      margin: 5px 5px 0 0;
    }
    
    #quicksearch .form_input_submit {
      margin: 5px 0 0 0;
      display: block;
      float: left;
    }
    
    

    /**
     * 1.1.7 footer menu (about incubate + help)
     */
    
    #footer {
      background-color: #ececec;
      border-top: 5px solid #ff1300;
      padding: 10px 0 20px 6px;
      border-bottom: 1px solid black;
    }
    
    #footer .title_black_italic {
      padding: 15px 0 8px 0;      
    }
    
    
    
    /**
     * 1.1.8 incubate social media links
     */

    #social-media {
      padding: 27px 0 0 6px;      
    }
    
    #social-media .social-list {
      width: 218px;
      display: block;      
      overflow: hidden;
      margin: 0 0 30px 0;
    }
    
    #social-media p {
      font-size: 11px;
      font-family: Verdana;      
    }

    
    
    
    
    

  /**
   * 1.2 content column
   */

  #content {
    float: left;
    width: 660px;
  }

  .content-left {
    width: 320px;
    float: left;
    overflow: hidden;
  }
  
  .content-right {
    width: 320px;
    float: right;
    overflow: hidden;
  }

    /**
     * 1.2.1 ticker (highlights)
     */


    #intro {
      font-size: 18px;
      line-height: 28px;
      height: 159px;
      font-style: italic;
      font-family: Georgia;
      margin-bottom: -20px;
    }



     /**
     * 1.2.2 incubate introduction text
     */



    /**
     * 1.2.3 breadcrumbs component
     */

    ul#breadcrumbs {
      list-style: none;
      margin-bottom: 12px;
    }
    
    ul#breadcrumbs li {
      display: inline;
    }
    
    ul#breadcrumbs li a {
      text-decoration: none;
      color: #787879;
      background-image: url('../images/linkArrow.gif');
      background-position: 0px 4px;
      padding: 1px 5px 0 10px;
      background-repeat: no-repeat;
      font-family: Verdana;
      font-size: 11px;
    }
    
    ul#breadcrumbs li a:hover {
      text-decoration: underline;
      color: black;
    }
    
    

    /**
     * 1.2.4 content footer
     */

    #content_footer {
      color: #ececec;
      font-style: italic;
      padding: 10px;
      margin-top: 2px;
      padding-bottom: 86px;
      background: url(../images/content_footer.png) no-repeat bottom;
    }
    
    #content_footer a {
      color: #ececec;
      font-style: italic;      
    }


/**
 * 2. main styles
 */


/* main titles */
.title, .title_more {
	font-size: 18px;
	font-style: italic;
}

.title_black_italic,
.title_black_italic_small,
.title_black_italic_large {
  font-family: Georgia;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  display: block;
  padding: 5px 0 15px 0;
  margin: 0px;
}

.title_black_italic_small {
  font-size: 12px;
}

.title_black_italic_large {
  font-size: 17px;  
}

.title_red_italic,
.title_red_italic_small,
.title_red_italic_large {
  font-family: Georgia;
  font-size: 17px;
  color: #ff0000;
  font-style: italic;
  padding: 5px 0 15px 0;
  display: block;
}

.title_red_italic_small,
.title_red_italic_small a {
  font-size: 14px;
}

.title_red_italic_large,
.title_red_italic_large a {
  font-size: 18px;
}

a.title_red_italic:hover,
a.title_red_italic_small:hover {
  color: #ff0000;
}


/* Rich Text Editor output */
.rte-output p {
  padding-bottom: 10px;
}

.rte-output ul,
.rte-output ol {
  margin: 10px 0 10px 20px;  
}



/* lists */
.horizontal_list li,
.horizontal_list_large_italic li,
.horizontal_list_grey li {
  display: inline;
  border-left: 1px solid black;
  padding: 0 6px 0 6px;
}
.horizontal_list li:first-child,
.horizontal_list_large_italic li:first-child,
.horizontal_list_grey li:first-child {
  padding-left: 0px;
  border-left: none;
}

.horizontal_list li,
.horizontal_list li a,
.horizontal_list_large_italic li,
.horizontal_list_large_italic li a,
.horizontal_list_grey li,
.horizontal_list_grey li a {
  color: #ff0000;
  font-family: Verdana;
  font-weight: bold;
  font-size: 10px;  
}

.horizontal_list_large_italic li a {
  font-size: 16px;
  font-family: Georgia;
  font-style: italic;
  font-weight: normal;
  line-height: 25px;
}

.horizontal_list_grey li a {
 font-size: 11px;
 font-family: Verdana;
 color: #787879;
}


.social-list,
.social-list-small,
.social-list-wide {
  list-style: none;
}

.social-list li {
  height: 28px;
  width: 28px;
  float: left;
}

.social-list-small li {
  height: 16px;
  width: 16px;
  float: left;
}

.social-list-wide li {
  width: 150px;
  height: 22px;
  float: left;
  margin-right: 40px;
}

.social-list li a,
.social-list-small li a {
  background-image: url('../images/socialIcons.gif');
  width: 23px;
  height: 23px;
  overflow: hidden;
  display: block;
  float: left;
  text-indent: 30px;
  line-height: 23px;
  margin: 0 5px 5px 0;
}

.social-list li a.facebook { background-position: 0px 0px; }
.social-list li a.facebook:hover { background-position: 0px -23px; }
.social-list li a.flickr { background-position: -23px 0px; }
.social-list li a.flickr:hover { background-position: -23px -23px; }
.social-list li a.lastfm { background-position: -46px 0px; }
.social-list li a.lastfm:hover { background-position: -46px -23px; }
.social-list li a.myspace { background-position: -69px 0px; }
.social-list li a.myspace:hover { background-position: -69px -23px; }
.social-list li a.twitter { background-position: -92px 0px; }
.social-list li a.twitter:hover { background-position: -92px -23px; }
.social-list li a.hyves { background-position: -115px 0px; }
.social-list li a.hyves:hover { background-position: -115px -23px; }
.social-list li a.wetpaint { background-position: -138px 0px; }
.social-list li a.wetpaint:hover { background-position: -138px -23px; }
.social-list li a.youtube{ background-position: -161px 0px; }
.social-list li a.youtube:hover { background-position: -161px -23px; }
.social-list li a.vimeo{ background-position: -184px 0px; }
.social-list li a.vimeo:hover { background-position: -184px -23px; }
.social-list li a.mobypicture{ background-position: -207px 0px; }
.social-list li a.mobypicture:hover { background-position: -207px -23px; }
.social-list li a.getsatisfaction{ background-position: -230px 0px; }
.social-list li a.getsatisfaction:hover { background-position: -230px -23px; }
.social-list li a.wikipedia{ background-position: -253px 0px; }
.social-list li a.wikipedia:hover { background-position: -253px -23px; }
.social-list li a.wordpress { background-position: -276px 0px; }
.social-list li a.wordpress:hover { background-position: -276px -23px; }
.social-list li a.linkedin { background-position: -299px 0px; }
.social-list li a.linkedin:hover { background-position: -299px -23px; }
.social-list li a.spotify { background-position: -322px 0px; }
.social-list li a.spotify:hover { background-position: -322px -23px; }

.social-list-small li a {
  background: transparent url('../images/socialIconsSmall.gif');
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin: 0 3px 0 0;
}

.social-list-small li a.facebook-small { background-position: 0px 0px; }
.social-list-small li a.twitter-small { background-position: -16px 0px; }
.social-list-small li a.hyves-small { background-position: -32px 0px; }

.social-list-wide li a {
  display: block;
  background-image: url('../images/socialListWide.gif');
  width: 150px;
  height: 22px;
  overflow: hidden;
  line-height: 22px;
  text-indent: 160px;
}

.social-list-wide li a.twitter { background-position: 0px 0px; }
.social-list-wide li a.twitter:hover { background-position: 0px -22px; }
.social-list-wide li a.facebook { background-position: -150px 0px; }
.social-list-wide li a.facebook:hover { background-position: -150px -22px; }
.social-list-wide li a.google { background-position: -300px 0px; }
.social-list-wide li a.google:hover { background-position: -300px -22px; }


/* disabled */
.disabled *, .disabled:hover *{
  color: #aaaaaa !important;
}


/* display types */
.inline {
  display: inline;
}


/* tables */

.display-table tr * {
  font-family: Verdana;
}

.display-table tr th, .display-table tr td {
  vertical-align: top;
  padding-right: 10px;
}

.display-table tr th {
  font-weight: bold;
  font-size: 11px;  
}

.display-table tr td {
  font-size: 10px;
}

.display-table a {
  color: #ff0000;
}


/* pager */
.pager
{
  list-style: none;
  height: 22px;
  margin-bottom: 20px;
}
.pager li
{
  display: inline;
}
.pager li a, .pager li div
{
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  border: 1px solid #999999;
  color: #999999;
  line-height: 20px;
    text-align: center;
  font-size: 12px;  
  margin-right: 3px;	  
}
.pager li div, .pager li a:hover
{
  color: black;
  border-color: black; 
  text-decoration: none; 
}


/* google maps */

.google-map {
  border: 1px solid #aaaaaa;
}


/* form inputs */
input {
  font-family: Verdana;
  font-size: 11px;
}

label {
  font-family: Verdana;
  font-size: 11px;
  height: 24px;
  line-height: 24px;
}


/* form lists */
.form-defenition-list {
  display: block;
}

.form-defenition-list dt {
  float: left;
  padding: 0px;
  margin: 0px;
  display: block;
  height: 24px;
  margin-bottom: 5px;
}

.form-defenition-list dt label {
  font-weight: bold;  
}

.form-defenition-list dd {
  float: left;
  padding: 0px;
  margin: 0px;
  display: block;
  height: 24px;
}


/* form input - text */
input[type=text] {
  background-color: #dddddd; 
  border: none;
  height: 17px;
  line-height: normal;
  padding: 3px 0 0 0;  
  margin: 2px 0 0 15px;
}

.form_input_text {
  position: relative;
  background-image: url('../images/inputTextMiddle.gif');
  background-repeat: repeat-x;
  height: 24px;
  vertical-align: top;  
}

.form_input_text_left {
  background-image: url('../images/inputTextLeft.gif');
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 24px;
  width: 5px;
}

.form_input_text_right {
  background-image: url('../images/inputTextRight.gif');
  position: absolute;
  right: 0;
  top: 0;
  height: 24px;
  width: 5px;
}

/* form input - textarea */
textarea {
  border: 1px solid #999999;
  font-family: Verdana;
  font-size: 11px;  
}

/* form input - file */
input[type=file] {
  border: none;
  background-color: white;
  display: block;
}

input[type=checkbox] {
  background-color: transparent;  
}

input[readonly=readonly] {
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  color: #ff0000;
}


/* form input - select */
select, select option {
  height: 24px;
  line-height: 24px;
  color: #666666;
}



/* form input - submit */
input[type=submit] {
  cursor: pointer;
}

.form_input_submit {
  background: transparent url('../images/submit.gif') no-repeat 0px 0px;
  width: 61px;
  height: 24px;
  border: none;
  color: white;
  font-size: 10px;
  line-height: 24px;
  font-weight: bold;
  text-align: center;  
}

.form_input_submit_right { /* rechts van input (newsletter subscription) */
  position: absolute;
  right: 0;
  top: 0;
  background-image: url('../images/submitRight.gif');
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 100% 0;
  width: 30px;
  height: 24px;
  border: none;
  overflow: hidden;
  text-indent: 31px;
  line-height: 25px;  
}


/* main links */
.link_arrow {
  font-size: 11px;
  font-family: Verdana;
  color: #787879;
  background-image: url('../images/linkArrow.gif');
  background-repeat: no-repeat;
  background-position: 100% 4px;
  padding-right: 10px;
  font-style: normal;
}

.link_grey {
  color: #787879;
  font-size: 11px;
  font-family: Verdana;  
}

.link_red {
  display: inline-block;
  color: white;
  font-size: 11px;
  font-style: italic;
  font-family: Verdana;
  background: #ff0000 url('../images/buttons.gif') no-repeat 0px 0px;
  height: 24px;
  margin-left: 7px;
}

.link_red span {
  margin-left: 1px;
  background: #ff0000 url('../images/buttons.gif') no-repeat 100% 0px;
  line-height: 24px;
  padding: 0 5px 0 5px;
  display: block;
  cursor: pointer;
}

.link_red:hover span, .link_red:hover {
  color: white;  
}

.link_back {
  float: right;
  color: #ff0000;
  font-family: Verdana;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  background: transparent url('../images/arrowRedBack.gif') no-repeat 0px 8px;
  padding: 4px 0 0 12px; 
}

.link_back:hover {
  color: #ff0000;
}



/* modalbox */
#MB_content p {
  font-size: 11px;
  font-family: Verdana;
  font-style: normal;
}


/* submenu tabber */
.tabber {
  border-bottom: 1px solid black;  
}

.tabber ul {
  list-style: none;
  display: block;
  height: 28px;
}

.tabber ul li {
  float: left;
  height: 28px;
  width: 160px;  
}

.tabber ul li a {
  width: 160px;
  height: 28px;  
  display: block;
  float: left;
  overflow: hidden;
  text-indent: 270px;
  line-height: 28px;
  background-image: url('../images/tabberTabs.gif');
}

#tabber_artists { background-position: 0px 0px; }
#tabber_artists:hover, #tabber_artists.selected { background-position: 0px -28px; }
#tabber_events { background-position: -160px 0px; }
#tabber_events:hover, #tabber_events.selected { background-position: -160px -28px; }
#tabber_tell_a_friend { background-position: 0px -56px; }
#tabber_tell_a_friend:hover { background-position: 0px -84px; }
#tabber_remove_from_agenda { background-position: -160px -56px; width: 266px;}
#tabber_remove_from_agenda:hover { background-position: -160px -84px; }
#tabber_add_to_agenda { background-position: -426px -56px; width: 266px; }
#tabber_add_to_agenda:hover { background-position: -426px -84px; }
#tabber_timetables { background-position: -320px 0px; }
#tabber_timetables:hover, #tabber_timetables.selected { background-position: -320px -28px; }
#tabber_timetables { background-position: -320px 0px; }
#tabber_timetables:hover, #tabber_timetables.selected { background-position: -320px -28px; }
#tabber_venues { background-position: -480px 0px; }
#tabber_venues:hover, #tabber_venues.selected { background-position: -480px -28px; }
#tabber_tickets { background-position: -640px 0px; }
#tabber_tickets:hover, #tabber_tickets.selected { background-position: -640px -28px; }
#tabber_travel { background-position: -800px 0px; }
#tabber_travel:hover, #tabber_travel.selected { background-position: -800px -28px; }
#tabber_eat { background-position: -960px 0px; }
#tabber_eat:hover, #tabber_eat.selected { background-position: -960px -28px; }
#tabber_sleep { background-position: -1120px 0px; }
#tabber_sleep:hover, #tabber_sleep.selected { background-position: -1120px -28px; }
#tabber_sleep { background-position: -1120px 0px; }
#tabber_sleep:hover, #tabber_sleep.selected { background-position: -1120px -28px; }
#tabber_contribute { background-position: -1280px 0px; }
#tabber_contribute:hover, #tabber_contribute.selected { background-position: -1280px -28px; }
#tabber_volunteer { background-position: -1440px 0px; }
#tabber_volunteer:hover, #tabber_volunteer.selected { background-position: -1440px -28px; }


/* messages/notifications for the user */
ul#messages {
	border: 1px solid #ff0000;
	background-color: #efefef;
	padding: 20px;
	list-style: none;
	margin: 10px 0 20px 0;
}

ul#messages li {
  font-weight: bold;
  font-size: 11px;
  color: #ff0000;
  font-family: Verdana;
}


/* error display (ie for symfony forms) */
ul.error_list 
{
  list-style: disc;
  padding-left: 20px;
  margin: 3px 0 10px 0;
}

ul.error_list * {
  color: #ff0000;
  font-family: Verdana;
  font-size: 10px;
}

.error {
	color: red;
}


/* back to top */
div.back-to-top { 
  display: block; text-align: right;
}

div.back-to-top a {
  color: #ff0000;
}


/* mediaSlider */
#ms-wrapper {
	clear: both;
	width: auto;
	background-color: transparent;
}

#ms-wrapper img {
  width: 660px;
  height: auto;
  display: block;
}

#ms-footer {
	border-top: 2px solid red;
	background-color: black;
	height: 33px;
	width: auto;
  margin-bottom: 40px;
}

#ms-next {
  cursor: pointer;
  display: block;
  height: 33px;
  float: left;
  width: 15px;
  margin: 0 5px 0 5px;
  background: url(../images/arrows.gif) no-repeat left;		
}

#ms-title {
  width: 550px;
  display: block;
  height: 33px;
  float: left;
  color: white;
  font-size: 12px;
  font-family: Georgia;
  line-height: 33px;
  margin-left: 10px;
  font-style: italic;
}

#ms-prev {
  cursor: pointer;
  display: block;
  height: 33px;
  width: 15px;
  float: right;
  margin: 0 5px 0 5px;
  background: url(../images/arrows.gif) no-repeat right;
}


/* flag */
.flag {
  display: inline-block;
  margin: 0 0 0 5px;
}



/* main item block */
#video .item_video {
	margin-top: 5px;
	background: #cecece;
	border-top: 1px solid #b8b8b8;
}

.item div.item_content {
	padding: 15px 15px 0px 240px;
}

.item div.item_image {
	float: left;
}

.item_title a {
	color: #ff0000;
	font-size: 18px;
	font-style: italic;
}

.item_description {
	font-family: Verdana;
}


/* block */

.block {
  border-top: 1px solid black;
  margin-bottom: 20px;
  padding: 13px 0 0 0;
}

.block-spacer {
  margin-bottom: 30px;
}

.block-spacer-medium {
  margin-bottom: 20px;
}

.block-spacer-small {
  margin-bottom: 10px;
}

.block-grey {
  background-color: #ececec;
  padding: 8px;
}

.block-white {
  padding: 25px;
  margin-bottom: 20px;
}


/* holders */
.image-holder {
  display: block;
  overflow: hidden;
}


/* page tabber */

#tabs ul {
	list-style: none;
	border-bottom: 1px solid #000000;
	height: 27px;
}

#tabs li {
	color: #ffffff;
	float: left;
	padding-left: 6px;
	width: 155px;
	padding: 3px 0 4px 5px;
	background: url(../images/tab.gif) no-repeat;
}

#tabs li a {
	color: #ffffff;
	height: 20px;
	padding: 2px;
	font-size: 14px;
	display: block;
	color: #ffffff;
}

#tabs li a:hover, #tabs li.selected a {
	color: #ff0000;	
}


/* fat horizontal rule */
.hr {
	margin: 25px 0 10px 0;
	height: 5px;
	background: black;
}

.hr hr, .tophr hr{
	display: none;	
}


/* read more */
.read_more {
	color: #ff0000;
	font-family: Verdana;
}


/* ticker */
#highlights {
	float: left;
	position: relative;
	background: #000;
	margin: 0px 0px 10px 0px;
	width: 660px;
	height: 29px;
}

#highlights_content {
	position: relative;
	top: 8px;
	left: 10px;
	width: 640px;
	height: 20px;
	overflow: hidden;  
}

#highlights_ticker {
	position: absolute;
	width: 8000px;
	height: 20px;
	color: white;
	text-transform: uppercase;	
}

#highlights_ticker a {
	color: red;
	font-size: 12px;
}

#highlights_list {
	list-style: none;
}

#highlights_list li {
	float:left;
	font-size: 12px;
	height: 50px;
	padding:0px 20px 0px 0px;
}


#top_highlights {
	position: relative;
	background: #000;
	margin: 0px 0px 10px 0px;
	width: 660px;
	height: 29px;
}

#top_highlights_content {
	position: relative;
	top: 6px;
	left: 10px;
	width: 640px;
	height: 20px;
	overflow: hidden;
}

#top_highlights_ticker {
	position: absolute;
	width: 8000px;
	height: 20px;
	color: white;
	text-transform: uppercase;	
}

#top_highlights_ticker a {
	color: red;
	font-size: 12px;
}

#top_highlights_list {
	list-style: none;  
}

#top_highlights_list li {
	float:left;
	font-size: 12px;
	height: 50px;
	padding:0px 20px 0px 0px;
}

#top_highlights_list li a {
  background-image: url('../images/arrowRed.gif');
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding: 0 10px 0 15px;
}


/* flicker images component + youtube movies component */
.content-slider {
  display: block;
  overflow: hidden;
  background-color: #ececec;
  padding: 14px 0 19px 0;
  position: relative;
  height: 74px;
}

.content-slider .next_button,
.content-slider .previous_button {
  display: block;
  width: 33px;
  height: 74px;
  background-image: url('../images/arrowsGrey.gif');
  background-repeat: no-repeat;
  position: absolute;
  cursor: pointer;
  top: 14px;
}
.content-slider .previous_button {  
  left: 0;
  background-position: 12px 50%;
}
.content-slider .next_button {  
  right: 0;
  background-position: -20px 50%;
}

.content-slider .container {
  position: absolute;
  left: 33px;
  top: 14px;
  height: 74px;
  width: 594px;
  overflow: hidden;
  display: block;  
}

.content-slider .container ul {
  width: 9999px;
  position: relative;
  top: 0;
  left: 0;
  list-style: none;
}

.content-slider .container ul li {
  float: left;  
  margin: 0 5px;  
}

.content-slider .container ul li a {
  
}

.content-slider .container ul li a img {
  display: inline;
  height: 74px;
  width: auto;
}


/* rss */
.rss {
  float: right;
  margin: 7px 0 0 0;
}


/* content column image */
.content-column-image {
  width: 320px;
}

/**
 * 3. page specific styles/tunings
 */


  /**
   * 3.1. homepage
   */

  #last-added .title_black_italic,
  #last-changed .title_black_italic,
  #latest-blogposts .title_black_italic {
    padding-bottom: 10px;
  }
  
  #last-added .title_black_italic a,
  #last-changed .title_black_italic a,
  #latest-blogposts .title_black_italic a,
  #flickr .title_black_italic a {
    padding-left: 5px;
  }
  
  #last-added .title_black_italic_large,
  #last-changed .title_black_italic_large {
    padding-bottom: 5px;
  }
  
  #last-added p,
  #last-changed p {
    font-family: Verdana;
    font-size: 11px;
  }
  
  #last-added p span,
  #last-changed p span,
  #latest-blogposts p span {
    color: #a0a0a0;
  }
  
  #latest-blogposts .title_red_italic {
    padding-bottom: 10px;
  }
  
  #latest-blogposts p {
    display: block;
    padding-bottom: 10px;
    font-size: 11px;
    font-family: Verdana;
  }
  
  
  
  /**
   * 3.2. user
   */


    /**
     * 3.2.1 user overview (zie artist overview)
     */



    /**
     * 3.2.1 user profile
     */

    table.user-profile {
      margin-top: 20px;	
    }
    
    table.user-profile thead th {
      background-color: #999999;
      color: white;
      padding: 2px;
    }
    
    table.user-profile tbody th {
      padding-right: 10px;
      vertical-align: top;
      width: 120px;
    }
    
    table.user-profile tbody td {
      vertical-align: top;
    }
    
    table.user-profile tbody td input {
      display: block;
    }
    
    
    
  /**
   * 3.3 FAQ 
   */

  #faq ul {
	list-style: none;	
  }
  
  #faq ul li.wiki_desc{
    padding-bottom: 3px;
  }
  
  #faq p.wiki_cat {
    font-size: 16px;
    color: red;
    font-style: italic;
    padding-bottom: 3px;
    text-decoration: underline;
  }
  
  #faq ul.contents {
    padding: 0px;
    margin: 0px;
  }
  
  #faq ul.contents li {
    list-style: none;
    padding-right: 4px;
    padding-left: 4px;
    height: 16px;
    line-height: 12px;
  }
  
  #faq p.wiki_cat_contents {
    font-size: 14px;
    color: red;
    font-style: italic;
    padding: 0px;
    margin: 0px;
    text-decoration: underline;
    clear: both;
  }

  
  
  /**
   * 3.4 Wiki guidelines
   */


  /**
   * 3.5 Sitemap
   */

  ul#sitemap li {
	list-style: none;
	padding: 0px 0px 5px 0px;
  }
  
  ul#sitemap li a {
    color: red;
    font-size: 16px;
  }
  
  ul#sitemap li ul li {
    list-style: none;
    padding: 1px 0px 1px 10px;
  }
  
  ul#sitemap li ul a {
    font-size: 12px;
    padding: 0px 2px 0px 2px;
  }



  /**
   * 3.6 friends
   */
  
  /*
  .friends ul li {
    list-style: none;
    padding-bottom: 5px;
  }
  
  .friends p {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 5px;
  }
  */
  
  

  
  /**
   * 3.7 artist + events + venues + timetables (many the same styles)
   */

    /**
     * 3.7.1 last added artists + last changed artist profiles
     */

    #added .image-holder img,
    #changed .image-holder img {
      width: 220px;
    }
    
    #added .image-holder,
    #changed .image-holder {
      float: left;
      margin-right: 10px;
      width: 220px;
      height: 130px;
      overflow: hidden;
    }

    #added .title_red_italic,
    #changed .title_red_italic {
      padding: 8px;
    }
    
    #added p,
    #changed p {
      font-family: Verdana;
      font-size: 11px;
      padding: 0 8px 8px 8px;      
    }
    
    #added .block-grey,
    #changed .block-grey {
      margin-bottom: 10px;
      padding: 0px;
    }
    
    
    
    /**
     * 3.7.2
     *  + artist overview page
     *  + event overview page
     *  + venue overview page
     *  + timetables page
     */

    #artist-overview p,
    #event-overview p,
    #venue-overview p,
    #timetables p {
      font-family: Verdana;
      font-size: 11px;
      padding-bottom: 10px;
    }
    
    #artist-overview .form-defenition-list dl,
    #timetables .form-defenition-list dl {
      width: 660px;
    }
    
    #artist-overview .form-defenition-list dt,
    #timetables .form-defenition-list dt {
      width: 80px;
    }
    
    #artist-overview .form-defenition-list dd,
    #timetables .form-defenition-list dd {
      width: 580px;
      height: auto;
      overflow: hidden;
    }
    
    #artist-overview .filter-select,
    #timetables .filter-select {
      list-style: none;
    }
    
    #artist-overview .filter-select li,
    #timetables .filter-select li {
      display: inline;
    }
    
    #artist-overview li.filter-day-item,
    #timetables li.filter-day-item {
      width: 145px;
      height: 20px;      
      display: block;
      float: left;
    }
    
    #artist-overview .block-grey,
    #event-overview .block-grey,
    #venue-overview .block-grey,
    #timetables .block-grey {
      margin-bottom: 25px;
      padding: 25px;
    }
    
    #artist-overview .hr,
    #event-overview .hr,
    #venue-overview .hr,
    #timetables .hr {
      margin: 40px 0;
    }
    
    #artist-overview .order-by,
    #event-overview .order-by,
    #timetables .order-by {
      float: right;
      width: 187px;
      background-color: #efefef;
      padding: 8px;
      margin: 0 0 20px 20px;
    }
    
    #artist-overview .order-by select,
    #event-overview .order-by select,
    #timetables .order-by select {
      width: 187px;
    }
    
    #artist-overview .order-by label,
    #event-overview .order-by label,
    #timetables .order-by label {
      font-weight: bold;
      display: block;
      margin-bottom: 3px;
    }
    
    #venue-overview .title_black_italic .link_arrow,
    #timetables .title_black_italic .link_arrow,
    #timetables .title_red_italic .link_arrow,
    #timetables .title_black_italic_large .link_arrow {
      padding-left: 5px;      
    }
    
    
    
    /**
     * 3.7.3 artist detail page + event detail page + venue detail page
     */

    #artist-detail p,
    #event-detail p,
    #venue-detail p {
      font-size: 14px;
      font-style: italic;
      line-height: 20px;
    }
    
    #artist-detail .link_red,
    #event-detail .link_red,
    #venue-detail .link_red {
      float: right;
    }
    
    #artist-detail .social-list-small,
    #event-detail .social-list-small {
      float: right;
      margin-top: 6px;
    }
    
    #event-detail .social-list-small {
      margin-bottom: 5px;
    }
    
    #artist-detail .social-list-small li,
    #event-detail .social-list-small li {
      padding-left: 5px;
    }
    
    #artist-detail .title_black_italic,
    #event-detail .title_black_italic,
    #venue-detail .title_black_italic {
      padding-bottom: 10px;
    }
    
    #artist-detail .title_black_italic a,
    #event-detail .title_black_italic a,
    #venue-detail .title_black_italic a {
      padding-left: 5px;
    }
    
    #artist-detail .block-grey,
    #event-detail .block-grey,
    #venue-detail .block-grey {
      padding: 25px 25px 5px 25px;      
    }
    
    #artist-detail .block-grey p,
    #event-detail .block-grey p,
    #venue-detail .block-grey p {
      font-family: Verdana;
      font-size: 11px;
      font-style: normal;
    }
    
    #artist-detail .block-white,
    #event-detail .block-white {
      padding-bottom: 5px;
      margin-bottom: 10px;
    }
    
    #artist-detail #twitter-feed .image-holder {
      width: 48px;
      height: 48px;
      float: left;
      margin-right: 15px;
      border: 1px solid #dddddd;
      padding: 5px;
    }
    
    #artist-detail #twitter-feed .image-holder img {
      width: 48px;      
    }
    
    #artist-detail #twitter-feed p {
      font-style: normal;
      font-family: Verdana;
      font-size: 11px;
      padding-top: 5px;
    }
    
    #artist-detail #flickr-images {
      margin-bottom: 10px;
    }
        
    #artist-detail #youtube-videos .next_button,
    #artist-detail #youtube-videos .previous_button,
    #artist-detail #youtube-videos ul li,
    #artist-detail #youtube-videos .content-slider,
    #artist-detail #youtube-videos .content-slider .container {
      height: 114px;
    }
    
    #artist-detail .horizontal_list li a {
      font-size: 11px;
    }
    
    
    
    /**
     * 3.7.4 artist edit pages + event edit pages
     */
    
    #user-edit p {
      font-family: Verdana;
      font-size: 12px;
    }
    
    #user-edit .block-grey {
      padding: 25px;
    }
    
    #user-edit dl {
      width: 500px
    }
    
    #user-edit dl dt {
      width: 150px;
    }
    
    #user-edit dl dd, #user-edit .form_input_text {
      width: 350px;      
    }
    
    #user-edit dl dd {
      height: auto;
    }
    
    #user-edit dl dd ul {
      margin: 5px 0 10px 20px;
    }
    
    #user-edit .form_input_text_left {
      width: 5px;
    }
    
    #user-edit input[type=text] {
      width: 330px;
      margin-left: 5px;
    }
    
    #user-edit textarea, #user-edit select {
      width: 350px;
    }
    
    #user-edit textarea {      
      height: 200px;
    }
    
    #user-edit .form_input_submit {
      margin-left: 150px;
    }
    
    #user-edit .link_arrow {
      padding-left: 10px;
      background-position: 100% 8px;
      display: inline-block;
      height: 24px;
      line-height: 24px;
    }
    
    #user-edit .image-holder {
      padding: 5px;
      border: 1px solid #dddddd;
      width: 59px;
      margin-top: 5px;
      background-color: white;
    }
    
    #user-edit .image-holder img {
      width: 59px;
    }
    
    #user-edit .block-grey {
      margin-bottom: 20px;
    }
    
    #user-edit .title_red_italic {
      padding: 20px 0 5px 0;
    }
    
    
    
    /**
     * 3.7.5 artist genre 
     */
    
    #genre .block-grey {
      padding: 25px;
    }
    
    
  
  /**
   * 3.8 Newsletter unsubscribe
   */
  
  #newsletter-unsubscribe .block-grey {
    padding: 25px;   
  }
  
  #newsletter-unsubscribe .form-defenition-list {
    width: 300px;
  }
  
  #newsletter-unsubscribe .form-defenition-list dt {
    width: 50px;
  }
  
  #newsletter-unsubscribe .form_input_text {
    width: 250px;    
  }
  
  #newsletter-unsubscribe .form_input_text input[type=text] {
    width: 215px;
    margin-left: 5px;
  }
  
  
  
  /**
   * 3.9 Tell a friend
   */
  
  #tell-a-friend {
    overflow: hidden;
  }
  
  #tell-a-friend dl {
    width: 500px;
  }
  
  #tell-a-friend dl dt {
    width: 150px;
  }
  
  #tell-a-friend dl dd, #tell-a-friend .form_input_text {
    width: 350px;
  }
  
  #tell-a-friend dl dd {
    height: auto;
  }
  
  #tell-a-friend .form_input_text_left {
    width: 5px;
  }
  
  #tell-a-friend input[type=text] {
    width: 330px;
    margin-left: 5px;
  }
  
  #tell-a-friend textarea {
    width: 350px;
    height: 200px;
  }
  
  #tell-a-friend .link_arrow {
    padding-left: 10px;
    background-position: 100% 8px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
  }
  
  
  /**
   * 3.10 user
   */
  
    /**
     * 3.10.1 users overview
     */
    
    #user-overview .block-grey {
      padding: 10px;
      margin: 0px 0px 10px 0px;
      border-bottom: 1px solid #dddddd;
      border-left: 1px solid #dddddd;
    }
    
    #user-overview .block-grey p {
      font-style: italic;      
      font-size: 14px;    
    }
    
    #user-overview .image-holder {
      width: 48px;
      border: 1px solid #dddddd;
      height: 48px;      
      float: left;
      margin: 0 10px 0 0;
    }
    
    #user-overview .image-holder img {
      width: 48px;
    }
    
    
    
    /**
     * 3.10.2 user detail page
     */
    
    #user-detail p {
      font-family: Verdana;
    }
  
    #user-detail .image-holder {
      width: 300px;
      padding: 9px;
      border: 1px solid #dddddd;
    }
    
    #user-detail .no-image {
      width: 300px;
      height: auto;
      text-align: center;
      
    }
    
    #user-detail .no-image p {
      color: #aaaaaa;
      line-height: 100px;
    }
    
    #user-detail .block {
      margin-bottom: 30px;
    }
    
    #user-detail .title_black_italic {
      padding-bottom: 5px;      
    }
    
    #user-detail .hr {
      margin: 40px 0 40px 0;
    }
    
    #user-detail .block-grey {
      padding: 25px;
    }
    
    #user-detail .image-list li {
      position: relative;
    }
    
    #user-detail .image-list .image-holder {
      width: 100px;
      height: 100px;
      border: 1px solid #dddddd;
      padding: 0px;
      float: left;
      margin: 0 4px 4px 0;
    }
    
    #user-detail .image-list img {
      height: 100px;
      min-width: 100px;
    }
    
    #user-detail .image-list .link_overlay {
      position: absolute;
      left: 0;
      right: 0;
      display: block;
      width: 100px;
      height: 100px;
      background-color: transparent;
      overflow: hidden;
      text-indent: 200px;
      line-height: 100px;      
    }
    
    #user-detail .image-list li > div {
      position: absolute;
      left: 0;
      right: 0;
      width: 100px;
      height: 100px;      
    }
    
    
    
  /**
   * 3.11 Friends
   */
  
  #friends p {
    font-family: Verdana;
    font-size: 12px;
  }
  
  #friends .hr {
    margin: 40px 0;
  }
  
  #friends .block-grey {
    padding: 15px;
  }
  
  #friends .image-holder {
    width: 100px;
    height: 85px;
    padding: 3px;
    border: 1px solid #dddddd;    
    float: left;
    margin-right: 10px;
  }
  
  #friends .no-image {
    height: 85px;
    width: 100px;
    color: #999999;
    font-family: Verdana;
    text-align: center;
    line-height: 85px;
  }
  
  #friends .image-holder img {
    width: 100px;
  }
  
  
  
  /**
   * 3.12 People
   */
  
    /**
     * 3.12.1 People overview
     */
    
    #people-overview p {
      font-family: Verdana;
      font-size: 12px;
    }
    
    #people-overview .image-holder {
      width: 85px;
      height: 100px;
      overflow: hidden;
      float: left;
      padding: 3px;
      border: 1px solid #dddddd;
      margin-right: 10px;
    }
    
    #people-overview .image-holder img {
      width: 85px;      
    }
    
    #people-overview .no-image {
      width: 85px;
      height: 100px;
      line-height: 100px;
      overflow: hidden;
      text-align: center;
    }
    
    #people-overview .no-image * {
      color: #aaaaaa;
    }
    
    #people-overview .block-grey p {
      font-size: 11px;
    }
    
    #people-overview .block-grey .title_red_italic {
      padding-bottom: 5px;
      font-size: 14px;
    }
    
    
    /**
     * 3.12.2 People detail
     */
    
    #people-detail p {
      font-family: Verdana;
      font-size: 11px;
    }
    
    #people-detail .image-holder {
      width: 170px;
      height: 200px;
      padding: 5px;
      border: 1px solid #dddddd;
    }
    
    #people-detail .content-left {
      width: 182px;
    }
    
    #people-detail .content-right {
      width: 458px;
    }
    
    #people-detail .no-image {
      width: 170px;
      height: 200px;
      overflow: hidden;
      text-align: center;
    }
    
    #people-detail .no-image {
      line-height: 200px;
      color: #aaaaaa;
    }
    
    
  /**
   * 3.13 simple page
   */
  
  #simple-page p, #simple-page p a {
    font-family: Verdana;
  }
  
  #simple-page .strong, #simple-page .strong *{
    font-family: Georgia !important;
    font-size: 14px !important;
    font-style: italic;
    line-height: 20px;
    font-weight: bold;
    
  }
  
  #simple-page p > a {
    color: #ff0000;
  }
  
  #simple-page .link_red {
    margin: 0 5px 0 0;
  }
  
  #simple-page .block-grey {
    padding: 25px;
  }
  
  #simple-page > .title_red_italic {
    padding-bottom: 5px;
  }
  
  #simple-page .block-grey
  .title_red_italic_small,
  .title_black_italic_small {
    padding-bottom: 5px;
  }
  
  #simple-page .rte-output,
  #simple-page .rte-output * {
    font-family: Verdana;
    font-size: 11px;
  }
  
  #simple-page .hr {
    margin: 40px 0;
  }
  
  #simple-page .image-holder {
    padding: 5px;
    border: 1px solid #dddddd;
  }
  
  
  #simple-page iframe {
    border: 1px solid #dddddd;
    overflow-x: hidden;
    height: auto;
  }
	
	#simple-page .error {
		border: 1px solid red;
		padding: 10px;
		font-size: 11px;
		font-family: Verdana;
	}



/**
 * 4. Mobile website
 */

#mobile-overview .block-grey,
#mobile-detail .block-grey {
  border-top: 1px solid #B8B8B8;
  background: #CECECE;
  margin: 20px 0 0 0;
  padding: 20px;
}

#mobile-overview p {
  font-family: Verdana;
}

#mobile-detail {
  padding: 10px 0 0 0;
}

#mobile-detail p {
  font-family: Georgia;
  font-size: 14px;
  font-style: italic;
}

#mobile {
  display: block;
  width: 320px;
}

#days {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
#days li {
  padding: 5px 10px;
  font-weight: bold;
  border-bottom: 1px solid black;
}
*/

.mobile_back {
  color: #ffffff;
  font-family: Georgia;
  background: #ff0000;
  padding: 5px;
  font-weight: bold;
  float: right;
}

.top {
  float: right;
  font-size: 12px;
  font-weight: bold;
}

#mobile #content {
	float: none;
	width: 320px;
}

#mobile #top_highlights {
  width: 320px;
}

#mobile #top_highlights_content {
  width: 300px;
}