/* CSS STYLES FOR LOOKBOOK.NL */
/* By Jeroen Wiggers Indepen Media Studio , for EEN Media*/
/* Version 02-12-2013 */

* {
    margin:0;
    padding:0;
    text-decoration:none;
    font-family: Arial;    
    list-style:none;
    border:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    font-family:"Open Sans", Arial;
    font-size:11px;
}

@font-face {
    font-family: 'akzidenz';
    src: url('fonts/akzidenzgrotconbq-regular-webfont.eot');
    src: url('fonts/akzidenzgrotconbq-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/akzidenzgrotconbq-regular-webfont.woff') format('woff'),
         url('fonts/akzidenzgrotconbq-regular-webfont.ttf') format('truetype'),
         url('fonts/akzidenzgrotconbq-regular-webfont.svg#akzidenz-grotesk_condensed_Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background:#fff;
    width:100%;
    position:relative;
    overflow-y: scroll;
    overflow-x: hidden;  
}

body.noscrolling {
    overflow:hidden;
}


body a {
    color:#000;
}


strong {
    font-weight:bold;
}

.clear {clear:both;height:0px;width:100%;}

.header-wrapper, .top-banner-wrapper, .top-menu-wrapper, .content-wrapper, .controller-wrapper, .footer-wrapper {
    width:100%;
    float:left;
}

.noscrolling .header-wrapper, .noscrolling .top-banner-wrapper, .noscrolling .top-menu-wrapper, .noscrolling .content-wrapper, .noscrolling .controller-wrapper, .noscrolling .footer-wrapper {
    padding-right:15px;
}


/* header */

.header-wrapper {
    height:39px;
    background:#000;
    position:fixed;
    z-index:101;
}

.header-wrapper a.header-logo {
    position:absolute;
    height:39px;
    width:104px;        
    background:url(../images/lookbook-header-logo.png) left top no-repeat;
    left:50%;
    margin-left:-52px;
}

.header-wrapper a.header-menu-button {
    width:46px;
    height:39px;
    background:url(../images/header-menu-button.png) left top no-repeat;
    float:left;
    cursor:pointer;
}


.header-menu-wrapper:hover a.header-menu-button {
    background:url(../images/header-menu-button.png) left -39px no-repeat;
}

.header-wrapper div.header-menu-container {
    position:absolute;
    left:0;
    top:39px;
    width:349px;  
    background:#fff;
    border-top:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    z-index:100;    
    opacity:0;
    height:0px;
    overflow:hidden;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
}

.header-menu-wrapper:hover div.header-menu-container {
    display:block;
    opacity:1;
    overflow:visible;
    height:auto;
    pointer-events:auto;
}

.header-wrapper a.header-menu-button span.whiter {
    height:1px;
    width:46px;
    background:#fff;
    position:absolute;
    top:39px;
    z-index:100;
    display:none;
}

ul.header-menu {
    width:100%;
    display:block;
    margin-left:-1px;
    float:left;
}

ul.header-menu li {
    float:left;
    width:174px;
    margin:0;
    height:39px;
    border-left:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    display:block;
    line-height:39px;
    text-transform:uppercase;
}

ul.header-menu li a {
    display:block;
    width:100%;
    height:100%;
    text-align:center;
    font-weight:bold;
    color:#000;  
}

ul.header-menu li a.home span {
    background:url(../images/home-icon.png) left top no-repeat;
    margin-left:-17px;
    padding-left:22px;
}

ul.header-menu li a.home:hover span {
    background:url(../images/home-icon-hover.png) left top no-repeat;
}

ul.header-menu li a:hover {
    background:#000;
    color:#fff;
}

ul.header-menu-bottom {
    display:block;
    width:100%;
    height:0px;
    float:left;
    text-align:center;
    overflow:hidden;
    -moz-transition:1s;
    -webkit-transition:1s;    
    -o-transition:1s;
    transition:1s; 
}

ul.header-menu-bottom.expanded {
    height:35px;
    
    overflow:hidden;
}

ul.header-menu-bottom li {
    display:inline-block;
    margin-left:7px;
    margin-right:7px;
    height:35px;
    padding-top:7px;
}

ul.header-menu-bottom li a {
    text-transform:uppercase;
    color:#000;
}
ul.header-menu-bottom li a:hover {
    text-decoration:underline;
}

ul.header-menu-bottom li a span {
    font-size:9px;
    height:35px;
}


/* search bar */

div.header-search {
    float:left;    
    height:39px;
    border-right:1px solid #444444;
}

div.header-search input[type="text"] {
    width:122px;
    height:39px;
    display:block;
    background:#000;
    color:#fff;
    padding-left:11px;
    font-size:11px;
    float:left;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;    
    -o-transition:0.5s;
    transition:0.5s; 
}


div.header-search input[type="text"]:focus {
    outline: none;
    width:200px !important;
}

div.header-search input[type="submit"] {    
    height:39px;
    width:35px;
    float:left;
    background:url(../images/search-submit.png) left top no-repeat;
    cursor:pointer;
}

div.header-right-links {
    float:right;
    height:39px;
}

div.header-right-links ul {
    display:block;
    height:39px;    
}
div.header-right-links ul li {
    display:block;
    border-left:1px solid #d8d8d8;
    height:39px;
    float:left;
    line-height:39px;
    text-transform:uppercase;
 
}

div.header-right-links ul li a {
    display:block;
    width:100%;
    height:100%;    
    font-weight:bold;
    color:#fff;
    padding-left:20px;
    padding-right:20px;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s; 

}

div.header-right-links ul li a:hover {
    background:#fff;
    color:#000;
}

/* logged in header right */


div.header-right-logged-in{
    float:right;
    height:39px;
}

div.header-right-logged-in ul {
    display:block;
}
div.header-right-logged-in ul li {
    display:block;
    border-left:1px solid #444444;
    height:39px;
    float:left;
    line-height:39px;    
}

div.header-right-logged-in ul:first-child li {
    text-transform:uppercase;
}
div.header-right-logged-in ul ul li {
    text-transform:none !important;
}

div.header-right-logged-in ul li a {
    display:block;
    width:100%;
    height:100%;    
    font-weight:bold;
    color:#fff;
    padding-left:20px;
    padding-right:20px;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s; 
}

div.header-right-logged-in ul li a:hover {
    background:#fff;
    color:#000;
}

li.header-profile-info {
    position:relative;
    padding-right:13px;
    min-width:140px;
}

li.header-profile-info:hover {
    background:#fff;
}

li.header-profile-info div.profile-info-button {
    height:39px;
    width:auto;
    position:relative;    
}


li.header-profile-info a.avatar {
    float:left;
    width:20px;
    margin-left:-10px;
    margin-right:10px;
}

li.header-profile-info a.avatar:hover {
    background:none;
}

li.header-profile-info img {
    height:20px;
    width:20px;
    border-radius:10000px;
    margin-top:9px;    
}

li.header-profile-info span.logged-in-name {
    float:left;
    display:inline-block;
    height:39px;
    font-weight:bold;
    line-height:39px;
    color:#fff;
    background:url(../images/arrow-small.png) center right no-repeat;
    padding-right:13px;
    
}

li.header-profile-info:hover span.logged-in-name {
    background:url(../images/arrow-small-hover.png) center right no-repeat #fff;
    color:#000;
    cursor:pointer;
}

li.header-profile-info ul.header-profile-menu {
    position:absolute;
    top:39px;
    height:0px;
    overflow:hidden;
    left:0;
    opacity:0;
    width:100%;
    background:#fff;
    border:1px solid #d2d2d2;
    border-top:none;    
    margin-left:-1px;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    
}

li.header-profile-info:hover ul.header-profile-menu {
    opacity:1;
    height:auto;
    overflow:visible;
}


ul.header-profile-menu li {
    border:none;
    border-bottom:1px solid #d2d2d2;
    width:100%;
    border-left:none !important;
}
ul.header-profile-menu li a {
    text-transform:none;
    color:#999999;
    width:100%;
    padding-left:12px !important;
    
}
ul.header-profile-menu li a span {
    color:#999999;
    font-weight:normal;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s;
    font-size:12px;
}
ul.header-profile-menu li a:hover span {
    color:#000
}


ul.header-profile-menu li:last-child {
    border-bottom:none;
}

li.header-add-lookbook {
    border-left:none !important;
}

div.header-add-lookbook-plus {
    width:120px;
    font-weight:bolder;
    color:#FFF;
    padding-left:38px;
    height:39px;
    display:inline-block;
    background:#d82e37 url(../images/header-add-lookbook-icon.png) left top no-repeat;
    position:relative;
    cursor:pointer;
}

div.lookbook-plus:hover div.header-add-lookbook-plus {
    background:#FFF url(../images/header-add-lookbook-icon.png) left -39px no-repeat;
    color:#000;
}

.header-add-lookbook ul {
    position:absolute;    
    top:39px;
    right:0;
    width:205px;
    background:#fff;    
    border-top:none;    
    margin-left:-1px;
    height:0px;
    overflow:hidden;
    display:block;
    opacity:0;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
}

.header-add-lookbook:hover ul {
    opacity:1;
    overflow:visible;
    border:1px solid #d2d2d2;
    height:auto;
    
}

.header-add-lookbook ul li {
    border:none;
    border-bottom:1px solid #d2d2d2;
    width:100%;
    border-left:none !important;
}
.header-add-lookbook ul li:last-child {
    border-bottom:none !important;
}

.header-add-lookbook ul li a {
    padding-left:8px !important;
    cursor:pointer;
}

.header-add-lookbook ul li a span {
    color:#999999;
    font-weight:normal !important;
    -moz-transition:color 0.2s;
    -webkit-transition:color 0.2s;    
    -o-transition:color 0.2s;
    transition:color 0.2s;
    font-size:12px;
}
.header-add-lookbook ul li a:hover span {
    color:#000
}

.header-add-lookbook ul li a.upload-photo,
.header-add-lookbook ul li a.create-lookbook,
.header-add-lookbook ul li a.add-external-photo {
    padding-left:39px !important;
    
}
.header-add-lookbook ul li a.upload-photo {
    background:url(../images/icons/icon-add-photo.png) no-repeat 8px 8px;
}
.header-add-lookbook ul li a.create-lookbook {
    background:url(../images/icons/icon-create-lookbook.png) no-repeat 8px 8px;
}
.header-add-lookbook ul li a.add-external-photo {
    background:url(../images/icons/icon-add-external-photo.png) no-repeat 8px 8px;
}

.header-add-lookbook ul li a.upload-photo:hover {
    background:url(../images/icons/icon-add-photo-hover.png) no-repeat 8px 8px;
}
.header-add-lookbook ul li a.create-lookbook:hover {
    background:url(../images/icons/icon-create-lookbook-hover.png) no-repeat 8px 8px;
}
.header-add-lookbook ul li a.add-external-photo:hover {
    background:url(../images/icons/icon-add-external-photo-hover.png) no-repeat 8px 8px;
}









div.lookbook-notifications {
    width:40px;
    height:39px;
    display:inline-block;
    background:url(../images/notification-icon.png) left top no-repeat;
    position:relative;
    cursor:pointer;
}

div.lookbook-notifications:hover {
    background:url(../images/notification-icon.png) left -39px no-repeat;
}

.header-notifications ul {
    position:absolute;    
    top:39px;
    right:0;
    width:205px;
    background:#fff;    
    border-top:none;    
    margin-left:-1px;
    height:0px;
    overflow:hidden;
    display:block;
    opacity:0;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
}

.header-notifications:hover ul {
    opacity:1;
    overflow:visible;
    border:1px solid #d2d2d2;
    border-top:none;
    height:auto;
    
}

.header-notifications ul li {
    border:none;
    border-bottom:1px solid #d2d2d2;
    width:100%;
    border-left:none !important;
    line-height:15px !important;
    font-size:11px;
    padding-top:5px;
    height:35px;
}
.header-notifications ul li:last-child {
    border-bottom:none !important;
}

.header-notifications ul li a {
    padding-left:8px !important;
    cursor:pointer;
}

.header-notifications ul li a span {
    color:#999999;
    font-weight:normal !important;
    -moz-transition:color 0.2s;
    -webkit-transition:color 0.2s;    
    -o-transition:color 0.2s;
    transition:color 0.2s;
    font-size:12px;
}
.header-notifications ul li a:hover span {
    color:#000;
}
.header-notifications ul li span strong {
    color:#d62f39;
}

.header-notifications ul li a.new-like,
.header-notifications ul li a.new-add,
.header-notifications ul li a.new-share {
    padding-left:39px !important;
    
}
.header-notifications ul li a.new-like {
    background:url(../images/notification-icon-love.png) no-repeat 8px 4px;
}

.header-notifications ul li a.new-like:hover {
    background:url(../images/notification-icon-love-hover.png) no-repeat 8px 4px;
}

.header-notifications ul li a.new-add {
    background:url(../images/notification-icon-add.png) no-repeat 8px 4px;
}

.header-notifications ul li a.new-add:hover {
    background:url(../images/notification-icon-add-hover.png) no-repeat 8px 4px;
}

/* Top banner */

.top-banner {
    position:relative;
    overflow:hidden;
    margin-top:39px;    
    background-position:center center;
    background-repeat:no-repeat;    
    background-color:#000;
    background-size: 100%;
}

.top-banner img {
    display:none;
}

.top-banner.large-banner { height:313px; }
.top-banner.small-banner { height:109px; }

.top-banner .top-banner-slogans {
    position:absolute;
    z-index:50;
    top:111px;
    height:120px;
    left:0;
    width:100%;
    text-align:center;
    pointer-events:none;
}

.top-banner span.top-banner-slogan-top {
    background:url(../images/top-banner-slogans-bg.png);
    color:#fff;
    height:83px;
    padding:18px;
    display:inline-block;
    font-size:30px;
    text-transform:uppercase;
    text-align:center;
    font-family:"akzidenz";
    font-size:62px;
    font-weight:100;
    line-height:50px;
}

.top-banner span.top-banner-slogan-bottom {
    font-family:"akzidenz";
    background:url(../images/top-banner-slogans-bg.png);
    color:#fff;
    height:30px;
    display:inline-block;
    margin-top:2px;
    padding:6px;
    text-transform:uppercase;
    text-align:center;
    font-size:26px;
    line-height:20px;
}

.top-banner.large-banner.category-banner {
    height: 113px;
}

.top-banner.category-banner .top-banner-slogans.category-slogan {
    top: 14px;
}

.top-banner.category-banner .top-banner-slogans.category-slogan .top-banner-slogan-bottom
{
    display:none;
}

.top-menu-shadow {
    width:100%;
    position:absolute;
    height:4px;
    background:url(../images/top-menu-shadow.png) left top repeat-x;
    bottom:0;
    z-index:40;
}

a.create-lookbook-btn {
    display:block;
    position:absolute;
    width:277px;
    height:46px;
    bottom:18px;
    right:27px;
    background:url(../images/create-lookbook-btn.png) left top no-repeat;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:15px;
    padding-left:51px;
    line-height:36px;
}

a.create-lookbook-btn span {
    font-size:13px;
}

a.create-lookbook-btn:hover {
    background:url(../images/create-lookbook-btn.png) left -46px no-repeat;
}

/* top menu */

.top-menu-wrapper {
    height:39px;
    background:url(../images/top-menu-bg.png) bottom left repeat-x;
}

ul.top-menu {
    height:39px;
    display:block;
    float:left;
}

ul.top-menu li {
    float:left;
    height:39px;
    display:block;
}

ul.top-menu li a {
    display:block;
    height:39px;
    padding-left:10px;
    padding-right:10px;
    text-transform:uppercase;
    color:#000;
    font-weight:bold;
    line-height:39px;
    border-right:1px solid #dddddd;
}

ul.top-menu li a:hover, ul.top-menu li.selected a {
    background:#000;
    color:#fff;
}

/* TOP MENU RIGHT */

.top-menu-right {
    float:right;
}

.top-menu-right .sort {
    float:left;
    height:39px;
    position:relative;
    width:160px;
}

.sort label {
    text-transform:uppercase;
    color:#999999;
    font-size:11px;
    height:39px;
    display:block;
    float:left;
    line-height:39px;    
}

.sort ul {    
    width:85px;    
    float:left;
    position:absolute;
    left:65px;
    height:39px;
    overflow:hidden;
    background:none;
}

.sort ul.opened {
    background:#fff !important;
    z-index:100;
    overflow:visible;
    height:auto !important;
}

.sort ul li {
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    width:100%;
    height:25px;
    line-height:25px;
}

.sort ul li:first-child {
    height:39px;
    line-height:39px;
    cursor: default;
}

.sort ul li a {
    padding-left:10px;
    display:block;
    width:100%;
}

.sort ul li:first-child {
    background:url(../images/arrow-small-gray.png) 70px center no-repeat;
    
}

.sort ul li:last-child {
    border-bottom:1px solid #dddddd;    
}

.sort ul li:first-child {
    border:none;
    line-height:39px;
    height:39px;
    text-transform:uppercase;
    color:#000;
    font-weight:bold;
}

.sort ul li a {
    color:#999;
    width:100%;
    height:25px;
}

.sort ul li a:hover {
    color:#000;
}

.sort ul li:first-child:hover {
    background:url(../images/arrow-small-hover.png) 70px center no-repeat;
}




.top-menu-social {
    float:right;
    height:38px;
    margin-right:10px;
}

.top-menu-social span.social-icon, .top-menu-social span.social-icon.clickable {
    display:inline-block;
    height:38px;
    width:31px;
    cursor:pointer;
    -moz-transition:0.6s;
    -webkit-transition:0.6s;    
    -o-transition:0.6s;
    transition:0.6s;
    overflow:hidden;
    position:relative;
}

.top-menu-social span.social-icon.clickable:before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 31px;
  height:38px;
  -moz-transition:1s;
  -webkit-transition:1s;    
  -o-transition:1s;
  transition:1s;
}

