/*

Styles for the Zenologue Simple Boxes Plugin.

Simple box colors available:

 - Red
 - Yellow
 - Green
 - Black
 - White
 - Orange
 - Blue
 - Silver
 - Charcoal
 - Tan
 - Purple

*/

/* Styles Common To All Boxes
   -------------------------- */
.zen-simple-box-purple,
.zen-simple-box-silver,
.zen-simple-box-tan,
.zen-simple-box-orange,
.zen-simple-box-white,
.zen-simple-box-black,
.zen-simple-box-blue,
.zen-simple-box-green,
.zen-simple-box-yellow,
.zen-simple-box-red {
	margin: 0 0 24px;
	margin: 0 0 2.4rem;
	padding: 25px;
	padding: 2.5rem;
	overflow: auto;
	-moz-box-shadow: 2px 2px 6px #ccc;
	-webkit-box-shadow: 2px 2px 6px #ccc;
	box-shadow: 2px 2px 6px #ccc;
}

/* Red Box
   ------- */
.zen-simple-box-red {
	background-color: #e8554e;
	border: 1px dotted #361412;
	color: #fff;
}

/* Yellow Box
   ---------- */
.zen-simple-box-yellow {
	background-color: #fef5c4;
	border: 1px dotted #302f25;
	color: #222;
}

/* Green Box
   --------- */
.zen-simple-box-green {
	background-color: #3fbd85;
	border: 1px dotted #113324;
	color: #222;
}

/* Blue Box
   -------- */
.zen-simple-box-blue {
	background-color: #0274be;
	border: 1px dotted #001d30;
	color: #fff;
}

/* Black Box
   --------- */
.zen-simple-box-black {
	background-color: #222;
	border: 1px dotted #fff;
	color: #fff;
}

/* White Box
   --------- */
.zen-simple-box-white {
	background-color: #fff;
	border: 1px dotted #222;
	color: #222;
}

/* Orange Box
   ---------- */
.zen-simple-box-orange {
	background-color: #f2a561;
	border: 1px dotted #402b1a;
	color: #000;
}

/* Tan Box
   ------- */
.zen-simple-box-tan {
	background-color: #d9cca6;
	border: 1px dotted #333027;
	color: #222;
}

/* Silver Box
   ---------- */
.zen-simple-box-silver {
	background-color: #e2e2e2;
	border: 1px dotted #bdbdbd;
	color: #222;
}

/* Purple Box
   ---------- */
.zen-simple-box-purple {
	background-color: #6c3883;
	border: 1px dotted #2a1633;
	color: #fff;
}


/* Styles Common To All Simple Buttons
   ----------------------------------- */
a.zen-simple-btn-purple,
a.zen-simple-btn-silver,
a.zen-simple-btn-tan,
a.zen-simple-btn-orange,
a.zen-simple-btn-white,
a.zen-simple-btn-black,
a.zen-simple-btn-blue,
a.zen-simple-btn-green,
a.zen-simple-btn-yellow,
a.zen-simple-btn-red {
	width: auto;
	display: inline-block;
	padding: 8px;
	padding: 0.8rem;
        margin-bottom: 20px;
        margin-bottom: 2rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

a.zen-simple-btn-red {
	background-color: #e8554e;
	color: #fff;
}

a.zen-simple-btn-red:hover {
	background-color: #361412;
	color: #fff;
	border: none;
}

a.zen-simple-btn-yellow {
	background-color: #fef5c4;
	color: #222;
}

a.zen-simple-btn-yellow:hover {
	background-color: #302f25;
	color: #fff;
	border: none;
}

a.zen-simple-btn-green {
	background-color: #3fbd85;
	color: #222;
}

a.zen-simple-btn-green:hover {
	background-color: #113324;
	color: #fff;
	border: none;
}

a.zen-simple-btn-blue {
	background-color: #0274be;
	color: #fff;
}

a.zen-simple-btn-blue:hover {
	background-color: #001d30;
	color: #fff;
	border: none;
}

a.zen-simple-btn-black {
	background-color: #222;
	color: #fff;
}

a.zen-simple-btn-black:hover {
	background-color: #fff;
	color: #222;
	border: none;
}

a.zen-simple-btn-white {
	background-color: #fff;
	color: #222;
}

a.zen-simple-btn-white:hover {
	background-color: #222;
	color: #fff;
	border: none;
}

a.zen-simple-btn-orange {
	background-color: #f2a561;
	color: #000;
}

a.zen-simple-btn-orange:hover {
	background-color: #402b1a;
	color: #fff;
	border: none;
}

a.zen-simple-btn-tan {
	background-color: #d9cca6;
	color: #222;
}

a.zen-simple-btn-tan:hover {
	background-color: #333027;
	color: #fff;
	border: none;
}

a.zen-simple-btn-silver {
	background-color: #e2e2e2;
	color: #222;
}

a.zen-simple-btn-silver:hover {
	background-color: #bdbdbd;
	color: #fff;
	border: none;
}

a.zen-simple-btn-purple {
	background-color: #6c3883;
	color: #fff;
}

a.zen-simple-btn-purple:hover {
	background-color: #2a1633;
	color: #fff;
	border: none;
}

.zen-blog-link {
        padding: 20px;
        padding: 2rem;
	font-size: 10px;
	font-size: 1rem;
	text-align: right;
        color: #888;
}

.zen-blog-link a:hover,
.zen-blog-link a {
	color: #888;
}

.zen-clear {
	clear: both;
}