/* Amblesidephotos */
/* 28/05/07  */
/* This has two versions of the Prices Page */

/* add descriptions and keywords for SEO */

/*  
previous values:
a:visited {color: #f09;}
a:hover {color: #fff;}         */

/* Amblesidephotos */



* {
margin: 0;
padding: 0;
}
a:link {color: #90ff90;}
a:visited {color: #90ff90;}
a:hover {color: #ff0;}

/* ------- STRUCTURE ------- */

body {
background: #000;
font: small Arial, sans-serif;	
color: white; 
}
#wrapper {
  width: 710px;
  margin: 20px auto;
}
#wrapperVenuesPage {
  width: 710px;
  margin: 20px auto;
  background-image: url("images/sunrise Crinkle Crags660.jpg");
  background-repeat: no-repeat;
  background-position: 50% 70%;
}
#headerWrapper { /* for title text, to ensure constant vertical spacing of line and nav bar */
  height: 60px;  /* and this does it */
  padding-top: 20px;
  background: #000;
  border-bottom: solid 2px #f93;
}
#contactWrapper { /* ALL PAGES */
  clear: both;
  color: #fff;
  background: #000; /* was #6c6; */
  text-align: center;
  font: 1.1em Arial, sans-serif;
  padding-top: 12px;
}

/* ------- HEADERS & PARAS ------- */

h1 { /* HOME PAGE */
  font: 3em Century Gothic, arial, sans-serif;
  color: #f93;  
  background: #000;
  text-align: left;
}
h2 { /* NON-HOME PAGE */
  font: 2em Century Gothic, arial, sans-serif;
  color: #f93;
  background: #000;
  text-align: left; 
  padding-top: 10px; /* to counteract the height diffs between h1 & h2 */
}
#para1 { /* GALLERY PAGE - for text above photo gallery */
  clear: both;
  font: 1.1em verdana, arial, sans-serif;
  color: white;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
#para2 { /* PRICES PAGE - for text alongside top images */
  float: left;
  font: 1.1em verdana, arial, sans-serif;
  margin-top: 46px;
  margin-left: 15px;
  width: 150px;
}
#para3 { /* VENUES PAGE - text above B/G image (seem to need "padding 1px for all browsers to work ??!!} */
  font: 1.1em verdana, arial, sans-serif;
  margin-top: 10px;
  padding-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
}
#para4 { /* PROFILE PAGE - alongside Img of Tom (seem to need "padding 1px for all browsers to work ??!!} */
  font: 1.0em verdana, arial, sans-serif;
  margin-top: 38px;
  margin-right: 20px;
  padding-top: 10px;
  margin-bottom: 10px;
}
#para5 { /* PROFILE PAGE - next para down (seem to need "padding 1px for all browsers to work ??!!} */
  font: 1.0em verdana, arial, sans-serif;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 1px;
}
#para6 { /* PROFILE PAGE - text below image of shop (seem to need "padding 1px for all browsers to work ??!!} */
  font: 1.0em verdana, arial, sans-serif;
  margin-top: 10px;
  text-align: center;
  padding: 1px;
}
#para7 { /* PROFILE PAGE - map directions below image of shop (seem to need "padding 1px for all browsers to work ??!!} */
  font: 1.0em verdana, arial, sans-serif;
  margin-top: 1px;
  margin-bottom: 30px;
  text-align: center;
  padding: 1px;
}
#www {
  text-align: center;
  margin-top: 20px;
  padding-bottom: 10px;
  font: 11px Verdana, Arial, sans-serif;
}
.month { /* VENUES PAGE - table headers */
  color: #000070; 
  font: 1.3em verdana, arial, sans-serif; 
  font-weight: bold; 
  text-align: center;
  background: #fff;
}
.date { /* VENUES PAGE - keep these in case we need to revert to alternate colors for alternate rows */ 
  color: #000070;
  font-weight: bold;
  background: #fff;
}

/* ------- NAVIGATION ------- */

