/*
  *****************************************************
  * file:               network.css
  * copyright:          lexposure.net
  * author:             uli preuss, michael c. beck
  * target browser:     firefox / safari / opera
  * last modification:  2009/02/25
  *****************************************************
*/

/*** Setting Global Colors ***/

#opener .openerColor {
  color:#00b1ff;
}

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

/*** ADVANCED SEARCH ***/


#searchResults {
  padding:0;
  font-size: 100%;
  width:100%;
  padding-top: 7px;
}
  #searchResults .compcard {
    border: 1px solid #e8ebed;
    float: left;
    margin: 5px 12px 1em 0;
    padding: 4px 7px;
    width: 210px;
    position:relative;
  }
  #searchResults .compcard:hover {
    border: 1px solid #283232;
  }
  #searchResults .rowEnd {
    margin-right: 0;
    padding-right: 8px;
  }
    #searchResults .compcard h3 {
      font-family:Helvetica, Arial;
      font-style: normal;
      font-size: 15px;
      margin: 0.2em 0 0 0;
      font-weight: bold;
    }
    #searchResults .compcard img {
      float: left;
      margin-right: 7px;
    }
    #searchResults .compcard span.pro {
      position:relative;
    }
    #searchResults .compcard span.pro img{
      position:absolute;
      right:26px;
      top:6px;
    }
    #searchResults .compcard p {
      font-family: Georgia;
      font-size: 13px;
      margin: 0;
      font-style: italic;
    }
      #searchResults .compcard span.online {
        font-family: Georgia;
        font-size: 12px;
        font-style: italic;
        display:block;
        color:#747b7e;
        height:17px;
      }
        #searchResults .compcard span.online span {
          position: relative;
          bottom: 2px;
          right:1px;
        }
      #searchResults .compcard a.favorites,
      #searchResults .compcard a.portfolio,
      #searchResults .compcard a.mail {
        display:inline-block;
        width:24px;
        height:20px;
      }

      #searchResults .compcard a.profile-link {
        overflow:hidden;
        color:#283232;
        display:block;
      }

      #searchResults .compcard a.profile-link:focus,
      #searchResults .compcard a.profile-link:hover {
        color:#00b1ff;
      }

      #searchResults .compcard span.links {
        position: relative;
        right: 3px;
      }
      #searchResults .compcard a.mail {
        background: url(http://assets.lexposure.net/images/global/icons/mail.png) no-repeat;
      }
      #searchResults .compcard a.mail:hover {
        background: url(http://assets.lexposure.net/images/global/icons/mail-over.png) no-repeat;
      }
      #searchResults .compcard a.favorites {
        background: url(http://assets.lexposure.net/images/global/icons/heart.png) no-repeat;
      }
      #searchResults .compcard a.favorites:hover {
        background: url(http://assets.lexposure.net/images/global/icons/heart-over.png) no-repeat;
      }
      #searchResults .compcard a.portfolio {
        margin-left: 3px;
        background: url(http://assets.lexposure.net/images/network/icons/camera.png) no-repeat;
      }
      #searchResults .compcard a.portfolio:hover {
        background: url(http://assets.lexposure.net/images/network/icons/camera-over.png) no-repeat;
      }

  #albums .album {
    border: 1px solid #e8ebed;
    float:left;
    height: 250px;
    margin: 0 6px 6px 0;
    padding: 4px;
    position: relative;
    width: 221px;
  }
  #albums .album:hover {
    border: 1px solid #283232;
  }
  #albums .rowEnd {
    margin-right: 0;
  }
    #albums span.new {
      position:relative;
    }
    #albums span.new img {
      position:absolute;
      top:10px;
    }
    .webkit.safari3 #albums span.new img {
      position:absolute;
      top:0;
    }
    #albums .album a,
    #albums .album img {
      cursor: pointer;
    }
    #albums .album img.photo {
      display: block;
      height: 149px;
      width: 222px;
    }
    #albums .album .see-album {
      position: relative;
    }
      #albums .album .see-album p.actions {
        bottom:0px;
        margin:0;
        position: absolute;
        right:0;
      }

    #albums .album h3 {
      margin: 4px 4px 0;
      font-size: 23px;
    }
    #albums .album p.author {
      font-size: 13px;
      font-style: italic;
      margin: 0 10px 0;
    }
    #albums .album .info1 {
      height:66px;
    }
    #albums .album .info2 {
      font-family: Georgia;
      font-style: italic;
      font-size: 12px;
      color: #00b1ff;
      padding-left: 4px;
    }
      #albums .album .info2 span {
        margin-right: 7px;
        float: left;
      }
      #albums .album .info2 span.date {
        position: relative;
        top: 7px;
        float: right;
        color: #747b7e;
      }
      #albums .album .info2 img {
        position: relative;
        top: 7px;
      }


