/* css/global.css for Brudder
   layout styles for all pages */

@import "basic.css";

#container {
  left: 0;
  margin: 30px auto 10px auto;
  position: relative;
  text-align: left;
  top: 0;
	width: 900px;
}

/* masks */
.mask {
  background: #2a211b;
  display: none;
  left: 0;
  filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}
  
/* header */
#logo {
  float: left;
  margin: 0 0 20px 0;
}
#phone {
  color: #7fa2b8;
  float: right;
  margin: 5px 60px 0 0;
}
#contact {
  color: #7fa2b8;
  float: right;
  margin: 5px 60px 0 0;
}
#client-login {
  display: inline;  /* ie 5,6 double margin bug fix */
  float: right;
  margin: 5px 0 0 0;
}
#client-login a {
  background: url(../img/icon_client_login.png) center right no-repeat; 
  padding: 0 20px 0 0;
}
#flickr {
	position: absolute;
	right: 0;
	top: 1.2em;
}
#flickr a {
	color: #fff;
}
#flickr :link:hover, #flickr :visited:hover {
  text-decoration: none;
}
#flickr img {
	vertical-align: bottom;
}
#blog {
	position: absolute;
	right: 13em;
	top: 1.5em;
}
#blog a {
	color: #fff;
}

/* titles */
.titles {
  border-top: 2px solid #80A3B7;
  border-bottom: 1px solid #605855;
  clear: both;
  margin: 0 0 20px 0;
  padding: 20px 0;
	position: relative;
  width: 100%;  /* avoid IE7 no-hasLayout doubling of top padding */
}
.titles p {
  color: #95908d;  /* force IE to have correct text colour */
  font-size: 1.2em;
  margin: 0;
}

/* back to home */
.back-to-home {
  margin: 0 0 2em 0;
  text-align: right;
}
.back-to-home :link, .back-to-home :visited {  /* a simple "a" doesn't work for IE6 */
  background: #80a3b7 url(../img/icon_back_to_home.png) 10px 10px no-repeat; 
  border: 0 none;
  color: #2a211b;
  float: none;
  font-size: 0.9em;
  padding: 5px 10px 5px 70px;
}

/* item detail */
.item-detail {
  display: none;
}
#feature-item-detail {
  display: block;
}

/* collapse row */
.collapse-row, .expand-row {
  margin: 0 0 2em 0;
  text-align: right;
}
.titles .collapse-row, .titles .expand-row {
	font-size: 1em;
	position: absolute;
	right: 0;
	top: 1.2em;
}
.collapse-row button, .expand-row button {
  background: #80a3b7 10px 0 no-repeat; 
  border: 0 none;
  color: #2a211b;
  font-size: 1.1em;
  padding: 5px 10px 5px 70px;
}
.collapse-row button {
  background-image: url(../img/icon_collapse_row.png); 
}

/* description block */
.description {
  float: left;
  width: 164px;
}
.description dl {
  margin: 1em 0;
  padding: 0;
}
.description dt {
  clear: left;
  float: left;
  margin: 0 5px 0 0;
}
.more-info a {
  background: url(../img/icon_more_info.png) center right no-repeat; 
  padding: 0 20px 0 0;
}

/* flash video player */
.video-player {
  float: left;
  margin: 0 0 20px 20px;
  width: 716px;
}

/* thumbs group */
.thumb-list-group {
  border-top: 1px solid #605855;
  clear: both;
  padding: 20px 0 0 0;
  width: 100%;  /* avoid IE7 no-hasLayout doubling of top padding */
}
.thumb-list-group.first {
  border-top: 0 none;
  padding: 0;
}
.thumb-list-group h2 {
  float: left;
}

/* thumbs list */
ul.thumb-list {
  margin: 0 0 0 164px;
  padding: 0;
}
ul.thumb-list li {
  color: #80a3b7;
  cursor: hand;
  cursor: pointer;
  margin: 0 0 0 19px;  /* IE6 adds 2px(?) to the ul margin so can't be 20px */
  padding: 0 0 20px;
  position: relative;
  width: 164px;
}
ul.thumb-list li .thumb-vignette {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 9;
}
ul.thumb-list li.current .thumb-vignette {
  display: none;
}
ul.thumb-list li .item-title {
  display: block;
  margin: 5px 0 0 0;
}
ul.thumb-list li:hover .item-title {
  text-decoration: underline;
}
ul.thumb-list li .description {
  display: none;
}

/* text block in columns */
ul.column-text-block {
  color: #95908d;  /* force IE to have correct text colour */
  margin: 0 0 0 164px;
  padding: 0;
}
ul.column-text-block li {
  margin: 0 0 0 20px;
  padding: 0;
  width: 164px;
}
ul.column-text-block li h2 {
  color: #fff;
}
ul.column-text-block li p {
  margin: 1em 0 2em 0;
}

/* footer */
#footer {
  border-top: 1px solid #605855;
  clear: both;
  padding: 20px 0;
}
#copyright {
  float: left;
  margin: 0;
}
#back-to-top {
  display: inline;  /* ie 5,6 double margin bug fix */
  float: right;
  margin: 0 77px 0 0;
}
#back-to-top a {
  background: url(../img/icon_back_to_top.png) center right no-repeat; 
  padding: 0 20px 0 0;
}

/* about expansion / collapse */
#about {
	display: none;
}
p.collapse-section, p.expand-section {
	font-size: 1em;
	position: absolute;
	right: 0;
	top: 1.2em;
}
.collapse-section button, .expand-section button {
  background: #80a3b7 10px 0 no-repeat; 
  border: 0 none;
  color: #2a211b;
  font-size: 1.1em;
  padding: 5px 10px 5px 70px;
}