/*
* JPLIST: div layout css
*/
.list{
	float: left;
	width: 100%;
	padding: 1.25em 0;
}

.list .list-item{
	float: left;
	width: 96%;
	margin: 0 2% 1em 2%;
}

/*
* image styles
*/
.list .list-item .img{
	width: 15%;
	float: left;
	font-size: 0;
	display:block;
	background: #eee;
}

.list .list-item .img img{
	max-width: 90%;
	max-height: 90%;
}

/*
* bloxk styles
*/
.list .list-item .block{
	float: right;
	width: 85%;
}
.list .list-item .cell_section2x{
	float: left;
	width: 55%;
}
.list .list-item .cell_section3x{
	float: right;
	width: 30%;
}
.block .title{
	font-family: 'verdana';
	font-size: 1.16em;
	line-height: 1.16em;
	color: #CA3F1A;
}

.block .date{
	color: #7F4F24;
	padding: 0 1.6em 0 0;
	font-size: 0.8em;
	line-height: 0.8em;
	float: right;
}

.block .desc{
	line-height: 1.3em;
	padding: 0 0.6em 0 0;
}

.like{
	line-height: 1.3em;
	padding: 0.3em 0 0 0;
	color: #7F4F24;
	font-size: 0.8em;
}


/* 
* list/grid buttons 
*/
.views{
	float: left;
	margin: 0.8em 0 0 1.25em;
}

.views .view{
	float: left;
	width: 18px;
	height: 18px;
	background-color: #ccc;
	margin: 0em 0 0 0.3em;
	cursor: pointer;
}

.views .list-view{
	background: url('../images/list-btn.png') no-repeat 50% 50%;
}

.views .grid-view{
	background: url('../images/grid-btn-disabled.png') no-repeat 50% 50%;
}

.grid .views .list-view{
	background: url('../images/list-btn-disabled.png') no-repeat 50% 50%;
}

.grid .views .grid-view{
	background: url('../images/grid-btn.png') no-repeat 50% 50%;
}

/* 
* grid view 
*/
.grid .list-item{
	width: 22%;
	height: 300px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 1.5em 1.0em;
	border: 1px solid #eee;
}

.grid .list-item .cell_section2,
.grid .list-item .cell_section3,
.grid .list-item .img{
	width: 100%;
	text-align: center;
}

.grid .list-item .desc{
	display: none;
}

.grid .list-item .block p{
	padding: 0.3em 0 0 0;
}

.grid .list-item .block .title{
	line-height: 1.5em;
	font-size: 1em;
}

.grid .date{
	float: none;
}