@import url(elements/sign.css);
@import url(elements/sign-tools.css);
@import url(components/announcement.css);
@import url(components/flash.css);
@import url(components/user_menu.css);


html[xmlns^="http"] {
    overflow-y: scroll;
}

html {
  font-size: 100.1%;
}

body {
  font-size:62.5%;
  color:#283232;
  margin:0;
  padding:0;
  text-align:center;
  font-family:Georgia;
  background:#fff url(../images/global/backgrounds/back.gif);
}

img {
  border:none;
  padding: 0;
}

img.missing {
  background: #F6F6F6 url(../images/global/backgrounds/missing_photo.png) center center no-repeat;
  border: 0 !important;
}

.caption {
  font-size: 1em;
  font-style: normal;
  letter-spacing: 0.15em;
  margin: 3px 0 2em;
  text-transform:uppercase;
}

a, a:link, a:visited {
  text-decoration:none;
  color:#00b1ff;
}

a:hover {
  text-decoration:underline;
}

a.activeLink {
  font-weight:bold;
}

/* silent links (only blue on hover) */
a.silent, a.silent:link, a.silent:visited {
  color: #283232;
}
a.silent:focus, a.silent:hover {
  color:#00b1ff;
}

/* links with icons */
a.view {
  background: url(../images/global/arrows/arrow.gif) no-repeat left center;
  padding-left: 18px;
}
a.more {
  background: url(../images/global/arrows/arrow.gif) no-repeat right center;
  padding-right: 18px;
}

#draft_warning {
  background: rgba(196, 0, 0, .75) url(../images/global/backgrounds/draft.png) repeat-x left center;
  border-bottom: 1px solid #770000;
  color: #fff;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 40px;
  left: 0;
  line-height: 1.3;
  position: fixed;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  z-index: 9999;
}

p.actions {
  font-family: Helvetica, Arial, sans-serif;
  margin: 0 0 1em 0;
  overflow: hidden;
}
  p.actions:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  p.actions a.more {
    background-color: #283232;
    background-image: url(../images/global/arrows/arrow_white.gif);
    background-position: 91% center;
    color: #fff;
    float: right;
    padding: 3px 18px 2px 5px;
  }
  p.actions.line a.more {
    padding: 1px 18px 2px 5px;
  }
  p.actions a:hover {
    color: #00b1ff;
    text-decoration: none;
  }


a.home:focus, a.home:hover {color:#747b7e!important;}
a.talent:focus, a.talent:hover, a.talent.active {color:#00e587!important;}
a.network:focus, a.network:hover, a.network.active {color:#00b1ff!important;}
a.style:focus, a.style:hover, a.style.active {color:#ff17a3!important;}
a.directory:focus, a.directory:hover, a.directory.active {color:#c409d0!important;}
a.hype:focus, a.hype:hover, a.hype.active {color:#ff3a27!important;}
a.campaigns:focus, a.campaigns:hover, a.campaigns.active {color:#ffbf00!important;}

a.homeActive {color:#747b7e!important;}
.homeColor {color:#283232!important;}
a.talentActive, .talentColor  {color:#00e587!important;}
a.networkActive, .networkColor  {color:#00b1ff!important;}
a.styleActive, .styleColor  {color:#ff17a3!important;}
a.directoryActive, .directoryColor  {color:#c409d0!important;}
a.hypeActive, .hypeColor  {color:#ff3a27!important;}
a.campaignsActive, .campaignsColor  {color:#ffbf00!important;}


.firstItem {
  clear: both !important;
}

.lastItem {
  border-right:none!important;
  border-bottom:none!important;
  margin-right:0 !important;
}

.rowStart {
  clear: both !important;
}

.rowEnd {
  margin-right:0 !important;
}


h1 {
  font-family:Helvetica, Arial;
  font-size:2.4em;
  font-weight:bold;
  border-bottom:3px solid #283232;
  margin-bottom:6px;
}

h2 {
  font-size:1.4em;
  font-weight:normal;
  font-style:italic;
  margin:0.8em auto;
  border-bottom: 1px solid #747b7e;
}

h2.alternate {
  font-size: 2em;
  font-style: normal;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: .5em 0;
}


h3 {
  font-size:1.6em;
  font-weight:bold;
  font-style:normal;
  font-family:Helvetica, Arial;
  margin:0 auto 1em auto;
  color:#283232;
}

p {}
  /* Not the best name */
  p.standalone {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.3;
  }

ul {
  margin-left:0;
}

div#opener {}

  div#opener h1 {
    border-bottom:none;
    font-size:50px;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif;
    padding:0;
    margin:0;
    letter-spacing:-3px;
    text-transform:uppercase;
  }
    div#opener h1 span.subline {
      font-size:25px;
      font-weight:bold;
      font-family:Helvetica, Arial, sans-serif;
      margin:-10px 0 15px 0;
      display:block;
      letter-spacing:-1px;
      text-transform:none;
    }

div#blog-opener {
  position:relative;
  border-bottom:3px solid #283232;
  border-top:1px solid #283232;
  text-align:center;
  padding-top:0.2em;
}
    div#blog-opener h1 {
      border-bottom:none;
      font-size:50px;
      font-weight:bold;
      font-family:Georgia;
      padding:0;
      margin:0;
      text-transform:uppercase;
    }
    div#blog-opener h1 span.subline {
      font-size:25px;
      font-weight:normal;
      margin:-10px 0 10px 0;
      display:block;
    }

    div#opener h1 a.infoicon {
      width: 19px;
      height: 19px;
      left:690px;
      position:absolute;
      top:0;
      background:transparent url(http://assets.lexposure.net/images/global/infobox/sprite.png) 0 -21px no-repeat;
    }
    div#opener h1 a.infoicon:focus,
    div#opener h1 a.infoicon:hover {
      background-position:0 0;
    }

  a.infoicon-small {
    width: 12px;
    height: 13px;
    left:294px;
    position:absolute;
    top:64px;
    background:transparent url(http://assets.lexposure.net/images/global/infobox/sprite-small.png) 0 0 no-repeat;
  }
  a.infoicon-small:focus,
  a.infoicon-small:hover {
    background-position:0 -14px;
  }

blockquote {
  font-family: Georgia;
  font-style: italic;
  margin: 0;
}

blockquote:before { content: "“" }
blockquote:after  { content: "”" }


.infobox {
  width:23em;
  position:absolute;
  left:73.2em;
  top:0.8em;
  z-index:99;
}
  .infobox .box {
    position:relative;
    top:-4.1em;
  }
  .infobox .infobox-arrow {
    background: url(http://assets.lexposure.net/images/infobox/arrow.png) no-repeat;
    height:4.1em;
    left:-3.5em;
    position:relative;
  }
  .infobox .infobox-top {
    background: url(http://assets.lexposure.net/images/infobox/top.png) no-repeat;
    height:3.6em;
  }
  .infobox .infobox-close {
    position:absolute;
    left:200px;
    top: 15px;
  }
  .infobox .infobox-content {
    background: url(http://assets.lexposure.net/images/infobox/content.png) repeat-y;
    min-height:3em;
  }
  .infobox .infobox-bottom {
    background: url(http://assets.lexposure.net/images/infobox/bottom.png) no-repeat;
    height:2.1em;
  }

hr.double-line {
  height: 8px;
  background-image: url(../images/global/lines/double-line.gif);
  border: none;
  padding:0;
  position: relative;
  margin:0;
}
hr.double-line-thin {
  height: 6px;
  background-image: url(../images/global/lines/double-line-thin.gif);
  border: none;
  padding:0;
  margin:0;
}
hr.xtra {
  margin: 8px 0 0 0;
}
hr.bold {
  border: 2px solid #283232;
}

input.checkBox {
  margin:0 0.5em 0 0;
  float:left;
}

form, fieldset {
  padding:0;
  border:0;
  margin:0;
}

label, select,
.fieldRadio,
.fieldCheckbox,
.fieldBtnSubmit {
  cursor:pointer;
}

.readMore {
  font-style:italic;
}

.related-tags {
  font-size:12px;
  font-style:italic;
}

/*** Alignment (adapted from alp-uckan.net/blog/) ***/

.level label, .level .label,
.vertical label, .vertical .label {
  font-family:Helvetica, Arial, sans-serif;
  font-size:1.5em;
  font-weight:bold;
}

.level .fieldText, .level textarea,
.vertical .fieldText, .vertical textarea {
  font-family:Georgia;
  padding:0.2em;
  font-size:1.3em;
  font-weight:normal;
  font-style:italic;
}

/* level */


.level label.l4t,
.level .label {
  float: left;
  text-align: right;
  width: 10em;
  margin-right: 1em;
}

.level .labeled {
  float: left;
}

.level .right,
.level .btnArea {
  margin-left : 11.0em;
  _margin-left : 11.2em;
}

form .level br {
  clear: left;
}

.level .fieldText,
.level textarea {
  width: 25em;
}

/*** vertikale Anordnung ***/

.vertical label,
.vertical .label {
  padding: 0.8em 0 .2em;
}

.vertical label.l4t {
  display: block;
}
.vertical .fieldText {
  width:98.4%;
}

.vertical textarea {
  width:99%;
}

/** Table Align **/

.row {
  width:100%;
}
  .row select {
    width:100%;
  }

.column {
  width:48.5%;
  float:left;
  margin-right:2em;
}

.one3rdcolumn {
  width:31.2%;
  float:left;
  margin-right:2em;
}

.two3rdscolumn {
  width:65.9%;
  float:left;
}


/*** tabs ***/

ul.tabBar {
  list-style:none;
  margin: 2em 0 0.2em 0;
  padding: 0;
  border-bottom:4px solid;
}
  .tabBar li {
    font-style:italic;
    float: left;
    padding: 0.1em 0.7em 0 0.7em;
    background:url(../images/global/backgrounds/roundcorner_navi.png) no-repeat top left;
    font-size:18px;
    font-weight:lighter;
    cursor: pointer;
  }

  * html .tabBar li {
    /* hack for ie6 */
    background:none;
    padding: 0.1em 0.5em 0 0.5em;
  }

  *+ html .tabBar li {
    /* hack for ie7 */
    padding: 0.1em 0.5em 0 0.5em;
  }

  .tabBar li:focus,
  .tabBar li:hover {
    background-color:#e8ebed;
    display:block;
  }

.tabBar li a {
  color:#283232 !important;
  text-decoration: none;
}
.tabBar li.selected a {
  color: #fff !important;
}

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

.rss {
  padding:0 0 0 0.5em!important;
  background:#fff!important;
}

/* floating Elements */

.floatL {
  float:left;
}
.floatR {
  float:right;
}

/* clearing floats */

.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearFix {
height: 1%;
}
.clearFix {
display: block;
}
/* End hide from IE-mac */

#lex-mainFrame {
  background:#fff;
  border-top: none;
  margin:0 auto;
  padding:0 1em;
  text-align:left;
  width: 97.5em;
  width: 97.7em;
}
#lex-mainFrame-header {
  border-top:0.5em solid #283232;
  padding:1em 0 0 0;
}

  #lex-mainFrame-header h1 {
    margin:0;
    border:none;
  }

#lex-mainFrame-header-menu {
  border-bottom:0.1em solid #283232;
  border-top:0.1em solid #283232;
  margin:0.5em 0 0.3em 0;
  padding:0.5em 0;
  text-align:center;
}
  #lex-mainFrame-header-menu li {
    display:inline;
    margin-left:auto;
    margin-right:auto;
  }
    #lex-mainFrame-header-menu li a {
      color: #283232;
      font-size:1.8em;
      font-weight:bold;
      padding:0 1.7em;
      text-decoration:none;
    }

#lex-mainFrame div#browser-alert {
  border:1px solid #ff3a27;
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px;
  padding:0.5em;
}
  #lex-mainFrame div#browser-alert p {
    margin:0;
  }


.pwLink {
  color:#00b1ff !important;
  float:left;
  font-size:10px !important;
  margin: .5em 0 .2em 18px;
  padding:0;
}
  .pwLink:focus,
  .pwLink:hover {
    text-decoration:underline !important;
  }

#lex-mainFrame-header-subMenu {
  margin:0;
  padding:0;
  float:left;
}
  #lex-mainFrame-header-subMenu li {
    float:left;
    padding:0;
    list-style:none;
    margin: 0.5em 0;
  }
    #lex-mainFrame-header-subMenu li a {
      color:#fff;
      font-size:1.4em;
      font-style:italic;
      padding:0 0.65em;
    }
    /* NOTE: This will not work in IE6, why should it? --bjoern */
    #lex-mainFrame-header-subMenu li a:focus,
    #lex-mainFrame-header-subMenu li a:hover {
      text-decoration:underline;
    }

#lex-mainFrame-header-path {
  font-size:1.2em;
  font-style:italic;
  margin:0.5em 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0.65em;
}
  #lex-mainFrame-header-path a:focus,
  #lex-mainFrame-header-path a:hover {
    text-decoration:underline;
  }

