@charset "UTF-8";

body {
  text-align:center;
  background:#d6c6ed;
  font:12px "Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#000;
}
#wrapper {
  width:960px;
  margin:0 auto;
  background:url(images/bg_flower_purple.gif) no-repeat 61px 140px;  
  text-align:center;
}
#header {
  padding:15px;
}
#container {
  overflow:hidden;
  width:760px;
  margin:10px auto;
  padding-bottom:10px;
  background:#fff url(images/bg_flower_white.gif) no-repeat left 58px;
}
#container #content {
  width:400px;
  float:left;
  padding:10px;
  text-align:left;
  margin: 0 0 0 10px;
}
#container #content.wide {
  width:720px;
  text-align:center;
}
#container #side {
  width:285px;
  float:right;
  margin:0 10px 10px 0;
  background:#c1ade1 url(images/bg_right_food.gif) repeat-y 260px top;
  padding:0 10px 10px;
  text-align:left;
}
#footer {
  height:60px;
  text-align:center;
  padding:0 10px;
  color:#666;
}
/* ------ video page ------- */
#container.video #content {
  width:285px;
  float:left;
  padding:10px;
  text-align:left;
  margin: 0 0 0 10px;
}
#container.video #side {
  width:400px;
  float:right;
  margin:0 10px 10px 0;
  background:#c1ade1;
  padding:0 10px 10px;
  text-align:left;
}
/* ------ END video page ------- */
h1 {
  font-size:14px;
  padding:5px 2px;
  border-bottom:3px dotted #d6c6ed;
  display:block;
  margin:0 0 5px 0;
}
h2 {
  font-size:12px;
  padding:2px 2px 0 0;
  margin-bottom:0;
}
h5 {
  margin:0;
  padding:0;
}
h5.more {
  font-size:11px
}
ul {
  list-style:none;
  padding:0;
  margin:0;
}
a:link,
a:visited,
a:active,
a {
  color:#4d2471;
  text-decoration:none;
}
a:hover,
li a:hover .text {
  color:#000;
  text-decoration:underline;
}
/* navigation */
#nav {
  float:left;
  width:100%;
  margin:0 0 10px 0;
  padding:10px 0 0 250px;
  list-style:none;
  background:#4d2471 url(images/bg_nav.gif) repeat-x 0 100%;
}
#nav li {
  float:left;
  margin:0 1px 0 0;
  padding:0;
}
#nav a {
  float:left;
  display:block;
  margin:0;
  padding:4px 8px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
}
#nav a:hover,
#nav a.on {
color:#4D2471;
background:#fff;
}
#header h1 {
  background:url(images/header_flower.gif) no-repeat right top;
  font-size:36px;
  color:#4d2471;
  display:inline;
  border:0;
  padding:0 28px 0 0;
  font-family:"Trebuchet MS";
}
#side h1 {
  margin-top:9px;
}
#side .pix {
margin: 15px 0 0 0;
}
.title h5 {
  float:right;
}
.foot h5 {

}
.foot {
  border-bottom:1px dotted #d6c6ed;
  margin:0 0 20px 0;
  padding:0 0 5px 0;
}

/* photo list */
ul.photolist,
ul.videolist {
  list-style:none;
  margin:0;
  padding:2px 0 0 0;
}
ul.photolist li {
  padding:2px 0 3px 21px;
  background:url(images/album-icon.gif) no-repeat 0 3px;
}
ul.videolist li {
  padding:2px 0 3px 21px;
  background:url(images/video-icon.gif) no-repeat 0 3px;
}
ul.photolist .year,
ul.videolist .year {
  background:none;
  padding:5px 5px 0 0;
  font-size:13px;
  margin-top:5px;
}
.small {
  font-weight:normal;
  font-size:9px;
}
.new {
  font-weight:bold;
  font-size:8px;
  background:#ff9;
  color:#4d2471;
  padding:2px 4px;
}
.album .text {
  padding-top:10px
}
.text h3 {
  font-size:12px;
  margin:0;
}
h3.year {
  background:url(images/arrow_rt.gif) no-repeat 0 8px;
  padding:5px 5px 0 10px;
  font-size:13px;
  font-weight:normal;
  margin:5px 0 0 0;
  border-bottom:1px solid #d6c6ed;
  cursor:pointer;
}
h3.year.open {
  background-image:url(images/arrow_dn.gif);
}
img.pix {
  margin: 5px;
  background:#fff;
  padding:5px;
  border-bottom:1px solid #bbb;
  border-right:1px solid #bbb;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
}
.album li {
  padding:5px 10px 10px 0; 
  height:110px;
  width:380px;
}
.photoalbum {
  background:transparent url(images/album_icon-big.gif) no-repeat center center;
  display:block;
  height:96px;
  width:100px;
  padding:10px 14px 10px 5px;
  margin:0 4px 0 0;
  position:relative;
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  float:left;
}
.photoalbum img,
.videos img {
  border:0;
}
.photoalbum img.portrait {
  margin:0px 22px;
}
.photoalbum img.landscape {
  margin:15px 5px;
}
.videos {
  overflow:hidden;
  height:100%;
  margin-top:12px;
}
.videos li {
  width:380px;
  float:left;
}
.videos .img {
  float:left;
  height:80px;
  width:110px;
  display:block;
  position:relative;
  background:url(images/filmstrip.gif) no-repeat;
}
.videos .txt {
  float:left;
  display:inline;
}
.videos img {
  width:70px;
  padding:4px 0 0 16px;
  }
  
.chloe {
  height:85px
}
.chloe img {
  margin:0 10px 10px 0;
  float:left;
}
#side .chloe img.pix {
  margin:0 10px 10px 0;
}
.chloe h2 {
  margin:0;
}
/*flickr images on home pg */
#flickr_badge_uber_wrapper {text-align:center;}
#flickr_badge_wrapper {padding:10px 0 10px 0; overflow:hidden;}
.flickr_badge_image {margin:0 25px 15px 0; float:left;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:none; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}