body,html{padding:0px;margin:0px;}
body{font-size:14px;font-family:sans-serif;overflow:hidden;}

img{margin:0px;padding:0px;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}
	

.content{background:#fff;}
.clear{clear:both;}

select{border-style:solid;border-width:1px;height:36px;}

table{border-collapse:collapse;}
table td{padding:0px;margin:0px;}

h1{margin-top:0px;}

#header{background:#f5f5f5;padding:10px;box-shadow: 0px 3px 3px rgba(0,0,0,0.3);}
#header .button{}

#footer{background:#f5f5f5;border-top:1px solid #ccc;font-size:14px;line-height:14px;padding:10px;box-shadow: 0px 3px 3px rgba(0,0,0,0.3);}
#footer table{width:100%;}
#footer .created{padding-left:0px;}
#footer .created a{color:#000 !important;}
#footer .created img{position:relative;bottom:-1px;}


.button{text-transform:uppercase;white-space:nowrap;text-align:center;font-size:16px;line-height:16px;padding:10px;display:inline-block;
 background:#4267b2;color:#fff;
}
.button:hover,.button.active{background:#29487d;color:#fff;text-decoration:none;}


.message{margin-bottom:20px;font-size:16px;padding:10px;color:#fff;}
.message.error{background:red;}
.message.success{background:green;}


.pagination{}
.page_link{padding:4px 8px;text-align:center;display:inline-block;}
.page_link{background:#4267b2;color:#fff;}
.page_link:hover{background:#29487d;color:#fff;text-decoration:none;}
.page_link.active{background:maroon;color:#fff;}


.image{float:left;display:inline-block;width:360px;border:1px solid #ccc;box-shadow: 1px 2px 2px rgba(0,0,0,0.3);margin-bottom:30px;}
.image:nth-child(odd){margin-right:30px;}
.pic{cursor:pointer;height:260px;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center center;background-size:contain;}

.info{border-top:1px solid #ccc;}
.info table{width:100%;border-collapse:collapsed;}
.info td{}

.avatar{height:50px;width:50px;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.likes{height:50px;width:40px;text-align:center;border-left:1px solid #ccc;}

.name{display:table-cell;vertical-align:middle;width:60%;overflow:hidden;height:50px;padding-left:10px;padding-right:10px;border-right:1px solid silver;}

.like_button.liked{background:#f5f5f5;}

.like_button{cursor:pointer;display:table-cell;vertical-align:middle;width:40%;height:50px;padding-left:10px;padding-right:10px;text-align:right;white-space:nowrap;}
.like_button:not(.liked):hover{background:#f5f5f5;}

.like_button .txt{padding-left:5px;}

#shadow{position:fixed;top:0px;left:0px;z-index:1000;background:rgba(0,0,0,0.7);display:none;}
#popup{position:absolute;top:100px;width:800px;height:500px;background:#fff;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center center;background-size:contain;}