#lex-mainFrame-footer {
  background-color:#283232;
  font-style:italic;
  color:#fff;
  margin-top:2em;
  padding:0.5em;
  font-size: 12px;
}
  #lex-mainFrame-footer ul {
    float:right;
    margin:0;
    list-style:none;
  }
    #lex-mainFrame-footer ul li {
      display:inline;
    }
      #lex-mainFrame-footer ul li a {
        padding:0 0.5em;
        margin:0.5em 0;
        color:#fff;
      }
      #lex-mainFrame-footer ul li + li a {
        border-left:1px solid #fff;
      }
      #lex-mainFrame-footer ul li a:hover {
        text-decoration:underline;
      }

#lex-mainFrame-content {
  margin-top: 2em;
}


/* tools */
.tools {}
  .tools a {
    margin-left: 1em;
  }


/*** DIALOGUE ***/

#lex-dialogue {
  width:326px;
  position:absolute;
  z-index:99;
  top:50%;
  left:50%;
  margin:0 0 0 -163px;
}
  #lex-dialogue .dialogue-top {
    width:inherit;
    height:10px;
    background:url(../images/global/dialogue/top_bottom.png) no-repeat;
    position:relative;
  }
    #lex-dialogue .dialogue-top .close {
      position:absolute;
      top:1em;
      left:29.3em;
    }
  #lex-dialogue .dialogue-content {
    width:280px;
    min-height:10px;
    padding:0 3.5em 0 2em;
    background:url(../images/global/dialogue/background.png) repeat-y;
  }
    #lex-dialogue .dialogue-content h2 {
      width:inherit;
      margin:0 0 0.4em 0;
      padding-top:0.3em;
      font-size:18px;
      font-weight:bold;
      font-family:Helvetica;
      font-style:normal;
    }
    #lex-dialogue .dialogue-content p {
      width:inherit;
      margin:0;
      padding-bottom:0.3em;
      letter-spacing:-0.025em;
      font-size:15px;
      font-family:Helvetica;
      font-style:normal;
    }
    #lex-dialogue .dialogue-content .button-area {
      text-align:right;
      padding:0.3em 0;
    }
  #lex-dialogue .dialogue-bottom {
    width:inherit;
    height:30px;
    background:url(../images/global/dialogue/top_bottom.png) no-repeat 0 -13px;
  }


/* CONTENT */

/*** NO COLUMN ***/

#noColumn {
  width:100%;
}

/*** LEFT COLUMN ***/
#leftColumn {
  width:705px;
  float:left;
}

#leftColumn #cms-content p.charcount {
  font-family:Georgia;
  font-size:12px;
  font-style:italic;
  font-weight: normal;
  margin:.2em 0 1em 0;
  text-align:right;
}
#leftColumn #cms-content p.charcount strong {
  color:#ff3a27;
}


#leftColumn-left {
  float:left;
  margin-right:1em;
  width:233px;
}
#leftColumn-right {
  float:left;
  width:461px;
}



/*** RIGHT COLUMN ***/
#rightColumn {
  width:250px;
  float:right;
}




/*** SEARCH ***/
#search {
  width:22.5em;
  background: #283232 url(../images/global/backgrounds/roundcorner_navi.png) no-repeat top left ;
  margin-bottom:3em;
}

.searchField {
  background: #283232 url(http://assets.lexposure.net/images/searchfield.png) no-repeat top left;
  float:left;
  width:11em;
  height:1.5em;
  padding:0.3em 1em 0 2em;
  border:none;
  font-weight:bold;
}
.searchName {
  padding:1em 0.5em;
}
.searchButton {
  float:right;
}
.searchSelect {
  border-top:2px solid #fff;
  background-color:#e8ebed;
  padding:0.5em;
}
  .searchSelect label {
    display:block;
    font-style:italic;
    font-family:Georgia;
    margin-bottom:0.5em;
  }

.chooser {
  width:15.5em;
}
  .chooser select:hover {
    background-color:#aeafaf;
  }

/*** BUTTON AREA ***/
.buttonArea {
  background-color:#e8ebed;
  padding:0.5em;
  border-top:2px solid #fff;
  border-bottom:2px solid #283232;
}
  .buttonArea p {
    text-align:right;
    float:left;
    margin:0;
    font-family:Helvetica, Arial, sans-serif;
    font-size:24px;
    margin:0 0 0 3.4em;
  }

/*** FEED ***/
.feed {
  width:25em;
}
  .feed ul.tabBar li {
    padding: 0.1em 0.35em 0 0.35em;
  }

/*** RANKING ***/
.ranking {
  margin:0;
  padding:0.2em 0 0.1em 0.3em;
  list-style-type:decimal;
  list-style-position:inside;
  font-style:italic;
  font-size:15px;
  border-bottom:3px solid #283232;
}
  .ranking li:focus, .ranking li:hover  {
    background-color: #e8ebed;
  }
  .ranking li {
    padding-left:0.3em;
    padding-bottom:0.22em;
  }
    .ranking li a {
      font-family: Helvetica;
      font-style:normal;
      font-size:15px;
      padding:0em 0.5em 0em 0.1em;
      margin-top:0;
      color:#283232!important;
    }
    .ranking li a:focus, .ranking li a:hover  {
      color:#00B1FF!important;
    }
    .ranking li span {
      display:block;
      font-family: Georgia;
      font-size:12px;
      font-style:italic;
      color: #747b7e;
      padding-bottom:0.1em;
      padding-left:1.8em;
      margin:0;
      margin-top:-0.2em;
    }
    .win.ie7 .ranking li span {
      padding-left:1.5em;
    }

#mostRanking .tabBar li {
  font-size:12px;
  position: relative;
  top: 3px;
}
#mostRanking .tabBar li.selected {
  font-size:15px;
  top: 0;
}

/*** SORTABLE ***/
h3.sortable-header {
  margin-bottom:0.2em;
  font-size:20px;
  font-style:italic;
  font-family:Georgia;
  font-weight:normal;
  border-bottom:3px solid #283232;
}

.sortable {
  margin:0;
  padding:0;
  list-style:none;
  font-size:15px;
  margin-bottom:2em;
}
  .sortable li {
    border-bottom:1px dotted #283232;
    background:url(../images/global/arrows/arrow.png) no-repeat 0 0.5em;
    padding:0.2em 0 0.2em 1em;
    font-family:Helvetica;
  }
  .sortable li:focus, .sortable li:hover  {
    background-color: #e8ebed;
  }
    .sortable li a {
      text-decoration:none;
      color:#283232!important;
    }
    .sortable li a:focus,
    .sortable li a:hover {
      text-decoration:underline;
      color:#00b1ff!important;
    }

/*** MORE FROM ***/
.more-from {
  font-style:italic;
  font-size:1.2em;
}
  .more-from ul {
    padding-left: 1.8em;
  }
    .more-from li {
      list-style-image: url(../images/global/arrows/arrow.png);
      font-size:1.15em;
      font-style:normal;
      font-weight:bold;
      font-family:Helvetica, Arial;
      margin-bottom:0.2em;
    }
      .more-from li a,
      .more-from li a:link,
      .more-from li a:visited {
        color:#000;
      }
      .more-from li a:focus,
      .more-from li a:hover {
        color:#00b1ff;
      }
    .more-from p {
      font-size:1.35em;
      width: 100%;
      letter-spacing: -0.03em;
      margin-bottom:0;
      padding-bottom:0;
    }
    .more-from p a {
        color:#283232;
      }
      .more-from p a:focus,
      .more-from p a:hover {
          color:#283232;
        }

