@import url(components/lexposure_loves_and_competition.css);

/*
  *****************************************************
  * file:               hype.css
  * copyright:          lexposure.net
  * author:             michael c. beck, uli preuss
  * target browser:     firefox / safari / opera
  * last modification:  2008/08/28
  *****************************************************
*/

/*** Setting Global Colors ***/

#lex-mainFrame-header-path a,
#opener .openerColor,
#rightColumn li.post h4 a,
#rightColumn li.post h4 a:link,
#rightColumn li.post h4 a:visited,
#rightColumn .section-teaser h3 span,
h3.sortable-header {
  color:#283232;
}

ul.tabBar {
  border-bottom:4px solid #283232;
}

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


/** Context **/
#more_from_us {
  background: #fff url(../images/global/backgrounds/more-from-us.png) left bottom repeat-x;
  border: 1px solid #e7ebee;
  font-family: Helvetica, Arial, sans-serif;
  margin: 1em 0 3em;
  padding: 20px 18px 10px;
}
  #more_from_us h2 {
    border: 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
  }
  #more_from_us ul {
    font-size: 15px;
    list-style: none;
    margin: .5em 0 0;
    padding: 0;
  }
    #more_from_us li {
      background: no-repeat 5px center;
      padding: 7px 0 7px 48px;
      width: auto;
    }
      #more_from_us li + li {
        border-top: 1px dotted #27342f;
      }
      #more_from_us li.feed     { background-image: url(../images/home/icons/rss.png) }
      #more_from_us li.myspace  { background-image: url(../images/home/icons/myspace.png) }
      #more_from_us li.facebook { background-image: url(../images/home/icons/facebook.png) }
      #more_from_us li.twitter  { background-image: url(../images/home/icons/twitter.png) }
      #more_from_us li.blog  { background-image: url(../images/home/icons/blog.png) }
  #more_from_us a {
    display: block;
  }


/** Talent Categories **/

.talent-categories-header {
  border-bottom:1px solid #283232;
  font-family:Helvetica, Arial, sans-serif;
  font-size:23px;
  font-style:normal;
  font-weight: bold;
  letter-spacing:0.1em;
  text-transform: none;
}

/** Domtabs **/

