/*
  *****************************************************
  * file:              style.css
  * copyright:        lexposure.net
  * author:            michael c. beck
  * target browser:    firefox / safari / opera
  * last modification:  2009/03/04
  *****************************************************
*/

/*** Setting Global Colors ***/

#lex-mainFrame-header-path a,
#opener .openerColor,
#blog-opener .openerColor,
h3.sortable-header {
  color:#ff17a3;
}
#leftColumn .info-sheet-details-header {
  background-color: #ff17a3;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
  width: 6.0em;
}

#style-ranking .tabBar li {
  font-size:14px;
  position: relative;
  top: 2px;
}
/* Opera */
 .opera #style-ranking .tabBar li {
  font-size:13px;
 }

#style-ranking .tabBar li.selected {
  font-size:16px;
  position: static;
}
#style-ranking .tabBar li.lastItem {
  float: left;
}


#discussion-tabBar ul.tabBar {
  border-bottom:4px solid #283232;
  margin:2em 0 0;
}

#discussion-tabBar .tabBar li.selected,
#discussion-tabBar .tabBar li.selected:focus,
#discussion-tabBar .tabBar li.selected:hover {
  background-color: #283232;
}

#lex-mainFrame-header-userMenu,
.tabBar li.selected,
.tabBar li.selected:focus,
.tabBar li.selected:hover{
  background-color: #ff17a3;
}

ul.tabBar {
  border-bottom:4px solid #ff17a3;
  margin:2em 0 0;
}

/** SECTION SEARCH **/
  #section-search #section-search-body {
    border-bottom-color: #ff17a3;
  }
  #section-search H2 {
    background: transparent url(../images/style/search/search-speechballon.png) no-repeat;
  }


/** Basic Settings **/

/*** TABS ***/
.tabBar li {
  cursor: pointer;
}
.tabBar li.selected,
.tabBar li.selected:focus,
.tabBar li.selected:hover {
  color: #fff;
  cursor: pointer;
}

/* Opera */
.opera .tabBar li {
  font-size:13px;
}


/*** POSTS @ BLOG ***/
#posts-cabinet {
  position: relative;
}

#posts-sort {
  position: absolute;
  right: 5px;
  top: -5.5em;
}

  #posts-sort p {
    font-size: 1.4em;
    margin: 0;
  }
  #posts-sort label {
    font-style: italic;
  }

#posts,
#post {
  position: relative;
}

  div.post {
    margin-top: 33px;
    position: relative;
  }
    .post .post-image {
      float:left;
      margin-right:12px;
      width:346px;
    }
    .post .post-body {
      float: left;
      width:49%;
    }
    .post .post-header {
      border-top:1px solid #283232;
    }
      .post .post-header h2 {
        border: none;
        font-size: 3.6em;
        line-height: .94em;
        margin: 0;
        padding:0.1em 0;
        font-style:normal;
        text-transform:uppercase;
      }
      .post .post-header h2 a {
        color:#283232;
      }
      .post .post-header h2 a:hover {
        color:#00b1ff;
      }
      .post .post-header .subline {
        font-size: 1.2em;
        border-top:1px solid #283232;
        display:block;
        font-style:italic;
        padding-top:0.5em;
      }

    .post .post-text {}
      .post .post-text p {
        margin-bottom: 0;
      }

    .post .image-info {
      position:relative;
      display:inline-block;
    }

    .post .image-subline {
      text-transform:uppercase;
      letter-spacing:0.15em;
      width:350px;
    }

    .post .image-info p {
      position: absolute;
      bottom: 1px;
      left:362px;
      margin-bottom:0;
      text-transform:uppercase;
      letter-spacing:0.15em;
      width:350px;
    }

    .post .post-image-disclaimer {
      font-size: 1em;
      font-style: normal;
      letter-spacing: 0.15em;
      margin: 0 0 1em;
      text-transform: uppercase;
    }


/** HEADER @ BLOG **/
#rightColumn .browsing-entries  {
  font-size: 1.6em;
  font-style: italic;
  margin-bottom: 1em;
}


/** ABOUT @ BLOG **/
#rightColumn #about-blog p {
  color: #747b7e;
  font-size: 1.4em;
  font-style: italic;
}


/*** ADVANCED SEARCH ***/

.advanced-searchbox {
  margin-top: 40px;
}
  #search-speachballon {
    position: relative;
    z-index:99;
  }
  #search-speachballon img {
    position: absolute;
    top: 0px;
    left: 80px;
    z-index: 100;
  }

#searchResultHeader {
  letter-spacing: 0em;
  border-bottom: 1px solid #283232;
  font-size: 20px;
  margin-bottom: -10px;
}

