.pubs{
	margin-top:28px;
	margin-left: 20px;
	margin-right: 20px;
}
#main{
	background-color: #eeeeee;
}
.pubs{
	margin-top:28px;
	margin-left: 10px;
	margin-right: 10px;
}
.pub{
	float: left;
	border: 1px solid #000;
	margin-bottom: 10px;
	margin-left:15px;
}
.pub .img img{
	margin: 5px 5px;
	width: 130px;
	height: 74px;
}
.pubs .last{
	float:right;
	margin-right: 15px;
}

.pub .desc{
	text-align: center;
    vertical-align: middle;
}
.pub{
	background-color: white;
	width: 140px;
}

.pub .desc .title a{
	text-decoration: none;
}

.pub .desc .title a:visited{
	color: #000;
}
@media(max-width: 320px){
	.pub{
		margin-left:0px;
	}
	.pubs .last{
		margin-right: 0px;
	}
}

@media(min-width: 400px){
	.pub{
		margin-left:30px;
	}
	.pubs .last{
		margin-right: 30px;
	}
}

@media(min-width: 550px){
	.pub{
		margin-left:30px;
	}
	.pubs .last{
		float: left;
		margin-right: 0px;
	}
}
@media(min-width: 640px){
	.pub{
		margin-left:10px;
	}
	.pubs .last{
		float: left;
		margin-right: 0px;
	}
}

@media(min-width: 660px){
	.pub{
		margin-left:16px;
	}
	.pubs .last{
		float: left;
		margin-right: 0px;
	}
}
@media(min-width: 730px){
	.pub{
		margin-left:28px;
	}
	.pubs .last{
		float: left;
		margin-right: 0px;
	}
}
@media(min-width: 760px){
	.pub{
		margin-left:35px;
	}
	.pubs .last{
		float: left;
		margin-right: 0px;
	}
}