/* $Id$ */

/* ---------- Color form ----------- */
#color_scheme_form #palette .form-item {
  width: 28em;
  height:1em;
  margin:0;
  position:relative;
}
#color_scheme_form #palette .form-item label {
  width: 13em;
  font-size:84%;
}
#color_scheme_form #palette .form-text {width:60px;}
#color_scheme_form #palette div.lock {position:absolute; top:10px; display:none;}
#color_scheme_form #palette div.hook {position:absolute; right:15px; top:26px; z-index:1; display:none;}
#color_scheme_form #placeholder {right:auto; left:30em;}
#color_scheme_form #preview {
  border:10px solid grey;
  position:absolute;
  top:215px;
  left:240px;
  height:360px;
  width:480px;
  overflow:hidden;
}

/* ---------- Preview Styles ----------- */

/* Overall */
#preview {
  font: normal 12px/1.2em Arial, sans-serif;
  padding: 0;
}

/* Gradient */
#preview-background-gradient {
  position:absolute;
  width:100%;
  height:60%;
}

/* Background */
.preview-background {
  width:75%;
  margin:0 auto;
  display:block;
  min-height:12px;
  background:transparent;
  clear:both;
  text-align:right;
  font-size:72%;
  position:relative;
}
.preview-background ul li {list-style:none;}

/* Header */
#preview-header {
  height: 95px;
  width:75%;
  margin:0 auto;
  display:block;
  padding: 1em 1em 0;
  position:relative;
  overflow:hidden;
}
#preview-header h1 {
  font-size:200%;
  font-weight:normal;
}
#preview-header h6 {
  font-size:120%;
  font-style:italic;
  font-weight:normal;
}

/* Main menu */
#preview-main-menu ul {
  margin: 0;
  padding:.7em 0;
  position:absolute;
  bottom:0;
}
#preview-main-menu ul li {
  padding: .8em 1em;
  font-weight:bold;
}

/* Main content */
#preview h2, #preview h3 {
  margin:0;
}
#preview p {
  margin:.5em 0;
  padding:0;
}

#preview p.teaser {
  padding:6px;
  border-width:1px;
  border-style:solid;
}

#preview p.teaser .teaser-submitted {
  display:block; width:32px; padding: 2px 0;
  position:relative; left:-6px;
  float:left; margin-left:-6px;
  text-align:center; font-weight:bold;
}


#preview-main {
  padding: 1em;
  background:white;
  width:75%;
  margin:0 auto;
  display:block;
  height:126px;
  position:relative;
}

#preview-content {
  width:60%;
  float:left;
  font-size:90%;
  line-height:1.3em;
}

/* Sidebar */
#preview-sidebar {
  width:30%;
  float:right;
  font-size:72%;
  line-height:1em;
}
#preview #preview-sidebar h3 {
  margin:5px 0;
}
#preview .block {
  border-style:solid;
  border-width:1px 1px 3px;
  padding:1em;
  margin-bottom:5px;
}
#preview h2.block-title {
  padding:5px 0;
  text-align:center;
  margin:0;
}

/* Triptych */
#preview-triptych {
  width:75%;
  margin:0 auto;
  padding:0 12px;
  height:42px;
  font-size:72%;
}
#preview-triptych .block {
  width:98px;
  margin:4px;
  float:left;
  padding:6px;
}