/**
 * @author 		Daniel Mitchell <glockops \at\ gmail.com>
 * @copyright  	Copyright (c) 2012 D. Mitchell.
 * @license    	Creative Commons Attribution-ShareAlike 3.0 Unported
 *				http://creativecommons.org/licenses/by-sa/3.0/
 */

/**
	CSS Document for Content Plus Block 
*/
/**
	Contains only position styles - all color styles are contained in view.css
	Allowing for easy overrides using custom templates
*/
.cpb {display: block;clear: both;overflow:auto;}
/* Mini reset */
.cpb blockquote {margin:0;padding:0;font-size:100%;border:0;}

/* Prevent OL/UL overlap */
.cpb-content ul, .cpb-content ol { overflow: hidden; padding-left: 40px; margin-left: 0; }
.cpb-content ol li, .cpb-content ul li { list-style-position: outside; padding-left: 0; }

/* QUOTE and IMAGE */
.above .cpb-quote, .below .cpb-quote, .above .cpb-image, .below .cpb-image {margin: 10px auto;}
.float-left .cpb-quote, .float-left .cpb-image {float:left;margin:0 20px 10px 0;}
.float-right .cpb-quote, .float-right .cpb-image {float:right;margin:0 0 10px 20px;}
.column-left .cpb-quote, .column-left .cpb-image {float:left;margin: 0 20px 10px 0;}
.column-right .cpb-quote, .column-right .cpb-image {float:right;margin:0 0 10px 20px;}

/****************
 * IMAGE STYLES *
 ***************/

/* simple border 
 * http://www.cvwdesign.com/txp/article/395/css3-box-shadow-and-image-hover-effects
 */
.cpb-image.img-border-simple img {
	padding: 4px;
	border: solid 1px #CCC;
	background: #FFF;
}
.cpb-image.img-border-simple a:hover img {
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

/****************
 * QUOTE STYLES *
 ***************/

/* centers image in it's container */
.cpb-image { text-align: center; }
.cpb-image-caption { text-align: left; }

/* general flex quote styles */
.cpb-quote {position: relative;background: transparent;}
.cpb-quote .quote-attr {font-style: italic;display: block;margin-top: 5px; clear: both;}
.cpb-quote .quote-attr:before {content: "— "}

/* quote bubble (square) */
.cpb-quote.bq-bubble-square {padding-bottom: 10px;}
.cpb-quote.bq-bubble-square blockquote {display: block;padding: 15px;}
.cpb-quote.bq-bubble-square .quote-attr {position: relative;padding: 20px 20px 0 15px;margin-top: 0; }
.cpb-quote.bq-bubble-square .quote-attr span {
	border-style: solid;
	border-width: 15px;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	position: absolute;
	display: block;
	top: 0;
	left: 15px;
}

/* vertical dots */
.cpb-quote.bq-vertical-dots {
	border-left-width: 2px;
	border-left-style: dotted;
	padding: 10px 0;
	text-align: left;
}
.cpb-quote.bq-vertical-dots blockquote {font-size: 110%; padding: 0 15px;}
.cpb-quote.bq-vertical-dots .quote-attr { padding: 0 15px; }
.float-left .cpb-quote.bq-vertical-dots, .column-left .cpb-quote.bq-vertical-dots { text-align: right; border-right-width: 2px; border-left-width: 0; border-right-style: dotted; }

/* double border */
.cpb-quote.bq-bordered {
	border-width: 5px;
	border-style: double;
}
.cpb-quote.bq-bordered blockquote { font-size: 105%; padding:15px; }
.cpb-quote.bq-bordered .quote-attr {margin:0; padding: 0 15px 15px;}

/* all caps */
.cpb-quote.bq-allcaps {
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	border-top-width: 3px;
	border-top-style: double;
	border-bottom-width: 3px;
	border-bottom-style: double;
	padding: 15px 0;
}
.cpb-quote.bq-allcaps blockquote { padding: 0 15px; }
.cpb-quote.bq-allcaps .quote-attr {padding: 0 15px;font-size: 80%;letter-spacing: 1px;font-style: normal;}
.cpb-quote.bq-allcaps .quote-attr:before { content: ""; }