.top-menu-social span.social-icon.top-menu-social-facebook:before { 
  background:url(../images/social-icons.png) left top no-repeat;
}
.top-menu-social span.social-icon.top-menu-social-pinterest:before {
    background:url(../images/social-icons.png) -31px top no-repeat;
}
.top-menu-social span.social-icon.top-menu-social-twitter:before {
    background:url(../images/social-icons.png) -62px top no-repeat;
}
.top-menu-social span.social-icon.top-menu-social-instagram:before {
    background:url(../images/social-icons.png) -93px top no-repeat;
}
.top-menu-social span.social-icon.top-menu-social-facebook:hover:before {
    background:url(../images/social-icons.png) left -38px no-repeat;
}
.top-menu-social span.social-icon.top-menu-social-pinterest:hover:before {
    background:url(../images/social-icons.png) -31px -38px no-repeat;
}
.top-menu-social span.social-icon.top-menu-social-twitter:hover:before {
    background:url(../images/social-icons.png) -62px -38px no-repeat;
}
.top-menu-social span.social-icon.top-menu-social-instagram:hover:before {
    background:url(../images/social-icons.png) -93px -38px no-repeat;
}

.top-menu-social span.social-icon.selected {
    width:71px;
}
.top-menu-social span.social-icon.selected:before {
    background:none !important;    
}
.top-menu-social span.social-icon a.hidden-social-link {
    float:left;    
    height:39px;
    display:inline-block;
    margin-top:12px;
    display:none;
}