/*** MORE ... lists in sidebar ***/
ul.more {

}


/*** BROWSE ***/
h2.browse-header {
  border-bottom: 1px solid #283232;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.9em;
  font-style: normal;
  font-weight :bold;
  margin: .7em 0 0;
}
  h2.browse-header .result-header {
    float:left;
  }
  h2.browse-header .browse-notice {
    color: #7d8386;
    font-family:Georgia;
    font-size: 15px;
    font-style:italic;
    font-weight: normal;
  }
  h2.browse-header .result-notice {
    font-size: 14px;
    font-style: italic;
    font-family: Georgia;
    font-weight: normal;
    float:right;
  }
    h2.browse-header .result-notice span {
      color: #747b7e;
    }

.searchDefinition {
  padding:0 0 1em 0;
  list-style:none;
  border-bottom:1px solid #283232;
  margin:1em 0 0 0;
}
  .searchDefinition li {
    margin:0;
    list-style:none;
    margin-right:0.7em;
    float:left;
    font-family:Georgia;
    font-size:1.5em;
  letter-spacing:0.15em;
  text-transform:uppercase;
  }
    .searchDefinition li span {
    text-transform:none;
    font-weight:bold;
    font-family:Helvetica, Arial, sans-serif;
    font-size:18px;
  }

    .searchDefinition li.definition-type {
      width:10.6em;
    }
    .searchDefinition li.definition-category {
      width:25.5em;
    }
    .searchDefinition li.definition-number {
      width:16.7em;
    }
      .searchDefinition li.definition span {
        color: #747b7e;
      }
      .searchDefinition li.definition a,
      .searchDefinition li.definition span,
      .searchDefinition li.definition strong {
        line-height: 1.5em;
        margin-right: 1.5em;
      }
      .searchDefinition li.definition-category a,
      .searchDefinition li.definition-category span,
      .searchDefinition li.definition-category strong {
        margin-right:1em;
      }
      .searchDefinition li.definition-number a,
      .searchDefinition li.definition-number span,
      .searchDefinition li.definition-number strong {
        float: left;
        margin-right: 0;
        padding: 0 0.5em 0 0;
        width: 1em;
      }
      .searchDefinition li.definition-number a.other {
        font-size: 12px;
      }
    .searchDefinition li h3 {
      font-family:Georgia;
      font-weight:normal;
      text-transform:uppercase;
      letter-spacing:0.15em;
      font-size:15px;
      border-bottom:1px solid #283232;
      padding-bottom:0.1em;
      margin-bottom:0.6em;
    }

#browse-list {
  font-family: Helvetica, Arial;
  font-size: 1.5em;
  line-height: 1.2em;
  margin: 1em 0;
  padding: 0;
}
  #browse-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
    #browse-list li {
      float: left;
      margin-right: 4px;
      width: 344px;
    }
    #browse-list li.lastColumn {
      margin-right: 0;
    }
      #browse-list li a,
      #browse-list li a:link,
      #browse-list li a:visited {
        color: #283232;
      }
      #browse-list li a:focus,
      #browse-list li a:hover {
        color: #00b1ff;
      }

.subscription,
#search-results {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
  .subscription .compcard,
  #search-results .compcard {
    border: 1px solid #e8ebed;
    float: left;
    margin: 0 11px 1em 0;
    padding: 4px 7px;
    width: 331px;
  }
  .subscription .rowEnd,
  #search-results .rowEnd {
    margin-right: 0;
  }
    .subscription .compcard h3,
    #search-results .compcard h3,
    #search-results .campaign h3 {
      font-size: 1.3em;
      margin-bottom: 0;
    }
      .subscription .compcard h3 a,
      #search-results .compcard h3 a,
      #search-results .campaign h3 a {
        color: #282832;
      }
    .subscription .compcard h3 a:focus, .subscription .compcard h3 a:hover,
      #search-results .compcard h3 a:focus, #search-results .compcard h3 a:hover,
      #search-results .campaign h3 a:focus, #search-results .campaign h3 a:hover {
        color: #00b1ff;
      }
    .subscription .compcard .creative-image,
    #search-results .compcard .creative-image,
    #search-results .compcard .model-image,
    #search-results .campaign .creative-image {
      float: left;
      margin-right: 7px;
    }
  .subscription .compcard .creative-image img,
    #search-results .compcard .creative-image img,
    #search-results .campaign .creative-image img {
      height:81px;
    }
    .subscription .compcard p,
    #search-results .compcard p {
      font-size: 1.3em;
      margin: 0 0 1em;
    }
      .subscription .compcard p span,
      #search-results .compcard p span {
        display: block;
        height: 1em;
        margin-top: 0.8em;
      }
    .subscription .compcard a:hover,
    #search-results .compcard a:hover {
      color:#00b1ff;
    }


/*** ACTIVITY FEED ***/
#Activities {
  width:70.5em;
}
  #Activities ul {
    padding:0;
    margin:0;
  }

#activityFeed li {
  list-style:none;
}

.activityEntry {
  border-bottom: 1px dotted #283232;
  padding:0.3em 0;
}

.activityDate {
  float:right;
  font-style:italic;
  font-size:12px;
}
.activityIcon {
  float:left;
  width:2.7em;
}
.activityContent {
  float:left;
  padding-top:2px;
  font-size:14px;
  font-weight:bold;
  font-family:Helvetica, Arial;
}
  .activityContent a {
    font-weight:bold;
    margin-right:5px;
  }
  .activityContent div {
    margin-top:0.5em;
  }
  .activityContent div p,
  .activityContent div a {
    float:left;
  }
  .activityContent div p {
    font-size:12px;
    font-weight:normal;
    font-style: italic;
    font-family:Georgia;
    color:#747b7e;
    padding-left:1em;
    margin-top:0;
    width:28em;
  }

/** DISCUSSION **/

/* Color Setting */

#add-a-comment .selected,
#discussion .selected {
  background:#283232 url(../images/global/backgrounds/roundcorner_navi.png) no-repeat top left;
}

#add-a-comment .tabBar,
#discussion .tabBar {
  border-bottom:4px solid #283232;
  margin-bottom:0;
}

  #leftColumn #discussion {
    width:100%;
  }
    #leftColumn #discussion #discussion-tabBar li {
      float:left;
    }
    #leftColumn #discussion #discussion-tabBar li.lastItem {
      float:right;
      font-size:1.35em;
      padding-right: 0;
      cursor: auto;
    }
    #leftColumn #discussion #discussion-tabBar li.lastItem:hover {
      background-color: transparent;
    }
      #leftColumn #discussion #discussion-tabBar li.lastItem select {
        position: relative;
        top: -2px;
        margin:0 0 0 0.5em;
      }

    #leftColumn #speechballoon-tip-1 {
      position: relative;
      top: -2px;
      left:20px;
    }

    #leftColumn .with-speechballoon-tip {
      background: url(../images/global/elements/pike.gif) no-repeat 20px 0;
      padding-top: 19px;
    }

    #leftColumn .discussion-item-odd {
      margin:0.5em 0;
    }
      #leftColumn .discussion-item-odd dl {
        float: left;
        width: 14.4em;
        font-size:1.20em;
        margin-top:0;
        position:relative;
      }
        #leftColumn .discussion-item-odd dt {
          float: right;
          width:10.2em;
          font-family:Helvetica, Arial;
        }
        #leftColumn .discussion-item-odd dd {
          float: right;
          width:10.2em;
          margin-left:0;
          font-style:italic;
        }

        #leftColumn .discussion-item-odd dd.wrote {
          font-style:normal;
          font-family:Helvetica, Arial, sans-serif;
        }
        #leftColumn .discussion-item-odd dd.date {
          color:#747b7e;
          position:absolute;
          bottom:2px;
          left:50px;
        }

        #leftColumn .discussion-item-odd dd.image {
          float: left;
          width:37px;
          margin-left: 0.3em;

        }
      #leftColumn .discussion-item-odd .discussion-text  {
        float: left;
        font-size:1.25em;
        width: 39em;
        position:relative;
      }
        #leftColumn .discussion-item-odd .discussion-text .discussion-text-top {
          width: 537px;
          height: 17px;
          background-image: url(../images/global/comments/speechballoon-top.gif);
        }
        #leftColumn .discussion-item-odd .discussion-text .discussion-text-middle {
          background-image: url(../images/global/comments/speechballoon-middle.gif);
          padding: 0 18px;
          width: 501px;
        }
        #leftColumn .discussion-item-odd .discussion-text .discussion-text-bottom {
          width: 537px;
          height: 17px;
          background-image: url(../images/global/comments/speechballoon-bottom.gif);
        }
        #leftColumn .discussion-item-odd .speechballoon-tip {
          position: absolute;
          top: 15px;
          left:-10px;
          z-index:99;
        }

    #leftColumn .discussion-item-even {
      margin:0.5em 0;
    }
      #leftColumn .discussion-item-even dl {
        float: right;
        width: 12.1em;
        font-size:1.20em;
        margin-top:0;
        position:relative;
      }
        #leftColumn .discussion-item-even dt {
          float: left;
          width:9em;
          font-family:Helvetica, Arial, sans-serif;
        }
        #leftColumn .discussion-item-even dd {
          float: left;
          width:9em;
          margin-left:0;
          font-style:italic;
        }
        #leftColumn .discussion-item-even dd.wrote {
          font-style:normal;
          font-family:Helvetica, Arial, sans-serif;
        }
        #leftColumn .discussion-item-even dd.date {
          color:#747b7e;
          position:absolute;
          bottom:2px;
          left:0;
          line-height:1em;
        }
        #leftColumn .discussion-item-even dd.image {
          float: right;
          width:37px;
        }
      #leftColumn .discussion-item-even .discussion-text  {
        float: left;
        font-size:1.25em;
        width: 39em;
        position:relative;
      }
        #leftColumn .discussion-item-even .discussion-text .discussion-text-top {
          width: 537px;
          height: 17px;
          background-image: url(../images/global/comments/speechballoon-top.gif);
        }
        #leftColumn .discussion-item-even .discussion-text .discussion-text-middle {
          background-image: url(../images/global/comments/speechballoon-middle.gif);
          padding: 0 18px;
          width: 501px;
        }
        #leftColumn .discussion-item-even .discussion-text .discussion-text-bottom {
          width: 537px;
          height: 17px;
          background-image: url(../images/global/comments/speechballoon-bottom.gif);
        }
        #leftColumn .discussion-item-even .speechballoon-tip {
          position: absolute;
          top: 15px;
          left:527px;
          z-index:99;
        }

    #leftColumn #discussion-comments {
      width: 100%;
      text-align:left;
      font-style:italic;
      border-bottom: 1px dotted #000;
      margin: 0;
      padding: 0;
    }
      #leftColumn #discussion-comments div {
        display: inline;
        float: right;
        padding: 0 0.5em 0 0.3em;
      }
        #leftColumn #discussion-comments div a {
          font-size:1.3em;
          position: relative;
          top: -5px;
        }
          #leftColumn #discussion-comments div a span {
            color: #000000;
          }

    /** ADD A COMMENT - extends Discussion **/
    #leftColumn #add-a-comment ul.tabBar {
      margin:2em 0 0 0;
    }
      #leftColumn #add-a-comment #comment-form {
        border: 1px solid #CCC;
        border-top: none;
        margin: 0;
        padding: 1em;
      }
      #leftColumn #add-a-comment #comment-form p {
        font-size:1.45em;
        font-weight:bold;
        font-family:Helvetica, Arial;
        margin: 0.2em 0 0 0;
      }
      #leftColumn #add-a-comment #comment-form p#userGuidelines {
        text-align: right;
        font-size:1.2em;
        margin: 0 0 0.3em 0;
        width: 100%;
      }
        #leftColumn #add-a-comment #comment-form p#userGuidelines a,
        #leftColumn #add-a-comment #comment-form p#userGuidelines a:link,
        #leftColumn #add-a-comment #comment-form p#userGuidelines a:visited {
          color: #000;
          font-style: italic;
          font-weight: normal;
          font-family:Georgia;
        }
        #leftColumn #add-a-comment #comment-form p#userGuidelines a:focus,
        #leftColumn #add-a-comment #comment-form p#userGuidelines a:hover {
          color:#00b1ff;
        }
      #leftColumn #add-a-comment #comment-form textarea#comment-text {
        width: 100%;
        height: 8em;
        margin-bottom:0.8em;
      }

      #leftColumn #captcha {
      }
        #leftColumn #captcha #captcha-image {
          float:left;
        }
        #leftColumn #captcha #captcha-input {
          float:right;
        }
          #leftColumn #captcha #captcha-input span {
            font-size:1.25em;
            font-style: italic;
            position: relative;
            top: -0.5em;
          }
          #leftColumn #captcha #captcha-input input {
            font-size:1.25em;
            width:9em;
            margin:0 -0.05em 0 0.5em;
          }
      #leftColumn #button-area {
        text-align:right;
      }
        #leftColumn #button-area input {
          position: relative;
          margin:-0.5em -0.05em 0 0;
        }