#leftColumn {
  /*position:relative;*/
}

  #discussion {
    margin-top: 30px;
  }

  .album.button-area {
    margin-top:1em;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    color:#00b1ff;
    font-size:16px;
  }
    .album.button-area a {
      position:relative;
      top:-9px;
      margin-left:0.5em;
    }
#portfolio-header {}
  #portfolio-header h1 {
    border-bottom:none;
    font-size:40px;
    font-family:Helvetica, Arial, sans-serif;
    color:#00b1ff;
    float:left;
    margin-top:0;
  }

  #portfolio-header a {
    float:right;
    margin-top:1em;
  }

/* CREATIVES I FOLLOW */


  #leftColumn h1.follow {
    border-bottom: 2px solid #283232;
    font-size:20px;
  }

#leftColumn .compcard-info {
  font-size:14px;
  font-family:Georgia;
  text-align: left;
  font-style: italic;
  position: relative;
}
  #leftColumn .compcard-info span {
    position: absolute;
    top: -17px;
  }
  #leftColumn .compcard img.new {
    position:absolute;
    left:0;
    top:0;
  }

/** Portfolio Love **/

#leftColumn #portfolio-love h2 {
  font-weight:bold;
  font-size:23px;
  font-family:Helvetica;
  font-style:normal;
  color:#00b1ff;
  border-bottom:3px solid #283232;
  margin-bottom:10px;
}
  #leftColumn #portfolio-love h2 span{
    font-size:15px;
    font-style:normal;
    color:#283232;
  }

  #leftColumn #portfolio-love li img{
    display: block;
  }

#leftColumn #portfolio-love ul {
  padding:0;
  margin:0;
  list-style:none;
}
  #leftColumn #portfolio-love ul li {
    float:left;
    margin:0 1px 1px 0;
  }

  #leftColumn #portfolio-love p.actions {
    border-top:1px solid #283232;
  }


/*** Network Profile ***/

#leftColumn .header {
  position:relative;
  padding:0.5em 0.4em;
  border:1px solid #E8EBED;
}
  #leftColumn .header img.pro {
    position:absolute;
    top:-0.5em;
    right:-0.3em;
  }
  #leftColumn .header img.profile-image {
    padding-left:0.2em;
    float:left;
  }

  #leftColumn .header p.url {
    position:absolute;
    bottom:0;
    left:13em;
    width:40em;
    margin:0;
    font-size:13px;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    color:#747b7e;
  }

#leftColumn .profile-header-details {
  float:left;
  margin-left:2em;
  position:relative;
  height:287px;
  width:445px;
}

#leftColumn .network-profile-overview {
  margin:1em 0 0 0;
  padding-bottom:1em;
}
  #leftColumn .network-profile-overview h1,
  #leftColumn .overview-header h1{
    padding:0;
    margin:3px 0 0 0;
    border-bottom:0;
  }
  #leftColumn .network-profile-overview h1 span,
  #leftColumn .overview-header h1 span{
    margin:0;
    border:none;
    font-size:34px;
    background:#283232;
    color:#fff;
    padding:0.1em 0.2em 0 0.2em;
  }
  #leftColumn .network-profile-overview p.profession,
  #leftColumn .overview-header p.profession {
    margin:0.4em 0 0.5em 1.6em;
  }
    #leftColumn .network-profile-overview p.profession span,
    #leftColumn .overview-header p.profession span {
      font-family:Helvetica, Arial, sans-serif;
      font-weight:bold;
      font-size:20px;
      color:#fff;
      text-transform:lowercase;
      background:#ff17a3;
      display:inline;
      padding:0.1em 0.2em 0 0.2em;
    }
    #leftColumn .overview-header p.profession {
      position:relative;
    }
    #leftColumn .overview-header p.profession a.edit-info {
      position:absolute;
      right:0;
      font-family:Helvetica, Arial, sans-serif;
      font-weight:bold;
      font-size:12px;
      text-decoration:underline;
    }

  #leftColumn .network-profile-overview p.location {
    font-style:italic;
    text-transform:none;
    color:#283232;
    letter-spacing:normal;
    font-size:18px;
    margin:0.1em 0 0 6em;
  }
  #leftColumn .network-profile-overview p.location:before{
    content:"-";
    margin-right:0.2em;
  }

  #leftColumn .profile-header-details .status {
    font-family:Georgia;
    font-size:15px;
    font-style:italic;
  }
  #leftColumn .profile-header-details .status:before {
    content:"...";
  }