/* Items */

#infscr-loading {
    display:none;
}

ul.content-items {
    width:100%;
    padding-right:1px;
    display:block;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;    
}

li.content-item {
    float:left;
    width:19.9%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;  
    border-bottom:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    border-top:1px solid #dddddd;
    margin-top:-1px;
    box-sizing:border-box;
    text-align:center;
    margin-left:-1px;
    background:#fff;
}


.content-item-image-container {
    width:100%;
    border:12px solid #fff;
    border-top:none;
    padding-top:12px;
    position:relative;
    height:auto;
    float:left;
}

.two-colomns, .three-colomns {
    width:100%;
    border:5px solid #fff;
    border-bottom:none;
    border-top:none;
    position:relative;
    float:left;
}


.content-item-image-container img, .two-colomns img, .three-colomns img {
    width:100%;
    display:block;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s;
    position:relative;
    border:1px solid #fff;
    border-collapse:collapse;
}

.content-item a {
    cursor:zoom-in;
    
}

/* two colomns (images ) */

.two-colomns img {
    float:left;
    width:50%;
    position:relative;
    margin:0 !important;
    
}

.two-colomns a:first-child {
    
}

/* three colomns (images ) */

.three-colomns img {
    float:left;
    width:33.3%;
    position:relative;
}

.content-item-image-container:hover img {
    opacity:0.5;
}

.content-item-image-container span.item-remove {
    opacity:0;
    height:30px;
    width:30px;
    background:url(../images/item-remove.png) left top no-repeat;
    position:absolute;
    z-index:100;
    right:5px;
    top:20px;
}

.content-item-image-container span.item-edit {
    opacity:0;
    height:30px;
    width:30px;
    background:url(../images/item-edit.png) left top no-repeat;
    position:absolute;
    z-index:100;
    right:40px;
    top:20px;
}

.content-item-image-container span.item-mag {
    opacity:0;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;    
    -o-transition:0.3s;
    transition:0.3s;
    height:64px;
    width:64px;
    background:url(../images/item-mag.png) left top no-repeat;
    position:absolute;
    z-index:100;
    left:50%;
    margin-left:-32px;
    top:50%;
    margin-top:-32px;
    pointer-events:none;
}

.content-item-image-container:hover  span.item-mag,
.content-item-image-container:hover  span.item-remove,
.content-item-image-container:hover  span.item-edit {
    opacity:1;
}

.content-item-image-container:hover span.item-remove:hover,
.content-item-image-container:hover span.item-edit:hover {
    background-position:left -30px;
    -moz-transition:none;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
}


.item-content-container {
    width:100%;
    border:12px solid #fff;
    border-top:4px solid #fff;
    background:#fff;
}

.item-content-container .poster-name a {
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
    color:#000;
}

.item-content-container .poster-name a:hover {
    text-decoration:underline;
}

.item-content-container .poster-date {
    color:#9b9b9b;
    font-size:9px;
    font-family:Arial;
}

.item-content-container p {
    font-family:"Georgia", "Open Sans";
    color:#000;
    font-size:13px;
    margin-top:10px;
}

.content-item .item-links {
    width:100%;
    margin-bottom:19px;
    text-align:center;
    margin-top:9px;
    background:#fff;
}

.content-item .item-links a {
    display:inline-block;
    height:46px;
    width:30px;
    margin-left:5px;
    cursor:pointer;
    margin-right:5px;
    position:relative;
}

.content-item .item-links a span.icon {
    width:30px;
    height:30px;
    display:block;
    margin-bottom:3px;    
}

.content-item .item-links a.item-like {
    top:1px;
    left:0;    
}

.content-item .item-links a.item-like span.icon {
    background:url(../images/icons/icon-like.png) left top no-repeat;
    background-size:100% 100%;
    cursor:pointer;
    position:absolute;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s;
    top:0px;
    left:0px;
}

.content-item .item-links a.item-like span.icon.triggered {
    width:50px;
    height:50px;
    top:-10px;
    left:-10px;
    background:url(../images/icons/icon-like-hover.png) left top no-repeat;
}