/** WHO HYPED IT - extends Discussion **/
#leftColumn #whoHypedIt-content {
  width:100%;
}
  #leftColumn #whoHypedIt-content li {
    float:left;
  }
  #leftColumn #whoHypedIt-content #speechballoon-tip-2 {
    position: relative;
    top: -2px;
    left:160px;
  }

  #leftColumn #members-hyped-article {
    margin:0 0 1.3em 2.3em;
    font-size:1.75em !important;
    font-style:italic;
  }

  #leftColumn #members {
    margin:0.5em 0;
  }
    #leftColumn #members dl {
      float: left;
      width: 14.65em;
      font-size:1.20em;
      margin-top:0;
    }
      #leftColumn #members dt {
        float: right;
        width:11.1em;
        font-family:Helvetica, Arial;

      }
      #leftColumn #members dd.image {
        float: left;
        width:30px;
        margin-left: 0.3em;

      }

/*** Recent Posts ***/

#rightColumn h3.global-right-header {
  font-size:2em;
  font-weight:bold;
  font-style:normal;
  font-family:Helvetica, Arial;
  margin:1.5em auto 0 auto;
  color:#283232;
  border-bottom: 3px solid #283232;
}

/* TODO: Migrate to #recent-posts --bjoern */
#recent-post,
#recent-posts {
  padding:0;
  margin:1em auto 2em 0;
  list-style:none;
}
  #recent-post li.post,
  #recent-posts li {
    background-image: url(../images/global/arrows/arrow.gif);
    background-repeat:no-repeat;
    border-bottom: 1px dotted #283232;
    padding: 0 0 .8em 1.7em;
    margin-bottom:1em;
  }
    #recent-post li.post h4,
    #recent-posts li h4 {
      font-family:Helvetica, Arial;
      font-size:1.7em;
      font-style:normal;
      font-weight:normal;
      margin: 0;
      position: relative;
      top: -2px;
    }

    body.ff3 #recent-post li.post h4,
    body.ff3 #recent-posts li h4,
    body.opera #recent-post li.post h4,
    body.opera #recent-posts li h4 {
    top: 0;
    }
  #recent-posts li h4 a {
      color:#283232;
    }

    #recent-posts li h4 a:hover,
    #recent-posts li h4 a:focus {
      color:#00b1ff;
    }
    #recent-post  li.post p,
    #recent-posts li p {
      color: #747b7e;
      font-size:1.35em;
      font-style:italic;
      margin: 0.2em 0 0.4em;
    }


/*** MORE LEXPOSED ***/
#more-lexposed {
  margin:1em 0;
}
  #more-lexposed ul {
    list-style:none;
    margin:0;
    padding:0;
  }
  #more-lexposed li {
    border-bottom:1px dotted #283232;
    padding-top:1em;
  }
    #more-lexposed li h4 {
      font-size: 2em;
      font-weight: normal;
      line-height: .9em;
      margin: 0 0 .1em;
      text-transform: uppercase;
    }
    #more-lexposed li strong {
      font-size: 1.2em;
      font-weight: normal;
      letter-spacing: 2px;
      text-transform: uppercase;
    }
    #more-lexposed li p {
      float: right;
      font-size: 1.2em;
      font-style: italic;
      margin-top: 2em;
    }
    #more-lexposed li a {
      color:#283232;
    }
    #more-lexposed li img {
      float:left;
      margin: 0 10px 10px 0;
      width: 67px;
    }


/** Blog Lovin **/

.bloglovin {
  display:block;
  text-align:center;
  margin-top:0.5em;
}

/** PAGER **/
#leftColumn .pager {
  border-top: 3px solid #283232;
  text-align: right;
  font-family: Helvetica, Arial, sans-serif;
}
  #leftColumn .pager .pagerContent {
    float: right;
    position: relative;
  }

  #leftColumn .widePager .pagerContent {
    float: none;
  }

  #leftColumn .pager .pages {
    color: #283232;
    display: inline;
    float: left;
    font-size: 1.35em;
    font-weight: bold;
    line-height: 1.28em;
    padding-right: .4em;
    padding-left: .4em;
    position: relative;
  }

  #leftColumn .widePager .pages {
    left: 50%;
    margin-left: -30%;
    position: absolute;
    text-align: center;
    width: 60%;
  }
    #leftColumn .pager .pages a,
    #leftColumn .pager .pages span {
      padding: 0 .2em;
    }
    #leftColumn .pager .pages a:hover {
      color: #283232
    }

  #leftColumn .pager .prev_page,
  #leftColumn .pager .next_page {
    color:#fff;
    font-size:13px;
  }

  #leftColumn .pager .next_page {
    background-image: url(../images/global/arrows/arrow_white.gif);
    background-position: 91% center;
    padding: 0 20px 2px 7px;
  }
  #leftColumn .pager .prev_page {
    background-image: url(../images/global/arrows/arrow_white-left.gif);
    background-position: 9% center;
    padding: 0 7px 2px 20px;
  }

  #leftColumn .pager a.prev_page:focus,
  #leftColumn .pager a.prev_page:hover,
  #leftColumn .pager a.next_page:focus,
  #leftColumn .pager a.next_page:hover {
    color:#00b1ff;
    text-decoration:none;
  }

  #leftColumn .pager .prev_page,
  #leftColumn .pager .next_page {
    background-repeat: no-repeat;
    float: left;
  }

  #leftColumn .widePager .next_page {
    float: right;
  }

    #leftColumn .pager span.prev_page,
    #leftColumn .pager span.next_page {
      background-color:#747b7e;
    }
    #leftColumn .pager a.prev_page,
    #leftColumn .pager a.next_page {
      background-color:#283232;
    }

  .pageNumber {
    padding:0 0.4em;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    font-size:14px;
  }
  .pageNumber:hover {
    color: #283232;
  }


/** SECTION SEARCH **/
#section-search {
  font-family:Helvetica, Arial, sans-serif;
  margin-bottom: 35px;
}
  #section-search h2 {
    border: none;
    color: #fff;
    font-size: 43px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -0.02em;
    margin: 0;
    margin-left: 10px;
    padding-bottom: 14px;
    padding-left: 5px;
    padding-top: 5px;
    position: relative;
    z-index: 55;
  }
  #section-search #exclamation-mark {
    position: relative;
    z-index: 55;
  }
    #section-search #exclamation-mark img {
      position: absolute;
      top: -66px;
      right: 3.5em;
    }

   .webkit.safari3 #section-search h2,
   .win.ie7 #section-search h2,
   .win.gecko #section-search h2 {
      padding-top:0;
    }
    .win.ie7 #section-search h2,
    .win.gecko #section-search h2 {
      letter-spacing:-0.06em;
    }
   .webkit.safari3 #section-search #exclamation-mark img,
   .win.ie7 #section-search #exclamation-mark img {
      right:3em;
    }

  #section-search #section-search-body {
    background: transparent url(../images/global/backgrounds/bg-search.png) repeat-x;
    border-bottom:3px solid #283232;
    border:1px solid #e8ebed;
    bottom: 35px;
    color: #283232;
    font-family:Georgia;
    font-size: 17px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.05em;
    margin-bottom: -35px;
    margin-right: 10px;
    padding: 6px;
    padding-left: 9px;
    padding-top: 35px;
    position: relative;
    z-index: 54;
  }
    #section-search #section-search-body input#searchString {
      color: #283232;
      font-family: Georgia;
      font-size: 14px;
      font-style: italic;
      margin-top: 7px;
      width: 198px;
    }
    #section-search #section-search-body div {
      margin-bottom: 2px;
      margin-top: 9px;
    }
      #section-search #section-search-body div span {
        font-size: 13px;
        position: relative;
        top: 10px;
      }
        #section-search #section-search-body div span a {
          color: #283232;
          font-family: Helvetica, Arial, sans-serif;
          font-style: normal;
          font-weight: bold;
        }
        #section-search #section-search-body div input#searchBtn {
          margin-right: 6px;
        }