#leftColumn #network-profile .header .profile-stats {
  position:absolute;
  bottom:0;
  left:0;
  padding:0.5em 0;
  width:44em;
}
  #leftColumn #network-profile .header .profile-stats h2 {
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-style:normal;
    font-size:23px;
    border-bottom:1px solid #e8ebed;
    margin-bottom:0.3em;
  }

  #leftColumn #network-profile .header .profile-stats div.clearFix {
    text-align:center;
    padding-left:3em;
  }
    #leftColumn #network-profile .header .profile-stats div.clearFix div {
      color:#747b7e;
      font-size:12px;
      font-family:Helvetica, Arial, sans-serif;
      border:1px solid #e8ebed;
      width:85px;
      padding:0.4em 0.2em 0.3em 0.2em;
      margin-right:0.2em;
      float:left;
    }

      #leftColumn #network-profile .header .profile-stats div.clearFix div:focus,
      #leftColumn #network-profile .header .profile-stats div.clearFix div:hover {
        background:url(http://assets.lexposure.net/images/network/profile/stats_hover.png) repeat-x;
      }

    #leftColumn #network-profile .header .profile-stats div.clearFix div a {
      color:#ff17a3;
      font-size:26px;
      font-family:Helvetica, Arial, sans-serif;
      font-weight:bold;
      margin-top:0.05em;
      display:block;
    }

#leftColumn #network-profile .profile-content {
  margin-top:1.5em;
}

#leftColumn-left {
  padding:0.2em 0;
}

  #leftColumn-left div {
    border:1px solid #e8ebed;
    padding:0.5em;
    margin-bottom:1em;
  }

  #leftColumn-left h3 {
    border-bottom:3px solid #283232;
    margin:0.5em 0 0.3em 0;
    font-size:23px;
  }

  #leftColumn-left p,
  #leftColumn-left div.activity {
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-size:13px;
    color:#747b7e;
    margin:0.5em 0;
  }

  #leftColumn-left p a,
  #leftColumn-left span {
    display:block;
  }

  #leftColumn-left span {
    color:#283232;
  }
  #leftColumn-left p.social span {
    color:#747b7e;
    margin-bottom:12px;
  }
  #leftColumn-left p.social a {
    display:block;
    margin-left:20px;
  }
  #leftColumn-left p.social a img {
    margin-bottom:5px;
  }
  #leftColumn-left p.social a .facebook {
    margin-left:1px;
  }
  #leftColumn-left div.stats p {
    margin:0;
  }

  #leftColumn-left div.stats p a {
    text-decoration:underline;
  }

  #leftColumn-left div.stats p span {
    display:inline;
  }

  #leftColumn-left div.activity {
    border:none;
    padding:0;
    margin:0;
    position:relative;
  }

  #leftColumn-left div.activity span {
    font-size:18px;
    color:#283232;
    position:absolute;
    right:0;
    top:-0.2em;
  }

/** LEFT COLUMN Right **/

#leftColumn-right .tabBar {
  margin:0.2em 0 0 0;
}
  #leftColumn-right .tabBar li.selected {
    background-color:#283232;
  }

  #leftColumn-right .portfolio-preview-content,
  #leftColumn-right .activities-preview-content,
  #leftColumn-right .blog-preview-content,
  #leftColumn-right .shoutbox-preview-content,
  #leftColumn-right .shoutbox-preview-comment {
    border:1px solid #e8ebed;
    border-top:none;
    padding:0.5em;
  }

  #leftColumn-right .blog-preview,
  #leftColumn-right .portfolio-preview,
  #leftColumn-right .activities-preview,
  #leftColumn-right .shoutbox-preview {
    margin-bottom:2em;
  }

  #leftColumn-right blockquote p {
    margin:0;
    display:inline;
  }

