/*
	Cathe & Egglands Best San Diego Tour
	http://cathe.com/san-diego
	CSS Styles
*/

/* Basic ---------------------------------------*/

body, html {
  font-family: helvetica, arial, sans-seif;
  font-size:12px;
  color:#333;
  background:#F5F0E0;
}
h1, h2, h3, h4, h5 {
  font-family: Georgia, serif;
  font-style:italic;
  font-weight:normal;
}
h1, h2, h3 {
  color:#D16C06;
}
h4, h5 {
  color:#333;
}
a, a:link {
  color:#D16C06;
}
a:visited {
  color:#999;
}
a:hover {
  cursor:pointer;
}
h1 {font-size:40px;}
h2 {font-size:35px;}
h3 {font-size:28px;}
h4 {font-size:18px;}
p {
  line-height:16px;
}
.clear {clear:both;}
/* Structure ---------------------------------------*/
body {
  border-top:4px solid #333;
  background: url(../images/siteBg.jpg) repeat-x top;
}

#container {
  width:960px;
  margin:0 auto;
}
.innerWrapper {
  width:960px;
  margin:0 auto;
  position:relative;
}
#header {
  margin-top:20px;
  position: relative;
}
#header h1 {
  font-size:18px;
  color:#333;
  width:700px;
}
#header h1 a, #header h1 a:visited, #header h1 a:hover  {
  color:#333;
  text-decoration:none;
}
#header h1 span {
  margin:3px 0 0 0;
  font-size:48px;
  display:block;
  color:#D16C06;
  font-family: helvetica, arial, san-serif;
  font-style:normal;
  font-weight:bold;
  letter-spacing:-1px;
  /*text-shadow: 2px 2px 0px #fff;*/
}
#header ul#globalNav, #header ul#globalShare {
  position:absolute;
}
#header ul#globalNav li {
  display:inline;
  margin-right:5px;
  line-height:20px;
  padding:2px 0 0 20px;
}
ul#globalNav li.home {background: url(../images/house.png) no-repeat left center}
ul#globalNav li.about {background: url(../images/help.png) no-repeat left center}
ul#globalNav li.terms {background: url(../images/asterisk.png) no-repeat left center}
ul#globalNav li.contact {background: url(../images/email.png) no-repeat left center}
ul#globalNav li a {color:#333;}
#header ul#globalNav {
  top:0;
  right:0;
}
#header ul#globalShare {
  right:0;
  top:50px;
}
ul#globalShare li{
  float:left;
  margin-right:10px;
  text-indent:-9999em;
}
ul#globalShare li a {
  display:block;
 width:24px;
  height:24px;
  background: url(../images/sharing.png) no-repeat top left;
}
ul#globalShare li.twitter a {background-position: 0 0;}
ul#globalShare li.facebook a {background-position: -34px 0;}
ul#globalShare li.myspace a {background-position: -69px 0;}
ul#globalShare li.digg a {background-position: -103px 0;}
ul#globalShare li.delicious a {background-position: -137px 0;}
ul#globalShare li.yahoo a {background-position: -170px 0;}
ul#globalShare li.newsvine a {background-position: -202px 0;}
ul#globalShare li.email a {background-position: -234px 0;}


#featuredArea {
  margin:20px 0 0 0;
  background: url(../images/headerTrees.png) no-repeat 340px 180px;
  position:relative;
  height:330px;
  z-index:50;
}
#featuredArea .slideshow {
  position:absolute;
  width:434px;
  height:304px;
  left:0;
  top:0;
  background: url(../images/slideshowBg.png) no-repeat top left;
  z-index:2;
}
#featuredArea .slideshow img {
  width:358px;
  height:218px;
  background:#fff;
  margin:31px 0 0 28px;
  padding:10px;
   -moz-box-shadow: #333 2px 2px 10px;