ul#searchResults {
  list-style: none;
  padding-left:0;
  margin-left:0;
}
  ul#searchResults li {
    padding:0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #283232;
    position:relative;
  }
    ul#searchResults li img {
      float: left;
      border: 1px solid #e8ebed;
    }
    ul#searchResults li img:hover {
      float: left;
      border: 1px solid #283232;
    }
    ul#searchResults li > div {
      float: left;
      margin-left: 8px;
      width: 570px;
    }
      ul#searchResults li > div h3 {
        font-size: 20px;
        margin: 0;
      }
        ul#searchResults li > div h3 a {
          color: #283232;
          float:left;
        }
        ul#searchResults li > div h3 a:hover {
          color: #00b1ff;
        }
        ul#searchResults li > div h3 span.fashion-type {
          font-size: 13px;
          font-family: Georgia;
          font-style: italic;
          font-weight: normal;
          display:block;
          float:right;
        }

      ul#searchResults li > div h4 {
        font-size: 18px;
        font-family: Georgia;
        font-style: italic;
        font-weight: normal;
        margin: 0;
      }

      ul#searchResults li > div div {
        position:absolute;
        bottom:6px;
        width:570px;
      }
        ul#searchResults li > div div p {
          font-size: 13px;
          font-family:Helvetica, Arial, sans-serif;
          margin: 0;
          line-height: 1.35em;
        }
        ul#searchResults li > div div p span {
          font-weight: bold;
        }
        ul#searchResults li > div div a {
          font-weight: normal;
          color:#747b7e;
        }
        ul#searchResults li > div div a:focus,
        ul#searchResults li > div div a:hover {
          color:#00b1ff;
        }

  /** STYLE SHOW **/
  #leftColumn .link-speechballon {
    position: relative;
  }
    #leftColumn .link-speechballon div {
      background-color: #00b1ff;
      color: #fff;
      font-family:Helvetica, Arial, sans-serif;
      font-size: 11px;
      padding: 5px 5px 3px;
      position: absolute;
      right: 30px;
      top:5px;
      text-align: right;
      width: 145px;
    }
      #leftColumn .link-speechballon div a {
        color: #fff;
      }
    #leftColumn .link-speechballon img {
      position: absolute;
      right: 36px;
      top: 24px;
    }

#leftColumn #timeline-header-container {
  position: relative;
}
  #leftColumn #timeline-header-container .timeline-header {
    border-bottom:1px solid #283232;
    color: #283232;
    font-family:Georgia;
    font-size:23px;
    font-style:italic;
    font-weight:normal;
    margin-top: 25px;
    position: relative;
  }
  #leftColumn #timeline-header-container .bgcolor {
    background-color: #ffde00;
    height: 32px;
    left: 4px;
    position: absolute;
    top: 0px;
    width: 314px;
  }
#leftColumn .recent-posts-header,
#leftColumn  .shows-header {
  border-bottom: 3px solid #283232;
  color: #ff17a3;
  font-family:Helvetica, Arial, sans-serif;
  font-size:23px;
  font-style:normal;
  font-weight:bold;
  margin-top: 25px;
  margin-bottom:0.5em;
}
#leftColumn  .shows-header span {
  color:#283232;
  font-size:15px;
  font-style:normal;
}

.style .flash-container {
  height: 640px;
  width: 704px;
  text-align: center;
}

.style .flash-container span {
  font-size:18px;
  font-style:italic;
  margin-top:120px;
  display:block;
}

.shows,
.timeline {
  border-bottom: 2px solid #283232;
  list-style:none;
  margin:0;
  padding:0 0 1.1em 0;
}

  .shows li,
  .timeline li {
    float:left;
    position: relative;
    width:23.4em;
  }

  .shows li img:focus,
  .shows li img:hover,
  .timeline li img:focus,
  .timeline li img:hover {
    border:1px solid #ff17a3;
  }
    .shows li a,
    .timeline li a {
      float:left;
    }
    .shows li img,
    .timeline li img {
      margin-right:0.5em;
      border:1px solid #e8ebed;
    }

    .shows li a.delete,
    .timeline li a.delete {
      bottom: -1px;
      font-size:12px;
      font-style: italic;
      position: absolute;
      text-decoration: underline;
    }
    .shows li a.name,
    .timeline li a.name {
      color:#283232;
      display:block;
      font-family:Helvetica, Arial, sans-serif;
      font-size:13px;
      font-weight:bold;
      width:152px;
    }

    .shows li a:focus,
    .shows li a:hover,
    .timeline li a:focus,
    .timeline li a:hover {
      color:#00b1ff;
    }

    .shows li span,
    .timeline li span {
      display:block;
      float:left;
      font-family:Georgia;
      font-size:13px;
      font-style:italic;
      font-weight:normal;
      width:152px;
    }

#leftColumn .recent-posts {
  border-bottom: 2px solid #283232;
  list-style:none;
  margin: auto auto 0 0;
  padding:0;
}

.win.ie7 #leftColumn .recent-posts {
  padding:0 0 1em 0;
}

  #leftColumn .recent-posts li {
    float:left;
    margin-bottom:0.5em;
    margin-right: 15px;
    position: relative;
    width: 345px;
  }
  #leftColumn .recent-posts li img.post-image {
    margin-right: 12px;
    border:1px solid #e8ebed;
  }
  #leftColumn .recent-posts li img.post-image:focus,
  #leftColumn .recent-posts li img.post-image:hover {
    border:1px solid #ff17a3;
  }

  #leftColumn .recent-posts li div {
    width: 186px;
  }
    #leftColumn .recent-posts li div h2 {
      border-bottom: 1px solid #283232;
      border-top: 1px solid #283232;
      font-size: 20px;
      font-style: normal;
      line-height:1em;
      margin: 0;
      padding:0.2em 0;
      text-transform: uppercase;
    }
      #leftColumn .recent-posts li div h2 a {
        color:#283232;
      }
      #leftColumn .recent-posts li div h2 a:hover {
        color:#00b1ff;
      }
    #leftColumn .recent-posts li div p {
      font-size: 13px;
      font-style: normal;
      margin-top: 17px;
    }

.infobox.style {
  left:1067px;
  top:615px;
}
  .infobox.style .infobox-content  {
    padding: 0 62px 0 18px;
    position:relative;
  }
    .infobox.style .infobox-content a {
      position:absolute;
      right: 56px;
      top:-24px;
    }
    .infobox.style .infobox-content h2 {
      font-family:Helvetica, Arial, sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: bold;
      margin-bottom: 0;
      margin-top: 0;
      position:absolute;
      top:-10px;
      width: 190px;
    }
    .infobox.style .infobox-content p {
      font-family:Helvetica, Arial, sans-serif;
      font-size: 10px;
      margin:0;
      padding:10px 0 8px;
    }