/**
 * Plugin Name: ClassiPress Ribbons
 * Plugin URI: http://roidayan.com
 * Author: Roi Dayan
 */

.shadowblock, .post-block { position: relative; overflow: hidden; }

/*span.ribbon-wrap*/
span.ribbon {
	-webkit-box-shadow: 0 0 10px #888;
	-moz-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #888;
}

span.ribbon {
	display: block;
    position: absolute;
    top: 15px;
    font-size: 16px;
	font-weight: bold;
	width: 120px;
    text-align: center;
	text-shadow: 0 0 5px #444;
	padding: 3px 5px;
	line-height: 20px;
	border: 1px solid white;
	cursor: default;
}

span.ribbon.right {
	right: -35px;
	left: auto;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
}

span.ribbon.left {
	left: -35px;
	right: auto;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg); /* Opera, Chrome, and Safari */
}

span.ribbon.sold { background-color: #FF4C4C; color: black; }

span.ribbon.free { background-color: #4C61FF; color: #FFFFFF; }

span.ribbon.askme { background-color: #4C61FF; color: #FFFFFF; }

span.tag {
	float: right;
	margin: 0 10px 0 0;
	padding: 0 4px;
	font-weight: bold;
	border: 1px solid #bbb;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 5px #b7b7b7;
	-moz-box-shadow: 1px 1px 5px #b7b7b7;
	box-shadow: 1px 1px 5px #b7b7b7;
	color: black;
	cursor: default;
}
.rtl span.tag { float: left; margin: 0 0 0 10px; }

span.tag.tag-new { background-color: #73F9FF; }

span.tag.tag-used { background-color: #FFF6E2; }

span.tag.tag-negotiable {
	position: absolute;
	right: 2px;
	top: 41px;
	background: white;
	color: rgb(187, 55, 212);
	font-size: 11px;
}

.rtl span.tag.tag-negotiable { right: auto; left: 2px; }

/* uncomment for different background color for featured ads */
/*
.post-block-out.featured > .post-block {
  background: transparent;
  background-color: rgb(244, 224, 163);
}
*/