-webkit-box-shadow: #333 5px 5px 10px;

}
#featuredArea h2 {
  padding: 20px 0 10px 440px;
  width:511px;
  height:97px;
  background: url(../images/springBreakHeader.png) no-repeat right 10px;
  text-indent: -9999em;
  border-bottom:1px solid #ccc;
  margin-bottom:20px;
}
#featuredArea p {
  font-size:18px;
  line-height:22px;
  margin:0 0 20px 0;
  padding-left:440px;

}
/*#featuredArea p:first-letter {
  font-size:40px;
  
  float:left;
  padding:3px 0 0 0;
  font-family:georgia, serif;
}*/
#homeContent {
  clear:both;
  margin:0 0 0 0;
  padding:0 0 40px 0;
  position: relative;
}

#homeContent #leftCol {
  width:367px;
 
}
#homeContent .clear {
  
}
#homeContent .vevent {
  background:#333 url(../images/detailsBg.jpg) repeat-x top;
  position:absolute;
  top:-90px;
  left:60px;
  width:247px;
  padding: 66px 20px 40px 20px;
  /*-moz-border-radius:20px;*/
   -moz-box-shadow: #333 1px 1px 10px;
-webkit-box-shadow: #333 1px 1px 10px;
}
#homeContent a.register {
  position:absolute;
  bottom:-60px;
  left:0;
  display:block;
  width:257px;
  background:#9ECCD4 url(../images/registerBg.jpg) repeat-x top;
  padding:15px;
  text-align:center;
  font-family:georgia, serif;
  text-decoration:none;
  color:#333;
  font-style:italic;
  font-size:35px;
  font-weight:normal;
  border-top:2px dashed #333;
   -moz-box-shadow: #333 1px 1px 15px;
-webkit-box-shadow: #333 1px 1px 15px;
}

#homeContent a.register small {
  font-size:18px;
  margin:0;
  display:block;
}
#homeContent a.register:hover {
  color:#fff;
  background-image:none;
  background-color:#D16C06;
}
.vevent p, .vevent span, .vevent attrib {
  color:#fff;
}
.vevent h3, .vevent a, .vevent a:link {
  color:#E6AF70;
}
.vevent h3 {
  margin: 20px 0 5px 0;
}
.vevent .summary {

}
.vevent span {
  display:block;
}
.vevent h3 > span {
  display:inline;
}
#homeContent #leftCol a#egLink {
  position:relative;
  bottom:-260px;
  left:0;
  display:block;
  width:188px;
  height:98px;
  font-size:20px;
  font-family:georgia, serif;
  font-style:italic;
  text-indent:-9999em;
  background: url(../images/ebLogo.jpg) no-repeat top left;
}
#homeContent #rightCol {
  width:593px;
  float:right;
  padding: 0 0 40px 0;
}
#homeContent #rightCol h3 {
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
  margin:20px 0;
}
#homeContent #rightCol img {
  float:left;
  width:65px;
  height:65px;
  background:#fff;
  border:1px solid #ccc;
  padding:3px;
  margin-right:20px;

}
#homeContent #rightCol h4 {
  margin:0 0 10px 0;
}
#homeContent #rightCol ul li {
  margin-bottom:20px;
}
ul#resources li.forums h4 {background:url(../images/comments.png) no-repeat left center; padding-left:20px;}
ul#resources li.findattendees h4 {background:url(../images/group.png) no-repeat left center; padding-left:20px;}
ul#resources li.bringList h4 {background:url(../images/page.png) no-repeat left center; padding-left:20px;}
#homeContent {
    background: transparent url(../images/footerTrees.jpg) no-repeat 160px bottom;
}
#footer {
  background:#87AEB4 url(../images/footerBg.jpg) repeat-x top;
  border-top:2px solid #333;
  padding:0 0 20px 0;
}
#footer h3 {
  color:#333;
  margin-bottom:10px;
  padding-top:20px;
}
#footer h4 {
  margin-bottom:10px;
}
#flickr {
  float:left;
  width:287px;
  padding: 0 20px 0 0;
  margin-left:60px;
  margin-right:20px;
  border-right:1px solid #9ECCD4;
}
.flickr_badge_image {
  float:left;
  padding:3px 3px 1px 3px;
  margin:5px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .50);
}
#flickr p {
  float:left;
  margin-top:5px;
}
.flick {
  color:#0063DC;
}
.flick em{color:#FF0084;}

#hotelLogoBox {
  float:right;
  margin:20px;
  padding:10px 15px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .30);
}
#hotelLogoBox a {
  display:block;
  color:#333;
  margin:5px 0;
}
p.footerRegister {
  margin-top:10px;
  font-family:georgia, serif;
  font-size:18px;
  font-style:italic;
  font-weight:normal;
}
p.footerRegister a {
  padding:5px 10px;
  color:#fff;
  text-decoration:none;
  background:#333;
  margin-left:10px;
}
p.footerRegister a:hover {
   background-color:#D16C06;
}
#footer p.copyright {
  margin:10px 0;
}
#footer p.copyright a, #footer p.copyright a:visited, #footer p.copyright a:link {
  color:#333;
}
/* Subpage Styles ------------------------------------------*/

