album/gucci/assets/album.css

/* GLOBAL LAYOUT */

html {
  background: url(background.gif) repeat-x left center #95754e;
  background-attachment: fixed;
}

body {
  color: #2B200D;
  margin: 0;
  padding: 0;
  font: 10px/14px Verdana, Arial, sans-serif;
}

* {
  outline: none;
  padding: 0;
  margin: 0;
}

/* Text Selections */

::-moz-selection {
  background: transparent;
  color: #000;
}

::selection {
  background: transparent;
  color: #000;
}

#logo {
  top: -100px;
  left: 126px;
  position: fixed;
  cursor: pointer;
}

#layout {
  height: 504px;
  margin-left: 65px;
  margin-right: 65px;
  position: absolute;
}

div#filling {
  background: top right url(background-fill-2.gif);
  height: 504px;
  position: absolute;
  top: 0px;
  right: 301px;
}

/* TEXT CONTENT */

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  color: #2B200D;
  margin: 0;
  padding: 0;
}

li a {
  color: #2B200D;
  text-decoration: none;
}

li a:hover {
  color: #89693b;
}

div.content-block {
  background: url(box-2-panels-background.jpg) #CCBFA5;
  float: left;
  height: 504px;
  position: relative;
}

div.content-block div.info {
  color: #2B200D;
  float: left;
  font-size: 10px;
  height: 420px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 28px;
  position: relative;
  width: 230px;
}

div.content-block div.info p {
  font: 10px/15px Verdana;
  margin-top: 0px;
  margin-bottom: 18px;
  padding: 0;
}

div.content-block div.info a {
  color: #2B200D;
}

div.content-block div.info a:hover {
  color: #89693b;
}

div.content-block div.headline {
  padding-bottom: 39px;
}

div.content-block h1 {
  color: #89693b;
  font: 14px/15px Verdana;
  text-transform: lowercase;
  margin: 0;
  padding: 0;
  margin-top: 6px;
}

div.content-block h2 {
  color: #89693b;
  font: 11px/15px Verdana;
  text-transform: lowercase;
  margin: 0;
  padding: 0;
  padding-bottom: 8px;
}

div.content-block div.title.second-column, div.content-block div.subtitle.second-column {
  left: 275px;
}

div.content-block div.info.wide {
  width: 360px;
}

* html div.content-block div.info.wide {
  width: 360px;
}

div.content-block div.info.wide h1 {
  font: 11px/15px Verdana;
  color: #89693b;
  padding: 0;
  margin: 0;
  margin-bottom: 12px;
}

div.content-block div.info.wide p, div.content-block div.info.narrow p {
  padding: 0;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 18px;
}

div.content-block div.info.narrow {
  width: 230px;
}

div.content-block img.content-block-image { 
  float: left; 
  position: relative;
}

/* TEXTPANELS */

div.textpanel {
  height: 504px;
  float: left;
  position: relative;
  background: url(textpanel-background.gif) left top repeat-x;
}

div.textpanel {
  width: 260px;
}

div.textpanel.wide {
  width: 520px;
}

div.content-block div.textpanel.wide {
  width: 520px; /* IE6 needs this to set correct width */
}

div.textpanel div.content {
  margin-top: 140px;
  margin-left: 28px;
  margin-right: 28px;
}

div.textpanel.wide div.content {
  width: 380px;
  margin-left: 70px;
}

div.textpanel div.content h2 {
  font-size: 20px;
  font-weight: normal;
  color: #6a5839;
  margin-bottom: 40px;
  text-shadow: 1px 1px 1px #e7e1d2;
}

div.content-block div.textpanel div.content {
  margin-left: 55px;
}

div.content-block div.textpanel div.content h2 {
  padding-bottom: 0px;
}

div.textpanel div.content p {
  margin-bottom: 25px;
  margin-top: 0;
}


/* PICTUREBOXES */

div.picturebox {
  float: left;
  height: 510px;
  position: relative;
/*  overflow: hidden;*/
}

div.picturebox div.picture {
  height: 504px;
  left: 0;
  position: absolute;
  top: 0;
  background: url(empty.png) repeat;
  Z-index: 3;
}

div.shadow-bottom {
  overflow: hidden;
  position: absolute;
  top: 504px; 
  height: 6px; 
  left: 0;
  width: 100%;
  background: url(shadow-bottom.gif) repeat-x;
}

div.shadow-bottom div.start {
  background: url(shadow-bottom-start.gif);
  height: 6px;
  position: absolute;
  width: 6px;
}

div.shadow-right {
  background: url(shadow-right.gif) repeat-y;
  height: 510px;
  position: absolute;
  right: -6px;
  top: 0;
  width: 6px;
}

div.picturebox div.darkening {
  background: url(lightbox-lowlight-overlay.jpg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000; 
}


/* SPACERS */

div#branch {
  position: fixed;
  left: 20px;
  font: 14px Verdana;
  color: #C5B89E;
  padding: 3px;
  background: #F2EFE8;
  border-left: 1px solid #C5B89E;
  border-bottom: 1px solid #C5B89E;
  border-right: 1px solid #C5B89E;
}

* html div#branch {
  position: absolute;
}

div.spacer-column {
  float: left;
  height: 504px;
  width: 65px;
  background: url(spacer-column.gif);
  cursor: pointer;
}