.content-item .item-links a.item-add span.icon {
    background:url(../images/icons/icon-add.png) left top no-repeat;
    background-size:100% 100%;
}
.content-item .item-links a.item-comment span.icon {
    background:url(../images/icons/icon-comment.png) left top no-repeat;
    background-size:100% 100%;
}
.content-item .item-links a.item-share span.icon {
    background:url(../images/icons/icon-share.png) left top no-repeat;
    background-size:100% 100%;
    cursor:pointer;
}
/* item links hovers */
.content-item .item-links a.item-like:hover span.icon {
    background:url(../images/icons/icon-like-hover.png) left top no-repeat;
    background-size:100% 100%;
}
.content-item .item-links a.item-add:hover span.icon {
    background:url(../images/icons/icon-add-hover.png) left top no-repeat;
    background-size:100% 100%;
}
.content-item .item-links a.item-comment:hover span.icon {
    background:url(../images/icons/icon-comment-hover.png) left top no-repeat;
    background-size:100% 100%;
}
.content-item .item-links a.item-share:hover, .content-item .item-links .share-container:hover span.icon {
    background:url(../images/icons/icon-share-hover.png) left top no-repeat;
    background-size:30px 30px;
}

.content-item .item-links a span.count {
    color:#cfcfcf;
    font-family:Arial;    
}
.content-item .item-links a:hover span.count {
    color:#000;
}
.content-item .item-links a.item-like span.count {
    position:absolute;
    top:35px;
    display:block;
    width:100%;
    text-align:center;
}

/* share tooltip */
.share-container {
    position:relative;
    display:inline-block;
}

.content-item .share-box-container {
    width:218px;
    height:90px;
    position:absolute;
    background:url(../images/share-box-container.png);
    z-index:100;
    left:50%;
    margin-left:-110px;
    top:36px;
    text-align:left;
    display:none;
    
}

.share-box-container .share-box {
    display:inline-block;
    float:left;
    border-right:1px solid #dddddd;
    height:83px !important;
    margin:0 !important;
    padding:0 !important;
    margin-top:7px !important;
    margin-left:-1px !important;
    padding-top:10px !important;
    text-align:center;
    color:#000;
}

.share-box-container .share-box:last-child {
    border:none;
}

.share-box-container .share-box.share-box-fb {
    width:72px !important;
}
.share-box-container .share-box.share-box-twitter {
    width:74px !important;    
}

.share-box-container .share-box.share-box-pinterest {
    width:68px !important;
    padding-top:40px !important;
}


/* Detail pagina */


div.detail-page-container {
    width:100%;
    float:left;
    text-align:center;
}

div.detail-page-container div.detail-page {
    width:982px;
    display:inline-block;
    margin-top:44px;
    min-height:300px;
}

div.detail-page-left {
    width:602px;
    float:left;
    margin-right:42px;
}

div.detail-page-left-block {
    border:1px solid #dddddd;
    min-height:300px;
    width:602px;
    margin-bottom:40px;
}

div.detail-page-right {
    float:left;
    min-height:300px;
    width:336px;    
}

div.detail-page-left img, div.detail-page-right img {
    display:block;
}

.detail-page-right-block {
    border:1px solid #dddddd;
    width:100%;
    margin-bottom:41px;
    text-align:center;
    position:relative;
}

.detail-page-block-header {
    height:52px;
    width:100%;
    border-bottom:1px solid #dddddd;
    text-align:center;
}

.detail-page-block-header h3 {
    font-weight:bold;
    font-size:11px;
    line-height:52px;
    width:100%;    
    text-transform:uppercase;
}

.detail-page-right-block-footer {
    height:31px;
    width:100%;
    line-height:31px;
}

.detail-page-right-block-footer p {
    color:#878787;
}
.detail-page-right-block-footer p a {
    color:#000;
}
.detail-page-right-block-footer p a:hover {
    text-decoration:underline;
}

.detail-page-right-block-footer a.link-button {
    display:block;
    font-weight:bold;
    font-size:11px;
    line-height:31px;
    width:100%;
    text-align:right;
    padding-right:12px;
    text-transform:uppercase;
    
    
        color:#000;
    background:#ccc;
}

.detail-page-right-block-footer a.link-button:hover {
background:#000;
    color:#fff;
}

.detail-page-content {
    display:inline-block;
    width:100%;
    border-bottom:1px solid #dddddd;
}
.detail-page-content:last-child {
    display:inline-block;
    width:100%;
    border-bottom:none;
}

/* place comment */

.detail-page-content.place-comment {
    text-align:left;
    padding-top:28px;
    padding-bottom:65px;
    padding-left:26px;
}

.place-comment-avatar {
    float:left;
    width:119px;
}

.place-comment-avatar img {
    width:97px;
    height:97px;
    border-radius:10000px;
    margin-top:2px;
}

.place-comment-textarea {
    float:left;
}
.place-comment-textarea {
    min-height:100px;
    background:url(../images/comments-textarea-bg.png) left top repeat-x;
    
    position:relative;
    width:420px;
}
.place-comment-textarea .pointer {
    position:absolute;
    left:-8px;
    top:0px;
    bottom:0px;
    width:14px;
    height:100%;
    display:block;
    background:url(../images/comment-textarea-pointer.png) left top no-repeat;
    z-index:0;
}

.place-comment-textarea form textarea {
    display:block;
    position:relative;
    
    width:100%;
    height:100px;
    border:1px solid #b7b7b7;
    resize:none;
    border-left:none;
    padding-top:14px;
    padding-bottom:14px;
    padding-left:14px;
    font-family:"Georgia", Arial;
    color:#999999;
    background:none;
    z-index:100;
    font-size:12px;
}

.place-comment-textarea form textarea:focus {
    outline: none !important;
}
.place-comment-textarea form input[type="submit"] {
    position:absolute;
    bottom:-33px;
    right:0;
    background:#ccc;
    color:#000;
    height:33px;
    line-height:33px;
    text-transform:uppercase;
    font-weight:bold;
    padding-left:20px;
    padding-right:20px;
    cursor:pointer;
    
    border-collapse:collapse;
}

.place-comment-textarea form input[type="submit"]:hover {
    background:#000;
    color:#fff;
}

.detail-page-content.show-comment {
    text-align:left;
}

.show-comment {
    padding-top:19px;
    padding-bottom:19px;
    padding-left:25px;
    padding-right:24px;
}

.show-comment .show-comment-avatar {
    float:left;
    margin-right:16px;
}

.show-comment .show-comment-avatar img {
    width:50px;
    height:50px;
    border-radius:10000px;
}

.show-comment .show-comment-content {
    float:left;
    width:480px;
}

.show-comment .show-comment-content .comment-poster-name {
    float:left;
    display:block;
    font-size:12px;
}

.show-comment .show-comment-content .comment-poster-name a {
    font-weight:bold;
    text-decoration:none;
    color:#000;
    font-size:12px;
}

.show-comment .show-comment-content .comment-poster-name a:hover {
    text-decoration:underline;
}


.show-comment .show-comment-content .comment-poster-date {
    float:right;
    color:#bbbbbb;
}

.show-comment .show-comment-content p {
    width:100%;
    float:left;
    font-family:"Georgia", Arial;
    color:#555555;
    font-size:12px;
    margin-top:12px;
    line-height:14.4px;
}

/* detail left block */

.detail-page-block-header  a.back-to-category {
    display:block;
    float:left;
    height:30px;
    width:30px;
    background:url(../images/icons/icon-back.png) left top no-repeat;
    margin-top:11px;
    margin-left:14px;
}

.detail-page-block-header  a.back-to-category:hover {
    background:url(../images/icons/icon-back-hover.png) left top no-repeat;
}
.detail-page-block-header .item-links {
    text-align:center;
    margin-top:11px;
    background:#fff;
    float:right;
}

.detail-page-block-header .item-links a {
    display:inline-block;
    height:30px;
    width:54px;
    margin-left:5px;
    margin-right:5px;
    position:relative;
}

