/* clearfix */
.clearfix {
	clear:both;
}

/* wrapper css */
#wrapper{
	width:100%;
}
#wrapper hgroup{
	text-align:center;
}
#wrapper h1{
    margin:5px 0;
    color:#555;
    text-shadow:1px 1px 2px rgba(200,200,200,0.5);
    font-size:30px;
    font-style: normal;
    /*font-family:Arial Narrow, Arial, sans-serif;*/
    text-align: center;
}
#wrapper h2{
	margin:5px 0;
	margin:5px 0;
	color:#FF6D99;
	text-shadow:1px 1px 2px #A50031;
	font-size:33px;
	font-family:Arial Narrow, Arial, sans-serif;
}
#wrapper h3{
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	text-shadow:1px 1px 0 #fff;
	color:#888;
	margin:5px 0;
}

#container{
	position:relative;
	width:1100px;
	margin:0 auto;
	padding-bottom: 10px;
    float: left;
}
#wrapperPopup{
    width:100%;
}
#wrapperPopup hgroup{
    text-align:center;
}
#wrapperPopup h1{
    margin:5px 0;
    color:#555;
    text-shadow:1px 1px 2px rgba(200,200,200,0.5);
    font-size:30px;
    font-style: normal;
    /*font-family:Arial Narrow, Arial, sans-serif;*/
    text-align: center;
}
#wrapperPopup h2{
    margin:5px 0;
    color:#FF6D99;
    text-shadow:1px 1px 2px #A50031;
    font-size:33px;
    font-family:Arial Narrow, Arial, sans-serif;
}
#wrapperPopup h3{
    font-style:italic;
    font-weight:normal;
    font-size:18px;
    text-shadow:1px 1px 0 #fff;
    color:#888;
    margin:5px 0;
}
#containerPopup{
    position:relative;
    /*width:840px;*/
    margin:0 auto 25px;
    padding-bottom: 10px;

}
.grid{
	width:188px;
	min-height:100px;
	/*padding: 15px;*/
	/*background:#fff;*/

	padding:8px;
	font-size:12px;
	float:left;
    /*box-shadow: 0 1px 3px rgba(34,25,25,0.4);*/
    /*-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);*/
    /*-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);*/

    /*-webkit-transition: top 1s ease, left 1s ease;*/
    /*-moz-transition: top 1s ease, left 1s ease;*/
    /*-o-transition: top 1s ease, left 1s ease;*/
    /*-ms-transition: top 1s ease, left 1s ease;*/
}

.grid:hover{
    background-color: rgba(250,250,250,0.4);
    box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
    -webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
    border-radius: 3px;
}


.grid strong {
    border-bottom:1px solid #ccc;
    margin:7px 0 3px 0;
    display:block;
    padding:0 0 5px;
    font-size:16px;
    font-weight: 500;
}
.grid .meta{
text-align:right;
color:#777;
font-style:italic;
}
.grid .imgholder img{
max-width:100%;
background:#ccc;
display:block;
border-radius: 3px;
}

.grid > a > p{
    word-break: break-word;
    font-size: 0.9em;
    padding: 2px;
}

.grid > a:hover > p{
    /*text-shadow: 1px 1px rgba(230,180,150,0.3);*/
}
.grid > a:hover{
    /*text-shadow: 1px 1px rgba(230,180,150,0.3);*/
}

.grid > a{
    font-style: normal;
    text-decoration: none;
    color: inherit;
    font-size: inherit;

}
.grid > a:hover{
    font-style: normal;
    color: inherit;
}
.grid .imgholder{
    overflow: hidden;
}
.grid > a > div > img{
    -webkit-transition: -moz-transform 1s ease-out;
    -moz-transition: -webkit-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    transition: transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease;
}

.grid > a:hover > div > img{
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
    transform:scale(1.10);
    border-radius: 3px;
}


@media screen and (max-width : 1240px) {
body{
    /*overflow:auto;*/
}
}
@media screen and (max-width : 900px) {
#backlinks{
    float:none;
    clear:both;
}
#backlinks a{
    display:inline-block;
    padding-right:20px;
}
#wrapper{
    margin-top:90px;
}
}

@media screen and (max-width : 600px) {
    .grid{
        width:calc(100% - 40px);
        min-height:100px;
        padding:20px;

    }

}


.clear {
    clear: both;
}