﻿html {
    width: 260px;
    max-width:260px;
    min-width:260px;
    margin:0px;
}
body
{
    margin: 0px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:12px;
    font-weight:300;
    border-radius:5px;

}

.small10 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:12px;
    font-weight:300;
}

a.small10
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size:12px;
    font-weight:300;
    text-decoration:none;
}

a:hover.small10
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size:12px;
    font-weight:300;
    text-decoration:none;
    color:#222;
}

#bigwrap {
    border:1px solid #c8c8c8;
    height:500px;
    min-height:470px;
    max-height:470px;
    background:#fff;
    border-radius:5px;
}



#wrapper
{
    width: 100%;
    max-width: 100%;
    min-width: 235px;
    max-width: 235px;
    margin: 0px auto;
    padding-top:5px;
    min-height:370px;
    max-height:370px;
    overflow:hidden;
}



#columns
{
	column-count: 2;
    column-gap: 5px;
}

.pin
{
    display: block;
    border-radius: 2px;
    background: #fff;
    border: 0px solid #c8c8c8;
    margin-bottom: 0px;
    padding: 0px; 
    opacity: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position:relative;
}

    .pin img
    {
        width: 100%;
        border: 0px solid #aaa;
        border-radius: 3px;
        padding: 0px;
        margin-bottom: 0px;
        display: inline;
        font-family: 'Roboto Condensed', sans-serif;
        font-size:12px;
        z-index:2;
        position:relative;
    }


    .pin .videoIcon
    {
        z-index:10;
        display: inline;
        position:absolute;
        width:32px;
        height:32px;
        top:28%;
        left:42px;
        opacity:.6;
    }

        .pin .videoIcon:hover {
            opacity:1;
        }

.pin:hover {
    opacity:.85;
}


#goButton {
    width:234px;
    height:35px;
    line-height:35px;
    border:1px solid #c8c8c8;
    border-radius:3px;
    margin:5px auto 0px auto;
    background-color: #fff;
    background-image: url(https://www.amenpics.com/images/logo_widget.png), -webkit-gradient(linear, 0% 0%, 1000% 0%, from(#f0f0f0), to(#dddddd));
    background-image: url(https://www.amenpics.com/images/logo_widget.png), -webkit-linear-gradient( #f0f0f0, #dddddd);
    background-image: url(https://www.amenpics.com/images/logo_widget.png), -moz-linear-gradient( #f0f0f0, #dddddd);
    background-image: url(https://www.amenpics.com/images/logo_widget.png), -ms-linear-gradient( #f0f0f0, #dddddd);
    background-image: url(https://www.amenpics.com/images/logo_widget.png), -o-linear-gradient( #f0f0f0, #dddddd);
    background-image: url(https://www.amenpics.com/images/logo_widget.png), linear-gradient( #f0f0f0, #dddddd);
    background-repeat:no-repeat;
    background-position: center center;
    cursor:pointer;

}

.infoDIV {
    height:35px;
    line-height:15px;
    display:block;
    margin-left:11px;
    margin-right:11px;
    margin-bottom:2px;
    margin-top:5px;
    background:#fff;
    z-index:0;
}
    .infoDIV usern {
        font-weight:700;
        display:inline-block;
        font-size:15px;
        padding-top:2px;
        z-index:1;
        cursor:pointer;
    }

    .infoDIV usern:hover {
        color:#aa2200
    }
    
    .infoDIV group {
        font-weight:300;
        display:inline-block;
        font-size:13px;
        cursor:pointer;
    }

    .infoDIV group:hover {
        color:#aa2200;
    }

#countx {
    float:right;
    width:50px;
    background:#f5f5f5;
    border:1px solid #e0e0e0;
    border-radius:3px;
    display:inline-block;
    z-index:1;
    text-align:center;
    padding-top:1px;
    padding-bottom:2px;
    cursor:pointer;
}