#navigation {
  background: #000;
  font: bold 14px verdana, arial, sans-serif;
  margin-left: 110px; 
  margin-bottom: 20px;
  padding-top: 5px;
}
#navigation ul {
  list-style-type: none;
}
#navigation li {
  display: in-line;
  float: left; /* retain this to diplay horizontally rather than vertically */
}
#navigation a {
  display: block; /* retain this to enable separation between elements */
  width: 120px; 
  text-align: center;
  background: #000;
  text-decoration: none;
  color: #90ff90;
}	
#navigation a:hover {
  background: #000;
  color: #ff0; 
}

/* ------- IDENTIFIERS ------- */

.homePage #Home, .galleryPage #Gallery, .pricesPage #Prices, .pricesoldPage #Pricesold, .venuesPage #Venues, .profilePage #Profile  { 
  background: #000;
  color: #fff; 
}

/* ------- HOME PAGE ------- */

#imgHomePageLeft { /*  HOME PAGE  */
  clear: both;
  float: left;
  margin-left: 10px;
  margin-top: 40px;
}
#textWrapperRight { /*  HOME PAGE  */
  float: right;
  width: 390px;
  margin-right: 10px;
  margin-top: 60px;
}
#textWrapperRightLower { /*  HOME PAGE  */
  float: right;
  width: 390px;
  margin-right: 10px;
  padding-top: 10px;
}
#imgHomePageRight { /*  HOME PAGE  */
  float: right;
  margin-right: 10px;
  margin-top: 60px;
}
#textWrapperLeft { /*  HOME PAGE  */
  float: left;
  width: 310px;  
  margin-left: 10px;
  margin-top: 30px;
}
#textWrapperLeftLower { /*  HOME PAGE  */
  float: left;
  width: 310px; 
  margin-left: 10px;
  padding-top: 10px;
}

/* ------- GALLERY PAGE ------- */

#hoverBoxWrapper { /* GALLERY PAGE */
  width: 610px;
  margin: 0px auto;
}

/* ------- RRICES PAGE ------- */

.pricesPageImgTop { /* PRICES PAGE */
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  margin-bottom: 0px;
}
.pricesPageImgTopLower { /* PRICES PAGE */
  clear: both;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 0px;
}
.pricesPageImgBottomUpper { /* PRICES PAGE */
  float: right;
  margin-right: 10px;
  margin-top: -143px;
}
#clear {
  clear: both;
}
.pricesPageImgBottom { /* PRICES PAGE */
  float: right;
  margin-right: 10px;
  margin-top: 0px;
}
.pricesPageImgBottomLandscape { /* PRICES PAGE */
  float: right;
  margin-right: 10px;
  margin-top: 33px;
}
#pricesList { /* PRICES PAGE */
  margin-top: 180px;
  margin-bottom: 16px;
  margin-left: 160px;
  margin-right: 140px;
  list-style-type: disc;
  font: 1.1em Arial, sans-serif;
}
#pricesList li{ /* PRICES PAGE */
  margin-bottom: 10px;
}

/* ------- VENUES PAGE ------- */

#venueWrapper { /* VENUES PAGE */
  position: relative;
  height: 500px;
  width: 700px;
}
#venueLeft { /* VENUES PAGE */
  position: absolute;
  margin-top: 10px;
}
.venueWrapperLeft { /* VENUES PAGE */
  clear: left;
  float: left;
  margin-left: 30px;
  padding: 0px;
  width: 280px;
  margin-top: 20px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  border: 1px solid black;
}
#venueRight { /* VENUES PAGE */
  position: absolute;
  width: 710px;
  margin-top: 10px;
}
.venueWrapperRight { /* VENUES PAGE */
  clear: right;
  float: right;
  margin-right: 30px;
  padding: 0px;
  width: 280px;
  margin-top: 20px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  border: 1px solid black;
}
#titleVenueImg { /* VENUES PAGE */
  clear: right;
  float: right;
  width: 280px;
  margin-top: 80px;
  margin-right: 30px;
  padding: 0px;
  font: 1.4em Arial, sans-serif;
  font-weight: bold;
  color: #fff;
} 

/* ------- PROFILE PAGE ------- */

#profilePageImgTop { /* PROFILE PAGE */
  float: left;
  clear: both;
  padding-top: 10px;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 18px;
  margin-bottom: 2px;
}
#profilePageImgBottom { /* PROFILE PAGE */
  clear: both;
  text-align: center;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 10px;
}