/* RSS FEED */

.rss-header {
  margin-top:0!important;
}

.rss-availible {
  padding:0.7em;
  border-top:1px dotted #283232;
  border-bottom:1px dotted #283232;
  margin-bottom:2em;
}
  .rss-availible img,
  .rss-availible a.rss-link {
    float:left;
  }
  .rss-availible .rss-link {
    padding:0 0 0 0.5em;
    font-size:14px;
    color:#747b7e;
    font-style:italic;
    display:block;
  }
  .rss-availible .rss-link:focus,
  .rss-availible .rss-link:hover {
    color:#00b1ff;
  }

/*** IMAGE OVERLAY ***/
#imageOverlay,
.overlayBox {
  position:relative;
  width:70.5em;
  margin-bottom:2em;
}
  #imageOverlay img,
  .overlayBox img {
    border-top:3px solid #283232;
  }

.imageOverlayDesc {
  position:absolute;
  top:28.2em;
  left:0;
  z-index:1;
  width:65.3em;
  height:7.6em;
  background:url(../images/directory/premium/overlay.png) repeat;
  padding:0.8em 1.2em;
  color:#fff;
}
  .imageOverlayDesc p {
    padding:0;
    margin:0;
  }
    .agencyDetails {
      font-style:italic;
      font-size:20px;
    }
    .agencyDetails a, .agencyDetails span {
      font-weight:bold;
      font-family:Helvetica, Arial;
      font-style:normal;
      font-size:36px;
      margin-right:5px;
      color:#fff;
    }
    .agencyDetails a:hover {
      text-decoration: none;
      color: #00b1ff;
    }
    .agencyBrand {
      font-weight:bold;
      font-family:Helvetica, Arial;
      font-size:24px;
      position:relative;
      top:-7px;
    }
    .agencyDesc {
      font-style:italic;
      font-size:18px;
      position:relative;
      font-weight: normal;
      top:-11px;
    }

/* Image Slide Control */
#imageFooter {
  padding: 0 15px 0 5px;
  font-family:Georgia;
  color: #747B7E;
  font-style:italic;
  font-size: 11px;
  position: relative;
  top: 3px;
}
/* NOTES: added this so that photos are clickable --bjoern */
body.campaigns #imageFooter {
  position: static;
}
  #imageFooter #photoNumber {
    float:left;
    width: 50%;
  }
    #imageFooter #photoNumber span {
      color: #283232;
    }
  #imageFooter #actions {
    float: right;
    text-align: right;
  }
  #imageFooter div a {
    text-decoration: none;
  }


/**
  * Blog Posts
  */

.post {}
  .post .post-header {
    margin-bottom: 2em;
  }
  .post .post-text {
    font-size: 1.4em;
    line-height: 1.2em;
  }
  .post .post-text h3 {
    font-size: 1em;
  }
  .post .post-text h3.question {
    margin-bottom: 0;
  }
  .post .post-text p {
    line-height: 1.4em;
  }
  .post .post-text p.primer {
    font-weight: bold;
  }

  .post .view-full {
    background: url(../images/global/arrows/arrow.gif) left center no-repeat;
    color:#283232;
    display:block;
    font-family:Helvetica, Arial;
    font-size: 18px;
    margin:1.5em 0 0.5em;
    padding-left:20px;
  }
    .post .view-full:focus,
    .post .view-full:hover {
      color:#00b1ff;
    }

.competition .post-text {
  font-family: Helvetica, Arial, sans-serif;
  margin-top: 1em;
}
  .competition .post-text em {
    color: #747b7e;
    font-style: normal;
  }
  .competition .post-text h3 {
    font-size: 22px;
    margin: .5em 0;
  }
  .competition .post-text p {
    margin-top: 0;
  }
    .competition .post-text p strong.closes_on {
      font-size: .8em;
    }


/* Editorials */

#blog-opener.editorial {
  border-bottom: 0;
  border-top-style: dotted;
  margin-top: 1.5em;
}
  #blog-opener.editorial h1 {
    border-bottom: 3px solid #283232;
    font-size: 35px;
    font-weight: normal;
    line-height: 57px;
  }

  #blog-opener.editorial .meta {
    color: #747b7e;
    font-size: 1.2em;
    font-style: italic;
    margin: .5em 0 2em;
  }
    #blog-opener.editorial .meta a {
      color: #747b7e;
    }
    #blog-opener.editorial .meta a.author {
      text-decoration: underline;
    }
    #blog-opener.editorial .meta span {
      margin-right: 1em;
    }
    #blog-opener.editorial .meta .compcard {
      background: url(../images/global/arrows/arrow.png) left center no-repeat;
      padding-left: 12px;
    }
    #blog-opener.editorial .meta .favorites {
      background: url(../images/global/icons/favorites.png) left center no-repeat;
      padding-left: 19px;
    }

.post.editorial {}
  .post.editorial .post-text {
    margin: 2em auto;
    width: 626px;
  }
    .post.editorial .post-text h3 {}
    .post.editorial .post-text p {
      line-height: auto;
      margin-top: 0;
    }
      .post.editorial .post-text p.primer {
        font-family: Helvetica, Arial, sans-serif;
      }
    .post.editorial .post-text .editorial_opener_one_preview {
      float: left;
      margin-right: 1em;
    }
    .post.editorial .post-text .editorial_opener_two_preview {
      display: block;
      margin-bottom: 1em;
    }

    .post.editorial .post-text #paginator { overflow: hidden }
      .post.editorial .post-text #paginator div { float: right }
      .post.editorial .post-text #paginator a,
      .post.editorial .post-text #paginator strong { float: left }
      .post.editorial .post-text #paginator a:hover { text-decoration: none }
      /* the jump links */
      .post.editorial .post-text #paginator a.jump {
        background: left center no-repeat;
        height: 22px;
        text-indent: -999em;
        width: 9px;
      }
        .post.editorial .post-text #paginator a.previous {
          background-image: url(../images/global/arrows/arrow_left.png);
        }
        .post.editorial .post-text #paginator a.next {
          background-image: url(../images/global/arrows/arrow.png);
        }

      /* page numbers */
      .post.editorial .post-text #paginator span {
        float: left;
        margin: 0 3px;
      }
        .post.editorial .post-text #paginator span a,
        .post.editorial .post-text #paginator span strong {
          border: 1px solid #283232;
          font-size: 18px;
          height: 20px;
          line-height: 16px;
          text-align: center;
          width: 20px;
        }
        .post.editorial .post-text #paginator span strong,
        .post.editorial .post-text #paginator span a:hover {
          background: #FFF;
          color: #233232;
          font-weight: normal;
        }
        .post.editorial .post-text #paginator span a {
          background-color: #283232;
          color: white;
        }
        .post.editorial .post-text #paginator span * + * {
          margin-left: 3px;
        }


.post.editorial {}
  .post.editorial .portfolio {
    border-bottom: 1px solid #e8ebed;
    margin: 2em 0 0;
  }
    .post.editorial .portfolio h3 {
      border-bottom: 1px solid #e8ebed;
      font-family: Georgia, serif;
      font-size: 18px;
      font-weight: normal;
      letter-spacing: .1em;
      margin-bottom: .5em;
      text-align: center;
      text-transform: uppercase;
    }
    .post.editorial .portfolio div {}
      .post.editorial .portfolio div img {
        display: block;
        margin: 0 auto;
      }
    .post.editorial .portfolio p {
      font-size: 9px;
      letter-spacing: .1em;
      margin: .5em 0;
      text-align: center;
      text-transform: uppercase;
    }


/**
  *
  * Tooltips CSS
  * @target:        IE7, Opera, Safari, FireFox
  * @description:   Simple Tooltips for use without Javascript, part of css.FX Library
  * @author:        Michael C. Beck   hello@zeroeight.net
  *
  */

.tooltip {
  display: block;
  position: relative;
}
.tooltip:focus,
.tooltip:hover {}
  .tooltip span.tooltipBox {
    background: url(../images/global/tooltip/default.png) left bottom no-repeat;
    color: #fff;
    display: none;
    position: absolute;
    z-index: 99;
  }
  .tooltip:focus span.tooltipBox,
  .tooltip:hover span.tooltipBox {
    display: block;
  }
  .tooltip span.tooltipBox {
    bottom: 60%;
    color: #fff;
    left: 60%;
    padding: 6px 8px 27px;
    width: 202px;
  }
    .tooltip span.tooltipContent,
    .tooltip span.tooltipSubline,
    .tooltip span.tooltipFooter {
      display: block;
      text-decoration: none;
    }
    .tooltip span.tooltipContent {
      font-family: Helvetica, Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
    }
      .membergallery .tooltip  span.tooltipContent {
        font-size: 14px;
        font-weight: normal;
      }
    .tooltip span.tooltipSubline {
      color :#283232;
      font-size: 13px;
      font-style: italic;
    }
      .membergallery .tooltip  span.tooltipSubline {
        font-size: 11px;
      }

    .tooltip span.tooltipFooter {
      font-size: 11px;
      font-style: italic;
      text-align: right;
    }





/** IMAGE SLIDER @ PREMIUM ENTRY **/
#imageSlider {
  float: left;
  height:401px;
  margin:0px;
  overflow:hidden;
  padding:0px;
  position:relative;
  width:705px;
}
  #imageSlider li {
      position:absolute;
      display:block;
      list-style-type:none;
      margin:0px;
      padding:0px;
      background-color:#FFFFFF;
  }
    #imageSlider li img {
        display:block;
        background-color:#FFFFFF;
    }