div.domtab.grey {
  margin-left: 10px;
  width: 469px;
  height: 260px;
}
  div.domtab h3 {
    font-size: 28px;
    border-bottom: 1px solid #283232;
    margin: 0;
  }
  div.domtab ul.domtabs.grey {
    list-style: none;
    padding-left:5px;
    margin-bottom: -1px;
  }
    div.domtab ul.domtabs.grey li {
      float: left;
      margin-left: 5px;
      border: 1px solid #e8ebed;
      padding: 1px 8px 1px;
      font-size: 17px;
      font-family: Georgia;
      font-style: normal;
      background: transparent url(../images/global/backgrounds/domtab-bg.png) repeat-x;
    }
    div.domtab ul.domtabs.grey li.active {
      background: #FFF;
      border-bottom: 1px solid #FFF;
    }
      div.domtab ul.domtabs.grey li a {
        color: #747b7e;
        font-weight: normal;
      }
      div.domtab ul.domtabs.grey li a:hover,
      div.domtab ul.domtabs.grey li a:focus {
        color: #00b1ff;
        text-decoration: none;
      }
      div.domtab ul.domtabs.grey li.active a {
        color: #283232;
        cursor:default;
      }
      div.domtab ul.domtabs.grey li.active a:hover,
      div.domtab ul.domtabs.grey li.active a:focus {
        color: #283232;
      }

  div.domtab > div {}
    div.domtab > div .tab-content {}
      div.domtab > div .tab-content > .tab-content-wrapper {
        border: 1px solid #e8ebed;
        border-bottom: none;
        padding: 8px;
      }
        div.domtab > div .tab-content > .tab-content-wrapper .featured_post + .featured_post {
          border-top: 1px dotted #283232;
          margin-top: 2px;
          padding-top: 4px;
        }
    div.domtab > div .left-column {
      float: left;
      margin-right: 10px;
    }
      div.domtab > div .left-column .info-area {
        text-align: center;
        font-family:Helvetica, Arial, sans-serif;
        font-size: 14px;
        padding: 8px 0 0 0;
        height: 14px;
      }
        div.domtab > div .left-column .info-area span {
          text-align: center;
          font-family:Helvetica, Arial, sans-serif;
          font-size: 14px;
        }
      div.domtab > div .left-column .button-area {
        padding: 4px 0 0 0;
          margin-top: -23px;
      }
        div.domtab > div .left-column .button-area span {
          padding: 4px 0 0 0;
        }
          div.domtab > div .left-column .button-area span a {
            font-family:Helvetica, Arial, sans-serif;
            font-weight: bold;
            font-size: 14px;
            color: #283232;
          }
          div.domtab > div .left-column .button-area span a:hover {
            color: #00B1FF;
          }
    div.domtab > div .right-column {
      overflow: auto;
      position: relative;
    }
      div.domtab > div .right-column .header{
        border-top: 3px solid #283232;
        border-bottom: 1px solid #283232;
        width: 298px;
      }
        div.domtab > div .right-column > h3 {
          border: none;
          font-family: Georgia;
          font-size: 30px;
          font-style: italic;
          font-weight: normal;
          letter-spacing: -0.03em;
          line-height: 0.96em;
          margin: 0 0 0 0;
        }
        div.domtab > div .right-column > h3.campaigns {
          border-bottom: 1px solid #283232;
          border-top: 3px solid #283232;
          border: none;
          font-family: Georgia;
          font-size: 30px;
          font-style: normal;
          font-weight: normal;
          letter-spacing: -0.03em;
          line-height: 0.96em;
          margin: 0 0 0 0;
          padding: 3px 0;
          text-transform: uppercase;
        }
        div.domtab > div .right-column h3.directory {
          border-bottom: 1px solid #283232;
          border: none;
          font-family: Georgia;
          font-size: 30px;
          font-style: normal;
          font-weight: normal;
          letter-spacing: -0.03em;
          line-height: 0.96em;
          margin: 0 0 0 0;
          padding: 3px 0;
        }
        div.domtab > div .right-column > h3.style {
          border: none;
          font-family:Helvetica, Arial, sans-serif;
          font-size: 28px;
          font-style: normal;
          font-weight: bold;
          letter-spacing: -0.03em;
          line-height: 0.96em;
          margin: 0 0 0 0;
        }
        div.domtab > div .right-column > h4.style {
          border: none;
          font-family:Helvetica, Arial, sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: bold;
          letter-spacing: -0.03em;
          line-height: 0.96em;
          margin: 12px 0 0 0;
        }
          div.domtab > div .right-column > h4.style a {
            color: #283232;
          }
        div.domtab > div .right-column > h3 a {
          color: #283232;
        }
        div.domtab > div .right-column > p {
          font-style: italic;
          font-size: 13px;
        }
        div.domtab > div .right-column > p.campaigns {
          font-size: 13px;
          margin:2px 0 0 0;
        }
        div.domtab > div .right-column > p.campaigns2 {
          margin:10px 0 0 0;
        }
        div.domtab > div .right-column > p.style {
          font-size: 12px;
          margin:0;
        }
        div.domtab > div .right-column > p.style2 {
          margin-top: 9px;
        }
        div.domtab > div .right-column > div {
          margin-top: 2px;
        }
          div.domtab > div .right-column > div span {
            font-size: 13px;
            width: 298px;
            display:block;
          }
          div.domtab > div .right-column > div span.agency {
            font-family: Georgia;
            letter-spacing: 0.1em;
          }
          div.domtab > div .right-column > div span.name {
            font-family:Helvetica, Arial, sans-serif;
            font-weight: bold;
          }
          div.domtab > div .right-column > div span.location {
            font-style: italic;
          }
        div.domtab > div .right-column .header h3 {
          font-size: 35px;
          color: #ff17a3;
          font-family: Georgia;
          font-weight: normal;
          text-transform:uppercase;
          letter-spacing: -0.03em;
          line-height: 0.83em;
          margin: 5px 0 0 0;
        }
        div.domtab > div .right-column .header h4 {
          font-size: 25px;
          font-family: Georgia;
          font-weight: normal;
          font-style: italic;
          line-height: 0.8em;
          margin: 5px 0 5px 22px;
        }
          div.domtab > div .right-column .header h4 span {
            font-size: 12px;
            font-family: Georgia;
            font-style: normal;
            text-transform:uppercase;
            font-weight: bold;
          }
          div.domtab > div .right-column .speechballon {
            background: transparent url(http://assets.lexposure.net/images/show-speechballon.png) no-repeat;
            width: 328px;
            height: 150px;
            position: absolute;
            top: 154px;
            left: -24px;
            padding: 12px 15px 15px 36px;
            font-size: 17px;

            letter-spacing: -0.03em;
          }
            div.domtab > div .right-column .speechballon h3 {
              font-size: 22px;
              text-transform: uppercase;
              margin-top: 3px;
              margin-bottom: 2px;
            }
            div.domtab > div .right-column .speechballon h4 {
              font-family: Georgia;
              border-bottom: 1px solid #283232;
              width: 270px;
              height: 18px;
              font-size: 15px;
              font-style: italic;
              font-weight:normal;
              margin-top: -4px;
              margin-bottom: 7px;
              padding-bottom: 6px;
            }
            div.domtab > div .right-column .speechballon label {
              display: block;
              font-size: 13px;
              font-style: italic;
              margin-bottom: -5px;
            }
            div.domtab > div .right-column .speechballon input {
              width: 270px;
              border: none;
              background-color: #e8ebed;
              margin-bottom: 3px;
            }
        div.domtab hr {
          border: 1px dotted #ccc;
        }
        ul.next-items {
          list-style: none;
          margin: 0;
          padding: 0;
        }
          ul.next-items li {
            position:relative;
            font-family: Georgia;
            font-size: 16px;
            font-style: italic;
            margin: 5px 0 0 0;
            padding: 5px 0 3px 0px;
          }
          ul.next-items li + li {
            border-top: 1px dotted #283232;
          }
            ul.next-items li span {
              position: relative;
              left: 0px;
              top: 0px;
            }
              ul.next-items li span a {
                color: #283232;
              }
            ul.next-items li img {
              position: relative;
              left: 5px;
              top: 2px;
            }
  div.domtab p.actions {
    border-top:3px solid #283232;
  }

#lex-mainFrame #rightColumn div#right-advertising p {
  margin: -2px 0 20px 0;
  text-align: right;
}

