/**
 * Screen & projection stylesheet
 *
 * @version SVN:$Id: screen.css 1095 2009-10-02 12:35:51Z mishal $
 * @author mishal
 *
*/

@import url("common.css");
@import url("slider.css");

/* LAYOUT */
#wrapper {
  margin: 0 auto;
  margin-top: 3em;
  width: 670px;
}

.photo-meta-data							{
  position: absolute;
  bottom: 0;
  width: 620px;
  padding: 10px;
  height: 60px;
  background: #000;
  opacity: 0.8;
  /*margin-top: -50px;*/
  z-index: 9999; color: white;
}

.photo-meta-data span { 
  
  font-weight: bold;
  margin-bottom: 0.4em;
}

.anythingSlider {
  background: url("images/viewer_bg.gif") top left no-repeat;
}

#text {
  position: relative;
  background: url("images/text_bg.png") top left no-repeat;
  min-height: 100px;
}

#viewer ul {
  position: absolute; 
  top: 0; 
  left: 0;  
  width: 670px;
  height: 270px;
}

#viewer ul li {
  display: block;
  float: left;
  padding: 0;
  height: 270px;
  width: 670px;
  margin: 0;
}

#reference-list {
  height: 20px;
  min-height: 20px;
}

#column-1 {
  position: absolute;
  width: 200px;
  padding: 0 10px 10px 0;
  top: 0px;
  left: 20px;

}

#column-2 {
  position: absolute;
  padding: 0 10px 10px 0;
  width: 200px;
  top: 0px;
  left: 260px;
}

#column-3 {
  position: absolute;
  width: 220px;  
  top: 0px;
  right: 20px;
  text-align: right;
}

h2 {
  margin: 0.5em 0;
  font-size: 13pt;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

h3 {
  margin: 0.2em 0;
  font-size: 11pt;
}

ul {
  margin-left: 1em;
}

h1#logo {
  width: 345px;
  height: 80px;
  background: url("images/mishal_cz.gif") top left no-repeat;
}

h1#logo span {
  display: none;
}

/* TYPO */
body {
  font-family: Arial, Helvetica, sans; 
  font-size: 10pt;
  background: #cc0000 url("images/body_bg.jpg") top left repeat;
  color: #fff;
}

#content p {
  line-height: 140%;
}

a:link, a:visited, a:active {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

a:hover {
  color: #f2f2f2;
  text-decoration: none;
}