/* WOAH Bar!
---------------------------------------------*/

.woahbar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 30px;  
	padding: 4px 0 2px 0;
	z-index: 100;   /* << DO NOT EDIT, KEEPS WOAHbar ON TOP OF PAGE CONTENT */
	text-align: center;
	font-size: 16px; 
	color: #fff;  
	background-color: #eb593c;  
	border-bottom: 2px solid #ececec;  
	-webkit-box-shadow: 0 8px 6px -6px #333; 	-moz-box-shadow: 0 8px 6px -6px #333;  	box-shadow: 0 8px 6px -6px #333;   
}
 
.woahbar > div {

}

.woahbar-stub {
	position: fixed;
	top: -10px;
	left: 0px;
	width: 100%;
	height: 19px;
	z-index: 200;
	padding: 7px 0 5px 0;
	text-align: center;
}
 
.woahbar span {
	text-align: center;
	padding-top: 2px;
}
 
.show-notify {
	-moz-border-radius: 3px;	-webkit-border-radius: 3px;
	border: 3px solid #ececec;
	box-shadow: 0 0 5px rgba(0,0,0,0.35);	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
	float: right;
	margin-right: 10px;
	color: #fff;
	width: 35px;
	height: 33px;
	text-decoration: none;
	background-color: #eb593c; /* << set custom bar color here */
	cursor:pointer;
}


.show-notify:hover {
	-moz-border-radius: 3px;	-webkit-border-radius: 3px;
	border: 3px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.35);	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
	float: right;
	margin-right: 10px;
	color: #fff;
	width: 35px;
	height: 33px;
	text-decoration: none;
	/* background-color: #eb593c;  << set custom bar color here */
	cursor:pointer;
}


.woahbar-up-arrow:hover {
	
}

.close-notify {
	float: right;
	position: absolute;
	right: 0px;
	top: 2px;
	margin-top:3px;
	margin-right: 22px;
	color: #fff;
	width: 17px;
	height: 19px;
	text-decoration: none;
	/*background-color: #eb593c;  << set custom bar color here */
	cursor:pointer;
}
 
 

.woahbar-link {
	-moz-border-radius: 3px; 	-webkit-border-radius: 3px;
	background: #d72444; /* Old browsers */
	color: white;
	padding: 1px 8px 3px 8px;
}
 
.woahbar-link:hover {
	-moz-border-radius: 3px;	-webkit-border-radius: 3px;
	background: #1c1c1c; /* Old browsers */
	color: white;
	padding: 1px 8px 3px 8px;
	text-decoration: none;
}

.woahbar .button {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe; 	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe; 	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:6px; 	-webkit-border-radius:6px; 	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	margin: 0 0 0 8px;
	top: -2px;
	padding:0px 24px;
	line-height: 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;	
}

.woahbar .button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}

.waobhar .button:active {
	position:relative;
	top:1px;
}

/* BOTTOM Woahbar (Does not animate.  Displays on page load and is always shown.) */

.woahbar-bottom {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 40px;  
	padding-top: 8px ;
	z-index: 100;   /* << DO NOT EDIT, KEEPS WOAHbar ON TOP OF PAGE CONTENT */
	text-align: center;
	font-size: 16px; 
	color: #fff;  
	background-color: #222222;  
	border-top: 2px solid #ececec;  
	-webkit-box-shadow: 0 8px 6px -6px #333; 	-moz-box-shadow: 0 8px 6px -6px #333;  	box-shadow: 0 8px 6px -6px #333;   
}

#footer { /*margin-bottom: 40px; /* extra space so bottom woahbar doesn't overlap content */ }