/** TabBar **/

#campaigns-ranking .tabBar li {
  font-size:14px;
  position:relative;
  top:2px;
}
#campaigns-ranking .tabBar li.selected {
  font-size:16px;
}

/** Signup Section **/

#section-signup #section-signup-body > span {
  font-size: 30px;
  font-family:Helvetica, Arial, sans-serif;
  display: block;
  line-height: normal;
  font-style: normal;
  font-weight: bold;
  padding-left: 32px;
  margin-bottom: -5px;
  margin-left: 15px;
  letter-spacing: -0.05em;
}
#section-signup #section-signup-body > span span {
  position: relative;
  top: -2px;
}
#section-signup #section-signup-body span.connect {
  background: transparent url(../images/global/icons/signup-connect.png) no-repeat;
}
#section-signup #section-signup-body span.share {
  background: transparent url(../images/global/icons/signup-share.png) no-repeat;
}
#section-signup #section-signup-body span.follow {
  background: transparent url(../images/global/icons/signup-follow.png) no-repeat;
  font-family:Georgia;
  font-style: italic;
  font-weight: normal;
  margin-bottom: -7px;
}
  #section-signup #section-signup-body span.follow span {
    top: -7px;
  }
  #section-signup #section-signup-body p {
    margin: -5px 7px 0 0;
    text-align: right;
  }
    #section-signup #section-signup-body p a {
      font-style: normal;
      font-family:Helvetica, Arial, sans-serif;
      font-weight: bold;
      color: #ff17a3;
      font-size: 17px;
    }
    #section-signup #section-signup-body p a:hover {
      color: #00b1ff;
    }


#hype-ranking {
  padding:0;
  margin-top:0.3em;
  list-style:none;
  font-family:Helvetica, Arial, sans-serif;
}
  #hype-ranking li {
    border-bottom:1px dotted #283232;
    padding:0.4em 0;
    position:relative;
  }

  #hype-ranking li:focus,
  #hype-ranking li:hover {
    background-color:#e8ebed;
  }

    #hype-ranking li .hype-ranking-desc {
      font-size:15px;
      color:#283232;
    }

    #hype-ranking li .hype-ranking-desc:focus,
    #hype-ranking li .hype-ranking-desc:hover {
      color:#00b1ff;
    }

    #hype-ranking li .hypes-counter {
      float:left;
      position:relative;
      margin-right:0.5em;
      height:3.2em;
    }

      #hype-ranking li .hypes-counter span {
        position:absolute;
        top:16px;
        left:16px;
        font-weight:bold;
        font-size:1.8em;
        color:#747b7e;
        text-align:right;
        width:1.7em;
      }
    #hype-ranking li div.date {
      position:absolute;
      top:22px;
      right:1px;
      font-weight:normal;
      font-family:Georgia;
      font-style:italic;
      font-size:12px;
      color:#ff3a27;
      text-align:right;

    }


/** RIGHT COLUMN - Login **/

#section-login h2,
#section-signup h2 {
  background: transparent url(../images/global/backgrounds/signup-speechballon.png) no-repeat;
}

#section-login #section-login-body,
#section-signup #section-signup-body {
  border-bottom:3px solid #ff17a3;
}

/*** Office Blog ***/

div#misc-opener h1 {
  border-bottom:1px solid #283232;
  color:#00B1FF;
  font-size:40px;
  letter-spacing:-0.03em;
  margin-top:0;
  margin-bottom:35px;
  width:100%;
}

.newsEntry {
  margin-top: 33px;
}

.newsEntryImage {
  float: left;
  margin-right: 10px;
  width: 346px;
}

.newsEntryText {
  overflow: hidden;
}
  .newsEntryText p {
    line-height: 1.4em;
  }

.newsHeader {
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px;
  border-bottom:1px solid #e8ebed;
}
  .newsHeader h2 {
    border: 0;
    border-top: 1px solid #747B7E;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-style: normal;
    margin-bottom: 10px;
    margin-top: 0;
    padding-top: .3em;
  }
    .newsHeader h2 a {
      color:#283232;
    }
    .newsHeader h2 a:focus,
    .newsHeader h2 a:hover {
       color:#00b1ff;
     }

.newsEntryBody {
  font-family:Helvetica, Arial, sans-serif;
  line-height:1.2em;
  font-size:14px;
}