/* entry-wait*/

#noColumn {
  text-align:center;
}

/** Wait Animation **/

.processing {
  position:fixed;
  top:50%;
  left:50%;
  height:50px;
  width:484px;
  background:url(../images/global/backgrounds/bg-lightbox-message.png);
  padding:20px 40px;
  margin-left:-294px;
  z-index:300;
}
  .processing div {
    position:relative;
    font-family:Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    padding: 14px 0 0 10px;
  }
    .processing div img {
      position:absolute;
      right:20px;
      top:3px;
    }


/** FILE UPLOAD **/

.SI-FILES-STYLIZED label.hiddenInput {
  width: 107px;
  height: 27px;
  display:block;
  cursor: pointer;
}

.SI-FILES-STYLIZED label.hiddenInput input.file {
  cursor: pointer;
  position: relative;
  height: 100%;
  width: auto;
  opacity: 0;
  -moz-opacity: 0;
  /*
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  */
}

#leftColumn div.fileupload {
  cursor: pointer;
  width: 107px;
  height: 27px;
}
  #leftColumn div.fileupload .floatL {
    cursor: pointer;
  }
  #leftColumn div.fileupload label input {
    cursor: pointer !important;
  }

#leftColumn div.fileupload-success {
  font-family:Georgia;
  font-size:15px;
  font-style:italic;
  font-weight:normal;
  margin-top: 7px;
}
  #leftColumn div.fileupload-success span {
    font-family:Helvetica, Arial, sans-serif;
    font-size:15px;
    font-style:normal;
    font-weight:bold;
  }

#leftColumn div#queue_logo,
#leftColumn div#queue {
  border:1px solid #e8ebed;
  margin:20px 0;
  padding: 20px;
  position: relative;
}
  #leftColumn div#queue_logo span,
  #leftColumn div#queue span {
    color:#747b7e;
    font-size:13px;
    font-weight:bold;
    padding:0 8px;
    background-color: #fff;
    position: absolute;
    top: -8px;
  }
  #leftColumn div#queue #files_list,
  #leftColumn div#queue_logo #files_list_logo {
    font-size:13px;
    font-weight:bold;
    padding-left:10px;
  }
    #leftColumn a.delete-file {
      padding-left: 8px;
      font-weight: normal;
    }

#leftColumn div.notice {
  font-family:Helvetica, Arial;
  color: #fff;
  font-size: 14px;
  padding: 15px;
  font-weight:normal;
  line-height: 1.2em;
  margin: 8px 0 0 0;
  background-color:#00B1FF;
}
  #leftColumn .browse {
    padding:2em 0 0;
    font-family:Helvetica, Arial, sans-serif;
  }

  #leftColumn div.notice span {
    font-weight: bold;
    display: block;
  }
  #leftColumn div.notice a {
    color: #fff;
  }
  #leftColumn img.tabidentify {
    margin: 0 0 10px 55px;
  }
  #leftColumn .notice-upload {
    font-family:Helvetica, Arial;
    font-size: 14px;
    position:relative;
    bottom: 2px;
    margin-left: 5px;
  }
  #leftColumn div.notice-upload-application {
    font-family:Georgia;
    font-style: italic;
    font-weight: normal;
    color: #747b7e;
    font-size: 11px;
    line-height: 11px;
    position:relative;
    top: 3px;
    margin-left: 5px;
    text-align: right;
  }
    #leftColumn div.notice-upload-application span {
      display: block;
      margin-bottom: 2px;
    }
  #leftColumn .notice-upload-noimages {
    font-family:Helvetica, Arial;
    font-size: 14px;
    position:relative;
    bottom: 3px;
    margin-left: 5px;
    font-style: italic;
    font-weight: normal;
  }
  #leftColumn .notice-choose-section {
    font-family:Georgia;
    font-size: 14px;
    margin-left: 5px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: -0.03em;
  }

#rightColumn #lexposure_newsletter {
  margin-bottom:1em;
}

#rightColumn h3.newsletter {
  font-family:Georgia;
  font-weight:normal;
  text-transform:uppercase;
  font-size:30px;
  letter-spacing:0.16em;
  line-height:0.75em;
  margin:0 0 0.2em 0;
}
  #rightColumn h3.newsletter span {
    font-size:20px;
    letter-spacing:0;
  }
  #rightColumn form#newsletter-signup {}
    #rightColumn input#newsletter_mail_address {
      color:#747B7E;
      font-family:Georgia;
      font-style:italic;
      padding:0.15em 0;
      width:84%;
      float:left;
    }
    .webkit.safari3 #rightColumn input#newsletter_mail_address {
      padding:0.25em 0;
    }
    #rightColumn input#newsletter_submit_ok {
    float:left;
  }
#rightColumn p.newsletter-confirm {
  color:#747B7E;
  font-size:1.35em;
  font-style:italic;
  margin-top:0;
}

/*** CMS ***/

#lex-mainFrame-header-userMenu.cms {
  background-color: #283232!important;
}
#leftColumn h1#opener.cms {
  font-size:38px;
  margin-top: -8px;
  text-transform:none;
  border: none;
  letter-spacing: -0.03em;
}
  #leftColumn h1#opener.cms span.step {
    font-family:Georgia;
    font-style:italic;
    font-weight: normal;
  }
#leftColumn p.opener-text {
  font-family:Helvetica, Arial;
  font-size:15px;
  font-weight: bold;
  margin-top: 2px;
  text-align: justify;
}

#leftColumn .charcount {
  margin:.2em 0 0 0;
  font-size:1.2em;
  font-style:italic;
  text-align:right;
  width:100%;
}

  #leftColumn .charcount span.counter {
    padding-right:0.2em;
    color:#ff3a27;
  }

#leftColumn h2.cms {
  font-weight: bold;
  font-size:19px;
  font-style: normal;
  border-bottom: none;
  margin: 0;
  margin-top: 20px;
}

#leftColumn #congratulations-message {
  text-align: center;
  padding: 20px 0;
  margin: 20px 0 350px 0;
}
  #leftColumn #congratulations-message h2 {
    border: none;
    text-transform:uppercase;
    font-style: normal;
    font-family:Helvetica, Arial;
    font-size: 24px;
    font-weight: bold;
    margin:0;
    margin-bottom: 2px;
  }
  #leftColumn #congratulations-message p {
    margin:0;
    font-weight: bold;
    font-family:Helvetica, Arial;
    font-size: 17px;

  }
  #leftColumn #congratulations-message p.links {
    margin-top: 30px;
  }

#leftColumn #cms-content form div.button-area,
#leftColumn form#new_basic_entry_preview div.button-area,
#leftColumn #cms-content-preview div.button-area {
  text-align: right;
  width: auto;
}
#leftColumn form div.button-area {
  margin-top: 16px;
}
  #leftColumn #cms-content form div.button-area input {
    width: auto;
    margin: 6px -1px 0 0;
  }
  #leftColumn form div.button-area input {
    width: auto;
    margin: 6px -3px 0 0;
  }
  #leftColumn form div.button-area a {
    font-family:Helvetica, Arial;
    font-size: 16px;
    margin-left: 10px;
    text-decoration: underline;
    font-weight: bold;
    position: relative;
    bottom: 16px;
  }


/* Right Column membergallery */

.membergallery {
  border-bottom:3px solid #283232;
}
  .membergallery ul {
    padding:0;
    list-style:none;
    margin:0.5em 0 0.2em 0;
  }
    .membergallery ul li {
      float:left;
      margin-bottom:8px;
      margin-right:10px;
    }
      .membergallery ul li a,
      .membergallery ul li img {
        display: block;
      }


  .win.ie7 .membergallery ul li {
    margin-right:9px;
  }

/*** ADVANCED SEARCH ***/

.advanced-searchbox {
  border: 1px solid #e8ebed;
  padding:2em 1em 1em 1em;
  margin:4em 0 2em;
  position:relative;
}

  .advanced-searchbox h1 {
    color:#fff;
    font-size:28px;
    text-transform:uppercase;
    letter-spacing:-0.05em;
    background: url(../images/directory/search/advancedsearch.png) no-repeat;
    position:absolute;
    border:none;
    padding:.2em .3em 1em .3em;
    top:-2.1em;
    left:2.1em;
  }
  .webkit.safari3 .advanced-searchbox h1,
  .win.gecko .advanced-searchbox h1 {
    padding:.1em .3em 1em .2em;
  }
  .win.ie7 .advanced-searchbox h1 {
    top:-1.5em;
    padding:.1em .3em 1em .2em;
  }

  .advanced-search-select label,
  .advanced-searchbox label {
    font-size:18px;
    font-weight:bold;
    font-family:Helvetica;
    margin-right:0.5em;
  }
  .advanced-searchbox select {
    font-family:Georgia;
    font-style: italic;
    width: 130px;
  }
  .advanced-searchbox.style select {
    margin-right:15px;
  }
  .advanced-searchbox.style select.last {
    margin-right: 0;
  }

  .advanced-search-select label {
    font-size:17px;
  }

  .advanced-searchbox .advanced-search-string {
    margin-bottom:1.5em;
    text-align:center;
  }

  .advanced-searchbox .advanced-search-select {
    text-align:center;
  }

  .advanced-searchbox .select-reset {
    font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
    margin:0.5em 5em 0 0;
    text-align:right;
  }
    .advanced-searchbox .select-reset a {
      color:#283232;
    }
    .advanced-searchbox .select-reset a:focus,
    .advanced-searchbox .select-reset a:hover {
      color:#00b1ff;
    }

  .advanced-searchbox #advanced-search-name {
    font-style:italic;
    font-family:Georgia;
    font-size:13px;
    width:21.5em;
    margin-right: 6.9em;
  }
    #advanced-search-category,
    #advanced-search-country,
    #advanced-search-type,
    #advanced-search-profession,
    #advanced-search-country {
      margin-right:1.5em;
    }

  .search-tip {
    font-size:12px;
    color:#747b7e;
    font-style:italic;
    float:left;
    margin:1.5em 0 0 0.5em;
    width:39em;
  }

  .search-tip span {
    color:#283232;
    font-weight:bold;
    font-style:normal;
    font-family:Helvetica, Arials, sans-serif;
  }

  #advanced-search-submit {
    float:right;
    margin-top:1.5em;
  }