/* Portfolio Preview */

#leftColumn-right .portfolio-preview-content {}
  #leftColumn-right .portfolio-preview-content ul {
    padding:0;
    margin:0.1em 0 0 0.1em;
  }
  #leftColumn-right .portfolio-preview-content ul li {
    float:left;
    list-style:none;
    margin-right:0.7em;
    position:relative;
    width:22em;
  }
  #leftColumn-right .portfolio-preview-content ul li img {
    display:block;
  }
  #leftColumn-right .portfolio-preview-content ul li img.new {
    left:0;
    position:absolute;
    top:0;
    z-index:99;
  }
  #leftColumn-right .portfolio-preview-content ul li p.actions {
    bottom:0;
    margin:0;
    position:absolute;
    right:0;
  }


  /* Blog Preview */

  #leftColumn-right .blog-preview-content {}
    #leftColumn-right .blog-preview-content div.myblog {
      border:1px solid #e8ebed;
      padding:1em;
      font-family:Helvetica, Arial, sans-serif;
      background:url(../images/global/backgrounds/more-from-us.png) 0 90%;
    }
      #leftColumn-right .blog-preview-content div.myblog p {
        font-size:18px;
        font-weight:bold;
        margin:0;
      }
        #leftColumn-right .blog-preview-content div.myblog p span {
          color:#787b7e;
        }

      #leftColumn-right .blog-preview-content div.myblog a {
        font-size:16px;
        font-weight:normal;
        font-family:Georgia;
      }
      #leftColumn-right .blog-preview-content div.myblog p.teaser {
        font-size:12px;
        font-weight:normal;
        font-family:Georgia;
        font-style:italic;
        text-align:center;
      }
        #leftColumn-right .blog-preview-content div.myblog p.teaser a {
          font-size:12px;
        }

    #leftColumn-right .blog-preview-content h2 {
      font-size:17px;
      margin-top:0.6em;
      margin-bottom:0.2em;
      padding-left:3px;
    }
    #leftColumn-right .blog-preview-content ul {
      padding:0;
      margin:0.1em 0 0 0.1em;
    }
    #leftColumn-right .blog-preview-content ul li {
      list-style:none;
      padding:10px 0;
      border-bottom:1px dotted #e8ebed;
    }
      #leftColumn-right .blog-preview-content ul li .img {
        float:left;
        margin-right:10px;
        height:98px;
        width:98px;
        display:block;
        border:1px solid #e8ebed;
        text-align:center;
      }
        #leftColumn-right .blog-preview-content ul li .img span {
            display:block;
            color:#747b7e;
            margin-top:45px;
            font-style:italic;
        }
      #leftColumn-right .blog-preview-content ul li div.post-content {
        float:left;
        width:330px;
      }
        #leftColumn-right .blog-preview-content ul li div.post-content h3 {
          font-family:Georgia;
          font-weight:normal;
          font-size:21px;
          margin-bottom:10px;
          line-height:1.1em;
        }
        #leftColumn-right .blog-preview-content ul li div.post-content a {
          color:#283232;
        }
        #leftColumn-right .blog-preview-content ul li div.post-content a:focus,
        #leftColumn-right .blog-preview-content ul li div.post-content a:hover {
          color:#00b1ff;
        }
        #leftColumn-right .blog-preview-content ul li div.post-content p {
          font-family:Helvetica, Arial, sans-serif;
          font-size:13px;
          margin-top:0;
          margin-bottom:5px;
          color:#747b7e;
          line-height:1.2em;
        }
        #leftColumn-right .blog-preview-content ul li div.post-content span {
          font-family:Georgia;
          font-weight:normal;
          font-size:12px;
          font-style:italic;
        }


