/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/cssplay-drop-everything.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

.footer {
	padding:0;
	margin:0 auto;
	list-style:none;
	font-family:arial, sans-serif !important;
	position:relative;
	width:970px;
	height:36px;
	z-index:1000;
	background: #2e1b15;
}
.footer li.top-li {
	float:left;
	margin-right:1px;
	border-bottom:1px solid transparent;
}
.footer a.top-a {
	display:block;
	padding:0 15px;
	font-size:10px;
	line-height:35px;
	background:#2e1b15;
	color:#FFF;
	text-decoration:none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 8px 8px 0 0;
	border-radius: 0;
}
.footer-page {
	background:#5c4e34;
	padding:5px;
	position:absolute;
	top:36px;
	left:-9999px;
	/* [disabled]-moz-border-radius: 0; */
	/* [disabled]-webkit-border-radius: 0; */
	-ms-border-radius: 0 0 8px 8px;
	/* [disabled]border-radius: 0; */
}
.footer-row {
	width:100%;
	border-top:5px solid #5c4e34;
	border-bottom:1px solid #5c4e34;
	background:#5c4e34;
	padding-bottom:10px;
}
.footer-col8 {
	width:12.5%;
	float:left;
	background:#5c4e34;
}
.footer-inner {padding:5px;}
.footer p {
	padding:3px 5px;
	margin:5px;
	font:normal 11px/18px arial, sans-serif !important;
	color:#ffdc00 !important;
}

.footer .clear {clear:both;}

.footer li.top-li:hover {
	border-bottom:1px solid #000000;
}
.footer li.top-onlyaddthis{margin-top:8px;}
.footer li.top-only:hover {border-bottom:1px solid transparent;}
.footer li.top-li:hover > a.top-a {
	background:#2e1b15;
	color: #FC3;
}
.footer li.top-li:hover div.footer-page {left:0;}

.footer li.close {position:absolute; left:50%; bottom:37px; width:90px; height:35px; line-height:35px; margin-left:-50px; display:none;}
.footer li.close a {
	background:#5c4e34;
	color:#CC0;
	text-align:center;
	/* [disabled]-moz-border-radius: 8px; */
	/* [disabled]-webkit-border-radius: 8px; */
	-ms-border-radius: 8px;
	/* [disabled]border-radius: 8px; */
}
