/* Color Sets: 

Body -> Content -> Menu
Darkest -> Lightest -> Midpoint

Pink: BA0853 FA4893 D3095E
Blue: 2E3598 6E75D8 343CAC
New Pink: FF0080


*/

#menu { background-color: #D3095E; }

.clear { clear: both; }
#infoBar { text-align: center; font-size: 70%; margin-left: auto; margin-right: auto; width: 30em; }
#links { padding: 4em 1em 1em 1em; text-align: center;}

.storyText { text-align: justify; }

html, body { 
  margin: 0;
  background-color: #FF0080;
  padding: 0;
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }

a:visited, a:link { color: rgb(255,255,255); }
a:hover, a:active { color: #FF0080; }

.clear { clear: both; }

#container { 
	min-height:100%; 
	/* \*/
	height:100%;
}

#contain\65   r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
  height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/
* html #container{
  height:100%;
}

#content {
   background-color: #F06391; 
   margin-right: auto;
   margin-left: auto;
   width: 750px;
   padding: 1em 1em .1em 1em;
}

#content p {   letter-spacing: 1px; font-size: 85%; }

#centerBlock { 
   position: absolute;
   top: 50%;
   width: 100%; 
   background-color: #FA4893; 
   height: 200px; 
   text-align: center; 
   margin-top: -100px;
   }



/* Entry Page */

.entrySplash { text-align: center; margin: 2em auto 0 auto; border: 1px solid white; }
#splashDiv { text-align: center; margin: 0 auto 1em auto; width: 350px; }
#infoDiv { width: 400px; color: rgb(255,255,255); font-size: 85%; letter-spacing: .25em; text-align: center; margin: 1em auto 0 auto;}
#infoDiv p { text-align: justify; }
#linksDiv { width: 500px; color: rgb(255,255,255); font-size: 85%; letter-spacing: .1em; text-align: center; margin: 0 auto 0 auto; }

#links { background-color: #F06391; }

#enter { 
   float: left;
   text-transform: uppercase;
   font-size: 80%; 
   color: rgb(255,255,255); 
   font-weight: bolder;
   letter-spacing: .25em; 
   margin-bottom: 1em;
}

#exit { 
   float: right;
   text-transform: uppercase; 
   font-size: 80%; 
   color: rgb(255,255,255); 
   font-weight: bolder;
   letter-spacing: .25em; 
   margin-bottom: 1em;
}

/* Header */

#header { 
   width: 100%; 
   height: 90px; 
   background-color: #FA4893; 
   background-image: url(banner.jpg);
}

#menu { text-align: center; width: 100%; height: 1.5em; }

ul#headMenu { list-style: none; margin: 0; padding: 0; display: inline; }

.headMenuItem { display: inline; margin-right: 2em; letter-spacing: .06em; font-size: 80%; text-transform: uppercase; }

.headMenuItem a:link, .headMenuItem a:visited { text-decoration: none; }
.headMenuItem a:hover, .headMenuItem a:active { text-decoration: none; color: #F06391; }

/* Tour Pages */

.sampleImage { margin-right: 1em; float: left; border: 1px solid white; }
.sampleImageLeft { margin-right: 1em; float: left; border: 1px solid white; }
.sampleImageRight { margin-left: 1em; float: right; border: 1px solid white; }
.sampleImageLeftTall { margin-right: 1em; float: left; border: 1px solid white; width: 250px; height: 400px; }
.sampleImageRightTall { margin-left: 1em; float: right; border: 1px solid white; width: 250px; height: 400px; }
.tourBlock { height: 19em; padding-bottom: 1em; }
.enterContent { }
.recipButton { border: 0; }
.joinHead { color: rgb(255,255,255); font-size: 130%; font-weight: bolder; text-align: center; }
p.aboutDesc { font-size: .8em; }
#aboutBlock h2 { color: rgb(20,20,20); font-size: 120%; letter-spacing: .25em; text-transform: uppercase; }
#content #aboutBlock p { font-size: 70%; }

/* Gallery Pages */

.shootContent { height: 100%; }

.shootTitle { color: rgb(255,255,255); font-size: 110%; letter-spacing: .1em; }
.shootDate { color: rgb(255,255,255); font-size: 70%; }
.insideDiv { float: left; width: 105px; display: inline; margin-left: 60px; margin-right: 60px;}
.linkDesc:link, .linkDesc:visited { color: rgb(255,255,255); text-decoration: none; font-size: 80%; }
.linkDesc:active, .linkDesc:hover { color: #FF0080; text-decoration: none; font-size: 80%; }
.shootDiv { width: 500px; padding: 5px; text-align: center; margin-left: auto; margin-right: auto; }
.shootDesc { float: left; text-align: justify; }
.shootImg { border: 2px solid rgb(255,255,255); }
.shootImg:hover, .shootImg:active { border: 2px solid #FF0080; }

/* Shoot List */

.shootImageList { float: left; text-align: center; width: 12em; margin: 1em 1em 0 0;}
.shootImageList img { text-align: center; margin-left: auto; margin-right: auto; }
.textImageList { text-align: justify; }
.insideImage { float: left; margin-right: 1em; }
.attrib img { border: 0; }
.insideImage { margin-bottom: 1.5em; }