/* menu > isotope */
div#menu div.isotopenew {
    padding: 4px;
    overflow: hidden;
}
    

    /* menu > isotope-item */
    div#menu div.isotopenew div.isotopenew-item {
        width: 184px;
        height: 232px;
        margin: 4px;
        float: left;
        overflow: hidden;
        background: #fff;
    }
    
    div#menu div.isotopenew div.isotopenew-item[data-width="1"] {
        width: 184px;
    }
    
    div#menu div.isotopenew div.isotopenew-item[data-width="2"] {
        width: 376px;
    }




/* page > isotope */
div#page div.isotope {
    padding: 4px;
    overflow: hidden;
}
    
    
    /* page > isotope-item */
    div#page div.isotope div.isotope-item {
        width: 374px;
        height: 470px;
        margin: 4px;
        float: left;
        overflow: hidden;
        background: #fff;
        border: 1px solid #e2e2e2;
    }
    
    div#page div.isotope div.isotope-item[data-width="1"] {
        width: 182px;
    }
    
    div#page div.isotope div.isotope-item[data-width="2"] {
        width: 374px;
    }
    
    div#page div.isotope div.isotope-item[data-width="3"] {
        width: 566px;
    }
    
    div#page div.isotope div.isotope-item[data-height="1"] {
        height: 230px;
    }
    
    div#page div.isotope div.isotope-item[data-height="2"] {
        height: 470px;
    }
        
        
        /* page > isotope-imagefit */
        div#page div.isotope div.isotope-imagefit {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        
            div#page div.isotope div.isotope-imagefit img {
                display: block;
            }
    
    
    /* page > isotope-item (group / single) */
    div#page div.isotope div.isotope-item[data-mode="group"],
    div#page div.isotope div.isotope-item[data-mode="single"] {
        width: 376px;
        height: 472px;
        background: none;
        border: 0px;
    }
    
    div#page div.isotope div.isotope-item[data-mode="group"][data-width="1"],
    div#page div.isotope div.isotope-item[data-mode="single"][data-width="1"] {
        width: 184px;
    }
    
    div#page div.isotope div.isotope-item[data-mode="group"][data-width="2"],
    div#page div.isotope div.isotope-item[data-mode="single"][data-width="2"] {
        width: 376px;
    }
    
    div#page div.isotope div.isotope-item[data-mode="group"][data-width="3"],
    div#page div.isotope div.isotope-item[data-mode="single"][data-width="3"] {
        width: 568px;
    }
    
    div#page div.isotope div.isotope-item[data-mode="group"][data-height="1"],
    div#page div.isotope div.isotope-item[data-mode="single"][data-height="1"] {
        height: 232px;
    }
    
    div#page div.isotope div.isotope-item[data-mode="group"][data-height="2"],
    div#page div.isotope div.isotope-item[data-mode="single"][data-height="2"] {
        height: 472px;
    }
    
        div#page div.isotope div.isotope-item[data-mode="group"][data-height="2"] > * {
            position: relative;
            top: -8px;
            margin: 8px 0 0 0;
            width: 100%;
            height: 232px;
        }
        
        div#page div.isotope div.isotope-item[data-mode="single"] > * {
            width: 100%;
            height: 100%;
            display: block;
            text-decoration: none;
        }
        
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="rose"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="rose"] {
            background-color: #ff99cc;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="blue"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="blue"] {
            background-color: #4ca5ff;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="green"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="green"] {
            background-color: #66cc99;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="sand"],
        div#page div.isotope div.isotope-item[data-mode="single"]  > *[data-color="sand"] {
            background-color: #ffcc99;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="brown"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="brown"] {
            background-color: #ff9966;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="aqua"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="aqua"] {
            background-color: #99cccc;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="red"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="red"] {
            background-color: #ff6666;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="purple"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="purple"] {
            background-color: #9966ff;
        }
        
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="friendgroup_top"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="friendgroup_top"] {
            background-color: #ff9966;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="friendgroup_bottom"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="friendgroup_bottom"] {
            background-color: #4ca5ff;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="articlegroup_top"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="articlegroup_top"] {
            background-color: #66cc99;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="articlegroup_bottom"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="articlegroup_bottom"] {
            background-color: #4ca5ff;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="requestgroup_top"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="requestgroup_top"] {
            background-color: #66cc99;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="requestgroup_bottom"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="requestgroup_bottom"] {
            background-color: #4ca5ff;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="messagegroup_top"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="messagegroup_top"] {
            background-color: #66cc99;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="messagegroup_bottom"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="messagegroup_bottom"] {
            background-color: #4ca5ff;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="friend"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="friend"] {
            background-color: #ff9966;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="shop"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="shop"] {
            background-color: #99cccc;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="friendrequest"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="friendrequest"] {
            background-color: #66cc99;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="message"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="message"] {
            background-color: #66cc99;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="product"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="product"] {
            background-color: #ff8b00;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="productalbum"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="productalbum"] {
            background-color: #ff6666;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="article_male"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="article_male"] {
            background-color: #ff6666;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="article_female"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="article_female"] {
            background-color: #ff99cc;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="foto"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="foto"] {
            background-color: #1fd0e2;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="trendsetter"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="trendsetter"] {
            background-color: #edc900;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="fotoalbum"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="fotoalbum"] {
            background-color: #1fa4e2;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="video"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="video"] {
            background-color: #66cc66;
        }
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-color="videoalbum"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-color="videoalbum"] {
            background-color: #008e02;
        }
        
        div#page div.isotope div.isotope-item[data-mode="group"] > a,
        div#page div.isotope div.isotope-item[data-mode="single"] > a,
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-role],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-role] {
            cursor: pointer;
            -webkit-transition: opacity 600ms ease;
            -moz-transition: opacity 600ms ease;
            -o-transition: opacity 600ms ease;
            -ms-transition: opacity 600ms ease;
            transition: opacity 600ms ease;
        }
        
        div#page div.isotope div.isotope-item[data-mode="group"] > a:hover,
        div#page div.isotope div.isotope-item[data-mode="single"] > a:hover,
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-role]:hover,
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-role]:hover {
            opacity: 0.7;
            filter: alpha(opacity=70);
        }
        
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-role="search-messages"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-role="search-messages"] {
            background-image: url(images/search-messages.png);
            background-repeat: no-repeat;
            background-position: center center;
        }
        
        div#page div.isotope div.isotope-item[data-mode="group"] > *[data-role="search-contacts"],
        div#page div.isotope div.isotope-item[data-mode="single"] > *[data-role="search-contacts"] {
            background-image: url(images/search-contacts.png);
            background-repeat: no-repeat;
            background-position: center center;
        }
        
                        
            /* isotope-button */
            div#page div.isotope div.isotope-item[data-mode="group"] div.isotope-button span,
            div#page div.isotope div.isotope-item[data-mode="single"] div.isotope-button span {
                position: absolute;
                bottom: 15px;
                left: 15px;
                font-size: 0.875em; /* 14px / 16px */
                line-height: 16px;
                font-weight: 300;
                color: #fff;
            }
                
                
            /* isotope-date */
            div#page div.isotope div.isotope-item[data-mode="group"] div.isotope-date span,
            div#page div.isotope div.isotope-item[data-mode="single"] div.isotope-date span {
                position: absolute;
                top:50%;
                left: 10%;
                width: 80%;
                margin-top:10px;
                font-size: 1.125em; /* 18px / 16px */
                line-height: 20px;
                font-weight: 200;
                color: #fff;
                white-space: nowrap;
                text-align: center;
                overflow: hidden;
            }
            
            div#page div.isotope div.isotope-item[data-mode="group"] div.isotope-date span:first-child,
            div#page div.isotope div.isotope-item[data-mode="single"] div.isotope-date span:first-child {
                position: absolute;
                top:50%;
                left: 10%;
                width: 80%;
                margin-top: -30px;
                font-size: 2.25em; /* 36px / 16px */
                line-height: 40px;
                font-weight: 400;
                color: #fff;
                white-space: nowrap;
                text-align: center;
                overflow: hidden;
            }
                
            
            /* isotope-letter */
            div#page div.isotope div.isotope-item[data-mode="group"] div.isotope-letter span,
            div#page div.isotope div.isotope-item[data-mode="single"] div.isotope-letter span {
                position: absolute;
                bottom: 15px;
                left: 15px;
                width: auto;
                margin: 0;
                font-size: 0.875em; /* 14px / 16px */
                line-height: 16px;
                font-weight: 300;
                color: #fff;
                white-space: nowrap;
                text-align: left;
                overflow: hidden;
            }
            
            div#page div.isotope div.isotope-item[data-mode="group"] div.isotope-letter span:first-child,
            div#page div.isotope div.isotope-item[data-mode="single"] div.isotope-letter span:first-child {
                position: absolute;
                top:50%;
                left: 10%;
                width: 80%;
                margin-top: -20px;
                font-size: 2.25em; /* 36px / 16px */
                line-height: 40px;
                font-weight: 400;
                color: #fff;
                white-space: nowrap;
                text-align: center;
                overflow: hidden;
            }
            
            
            /* isotope-link */
            div#page div.isotope div.isotope-item[data-mode="group"] a.isotope-link span,
            div#page div.isotope div.isotope-item[data-mode="single"] a.isotope-link span {
                position: absolute;
                bottom: 15px;
                left: 15px;
                width: auto;
                margin: 0;
                font-size: 0.875em; /* 14px / 16px */
                line-height: 16px;
                font-weight: 300;
                color: #fff;
                white-space: nowrap;
                text-align: left;
                overflow: hidden;
            }
            
            div#page div.isotope div.isotope-item[data-mode="group"] a.isotope-link span:first-child,
            div#page div.isotope div.isotope-item[data-mode="single"] a.isotope-link span:first-child {
                position: absolute;
                top:50%;
                left: 10%;
                width: 80%;
                margin-top: -20px;
                font-size: 2.25em; /* 36px / 16px */
                line-height: 40px;
                font-weight: 400;
                color: #fff;
                white-space: nowrap;
                text-align: center;
                overflow: hidden;
            }
                
                
            /* isotope-text */
            div#page div.isotope div.isotope-item[data-mode="group"] div.isotope-text span,
            div#page div.isotope div.isotope-item[data-mode="single"] div.isotope-text span {
                position: absolute;
                bottom: 15px;
                left: 15px;
                font-size: 0.875em; /* 14px / 16px */
                line-height: 16px;
                font-weight: 300;
                color: #fff;
            }
            
            div#page div.isotope div.isotope-item[data-mode="group"] div.isotope-text span:first-child,
            div#page div.isotope div.isotope-item[data-mode="single"] div.isotope-text span:first-child {
                position: absolute;
                top:50%;
                left: 10%;
                width: 80%;
                margin-top: -20px;
                font-size: 2.25em; /* 36px / 16px */
                line-height: 40px;
                font-weight: 400;
                color: #fff;
                white-space: nowrap;
                text-align: center;
                overflow: hidden;
            }