/* Shoutbox Preview */
#leftColumn .shoutbox-preview {}

  #leftColumn-right .shoutbox-preview-content {}
    #leftColumn-right .shoutbox-preview-content ul {
      padding:0;
      margin-bottom:0;
      list-style:none;
    }

    #leftColumn-right .shoutbox-preview-content ul li {
      padding:1em 0.5em 0.5em 0.5em;
      list-style:none;
      border-top:1px dotted #283232;
    }
      #leftColumn-right .shoutbox-preview-content ul li.empty-message {
        border:none;
        font-family:Georgia;
        font-style:italic;
        font-size:12px;
        margin-bottom:1em;
        text-align:center;
      }

    #leftColumn-right .shoutbox-preview-content p.actions {
      border-top:1px dotted #283232;
    }

#leftColumn-right .shoutbox-content-right {
  width:65%;
  float:left;
  font-family:Georgia;
  font-style:italic;
  font-size:12px;
  position:relative;
  overflow:hidden;
}
  #leftColumn-right .shoutbox-content-right p {
    margin:0 0 2em 0;
  }
  #leftColumn-right .shoutbox-content-right a {
    position:absolute;
    bottom:0;
    right:0;
  }

#leftColumn-right .shoutbox-content-left {
  width:35%;
  float:left;
  position:relative;
  font-family:Helvetica;
  font-size:12px;
}
  #leftColumn-left .shoutbox-content-left-details {
    float:left;
  }

  #leftColumn-right .shoutbox-content-left img {
    margin:0 0.5em 0 0.2em;
    float:left;
  }

  #leftColumn-right .shoutbox-content-left a {
    display:block;
  }

  #leftColumn-right .shoutbox-content-left span.date {
    position:absolute;
    bottom:0;
    left:44px;
    font-family:Georgia;
    font-style:italic;
    color:#747b7e;
  }

#leftColumn-right .shoutbox-preview-comment {
  background:url(http://assets.lexposure.net/images/network/profile/comments/background.gif) repeat-x;
  border-bottom:3px solid #00b1ff;
}

  #leftColumn-right .shoutbox-preview-comment p {
    margin:0.5em 0;
    font-family:Helvetica;
    font-size:13px;
    font-weight:bold;
  }

  #leftColumn-right .shoutbox-preview-comment textarea {
    height:84px;
    width:431px;
    font-family:Georgia;
    font-size:11px;
    font-style:italic;
    padding:0.3em;
    margin-bottom:0.4em;
  }


/*** RIGHT COLUMN ***/

#rightColumn .membergallery {
  border-bottom:1px solid #283232;
}


#section-login h2 {
  background: transparent url(http://assets.lexposure.net/images/network/register/login-speechballon.png) no-repeat;
}

/** Member Search **/

#member-search {
  border:1px solid #e8ebed;
  border-bottom:3px solid #ff17a3;
  background: transparent url(http://assets.lexposure.net/images/network/search/background.jpg) repeat-x;
  margin: 0 0 3em;
  padding: 0.6em;
}

  #member-search input.textField {
    font-family:Georgia;
    font-size:12px;
    color:#283232;
    width:204.5px;
    font-style:italic;
    margin-bottom:5px;
  }

  #member-search h2 {
    color:#ff17a3;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-style:normal;
    font-size:18px;
    border:none;
    margin:0 0 5px 0;
  }

/* video-teaser */

.video-teaser {
  background:url(http://assets.lexposure.net/images/network/teaser/opener.jpg);
  width:68em;
  padding:1.3em;
}

.video-teaser .button-area a {
  float:right;
  margin-top:14em;
}


/* WIDGET */

#rightColumn .profile_widget_teaser {
  background:#eff0f0 url(http://assets.lexposure.net/images/global/backgrounds/greyfade-short.png) repeat-x;
  border:1px solid #e8ebed;
  color:#283232;
  display:block;
  font-family:Helvetica, Arial, sans-serif;
  font-size:14px;
  margin:0 0 1em 0;
  padding:1em;
  text-align:center;
  text-decoration:none;
}
  #rightColumn .profile_widget_teaser img {
    display:block;
    margin:auto;
    margin-bottom:1em;
  }
  #rightColumn .profile_widget_teaser span {
    color:#00b1ff;
  }

#rightColumn .profile_widget_teaser.aboutme {
  margin: 1em 0 2em 0;
  padding:4.5em 1em 1em 5em;
  text-align:left;
  position:relative;
}
  #rightColumn .profile_widget_teaser.aboutme img {
    position:absolute;
    top:10px;
    left:20px;
  }