body.subPage {
  background: url(../images/subPageBg.jpg) repeat-x top;
}
.subPage #featuredArea {
  height:120px;
}
.subPage #featuredArea h2 {
  padding-left:0;
  border:none;
}
.subPage #homeContent {
  padding-top:20px;
}
.subPage #homeContent #leftCol {
  width:570px;
  float:left;
}
.subPage #homeContent #leftCol h3 {
  margin: 0 0 20px 0;
}
.subPage #homeContent #leftCol img {
  float:left;
  width:255px;
  height:169px;
  background:#fff;
  padding:3px;
  border:1px solid #ccc;
  margin-right:10px;
}
.subPage #homeContent #leftCol h4 {
  margin-bottom:5px;
}
.subPage #homeContent #leftCol p {
  margin: 0 0 10px 0;
}
.subPage #homeContent #leftCol ol {
  font-size:18px;
  font-family:georgia, serif;
  font-style:italic;
  position:relative;
  margin:0 0 20px 0;
}
.subPage #homeContent #leftCol ol li {
  padding:0 0 0 0;
  font-size:14px;
  font-family:arial;
  margin:5px 0;
  position:relative;
  border-bottom:1px dotted #666;
  ba
}
.subPage #homeContent #leftCol ol li span {
  position:absolute;
  right:0;
  font-style:normal;
}
.subPage #homeContent #leftCol #menu {
  text-align:center;
  background-color:#fff;
  background-color: rgba(255, 255, 255, .80);
  padding:20px;
   -moz-box-shadow: #333 1px 2px 7px;
-webkit-box-shadow: #333 1px 1px 15px;
  margin-bottom:100px;

}
.subPage #homeContent #leftCol #menu h4 {
  font-size:20px;
  margin:10px auto;
  padding-bottom:3px;
  border-bottom:1px dotted #ccc;
  width:200px;
}
.subPage #homeContent #leftCol #menu h5 {
  font-size:16px;
  margin:10px 0;
}
.subPage #homeContent #leftCol #menu h6 {
  margin:10px 0;
  font-size:14px;
}
.subPage #homeContent #leftCol #menu h6 span {
   display:block;
   font-size:10px;
   font-weight:normal;
   font-style:italic;
   width:200px;
   margin:0 auto;
}
.subPage #homeContent #leftCol #menu ul li {
  margin:3px 0;
}
.subPage #homeContent #leftCol #menu ul li ul {
  margin:5px;
}
.subPage #homeContent #leftCol #menu ul li ul li {
  font-size:10px;
  display:inline;
  font-style:italic;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding:0 3px;
}
.subPage #homeContent #rightCol {
  width:367px;
 
}
.subPage #homeContent #rightCol h3{margin-top:0;}

.subPage #homeContent #rightCol a.register {
  position:relative;
  top:-40px;
  left:30px;
  margin-bottom:0;
  border:none;
  background-image:none;
  background-color:#333;
  color:#fff;
}
.subPage #homeContent #rightCol a.register:hover {
  color:#fff;
  background-image:none;
  background-color:#D16C06;
}
.subPage #homeContent #rightCol img {
  margin-right:10px;
  margin-bottom:3px;
}

/* What to Bring list styles ------------------------------------*/
#whatToBring ul {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
  font-size:14px;
}
#whatToBring ul li {
  list-style-type:disc;
  margin:7px 0;
}
#myOwnList {
  display:none;
}
.printButton {
  float:right;
}