/* ==========================================================================
   Main Helpers CSS
   ========================================================================== */

/**
 * CSS snippets for use around the site. 
 * 
 * Helpers that are specific to screen size can be found in main-grid.css  
 *  
 */

/* 
   Wordpress Helpers
   ========================================================================== */
   
.aligncenter, 
div.aligncenter { 
	display:block; 
	margin-left:auto; 
	margin-right:auto;
}

.alignleft { float:left; }

img.alignleft { margin:5px 10px 5px 0; }

.alignright{ float:right }

img.alignright { margin:5px 0 10px 15px; }

.wp-caption {
	background-color: #fefefe;
	border: 1px solid #ffffff;
	margin: 10px;
	padding-top: 12px;
	text-align: center;
}

.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
	float:none;
}

div.wp-caption.aligncenter img { width: 95% } /* Assumes that img height already set to auto */

.wp-caption p.wp-caption-text {
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	padding: 0;
	text-align:center; 
	padding:15px 12px;
}

.wp-caption.alignleft { margin:20px 22px 10px 0 }

.wp-caption.alignright { margin:20px 0 10px 22px }

.wp-caption.aligncenter, 
img.aligncenter{ 
	display:block; 
	margin-bottom:15px; 
	margin-top:15px; 
	float:none 
}
 
/* 
   Helper classes from HTML 5 Boilerplate
   ========================================================================== */

/**   
 * HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/
 * https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css   
 *
 */
 
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden,
.hide {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

.visible { visibility: visible; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after { 
	clear:both;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

/* legacy ie browswer fix */
* html .clearfix, 
*:first-child+html .clearfix { zoom:1 }

/* 
   My Helpers
   ========================================================================== */
   
.clear { 
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}   
   
.flt_Lt { float:left; display:inline }

.flt_Rt { float:right; display:inline }

.left { float:left }

.right { float:right }

.last { margin:0 !important }

.no_bg,
.no_bk_img { 
	background:none !important
}  

.center-img {  
	display:block;
	position:relative;
	margin-left:auto !important; 
	margin-right:auto !important;
}

/* horizontal unordered list for layout & nav*/

ul.horiz_ul  { position:relative; margin-bottom:0 }

ul.horiz_ul li { 
	display:block; 
	float:left; 
	padding:0;
	background-image:none;	
}

ul.horiz_ul li a { display:block }

ul.horiz_ul li li  { float:none; display:list-item }

.hover-shadow { /* Make things pop off screen w shadow effect */
	-moz-box-shadow: 0px 0px 20px #aaa;
	-webkit-box-shadow: 0px 0px 20px #aaa;
	box-shadow: 0px 0px 20px #aaa;
}

.img-pop {
	background:white; 
	cursor:pointer; 
	top:-2px;
	-moz-box-shadow:0px 0px 10px #AAA; 
	-webkit-box-shadow:0px 0px 10px #AAA; 
	box-shadow:0px 0px 10px #AAA;
}

.radius-bottom-lg {
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;	
}

.radius-bottom-sm {
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;	
}

.radius-all-lg {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.radius-all-sm {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}