/* General */

	/* Content */

		.piki-view > header {
			position: relative;
			display: block;
			width: 100%;
		}
		.piki-view > header .title {
			float: left;
			margin: 0;
			font-size: 1.9em;
			font-weight: 700;
			line-height: 38px;
			text-transform: uppercase;
		}

		/* With header icon */
		.piki-view.with-header-icon > header {
			padding-left: 65px;
			margin-bottom: 25px;
			background: #828282;
		}
		.piki-view.with-header-icon > header .title {
			color: #fff;
		}
		.piki-view > header i.icon {
			position: absolute;
			left: 0;
			top: 50%;
			display: block;
			width: 53px;
			height: 53px;
			margin-top: -26px;
			text-align: center;
			position: absolute;
			border: 3px solid #828282;
			background: #fff;
			color: #828282;
			line-height: 47px;
			font-size: 2.5em;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

		.piki-view > header .view-all-link {
			display: block;
			float: right;
			text-transform: uppercase;
			font-size: 1.4em;
			color: #fff;
			text-decoration: none;
			line-height: 38px;
		}
		.piki-view > header .view-all-link:hover {
			text-decoration: underline;
		}

/* Listagens */

	.piki-view .sz16 { width: 100%; }
	.piki-view .sz8 { width: 50%; }
	.piki-view .sz4 { width: 25%; }
	.piki-view .sz2 { width: 12.5%; }
	.piki-view .list-items {
		margin: 0 -2%;
	}
	.piki-view .list-items .list-item {
		display: block;
		float: left;
		padding: 0 2%;
		margin: 0 0 2%;
		text-decoration: none;
	}

/* Default */

	.piki-view.default img {
		float: left;
		width: 42%;
		height: auto;
		display: block;
		border: 8px solid #fff;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(135,135,135,0.46);
		-moz-box-shadow: 0px 0px 12px 0px rgba(135,135,135,0.46);
		box-shadow: 0px 0px 12px 0px rgba(135,135,135,0.46);
	}
	.piki-view.default .list-item .infos {
		display: block;
	}
	.piki-view.default .list-item.with-thumb .infos {
		float: left;
		margin-left: -42%;
		padding-left: 45%;
		width: 100%;
	}	
	.piki-view.default .list-item .item-title {
		display: block;
		margin: 0 0 0 0;
		padding-bottom: 8px;
		font-size: 1.7em;
		color: #2b2b2b;
		letter-spacing: -0.02em;
		line-height: 1.2em;
		background: url( images/firula-titulo.png ) no-repeat left bottom;
	}
	.piki-view.default .list-item .data {
		display: block;
		margin-top: 13px;
		font-size: 1.2em;
		line-height: 1em;
	}
	.piki-view.default .list-item .data i {
		float: left;
		margin-top: -1px;
		margin-right: 6px;
	}
	.piki-view.default .list-item .excerpt {
		display: block;
		font-size: 1.5em;
		line-height: 1.2em;
		margin-top: 12px;
	}
	.piki-view.default .list-item:hover img {
		-webkit-box-shadow: 0px 0px 4px 0px rgba( 135, 135, 135, 0.46 );
		-moz-box-shadow: 0px 0px 4px 0px rgba( 135, 135, 135, 0.46 );
		box-shadow: 0px 0px 4px 0px rgba( 135, 135, 135, 0.46 );
	}

	/* archive */
	.piki-view.default .list-item.sz16 img {
		width: 25%;
	}
	.piki-view.default .list-item.sz16 .list-item.with-thumb .infos {
		margin-left: -25%;
		padding-left: 28%;
	}	



/* Multimidia */

	.piki-view.multimidia .list-item .item-content {
		position: relative;
		display: block;
		margin-left: 40px;
		padding: 20px 20px 20px 60px;
		min-height: 100%;
		border: #f1f1f1 1px solid;
		background: #f8f8f8;
	}
	.piki-view.multimidia .list-item .icon {
		position: absolute;
		display: block;
		width: 80px;
		height: 80px;
		line-height: 80px;
		left: -42px;
		top: 50%;
		margin-top: -40px;
		color: #f1afaf;
		text-align: center;
		background: #f1f1f1;
		font-size: 3.4em;
	}
	.piki-view.multimidia .item-title {
		font-size: 1.6em;
		font-weight: 400;
		margin: 0;
	}
	.piki-view.multimidia .excerpt {
		font-size: 1.5em;
		margin: 8px 0 0;
		line-height: 1.2em;
	}
	/* hover */
	.piki-view.multimidia .list-item:hover .icon,
	.piki-view.multimidia .list-item:hover .item-content {
		background-color: #f1afaf;
		color: #fff;
	}
	.piki-view.multimidia .list-item:hover .icon {
		background-color: #f8c7c7;
	}


/* Widget */

		/* Covers */
		.piki-view.widget-thumbs .list-items {
			margin: 0;
		}
		.piki-view.widget-thumbs .list-item {
			float: none;
			width: 100%;
			margin: 15px 0 0;
			padding: 0;
		}
		.piki-view.widget-thumbs a {
			display: block;
			position: relative;
		}
		.piki-view.widget-thumbs img {
			display: block;
		}
		.piki-view.widget-thumbs .item-title {
			display: block;
			position: absolute;
			bottom: 25px;
			right: 0;
			padding: 7px 14px;
			margin: 0;
			text-transform: uppercase;
			background: rgba( 0, 0, 0, 0.65 );
			color: #fff;
			font-size: 2.2em;
		}
		.piki-view.widget-thumbs .view-all-wrapper {
			display: block;
			margin-top: 15px;
			border-top: #d6d6d0 1px solid;
		}
		.piki-view.widget-thumbs .view-all-link {
			float: right;
			font-size: 1.6em;
			text-decoration: none;
			line-height: 28px;
		}

		/* Multimidia */
		.piki-view.multimidia.widget .list-item .item-content {
			margin-left: 20px;
			padding-left: 40px;
		}
		.piki-view.multimidia.widget .list-item .icon {
			margin-top: -25px;
			width: 50px;
			height: 50px;
			left: -26px;
			font-size: 2.4em;
			line-height: 50px;
		}


/* Cores */


		/* Laranja */
		.piki-view.laranja > header {	background: #ffc248; }
		.piki-view.laranja > header i.icon {	color: #ffc248; border-color: #ffc248; }
		.piki-view.laranja .list-item:hover .excerpt { color: #ffc248; }
		.piki-view.widget.laranja .view-all-link {	background-color: #ffc248; }

		/* Rosa */
		.piki-view.rosa > header {	background: #f1afaf; }
		.piki-view.rosa > header i.icon {	color: #f1afaf; border-color: #f1afaf; }
		.piki-view.rosa .list-item:hover .excerpt { color: #f1afaf; }
		.piki-view.rosa .piki-ajaax-nav a {	background-color: #fbdbdb; }
		.piki-view.rosa .piki-ajaax-nav a:hover {	background-color: #f1afaf; }
		.piki-view.widget.rosa .view-all-link {	background-color: #f1afaf; }

		/* Vermelho */
		.piki-view.vermelho > header {	background: #ee162c; }
		.piki-view.vermelho > header i.icon {	color: #ee162c; border-color: #ee162c; }
		.piki-view.vermelho .list-item .item-title { background-image: url( images/firula-titulo-vermelho.png ); }
		.piki-view.vermelho .list-item:hover .excerpt { color: #ee162c; }
		.piki-view.vermelho.widget .view-all-link {	background-color: #ee162c; }



/* Modal */

	.pikiview-modal {
		position: fixed;
		top: 20px;
		bottom: 20px;
		padding: 20px;
		z-index: 1200;
		background: #fff;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(135,135,135,0.46);
		-moz-box-shadow: 0px 0px 12px 0px rgba(135,135,135,0.46);
		box-shadow: 0px 0px 12px 0px rgba(135,135,135,0.46);
	}	
	.pikiview-modal .modal-content {
		display: block;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.pikiview-modal > .close-button {
		position: absolute;
		right: 12px;
		top: 12px;
		display: block;
		width: 43px;
		height: 43px;
		background: url( images/close-button.png );
		z-index: 60;
		cursor: pointer;
	}

	.pikiview-modal .audio-wrapper {
		display: block;
		padding-right: 50px;
	}
	.pikiview-modal.audio-player .close-button {
		top: 19px;
	}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	.piki-view .list-item {
		width: 100%;
		float: none;
	}
	.piki-view.default img {
		width: 25%;
	}
	.piki-view.default .list-item.with-thumb .infos {
	    margin-left: -25%;
	    padding-left: 28%;
	}
}