@import url('base.css');

body {
  padding-left: 40px;
}

#container {
  padding: 24px 0;
  width: 943px;
}
  /* Header */
  #container #header h1 {
    font-weight: normal;
    font-size: 18px;
  }
    #container #header h1 small {
      font-weight: bold;
      font-size: 15px;
    }
  #container #header .section .column,
  #container #header .section .main-column {
    height: 26px;
    line-height: 26px;
  }
    #container #header .section .column p.float-right {
      position: relative;
      top: 5px;
    }
  #container #header ul.navigation li {
    margin-right: 12px;
    display: inline;
  }
    #container #header ul.navigation li a.selected {
      color: #fff;
      font-weight: bold;
    }
  #container #header .description {
    color: #614942;
  }
    #container #header .description img {
      float: left;
      margin-right: 10px;
      border: 1px solid #372415;
    }
  /* Header End */
 
  /* Content */
  #container #content .column p {
    margin-bottom: 14px;
    font-size: 15px;
  }
  #container #content .widget .middle p {
    font-size: 12px;
  }
  #container #content .widget.callendar .middle {
    padding: 5px 0 0 100px;
    position: relative;
  }
    #container #content .widget.callendar .middle img {
      border: 1px solid #372415;
      position: absolute;
      left: 10px;
    }
    #container #content .widget.callendar .middle .buy {
      margin: 10px 0;
    }
  .callendar-video {
    margin-top: 500px;
  }
    .callendar-video ul.image-list li {
      float: left;
      width: 170px;
      text-align: center;
    }
    .callendar-video .widget {
      margin-top: 10px;
    }
    .callendar-video h3 {
      font-size: 14px;
      margin-bottom: 2px;
    }
    .callendar-video .flash-movie {
      text-align: center; 
      padding: 10px 0;
    }
    .callendar-video .info {
      width: 30%;
      float: left;
    }
  /* Content End */
 
  /* Footer */
  #footer .section li {
    height: 32px;
    line-height: 32px;
  }
    #footer .section li span {
      position:  relative;
      top: -10px;
    }
    #footer .about {
      color: #4a3832;
    }
  /* Footer End */

/* Buttons and forms */
.button {
  background: url('../images/buttons.png') 0 0 no-repeat;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}
.button.new-account {
  /* FIXME
  width: 158px;
  height: 26px;
  background-position: -1px -2px;
  */
  width: 103px;
  height: 26px;
  background-position: -161px -2px;
}
.button.buy {
  width: 103px;
  height: 26px;
  background-position: -161px -2px;
}
.button.login {
  width: 102px;
  height: 26px;
  background-position: -370px -2px;
  border: none;
}
.button.submit {
  width: 102px;
  height: 26px;
  background-position: -265px -2px;
  border: none;
}
.widget input.text {
  height: 18px;
  width: 354px;
  color: #3e1506;
  display: inline-block;
}
ul.form-list li.input-text-wrapper {
  margin-bottom: 10px;
  width: 354px;
  height: 28px;
  background: url('../images/input.png') 0 0 no-repeat;
}
  ul.form-list li.input-text-wrapper input {
    border: 0;
    width: 338px;
    margin: 5px 0 0 8px;
    background-color: #030000;
    color: #3e1506;
  }
/* Buttons and forms End */

/* Widget */
.widget {
  margin-bottom: 10px;
}
  .widget .top,
  .widget .bottom {
    height: 5px;
    overflow: hidden;
    background: url('../images/widgets.png') 0 0 no-repeat;
  }
  .widget .middle {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #614942;
    padding: 0 10px;
    overflow: hidden;
    background-color: #130b07;
  }
.column .widget {
  width: 377px;
}
  .column .widget .top {
    background-position: -1px 0;
  }
  .column .widget .bottom {
    background-position: -1px -17px;
  }
.main-column .widget {
  width: 535px;
}
  .main-column .widget .top {
    background-position: -381px 0;
  }
  .main-column .widget .bottom {
    background-position: -381px -17px;
  }
.alternative-widget {
  background: url('../images/alternative-widget.png');
  width: 383px;
  height: 180px;
  margin-bottom: 10px;
}
  .alternative-widget .inner-wrapper {
    padding: 10px 15px;
  }
/* Widget End */

/* Blog Widget */
ul.blog-posts li.post {
  margin-bottom: 10px;
  border-bottom: 1px solid #372415;
  padding-bottom: 10px;
}
  ul.blog-posts li.post:last-child {
    border: none;
    padding: 0;
    margin: 7px;
  }
  ul.blog-posts li.post h3 {
    font-size: 15px;
  }
  ul.blog-posts li.post p small {
    display: block;
    margin: 5px 0;
    color: #999;
  }
  ul.blog-posts li.post p a.more {
    display: block;
    margin-top: 7px;
  }
/* Blog Widget End */

/* Additions structures */
.section {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #1e1b1a;
  padding: 10px 0;
  margin: 10px 0;
}
.main-column {
  width: 542px;
  float: left;
  margin-right: 15px;
}

.column {
  width: 381px;
  float: left;
}
ul.split-view li {
  float: left;
  width: 50%;
}
  ul.split-view li img {
    margin-left: 15px;
  }
  ul.split-view li.last {
    text-align: right;
  }
/* Additions structures */

#lightbox-overlay {
  display: block;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
#lightbox-content {
  display: block;
  position: absolute;
  padding: 16px;
  border: 4px solid #000;
  background-color: white;
  z-index:1002;
  overflow: auto;
}
  #lightbox-content {
    width: 620px;
    left: 50%;
    margin-left: -310px;
    top: 100px;
  }
    #lightbox-content p.close {
      text-align: right;
      margin-bottom: 10px;
    }
    #lightbox-content #errors-wrapper {
      color: #333;
      display: none;
    }
      #lightbox-content #errors-wrapper ul {
        margin:0 0 15px 25px;
      }
        #lightbox-content #errors-wrapper ul li {
          list-style-type: disc;
        }
    #lightbox-content fieldset {
      background-color: #eee;
      border: 1px solid #cbcbcb;
      padding: 10px 20px;
      color: #191919;
    }
      #lightbox-content fieldset .alternative-text {
        color: #8e8e8e;
      }
      #lightbox-content fieldset h5 {
        font-weight: normal;
        font-size: 16px;
      }
      #lightbox-content fieldset label {
        display: block;
        padding: 5px 0;
      }
      #lightbox-content fieldset img#captcha {
        position: relative;
        top: 20px;
        left: 100px;
      }
      #lightbox-content fieldset input,
      #lightbox-content fieldset textarea {
        width: 100%;
        border: 1px solid #e5e5e5;
        border-top: 1px solid #909090;
        border-left: 1px solid #cecece;
        padding: 5px;
      }
      #lightbox-content fieldset input.error,
      #lightbox-content fieldset textarea.error {
        border: 1px solid #f99;
        border-top: 1px solid #f00;
        border-left: 1px solid #f66;
      }
      #lightbox-content fieldset textarea {
        height: 174px;
      }
      #lightbox-content fieldset input.submit-image {
        border: 0;
        cursor: pointer;
        width: 103px;
        height: 28px;
        display: block;
        padding: none !important;
        background: url('../images/submit.png') 0 0 no-repeat;
      }
      #lightbox-content fieldset ul.form-list li.split {
        width: 48%; 
        float: left;
      }
      #lightbox-content fieldset ul.form-list li.split.first {
        margin-right: 4%;
      }