﻿@charset "utf-8";
/* CSS Document */
/* Attractions Styles */

body#attractions-page {
    background: #000 url(/css-images/topbg-what-to-see.jpg) repeat-x top center;    
}

body#attractions-subpage {
    background: #000;
}

#top-sub {
    background: #5f070e;
}

#top-sub #search-box input {
    /* background: #7a0811; */
  background: transparent;
  color: #5f070e;
}

#top-sub #search-box p {
  color: #5f070e;
  }

#attractions-main {
   background: #5f070e url(/css-images/coloured-bar.png) repeat-x top;
   width: 100%;
   float: left; 
}
#attractions-main #sidebar {
        background: #4b050a;
        margin-bottom: 6em;
        padding-bottom: 6em;
}

    
#attractions-main #sidebar ul li {
    background: #5f070e;
    border-top: solid 1px #4b050a;
}

#attractions-main #sidebar ul li li {
    background: #4b050a;
    border-bottom: solid 1px #56060b;
} 
#attractions-main #sidebar ul li li a {
         font-weight: bold;
}
#attractions-main #sidebar ul li li a:hover {
    background: #5f070e;
}
#attractions-main #sidebar ul li li a#current {
    border-top: solid 1px #5f070e;
}
#attractions-main #sidebar ul li li li a {
    background: #b30f1c;
    border-top: solid 1px #5f070e;
    font-weight: normal;
}
#attractions-main #sidebar ul li li li a#sub-current {
    /* background: #5f070e; */
     background: url(/css-images/sub-sub-menu-icon.png) no-repeat left center;
     padding-left: 36px;
}
html>body #attractions-main #sidebar ul li li li a {*border-top: none;} /* IE7 hack to remove double border */

#attractions-main #sidebar ul li li li li a { 
  background: none;
}
#attractions-main #sidebar ul li li li li a#sub-sub-current {
     background: url(/css-images/sub-sub-sub-menu-icon.png) no-repeat left center;
     padding-left: 52px;
}

#attractions-main #breadcrumbs ul {
    background: url(/css-images/attractions-breadcrumb-border.png) repeat-x left bottom;
    
}
#attractions-main #breadcrumbs ul li a {
    border-right: solid 1px #4b050a;
}

#attractions-main #mini-nav {
  background: #4b050a;
  }


#attractions-main #content a {
    border-color: #fff;
}
#attractions-main #content a:hover {
  background: #f00;
  border-bottom: #f00;
}



/* white paper background --*/
#attractions-main #content .col1-paper {
    background: url(/css-images/box-paper-top.gif) top no-repeat;
    color: #000;
    width: 410px;
    float: left;
    margin: 0 50px 0 -15px;     
}

#attractions-main #content .col1-paper a {
     color: #5f070e;
     border-color: #5f070e;
}
#attractions-main #content .col1-paper a:hover {
     background-color: #5f070e;
     color: #fff;
}

#attractions-main #content .col1-paper h3 a {
  border-bottom: none;
  color: #000;
  font-weight: normal;
  }

#attractions-main #content .col1-paper blockquote {
     font-size: .9em;
    background: url(/css-images/paper-quote-first.png) no-repeat 10px 0;
}
#attractions-main #content .col1-paper blockquote p {
    background: url(/css-images/paper-quote-last.png) no-repeat bottom right;
}
#attractions-main #content .col1-paper cite {
    margin-left: 1em;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}
#attractions-main #content .col1-paper p.cite-title {
    text-transform: lowercase;
    font-style: normal;
    line-height: 1em;
    background: none;
}
#attractions-main #content .col1-paper-background { /* red background */
    background:url(/css-images/box-paper-background.gif) repeat-y;
    width: 100%;
    float: left;
    margin-top: 45px;
}
#attractions-main #content .col1-paper-background p, #attractions-main #content .col1-paper-background h3 {
    margin-left: 15px;
    margin-right: 15px;
}
#attractions-main #content .col1-paper-end {
    background: url(/css-images/box-paper-end.gif) no-repeat;
    height: 45px;
    margin-bottom: 3em;
}
#attractions-main #content .col2-paper-right {
    float: left;
    width: 270px;
}
#attractions-main #content .conversion {
    background: #4b050a;
    padding: 10px;
    margin-bottom: 3em; 
    font-size: .85em;
    line-height: 1.25em;
}
#attractions-main #content .cheese {
     background: #4b050a;
     width: 270px;
     margin-bottom: -10px;
     color: #000;
     margin-top: -3em;
}
#attractions-main #content .cheese-background {
    background: url(/css-images/what-to-see-cheese-paper.png) no-repeat top right;
    width: 300px;
    margin-left: -30px;
    height: 253px;
}
    
#attractions-main #content .cheese-text {
    padding: 3em 5.5em 0 3em;
    font-size: .85em;
    line-height: 1.25em;
}
#attractions-main #content .cheese-text li {
     list-style: disc;
     margin-left: 1.25em;
     margin-bottom: 0.25em;
}

#attractions-main p.reddot, #attractions-main span.reddot {
  color: #fff;
  }

#makers-timetable {
  color: #fff;
  }

#makers-timetable ul {
  margin: 0;
  padding: 0;
  }

#makers-timetable li {
  list-style-type: none;
  border-bottom: solid 1px #4b050a;
  }

#makers-timetable li span.date {
  width: 100px;
  float: left;
  }

#makers-timetable li span.name{
  text-transform: uppercase;
  }

#attractions-main #content #makers-timetable li span.discipline {
  text-transform: lowercase;
  font-weight: normal;
  }

#thumbs, #thumbs-2 {
  margin-bottom: 3em;
  float: left;
}

#thumbs .grid_3 img, #thumbs-2 grid_3 img {
  display: block;
  width: 110px;
  height: 167px;
  margin-bottom: 10px;
  }

#thumbs a, #thumbs a:hover, #thumbs-2 a, #thumbs-2 a:hover {
  border: none;
  background: transparent;
  }

#thumbs .gap, #thumbs-2 .gap {
  margin-right: 35px;
  }



#attractions-main #content #makers-timetable li a.display-link {
  color: #fff;
  }

#attractions-main #content #makers-timetable li a:hover {
  background: #fff;
  color: #4b050a;
  border-bottom: none;
  }

#makers-list .maker {
    margin-bottom: 40px;
}
#makers-list .maker-headshot img {
  display: block;
  width: 210px;
  height: 170px;
  }
#makers-list .maker-title img {
  display: block;
  width: 210px;
  height: 75px;
  }

#makers-list .maker-headshot a, #makers-list .maker-title a {
 border: none;
 padding: 0;
 background: transparent;
 margin: 0;
}

#makers-list #list-1, #makers-list #list-2, #makers-list #list-3 {
    float: left;
    width: 210px;
    margin-right: 40px;
}
#makers-list #list-3 {
    margin-right: 0;
}
 
a.display-link { /* don't display link on makers page */
  display: none;
  }

#attractions-main #mini-nav ul li a {
  border-right: none;
  font-weight: bold;
  }


#footer-end {
  background: #5f070e;
  }


#makers-roster {
  }
#makers-roster a.display-link {
  display: inline;
  }