.searchResultMessage {
  font-size:16px;
  font-family:Helvetica, Arial, sans-serif;
  letter-spacing: -0.03em;
  margin:0.5em 0 0 0;
  padding-bottom:0.5em;
  border-bottom:1px solid #e8ebed;
}

#searchResultHeader {
  letter-spacing: -0.03em;
  font-size: 18px;
  margin-top:0;
  padding-top:0;
}
#searchResultHeader.portfolio {
  border-bottom: 3px solid #283232;
  font-weight: normal;
  font-size: 35px;
}
  #searchResultHeader.portfolio em {
    font-family:Georgia;
  }

  .headerSort {
    font-family:Georgia;
    font-size:14px;
    font-weight:normal;
    font-style:italic;
    margin-top: 2px;
  }
  .portfolio .headerSort {
    position: relative;
    top: 17px;
  }

  #searchResultHeader .floatR select{
    margin-left: 5px;
    margin-bottom:0.2em;
  }
  #searchResultHeader.portfolio select {
    letter-spacing: 0em;
    font-family:Georgia;
    font-style: italic;
  }

#leftColumn .info-sheet-details-header {
  position:relative;
  top:0.6em;
  left:-6.3em;
  border:none;
  width:8.5em;
  padding:0.2em 0.2em 0.1em 0.2em;
  font-size:27px;
  font-family:Helvetica, Arial, sans-serif;
  font-style:normal;
  font-weight:bold;
  color:#fff;
}
.webkit.safari3 #leftColumn .info-sheet-details-header {
  padding:0.1em 0.2em;
}

.win.ie7 #leftColumn .info-sheet-details-header {
  width:9.5em;
}
  #leftColumn .info-sheet-details-header img {
    position:absolute;
    top:1.25em;
    left:0.45em;
  }
  .webkit.safari3 #leftColumn .info-sheet-details-header img {
    top:1.30em;
  }

  .win.ie7 #leftColumn .info-sheet-details-header img {
    top:1.45em;
  }

#leftColumn .info-sheet-details {
  border: 1px solid #e8ebed;
  padding: 2em 2em 1.5em 2em;
  list-style:none;
  margin-left:0;
}
  #leftColumn .info-sheet-details h3 {
    border-bottom:3px solid #283232;
    margin-bottom:0.5em;
  }

#leftColumn .info-sheet-details-entry {
  margin-bottom: 13px;
}
#leftColumn .info-sheet-details-entry ul {
  list-style:none;
  padding:0;
}

#leftColumn .info-sheet-details-entry ul#models {
  margin-top:1em;
}
  #leftColumn .info-sheet-details-entry ul li a {
  color:#283232;
  }
  #leftColumn .info-sheet-details-entry ul li a:focus,
  #leftColumn .info-sheet-details-entry ul li a:hover {
  color:#00b1ff;
  }
  #leftColumn .info-sheet-details-entry ul li {
    float:left;
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    padding:2px 0!important;
    width:25%;
  }
  #leftColumn .info-sheet-details-entry ul li.middle-column {
    width:30%;
    letter-spacing:0.03em;
  }
  #leftColumn .info-sheet-details-entry ul li.last-column {
    width:45%;
  }
  #leftColumn .info-sheet-details-entry ul li.last-column a {
    color: #282832;
  font-family:Georgia;
  position:relative;
  top:-2px;
  }
  #leftColumn .info-sheet-details-entry ul li.last-column a:hover,
  #leftColumn .info-sheet-details-entry ul li.last-column a:focus {
    color:#00b1ff;
  }
  #leftColumn .info-sheet-details-entry ul li.profile-link {
    font-family:Georgia;
    width:45%;
  }
  #leftColumn .info-sheet-details-entry ul li.big-column {
    width:75%;
  }
  #leftColumn .style .info-sheet-details-entry ul li.profile-link {
    font-size:14px;
    font-family:Helvetica, Arial, sans-serif;
    font-style:normal;
    width:45%;
  }
    #leftColumn .info-sheet-details-entry ul li.profile-link a {
      color:#283232;
    }
    #leftColumn .info-sheet-details-entry ul li.profile-link a:focus,
    #leftColumn .info-sheet-details-entry ul li.profile-link a:hover {
      color:#00b1ff;
    }


 /** BOOKMARK & ACTIONS **/
#leftColumn .entry-footer {
  margin-top: 20px;
}

#leftColumn .entry-footer .entry-footer-content {}
  #leftColumn .bookmarkit a {
    margin-right: 3px;
  }

  #leftColumn .bookmarkit span,
  #leftColumn .tools-list a {
    position: relative;
    top:-5px;
    font-style: italic;
    font-size: 12px;
  }
  #leftColumn .tools-list a {
    top:0;
  color:#283232;
  }

  #leftColumn .tools-list a:focus,
  #leftColumn .tools-list a:hover {
    color:#00b1ff;
  }

  #leftColumn .tools-list img {
    margin-left: 10px;
  }

  #leftColumn .tools-list span.category {
    position:relative;
  top:5px;
  }


/** Login Section **/
#section-login,
#section-signup {
  font-family:Helvetica, Arial, sans-serif;
}
  #section-login h2,
  #section-signup h2 {
    border: none;
    margin:0 0 0 10px;
    z-index: 89;
    position: relative;
    color: #fff;
    font-size: 43px;
    letter-spacing: -0.02em;
    font-style: normal;
    font-weight: bold;
    padding:0 0 10px 3px;
  }

  /* FF3 FIx */
  .gecko #section-login h2,
  .gecko #section-signup h2 {
    padding:5px 0 10px 3px;
  }

  .win.ie7 #section-login h2,
  .win.ie7 #section-signup h2 {
    letter-spacing:-0.1em;
  }

  #section-login h2 span.wrap,
  #section-signup h2 span.wrap {
    left:-10px;
    top:4px;
  }
  .gecko #section-login h2 span.wrap,
  .gecko #section-signup h2 span.wrap {
    left:0;
    top:0;
  }

  #section-login #section-login-body form {
    margin-bottom:8px;
  }

    #section-login h2 span.wrap,
  #section-signup h2 span.wrap {
      position:relative;
    }
    #section-login h2 span.text-1,
    #section-login h2 a.text-2,
  #section-signup h2 span.text-1,
  #section-signup h2 a.text-2 {
      position:absolute;
      font-family:Helvetica, Arial, sans-serif;
      font-size:20px;
    }

  #section-login h2 span.text-1,
  #section-signup h2 span.text-1 {
    top:0;
  }

    #section-login h2 a.text-2,
    #section-signup h2 a.text-2 {
        top:18.5px;
        color:#283232;
        width:5em;
    }

    .win.ie7 #section-login h2 a.text-2,
    .win.ie7 #section-signup h2 a.text-2 {
      left:0.5em;
    }

  #section-login h2 a.text-2:focus,
  #section-login h2 a.text-2:hover,
  #section-signup h2 a.text-2:focus,
  #section-signup h2 a.text-2:hover {
    color:#fff;
  }

  #section-login #section-login-body,
  #section-signup #section-signup-body {
    font-family:Georgia;
    font-style: italic;
    background: transparent url(../images/global/backgrounds/bg-greyfade.png) repeat-x;
    font-size:17px;
    line-height: 1.05em;
    color: #283232;
    padding:35px 6px 0 9px;
    margin: 0 10px 0 0;
    position: relative;
    bottom: 35px;
    font-weight: normal;
    z-index: 88;
    border:1px solid #e8ebed;
  }
    #section-login #section-login-body input.textField {
      font-family:Helvetica, Arial, sans-serif;
      font-size:12px;
      color:#283232;
      font-weight:bold;
      width: 198px;
      margin-top: 7px;
    }
    #section-login #section-login-body div {
      margin-top: 9px;
      margin-bottom: 2px;
    }
      #section-login #section-login-body div span {
        font-size:10px;
      }
        #section-login #section-login-body div span a {
          font-style: normal;
          font-weight: bold;
          font-family:Helvetica, Arial, sans-serif;
          display:block;
          margin:-4px 0 0 20px;
        }

        #section-login #section-login-body div span label {
          font-style: normal;
          font-weight: bold;
          font-family:Helvetica, Arial, sans-serif;
          display:block;
          font-size:12px;
        }
        #section-login #section-login-body div input#loginBtn {
          margin-right: 6px;
        }

    #section-login div#bottom-line {
      margin:0 3px 0 0;
      height: 3px;
      background-color: #283232;
    }

/* Entry Errors */

#leftColumn #compcard-entry-error {}
  #leftColumn #compcard-entry-error .error-message {
    font-size:40px;
    font-family:Georgia;
    font-style:italic;
    padding:1em 0 0 3.5em;
    line-height:0.9em;
    border-bottom:1px solid #283232;
  }
    #leftColumn #compcard-entry-error .error-message p {
      color:#ff3a27;
      margin:0 0 0 1em;
    }
    #leftColumn #compcard-entry-error .error-message div {
      padding:0 0 0.25em 1.75em;
      text-indent:-1.75em;

    }
      #leftColumn #compcard-entry-error .error-message div span {
        font-family:Helvetica, Arial, sans-serif;
        font-size:15px;
        font-style:normal;
        margin-left:1em;
      }
  #leftColumn #compcard-entry-error div.link {
    font-size:15px;
    font-family:Helvetica, Arial, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    padding:0.5em 0 2em 0;
  }

  #leftColumn #compcard-entry-error div.link img {
    padding: 0 0.2em 0.05em 0;
  }

/** SECTION TEASER **/