.detail-page-block-header .item-links a span.icon {
    width:30px;
    height:30px;
    display:block;
    float:left;
    margin-bottom:3px;
    margin-right:4px;
}

.detail-page-block-header .item-links a.item-like span.icon {
    background:url(../images/icons/icon-like.png) left top no-repeat;
    background-size:100% 100%;
    cursor:pointer;
    position:absolute;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s;
    top:0px;
    left:0px;
}

.detail-page-block-header .item-links a.item-like span.icon.triggered {
    width:50px;
    height:50px;
    top:-10px;
    left:-10px;
    background:url(../images/icons/icon-like-hover.png) left top no-repeat;
}

.detail-page-block-header .item-links a.item-like span.icon {
    background:url(../images/icons/icon-like.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-block-header .item-links a.item-add span.icon {
    background:url(../images/icons/icon-add.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-block-header .item-links a.item-comment span.icon {
    background:url(../images/icons/icon-comment.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-block-header .item-links a.item-share span.icon {
    background:url(../images/icons/icon-share.png) left top no-repeat;
    background-size:100% 100%;
}
/* item links hovers */
.detail-page-block-header .item-links a.item-like:hover span.icon {
    background:url(../images/icons/icon-like-hover.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-block-header .item-links a.item-add:hover span.icon {
    background:url(../images/icons/icon-add-hover.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-block-header .item-links a.item-comment:hover span.icon {
    background:url(../images/icons/icon-comment-hover.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-block-header .item-links a.item-share:hover span.icon {
    background:url(../images/icons/icon-share-hover.png) left top no-repeat;
    background-size:100% 100%;
}

.detail-page-block-header .item-links a span.count {
    color:#cfcfcf;
    font-family:Arial;
    display:block;
    float:left;
    font-family:"Open Sans", Arial;
    height:30px;
    line-height:30px;
}
.detail-page-block-header .item-links a:hover span.count {
    color:#000;
}

.detail-page-block-header .item-links a.item-like span.count {
    position:absolute;
    left:33px;
    display:block;
}

.detail-page-block-header .share-box-container {
    width:218px;
    height:90px;
    position:absolute;
    background:url(../images/share-box-container.png);
    z-index:100;
    left:50%;
    margin-left:-122px;
    top:34px;
    text-align:left;
    display:none;
}

.detail-page-block-header .share-container:hover span.icon {
    background:url(../images/icons/icon-share-hover.png) left top no-repeat !important;
    background-size:30px 30px !important;
    
}


.post-info {
    font-size:10px;
    color:#bbbbbb;
    margin-top:4px;
}

.post-info .post-info-name {
    float:left;
    padding-left:17px;
}

.post-info .post-info-name a {
    color:#bbbbbb;
    padding-left:3px;
    font-weight:bold;
}

.post-info .post-info-name a:hover {
    color:#000;
    text-decoration:underline;
}
.post-info .post-info-date {
    float:right;
    padding-right:11px;
}

.post-info p.photo-description {
    clear:both;
    line-height:16.8px;
    display:block;
    padding-left:17px;
    padding-right:11px;
    font-size:14px;
    padding-top:20px;
    text-align:left;
    color:#000;
    margin-bottom:24px;
}

.detail-page-content.share-icons {
    height:106px;
}

.detail-page-content.share-icons .item-links {
    text-align:center;
    margin-top:23px;
    background:#fff;
}

.detail-page-content.share-icons .item-links a {
    display:inline-block;
    height:58px;
    width:110px;
    margin-left:13px;
    margin-right:13px;
    cursor:pointer;
    position:relative;
}

.detail-page-content.share-icons .item-links a span.icon {
    width:58px;
    height:58px;
    display:block;
    float:left;
    margin-bottom:3px;
    margin-right:8px;
}

.detail-page-content.share-icons .item-links a.item-like span.icon {
    background:url(../images/icons/icon-like.png) left top no-repeat;
    background-size:100% 100%;
    cursor:pointer;
    position:absolute;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s;
    top:0px;
    left:0px;
}

.detail-page-content.share-icons .item-links a.item-like span.icon.triggered {
    width:78px;
    height:78px;
    top:-10px;
    left:-10px;
    background:url(../images/icons/icon-like-hover.png) left top no-repeat;
}


.detail-page-content.share-icons .item-links a.item-like span.icon {
    background:url(../images/icons/icon-like.png) left top no-repeat;
    background-size:100% 100%;
    cursor:pointer;
    position:absolute;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s;
    top:0px;
    left:0px;
}

.detail-page-content.share-icons .item-links a.item-like span.icon {
    background:url(../images/icons/icon-like.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-content.share-icons .item-links a.item-add span.icon {
    background:url(../images/icons/icon-add.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-content.share-icons .item-links a.item-comment span.icon {
    background:url(../images/icons/icon-comment.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-content.share-icons .item-links a.item-share span.icon {
    background:url(../images/icons/icon-share.png) left top no-repeat;
    background-size:100% 100%;
}
/* item links hovers */
.detail-page-content.share-icons .item-links a.item-like:hover span.icon {
    background:url(../images/icons/icon-like-hover.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-content.share-icons .item-links a.item-add:hover span.icon {
    background:url(../images/icons/icon-add-hover.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-content.share-icons .item-links a.item-comment:hover span.icon {
    background:url(../images/icons/icon-comment-hover.png) left top no-repeat;
    background-size:100% 100%;
}
.detail-page-content.share-icons .item-links a.item-share:hover span.icon {
    background:url(../images/icons/icon-share-hover.png) left top no-repeat;
    background-size:100% 100%;
}

.detail-page-content.share-icons .item-links a span.count {
    color:#cfcfcf;
    font-family:Arial;
    display:block;
    float:left;
    font-family:"Open Sans", Arial;
    height:58px;
    line-height:58px;
    font-size:20px;
}
.detail-page-content.share-icons .item-links a:hover span.count {
    color:#000;
}

.detail-page-content.share-icons .item-links a.item-like span.count {
    position:absolute;
    left:65px;
    display:block;
}

.detail-page-content.share-icons .share-box-container {
    width:218px;
    height:90px;
    position:absolute;
    background:url(../images/share-box-container.png);
    z-index:100;
    left:50%;
    margin-left:-135px;
    top:63px;
    text-align:left;
    display:none;
}

.detail-page-content.share-icons .share-container:hover span.icon {
    background:url(../images/icons/icon-share-hover.png) left top no-repeat !important;
    background-size:58px 58px !important;
    
}


/* detail page poster block */

.avatar-container {
    width:100%;
    height:130px;
    position:relative;
}

.poster-avatar {
    width:100%;
}

.detail-page-poster img {
    border-radius:10000px;
    height:98px;
    width:98px;
    margin-top:21px;
    position:absolute;
    display:block;
    left:50%;
    margin-left:-49px;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s;  
}

.detail-page-poster img.triggered {
    height:108px;
    width:108px;
    margin-top:15px;
    position:absolute;
    display:block;
    left:50%;
    margin-left:-54px;
}

.detail-page-poster span.poster-name {
    display:block;
    width:100%;
    font-weight:bold;
    font-size:15px;
    text-transform:uppercase;
    margin-top:10px;
}

.detail-page-poster span.poster-quote {
    font-family:"Georgia", Open Sans;
    font-style:italic;
    font-size:12px;
    margin-top:2px;
    width:100%;
    display:block;
    margin-bottom:20px;
}

.detail-page-poster a.photo-count {
    height:22px;
    display:inline-block;
    padding-left:26px;
    line-height:22px;
    font-size:12px;
    background:url(../images/photos-icon.png) left center no-repeat;
    margin-left:13px;
    margin-right:13px;
    margin-bottom:30px;
    color:#000;
}

.detail-page-poster a.lookbook-count {
    height:22px;
    display:inline-block;
    padding-left:26px;
    line-height:22px;
    font-size:12px;
    background:url(../images/lookbooks-icon.png) left center no-repeat;
    margin-left:13px;
    margin-right:13px;
    color:#000;
}

.detail-page-poster a.photo-count:hover,
.detail-page-poster a.lookbook-count:hover {
    opacity:0.5;
}


/* detail page more photos */


.detail-page-content .small-photos {
    width:100%;
    margin-top:11px;
    margin-bottom:4px;
}

.detail-page-content .small-photos a {
    display:inline-block;
    margin-left:3.5px;
    margin-right:3.5px;
    margin-bottom:4px;
    position:relative;
    height:71px;
    width:71px;
    overflow:hidden;
}

.detail-page-content .small-photos a img {
    height:72px;
    width:72px;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s;    
}

.detail-page-content .small-photos a:hover img {
    opacity:0.5
}



.detail-page-content .small-photos a span.item-mag,
.content-item-image-container .three-colomns a span.item-mag,
.content-item-image-container .two-colomns a span.item-mag{
    opacity:0;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;    
    -o-transition:0.3s;
    transition:0.3s;
    height:50px;
    width:50px;
    background:url(../images/item-mag.png) left top no-repeat;
    background-size:25px 25px;
    position:absolute;
    z-index:100;
    left:50%;
    margin-left:-12.5px;
    top:50%;
    margin-top:-12.5px;
    display:block;
}
.detail-page-content .small-photos a:hover span.item-mag,
.content-item-image-container .three-colomns a:hover span.item-mag,
.content-item-image-container .two-colomns a:hover span.item-mag{
    opacity:1;
}



/* detail page "also added by" */

.detail-page-added-by-row {
    border-bottom:1px solid #dddddd;
    width:100%;
}

.detail-page-added-by-row:last-child {
    border-bottom:none;
    width:100%;
}

.detail-page-added-by-row .added-by {
    text-transform:uppercase;
    
    line-height:16px;
    font-size:11px;
    margin-bottom:0;
    padding-left:12px;
    padding-right:12px;
    overflow: visible;
    color:#555555;
    width:100%;
    padding-top:8px;
}

.detail-page-added-by-row .added-by a {
    font-weight:bold;
    color:#555555;
}

.detail-page-added-by-row .added-by a:hover {
    font-weight:bold;
    color:#000;
    text-decoration:underline;
}

/* User profile lookbooks */

.user-profile-top {
    width:100%;
    text-align:center;
    margin-top:70px;
    border-bottom:1px solid #bbbbbb;
    padding-bottom:30px;
}


.lookbook-item .lookbook-name {
    margin-top:18px;
    height:10px;
}

.lookbook-item .lookbook-name a {
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
    color:#000;
}

.lookbook-item .lookbook-name a:hover {
    text-decoration:underline;
}

.lookbook-item p {
    font-family:"Georgia", "Open Sans";
    color:#000;
    font-size:13px;
    margin-top:6px;
}

.lookbook-item .photo-count {
    height:22px;
    display:inline-block;
    padding-left:26px;
    line-height:22px;
    font-size:12px;
    background:url(../images/photos-icon.png) left center no-repeat;
    margin-top:13px;
    color:#000;
}
.lookbook-item .photo-count:hover {
    opacity:0.2;
}


/* content pages */

.content-page-wrapper {
    width:980px;
    margin-left:auto;
    margin-right:auto;
    margin-top:134px;
}

.content-page-menu {
    width:262px;
    margin-top:44px;
    float:left;
}

.content-page-menu ul {
    display:block;
    width:250px;    
}

.content-page-menu ul li {
    min-height:28px;
    background:#dddddd;
    display:block;
    border-bottom:2px solid #fff;
    position:relative;
}
.content-page-menu ul li a {
    color:#555555;
    font-size:12px;
    font-weight:bold;
    width:100%;
    display:block;
    height:100%;
}

.content-page-menu ul li a span {
    display:block;
    width:100%;
    height:100%;
    padding:8px;
}

.content-page-menu ul li:hover, .content-page-menu ul li.selected {
    background:#000;
}

.content-page-menu ul li a:hover, .content-page-menu ul li.selected a {
    color:#fff;
}

.content-page-menu span.arrow {
    display:block;
    position:absolute;
}

.content-page-menu ul li:hover span.arrow, .content-page-menu ul li.selected span.arrow {
    display:block;
    position:absolute;
    height:28px;
    width:10px;
    right:-10px;
    top:50%;
    margin-top:-14px;
    background:url(../images/content-menu-arrow.png) left top no-repeat;
}

.content-page-wrapper .content-page {
    float:left;
    width:694px;
    margin-left:18px;
}

.content-page h1 {
    font-size:23px;
    margin-bottom:8px;
}
.content-page p {
    line-height:20px;
    font-size:14px;
    margin-bottom:13px;
}


/* Edit profile */

.profile-head {
    width:100%;
    
    height:172px;
    margin-top:55px;
    
}

.profile-head .avatar-container {
    width:100%;
    text-align:center;
}

.profile-head .avatar-container .profile-avatar img {
    border-radius:10000px;
    height:98px;
    width:98px;
    margin-top:21px;
    position:absolute;
    display:block;
    left:50%;
    margin-left:-49px;
    -moz-transition:0.2s;
    -webkit-transition:0.2s;    
    -o-transition:0.2s;
    transition:0.2s;  
}

.profile-head .profile-name {
    text-align:center;
    width:100%;
    display:block;
    font-weight:bold;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
}


.profile-menu-wrapper {
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    margin-top:20px;
    width:100%;
    text-align:center;
    height:39px;
    
}

ul.profile-menu {
    height:39px;
    display:inline-block;    
}

ul.profile-menu li {
    float:left;
    height:39px;
    display:block;
}


ul.profile-menu li:first-child {
    float:left;
    height:39px;
    display:block;
    border-left:1px solid #dddddd;
}

ul.profile-menu li a {
    display:block;
    height:39px;
    padding-left:10px;
    padding-right:10px;
    text-transform:uppercase;
    color:#000;
    font-weight:bold;
    line-height:39px;
    border-right:1px solid #dddddd;
}

ul.profile-menu li a:hover, ul.profile-menu li.selected a {
    background:#000;
    color:#fff;
}

.content-page-wrapper.profile {    
    margin-top:43px;   
}


.block {
    border:1px solid #dddddd;
    width:100%;
    margin-bottom:41px;
    text-align:left;
    position:relative;
    float:left;
}

.block-header {
    height:52px;
    width:100%;
    border-bottom:1px solid #dddddd;
    padding-left:17px;    
}

.block-header h3 {
    font-weight:bold;
    font-size:11px;
    line-height:52px;
    width:100%;    
    text-transform:uppercase;
}

.block-content-element {
    float:left;
    padding-left:28px;
    width:495px;
    padding-top:22px;
    padding-bottom:22px;
    height:316px;
}

.block .block-content-element:last-child {
    border-left:1px solid #dddddd;    
    width:460px;    
}

div.input-field {
    width:100%;    
    display:block;
    min-height:71px;
    margin-bottom:10px;
}

div.input-field span.label {
    font-size:11px;
    display:block;
    line-height:29px;
    width:100%;
}

div.input-field input[type="text"] {
    width:440px;
    background:url(../images/inputbg.png) left top no-repeat;
    font-size:16px;
    height:41px;
    padding-left:13px;
    border:1px solid #cacaca;
}

div.input-field textarea {
    width:100%;
    background:url(../images/inputbg.png) left top no-repeat;
    font-size:16px;
    height:41px;
    padding-left:13px;
    border:1px solid #cacaca;
    resize:none;
    height:122px;
    padding-top:13px;
}



div.input-password-section {
    width:100%;
}

div.input-password-section .input-field {
    width:202px; 
    float:left;
    margin-right:35px;
}

div.input-password-section .input-field:last-child {
    margin-right:0px;
}


div.block-content input[type="password"] {
     width:100%;
    background:url(../images/inputbg.png) left top no-repeat;
    font-size:16px;
    height:41px;
    padding-left:13px;
    border:1px solid #cacaca;
}

div.radio-section {
    width:100%;
    float:left;
    height:43px;
    margin-top:3px;
}

div.radio-section .input-field {
    width:103px;
    float:left;
}

div.radio-section .input-field label {
    font-size:16px;
    padding-left:10px;
    margin-top:1px;
}

div.input-field .profile-avatar {
    margin-top:31px;
    width:100%;
}

div.input-field .profile-avatar img {
    border-radius:10000px;
    float:left;
    height:99px;
    width:99px;
}

div.input-avatar input[type="file"] {
    display:none;    
}

div.input-avatar label {
    display:inline-block;
    background:#000;
    color:#fff;
    height:33px;
    width:177px;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-size:11px;
    line-height:33px;
    background:#777777;
    margin-left:25px;
    margin-top:32px;
    cursor:pointer;
}

div.input-avatar label:hover {
    background:#000;
}

div.input-avatar a.delete-avatar {
    color:#000;
    margin-left:10px;
    font-weight:bold;
    cursor:pointer;
}

div.input-avatar a.delete-avatar:hover {
    text-decoration:underline;
}

div.profile-save {
    width:100%;
    float:left;
    text-align:center;
}

div.profile-save input[type="submit"] {
    display:inline-block;
    padding:17px;
    background:#000;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    font-size:14px;
    
}
div.profile-save input[type="submit"]:hover {
    background:#555;
    color:#fff;
}


/* register block */

.block.register-block {
    width:435px !important;
    margin-left:auto;
    margin-right:auto;
    float:none;
    margin-top:80px;
}

.block.register-block .block-header {
    text-align:center;
    font-size:20px;
    color:#dddddd;
    transition:1s;
    -moz-transition:1s;
    -webkit-transition: 1s;
}

.block.register-block:hover .block-header {
    color:#bbb;
}
.block.register-block .block-header h3 {
    font-size:20px;
}

.block.register-block .block-content {
    padding:43px;
}
.block.register-block .input-field {
    min-height:50px;
}

.block.register-block .input-field input {
    width:100%;
    height:50px;
    font-size:21px;
}

.block.register-block .radio-section .input-field input {
    width:20px;
    float:left;
}
.block.register-block .radio-section .input-field label {
    float:left;
    line-height:47px;
}

.block.register-block label {
    color:#999999;
}
.block.register-block label:hover {
    color:#000;
}

.block.register-block .block-footer {
    height:73px;
    clear:both;
    border-top:1px solid #dddddd;
    text-align:center;
    width:100%;
    padding-top:20px;
    padding-bottom:20px;
}

.block.register-block .block-footer p {
    line-height:14.4px;
    font-size:12px;
    font-family:Arial, verdana;
    color:#999999;
    display:inline-block;
    width:365px;
}

.block.register-block .block-footer p a {
    color:#999999;
    font-weight:bold;
    font-size:12px;
}

.block.register-block .block-footer p a:hover {
    color:#000;
    text-decoration:underline;
}
.block.register-block input[type="submit"] {    
    
    display:inline-block;
    height:50px;
    line-height:50px;
    background:#000;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    float:right;    
    margin-bottom:20px;
}

.block.register-block input[type="submit"]:hover {
    background:#555;
    color:#fff;
}



.block.register-block .choose-photo-to-upload {
    background:url(../images/inputbg.png) left top no-repeat;
    font-size:12px;
    height:50px;
    line-height:50px;
    padding-left:13px;
    border:1px solid #cacaca;
    position:relative;
}

.block.register-block .choose-photo-to-upload input {
    display:none;
}

.block.register-block .choose-photo-to-upload label {
    position:absolute;
    font-size:21px;
    height:50px;
    line-height:50px;
    padding-left:62px;    
    position:absolute;
    top:0;
    color:#999;
    bottom:0;
    right:0;
    left:0;
    background:url(../images/icons/select-profile-avatar.png) 10px center no-repeat;
    cursor:pointer;
}

.block.register-block .choose-photo-to-upload label:hover {
    
}

.block.register-block .choose-photo-to-upload span.file-name {
    position:absolute;
    height:41px;
    line-height:41px;    
    width:230px;
    overflow:hidden;
}

.register-using-socialmedia {
    border-bottom:1px solid #dddddd;
}

.block.register-block a.register-using {
    width:100%;
    display:block;
    height:50px;
    background:#ccc;
    margin-bottom:12px;
    color:#fff;
    text-transform:uppercase;
    line-height:50px;
    font-weight:bold;
    font-size:14px;
    
}

.block.register-block a.register-using span.logo {
    display:block;
    height:50px;
    width:50px;
    float:left;
    margin-right:20px;
    transition:1s;
    -moz-transition:1s;
    -webkit-transition: 1s;
}
.block.register-block a.register-using.facebook {
    background:#3c6097;
}
.block.register-block a.register-using.twitter {
    background:#23a7cf;
    margin-bottom:-5px;
}
.block.register-block a.register-using.facebook span.logo {
    background:url(../images/icons/registreren-facebook.png) center top #9eb0cb no-repeat;
    
}
.block.register-block a.register-using.twitter span.logo {
    background:url(../images/icons/registreren-twitter.png) center top #91d3e7 no-repeat;
}

.block.register-block a.register-using.facebook:hover {
    background:#224478;    
}

.block.register-block a.register-using.twitter:hover {
    background:#1c7a96;
    
}
.block.register-block a.register-using.twitter:hover span.logo {
    background:url(../images/icons/registreren-twitter.png) center -50px #00accd no-repeat;
}

.block.register-block a.register-using.facebook:hover span.logo {
    background:url(../images/icons/registreren-facebook.png) center -50px #1d6294 no-repeat;
    
}

/* controller */
.controller-wrapper {
    height:91px;    
    margin-top:29px;
    margin-bottom:21px;
    text-align:center;
}

.controller-wrapper div.controller {
    background:url(../images/controller.png) center top no-repeat;
    height:91px;
    width:91px;
    display:inline-block;
}

a.backtotop {
    width:50px;
    height:50px;
    position:fixed;
    right:0;
    bottom:50px;
    background:url(../images/back-to-top.png) left top no-repeat;
    z-index:1000;
    cursor:pointer;
    display:none;
}

a.backtotop:hover {
    background:url(../images/back-to-top.png) left -50px no-repeat;    
    border:1px solid #000;
}

.detail-page-popup-container {
    display:none;
    overflow-y: scroll;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:fixed;    
    z-index:1000;    
}

.detail-page-popup {
    width:1055px;
    padding:34px;
    padding-left:29px;
    padding-right:29px;
    position:absolute;
    left:50%;    
    margin-left:-517px;
    top:67px;
    background:#fff;
    z-index:1000;
    overflow-x: hidden;    
}

.popup-detail {
    cursor:pointer;
}

.overlay, .detail-overlay {
    background:#000;
    opacity:0.85;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:500;
    height:100%;
    display:none;
    cursor:zoom-out;
}

.overlay {
    margin-right:0px;
}

.detail-overlay {
    
}

/* create lookbook popup */

.create-lookbook-popup-container, .add-photo-popup-container {
    background:#fff;
    padding:24px;
}

.create-lookbook-popup-container {
    width:460px;
}

.create-lookbook-popup {
}

.create-lookbook-popup .block {
	margin-bottom:0 !important;
}

.create-lookbook-popup .block-header {
    height:44px;
}

.create-lookbook-popup .block-header h3 {
    line-height:43px;
    background:url(../images/lookbooks-icon.png) no-repeat left center;
    padding-left:30px;
}

.create-lookbook-popup .block-content {
    padding:15px;
}

.create-lookbook-popup .block-content input {
    
    width:374px !important;
}

.create-lookbook-popup a.close {
    height:42px;
    width:46px;
    background:url(../images/close.png) left top no-repeat;
    display:block;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    border-left:1px solid #dddddd;
}
.create-lookbook-popup a.close:hover {
    background:url(../images/close-hover.png) left top no-repeat;    
}

.create-lookbook-popup .input-field {
    min-height:43px !important;
}


.create-lookbook-popup div.choose-lookbook-category-wrapper {
    width:374px;
    background:url(../images/inputbg.png) left top no-repeat;
    cursor:pointer;
}

.create-lookbook-popup span.choose-lookbook-category {
    
    font-size:16px;
    height:41px;
    padding-left:43px;
    border:1px solid #cacaca;
    display:block;
    line-height:41px;
    background:url(../images/icons/lookbook-category.png) 8px center no-repeat;
    position:relative;
}

.create-lookbook-popup a.selector {
    height:41px;
    width:46px;
    background:url(../images/selector.png) center center no-repeat;
    display:block;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    border-left:1px solid #dddddd;
}

.create-lookbook-popup div.choose-lookbook-category-wrapper:hover a.selector {
    background:url(../images/selector-hover.png) center center no-repeat;
}



.create-lookbook-popup a.add-to-browser {
    display:block;
    float:left;
    width:200px;
    color:#000;
    font-size:12px;
    text-decoration:underline;
    margin-top:10px;
}

.create-lookbook-popup a.add-to-browser:hover {
    color:#777777;
    text-decoration:none;
}

.create-lookbook-popup input[type="submit"] {
    float:right;
    padding:13px;
    color:#fff;    
    background:#000;
    text-transform:uppercase;
    width:157px !important;
    cursor:pointer;
    margin-top:10px;
}

.create-lookbook-popup input[type="submit"]:hover {
    background:#555;
    color:#fff;
}

/* add photo popup */

.add-photo-popup-container {    
    height:475px;
}

.add-photo-popup {
    
}

.add-photo-popup .block-header {
    height:44px;
}

.add-photo-popup .block-header h3 {
    line-height:43px;
    background:url(../images/photos-icon.png) no-repeat left center;
    padding-left:30px;
}

.add-photo-popup .block-content {
    padding:15px;
}

.add-photo-popup .block-content .detail img { float: left; }
.add-photo-popup .block-content .detail img { float: left; }
.add-photo-popup .block-content .text { width: 200px; overflow: hidden; height: auto; float: left; }
.add-photo-popup .block-content .text span { padding: 0px 0 0 0; width: auto; height: auto; display: block; text-align: center; font-size: 11px; }
.add-photo-popup .block-content .text .pin { margin: 13px 0 8px 8px; padding: 0 14px 0px 32px; display: block; line-height: 29px; float: left; font-weight: bold; height: 29px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; background: #d83d5f url('http://www.girlscene.nl/pin/images/pin1.png') 12px 4px no-repeat; }
.add-photo-popup .block-content .detail p { padding: 10px 0 4px 0; line-height: 14px; }



.add-photo-popup .block-content a.lookbook-btn {
    display:block;
    width:200px;
    height:46px;
    background:url(../images/create-lookbook-btn.png) left top no-repeat;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    font-size:15px;
    padding-left:51px;
    line-height:36px;
    float:left;
    margin-left:5px;
}

.add-photo-popup .block-content a.lookbook-btn span {
    font-size:13px;
    text-align:left;
}

.add-photo-popup .block-content  a.lookbook-btn:hover {
    background:url(../images/create-lookbook-btn.png) left -46px no-repeat;
}

.add-photo-popup .block-content input {    
    width:374px !important;
}

.add-photo-popup a.close {
    height:42px;
    width:46px;
    background:url(../images/close.png) left top no-repeat;
    display:block;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    border-left:1px solid #dddddd;
}
.add-photo-popup a.close:hover {
    background:url(../images/close-hover.png) left top no-repeat;    
}

.add-photo-popup .input-field {
    min-height:43px !important;
}


.add-photo-popup div.choose-lookbook-category-wrapper {
    width:374px;
    background:url(../images/inputbg.png) left top no-repeat;
    cursor:pointer;
}


.add-photo-popup span.choose-lookbook {
    
    font-size:16px;
    height:41px;
    padding-left:43px;
    border:1px solid #cacaca;
    display:block;
    line-height:41px;
    background:url(../images/lookbooks-icon.png) 8px center no-repeat;
    position:relative;
}

.add-photo-popup span.choose-lookbook-category {
    
    font-size:16px;
    height:41px;
    padding-left:43px;
    border:1px solid #cacaca;
    display:block;
    line-height:41px;
    background:url(../images/icons/lookbook-category.png) 8px center no-repeat;
    position:relative;
}

.add-photo-popup a.selector {
    height:41px;
    width:46px;
    background:url(../images/selector.png) center center no-repeat;
    display:block;
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    border-left:1px solid #dddddd;
}

.add-photo-popup div.choose-lookbook-category-wrapper:hover a.selector {
    background:url(../images/selector-hover.png) center center no-repeat;
}



.add-photo-popup a.add-to-browser {
    display:block;
    float:left;
    width:200px;
    color:#000;
    font-size:12px;
    text-decoration:underline;
    margin-top:10px;
}

.add-photo-popup a.add-to-browser:hover {
    color:#777777;
    text-decoration:none;
}

.add-photo-popup input[type="submit"] {
    float:right;
    padding:13px;
    color:#fff;    
    background:#000;
    text-transform:uppercase;
    width:157px !important;
    cursor:pointer;
    margin-top:10px;
    font-weight:bold;
}

.add-photo-popup input[type="submit"]:hover {
    background:#555;
    color:#fff;
}

.add-photo-popup .choose-photo-to-upload {
    background:url(../images/inputbg.png) left top no-repeat;
    font-size:12px;
    height:41px;
    line-height:41px;
    padding-left:13px;
    border:1px solid #cacaca;
    position:relative;
}

.add-photo-popup .choose-photo-to-upload input {
    display:none;
}

.add-photo-popup .choose-photo-to-upload label {
    position:absolute;
    height:41px;
    background:#000;
    color:#fff;
    line-height:40px;
    text-transform:uppercase;
    font-weight:bold;
    padding-left:12px;
    padding-right:12px;
    display:block;
    right:-3px;
    top:-1px;
    cursor:pointer;    
}

.add-photo-popup .choose-photo-to-upload label:hover {
    background:#555;
    color:#fff;
}

.add-photo-popup .choose-photo-to-upload span.file-name {
    position:absolute;
    height:41px;
    line-height:41px;    
    width:230px;
    overflow:hidden;
}


/* footer */
.footer-wrapper {
    height:43px;
    border-top:1px solid #eeeeee;
}

div.footer-left {
    float:left;
    height:43px;
    line-height:43px;
    padding-left:16px;
    text-transform:uppercase;
    color:#bdbdbd;
}

div.footer-right {
    float:right;
}

div.footer-right li {
    display:inline-block;
    height:43px;
    line-height:43px;    
}

div.footer-right li a {
    color:#bdbdbd;
    text-transform:uppercase;
    padding-left:19px;
    padding-right:19px;
    height:43px;
    display:block;
}

div.footer-right li a:hover {
    color:#000;
}


@media all and (max-width: 600px) and (min-width: 0px) {
    li.content-item {
        width:49.9%;        
    }
}

@media all and (max-width: 900px) and (min-width: 600px) {
    li.content-item {
        width:33.29%;
    }
}

@media all and (max-width: 1200px) and (min-width: 900px) {
    li.content-item {
        width:24.9%;        
    }
}

@media all and (max-width: 1700px) and (min-width: 1200px) {
    li.content-item {
        width:19.9%;        
    }
}

@media all and (max-width: 2000px) and (min-width: 1700px) {
    li.content-item {
        width:16.6%;
    }
}

@media all and (max-width: 6000px) and (min-width: 2000px) {
    li.content-item {
        width:13.8%;
    }
}