/* CSS Document */
.actButton{
	background: url("../images/icons/check20.png") no-repeat scroll 0 0 transparent;
    padding: 5px 0 5px 23px;
}
.inactButton{
	background: url("../images/icons/bar20.png") no-repeat scroll 0 0 transparent;
    padding: 5px 0 5px 23px;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: #ccc;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
	width: auto;
	padding: 5px 10px;
	display: inline-block !important;
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
#delImg{
	cursor: pointer;
}
.buttonWrap{
	border: none !important;
	outline: none;
}
.purpleButton {
	margin: 10px;
  border:none;
	background-color:#f26522;
	display:inline-block;
	cursor:pointer;
	color:#ffffff!important;
	font-weight:bold;
	text-decoration:none;
  -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
	 font-family: "museo-slab",serif;
   font-style: normal;
   font-weight: 500;
	 padding:10px 20px 10px 20px; font-size:120%;
	 text-decoration:none;

}
.purpleButton:hover {background-color:#c2531e; color:#FFF; text-decoration:none !important;}
.purpleButton:active {position:relative;top:1px; text-decoration:none;}
.purpleButton:focus {position:relative;top:1px; color:#FFF; text-decoration:none;}

.pubbox2 {
    position: absolute;
    top: 170px;
    right: 0;
    width: 240px;
    border: none;
    float: left;
    margin: 10px;
    padding: 0 0 10px 0;
}
.buttonFloat{
  float: right;
  margin-bottom: 15px;
}
.blog-box{
	width: 96%;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0 2%;
}

.blog-box-margin{ margin-bottom: 20px;}
.home > .row > [class^="col_0"]{ margin-bottom: 20px !important;}


/* ======================================================================== */
/* ======================================================================== */
/* ========================= MEDIA QUERIES   ============================== */
/* ======================================================================== */
/* ======================================================================== */

/* ======================================================================== */
/* ========================= Second Smallest    =========================== */
/* ======================================================================== */

@media (min-width: 768px) {
	.blog-display > .col_06 > .pad-blog > .col_03{	margin-bottom: 0px !important;}
	.blog-body{width: 75%;position: relative;	overflow: hidden;}
	.blog-description{float: left;width: 96%;position:relative;	margin:0 0 5px 4%;}
	.blog-date{width: 96%;	position: relative;	margin:0 0 5px 4%;}
	.blog-box-title{width: 96%;position: relative;	margin:0 0 5px 4%;}
	.blog-template-display > img{max-width: 50% !important;}
	.pad-blog::after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}
  .pad-blog { background: #fff none repeat scroll 0 0; border-bottom: 3px solid #ddd; padding: 40px;}
	.home_col_03 {float: left; margin: 0; vertical-align: top; width: 50%;}
	.blog-body{width: 75%;position: relative;	overflow: hidden; margin:0; float: left;}
	.blog-image{float: left;width: 25%;position: relative; max-width:110px;text-align:center; }
	.blog-image > img{max-width: 100%; margin: 0 auto; width:100%; }
}

/* ======================================================================== */
/* =========================   Second Largest    ========================== */
/* ======================================================================== */
@media (min-width: 992px) {
	.blog-display > .col_06 > .pad-blog > .col_03{	margin-bottom: 60px;}
	.blog-body{width: 75%;position: relative;	overflow: hidden;}
	.blog-description{float: left;width: 98%;position:relative;	margin:0 0 5px 2%;}
	.blog-date{width: 98%;	position: relative;	margin:0 0 5px 2%;}
	.blog-box-title{width: 98%;position: relative;	margin:0 0 5px 2%;}
	.blog-template-display > img{max-width: 50% !important;}
	.pad-blog::after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}
	.pad-blog { background: #fff none repeat scroll 0 0; border-bottom: 3px solid #ddd; padding: 40px;}
	.home_col_03 {float: left; margin: 0; vertical-align: top; width: 50%;}
	.blog-body{width: 75%;position: relative;	overflow: hidden; margin:0; float: left;}
	.blog-image{float: left;width: 25%;position: relative; max-width:110px;text-align:center; }
	.blog-image > img{max-width: 100%; margin: 0 auto; width:100%; }
}

/* ======================================================================== */
/* =========================  LArgest    ================================== */
/* ======================================================================== */
@media (min-width: 1200px) {
	.blog-display > .col_06 > .pad-blog > .col_03{	margin-bottom: 60px;}
	.blog-body{width: 75%;position: relative;	overflow: hidden;}
	.blog-description{float: left;width: 98%;position:relative;	margin:0 0 5px 2%;}
	.blog-date{width: 98%;	position: relative;	margin:0 0 5px 2%;}
	.blog-box-title{width: 98%;position: relative;	margin:0 0 5px 2%;}
	.blog-template-display > img{max-width: 50% !important;}
	.pad-blog::after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}
	.pad-blog { background: #fff none repeat scroll 0 0; border-bottom: 3px solid #ddd; padding: 40px;}
	.home_col_03 {float: left; margin: 0; vertical-align: top; width: 50%;}
	.blog-body{width: 75%;position: relative;	overflow: hidden; margin:0; float: left;}
	.blog-image{float: left;width: 25%;position: relative; max-width:110px;text-align:center; }
	.blog-image > img{max-width: 100%; margin: 0 auto; width:100%; }
}

/* ======================================================================== */
/* =========================  XL LArgest  ================================= */
/* ======================================================================== */
@media (min-width: 1600px) {
	.blog-display > .col_06 > .pad-blog > .col_03{	margin-bottom: 60px;}
	.blog-body{width: 75%;position: relative;	overflow: hidden;}
	.blog-description{float: left;width: 98%;position:relative;	margin:0 0 5px 2%;}
	.blog-date{width: 98%;	position: relative;	margin:0 0 5px 2%;}
	.blog-box-title{width: 98%;position: relative;	margin:0 0 5px 2%;}
	.blog-template-display > img{max-width: 50% !important;}
	.pad-blog::after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}
	.pad-blog { background: #fff none repeat scroll 0 0; border-bottom: 3px solid #ddd; padding: 40px;}
	.home_col_03 {float: left; margin: 0; vertical-align: top; width: 50%;}
	.blog-body{width: 75%;position: relative;	overflow: hidden; margin:0; float: left;}
	.blog-image{float: left;width: 25%;position: relative; max-width:110px;text-align:center; }
	.blog-image > img{max-width: 100%; margin: 0 auto; width:100%; }
}


/* ======================================================================== */
/* =========================  Smallest   ================================= */
/* ======================================================================== */
@media (max-width: 767px) {
   .blog-display > .col_06 > .pad-blog > .col_03{	margin-bottom: 0px !important;}
	 .blog-body{width: 75%;position: relative;	overflow: hidden;}
	 .blog-description{float: left;width: 96%;position:relative;	margin:0 0 5px 4%;}
	 .blog-date{width: 96%;	position: relative;	margin:0 0 5px 4%;}
	 .blog-box-title{width: 96%;position: relative;	margin:0 0 5px 4%;}
	 .blog-template-display > img{max-width: 100% !important;}
	 .pad-blog::after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}
	 .pad-blog { background: #fff none repeat scroll 0 0; border-bottom: 3px solid #ddd; padding: 10px;}
	 .home_col_03 {float: left; margin: 0; vertical-align: top; width: 100%;}
	 .blog-body{width: 100%;position: relative;	overflow: hidden; margin:20px 0; float: left;}
 	 .blog-image{float: left;width: 100%;position: relative; max-width:none; text-align:center; }
	 .blog-image > img{max-width: 300px; margin: 0 auto; width:100%; }
}