/** SECTION SEARCH **/
#section-teaser {
  font-family:Helvetica, Arial, sans-serif;
  margin-bottom: 35px;
}
  #section-teaser h2 {
    border: none;
    margin:0;
    margin-left: 10px;
    z-index: 88;
    position: relative;
    color: #fff;
    font-size: 43px;
    letter-spacing: -0.04em;
    padding-top:0;
    padding-left:5px;
    padding-bottom:14px;
    font-style: normal;
    font-weight: bold;
  }

  .ff3 #section-teaser h2 {
     padding-top:5px;
  }

 #section-teaser #exclamation-mark {
    position: relative;
    z-index: 89;
  }
    #section-teaser #exclamation-mark img {
      position: absolute;
      top: -66px;
      right:2em;
    }

    .webkit.safari3 #section-teaser h2 {
      padding-top:0;
    }
    .gecko.ff3 #section-teaser #exclamation-mark img {
      right:2.5em;
    }

  #section-teaser #section-teaser-body {
    font-family:Georgia;
    font-style: italic;
    background: transparent url(../images/global/backgrounds/bg-search.png) repeat-x;
    font-size:17px;
    line-height: 1.05em;
    color: #283232;
    padding: 6px;
    padding-top:35px;
    padding-left:9px;
    margin-right: 10px;
    margin-bottom: -35px;
    position: relative;
    bottom: 35px;
    font-weight: normal;
    z-index: 87;
    border:1px solid #e8ebed;
    border-bottom:3px solid #283232;
  }
    #section-teaser #section-teaser-body p{
      margin: 0;
    }
    #section-teaser #section-teaser-body a {
      float:right;
    }


/** TEASER BOTTOM **/
#rightColumn #teaser-bottom {
  margin-top:2.1em;
}

/** TEASER TOP **/
#rightColumn #teaser-top,
.teaser-directory-search {
  margin-bottom:2.1em;
}

#premiumTeaser {
  height:6.5em;
  background-color:#00b1ff;
  margin-bottom:1em;
}


/* Dashboard Menu */

#dashboard-menu {
margin-top:0;
  padding:0;
}
  #dashboard-menu li {
    color:#00b1ff;
    font-family:Helvetica, Arial, sans-serif;
    font-size:18px;
    font-weight:bold;
    list-style:none;
    margin-bottom:2px;
  }

    #dashboard-menu li a,
    #dashboard-menu li strong {
      background-position: center left;
      background-repeat: no-repeat;
      display: block;
      line-height: 17px;
    }

    #dashboard-menu li strong {
      background-color:#00b1ff;
      background-position: 22px 1px;
      color:#fff!important;
      list-style:none;
      padding:10px 6px 6px 61px;
    }

    #dashboard-menu li a {
      border:1px solid #e8ebed;
      background-position: 7px -31px;
      margin-left:15px;
      padding:10px 8px 6px 46px;
    }

    #dashboard-menu li a:focus,
    #dashboard-menu li a:hover {
      background-color:#e8ebed;
      background-position: 11px -31px;
      color:#00b1ff;
      margin-left:11px!important;
      padding-left:50px!important;
      text-decoration:none;
    }


    #dashboard-menu li.dashboard *      { background-image:url(../images/network/menu/dashboard.png) }
    #dashboard-menu li.profile *        { background-image:url(../images/network/menu/profile.png) }
    #dashboard-menu li.messages *       { background-image:url(../images/network/menu/messages.png) }
    #dashboard-menu li.album *          { background-image:url(../images/network/menu/albums.png) }
    #dashboard-menu li.favourite *      { background-image:url(../images/network/menu/favourites.png) }
    #dashboard-menu li.subscriptions *  { background-image:url(../images/network/menu/subscriptions.png) }
    #dashboard-menu li.settings *       { background-image:url(../images/network/menu/settings.png) }


/*
 * MOVE THIS INTO SEPARATE ALBUM STYLESHEET !!!
 */
#leftColumn div#cover-display {
  border: 1px solid #e8ebed;
  padding: 5px;
}
  #leftColumn div#cover-display div#infos,
  #leftColumn div#cover-display img {
    float: left;
  }
  #leftColumn div#cover-display div#infos {
    width: 350px;
  }
  #leftColumn div#cover-display #desc p {
    font-family:Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 0 12px;
  }
  #leftColumn div#cover-display #desc > p.first {
    font-weight: bold;
    margin: 17px 0 0 12px;
  }

  #leftColumn div#cover-display #photo-album-header {
    background-color:#ffde00;
    display: inline-block;
    padding: 7px 12px 5px 7px;
    position: relative;
    right:12px;
    bottom: 4px;
  }
  #leftColumn div#cover-display #photo-album-header h2 {
    display: inline-block;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    font-family:Helvetica, Arial;
    color: #fff;
    border: none;
  }
  #leftColumn div#cover-display #photo-album-header h3 {
    font-family:Georgia;
    display: inline-block;
    font-weight: normal;
    margin: -4px 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 15px;
  }

#photo-album-header {
  background-color:#ffde00;
  display: inline-block;
  padding: 7px 12px 5px 7px;
  position: absolute;
  left:12px;
  top: 4px;
}
  #photo-album-header h2 {
    display: inline-block;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    font-family:Helvetica, Arial;
    color: #fff;
    border: none;
  }
  #photo-album-header h3 {
    font-family:Georgia;
    display: inline-block;
    font-weight: normal;
    margin: -4px 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 15px;
  }

.photo-pager {
  font-size:14px;
  font-style: italic;
}
  .photo-pager.top {
    margin-bottom: 5px;
    margin-top: 25px;
    text-align: right;
  }
  .photo-pager.bottom {
    margin-top: 5px;
    text-align:left;
  }

  .photo-pager span,
  .photo-pager a {
    margin-left: 3px;
  }
  .photo-pager a.back {
    float:left;
  }
  .photo-pager span.photo-info{
    margin-right: 10px;
  }

#photo-display {
  border: 1px solid #e8ebed;
  /*height: 820px; include if needed -- michael */
}
  #photo-display table {
    width: 100%;
  }
    #photo-display table td {
      padding: 12px 0;
      text-align: center;
      width:25%;
    }
    #photo-display table td img {
      border: 1px solid #e8ebed;
      display: block;
      margin: 0 auto;
      padding: 7px;
    }
    #photo-display table td img:hover {
      border: 1px solid #283232;
    }



.contributors_teaser {
  display: block;
  margin-bottom: 2em
}


/**
 *
 * ADVERTISING
 *
 */

#rightColumn .ad {
 margin: 3em 0;
}

#rightColumn .top-ad {
 margin-top: 0;
}

/* Top Advertising */
.leaderboard {
  background-color: #e8ebed;
  padding: 5px;
}
  .leaderboard .ad-container {
    background: transparent url(../images/ads/ad-text_vertical.png) no-repeat top right;
    height: 90px;
    margin: 0 auto;
    padding-right: 12px;
    width: 728px;
  }


/* Medium Rectangle */

.medium_rectangle {
  border: 1px solid #e8ebed;
  border-width: 1px 0;
  margin: 1em 0;
  padding: 12px 0;
}
  .medium_rectangle .ad-container {
    background: url(../images/ads/ad-text.png) right bottom no-repeat;
    margin: 0 auto;
    padding-bottom: 12px;
    width: 318px;
  }
    .medium_rectangle .ad-container .ad-border {
      background: #e8ebed;
      height: 250px;
      padding: 9px;
      width: 300px;
    }

/* Square */
.square {
  background: url(../images/ads/ad-text.png) right bottom no-repeat;
  height: 250px;
  padding-bottom: 12px;
  width: 250px;
}

/* Skyscraper */
.skyscraper {
  background: url(../images/ads/ad-text.png) right bottom no-repeat;
  height: 616px;
  padding-bottom: 12px;
  width: 250px;
}
  .skyscraper .ad-container {
    background: #e8ebed;
    height: 600px;
    margin: 0 auto;
    padding: 8px 0;
    text-align: center;
  }

.wide_skyscraper {}
  .wide_skyscraper .ad-container {}

.half_page {
  background: url(../images/ads/ad-text.png) right bottom no-repeat;
  height: 600px;
  padding-bottom: 12px;
  width: 250px;
}

.quicklinks {
  border-bottom: 3px solid #283232;
  margin-top: 2.5em;
}
  .quicklinks .category {
    border: 1px solid #eff1f2;
    margin-bottom: 3px;
  }
  .quicklinks h2 {
    font-size: 16px;
    font-style: normal;
    letter-spacing: 0.15em;
    margin: 0 0 4px;
    text-transform: uppercase;
  }
  .quicklinks h3 {
    background: #e3e8e6 url(../images/global/arrows/arrow.png) 5px center no-repeat;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 2px 2px 2px 18px;
  }
    .quicklinks h3:hover,
    .quicklinks .selected h3 {
      background-color: #fff;
      font-weight: bold;
    }
    .quicklinks .selected h3 {
      background-image: url(../images/global/arrows/arrow_down.png);
    }
    .quicklinks .selected h3 span {
      border-bottom: 1px dotted #c9cccc;
      display: block;
    }
  .quicklinks ul {
    height: 100px;
    list-style: none;
    overflow: auto;
    margin: 3px 3px 3px 18px;
    padding: 0;
  }
  .quicklinks ul a {
    color: #283232;
    font-size: 13px;
    font-style: italic;
  }
    .quicklinks ul a:hover {
      color: #00b1ff;
      text-decoration: none;
    }

/* fullscreen view */

body.fullscreen {
  background:#fff!important;
  background-image:none;
}


/*** COMPCARD LISTS ***/
/*** in use of talent and directory ***/
  #news ul.categoriesList {
    list-style: none;
    margin: 11px 0 0;
  }
    #news ul.categoriesList li {
      border:1px solid #E8EBED;
      float:left;
      margin-bottom:12px;
      margin-right:0.5em;
      padding:0.5em;
      width:46%;
    }

    #news ul.categoriesList .image {
      float: left;
      margin-right: 7px;
      width:70px;
    }
    #news ul.categoriesList p {
      font-family: Georgia, serif;
      font-style: italic;
      line-height: 1em;
      margin: 0;
    }
    #news ul.categoriesList p span {
      font-size:12px;
      display:block;
      margin-bottom:0.3em;
    }
    #news ul.categoriesList strong {
      font-family: Helvetica, Arial, sans-serif;
      font-style: normal;
    }
      #news ul.categoriesList strong a {
        color:#283232;
      }