/* NAUGHTY PANTHER */

/*  
Sticky Footer Solution
http://www.cssstickyfooter.com
*/

html, body { height: 100%; }

#wrap { min-height: 100%; }

#main { /* must be same height as the footer */
	overflow: auto;
	padding-bottom: 151px;
}

#footer {
	position: relative;
	margin-top: -151px; /* negative value of footer height */
	height: 150px;
	clear: both;
	background-image: url(../images/bkg/bkg.gif);
	background-position: top left;
	background-repeat: repeat;
	border-top: 1px solid #222;
}
	#footer h3 { color: #fff; }
	#footer .txt { padding-top: 10px; color: #666;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* reset */
body{ font: 14px/1.4 verdana, arial, sans-serif; }
a:focus { outline: 0; }
hr { border: 0 #444 solid; border-top-width: 1px; clear: both; height: 0; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom: 0}

/* body */
body {
	background-color: #000;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
}

.wf-loading body { visibility: hidden; }  

.wf-active body {        
	font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2";
	font-size: 16px;
}

/* a */
a { cursor: pointer; cursor: hand; }
a:link { color: #999; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:active { color: #999; text-decoration: none; outline: 0; }

/* h */
h1 { font-size: 45px; } h2 { font-size: 23px; } h3 { font-size: 21px; } h4 { font-size: 19px; } h5 { font-size: 17px; } h6{ font-size: 15px; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding-bottom: 5px; font-family: verdana, arial, sans-serif; }
.wf-active h1, h2, h3, h4, h5, h6 { font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2"; }
.wf-inactive h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, sans-serif; }
.wf-active h1 { font-size: 50px; }

/* layout */
.pad { clear: both; display: block; height: 10px; }

#top {
	background-color: #333;
	height: 8px;
}

#head { padding-bottom: 15px; }
	.appstore { text-align: center; padding-top: 8px;}
	.links { text-align: right; }
	#head a {
		padding: 3px 0 5px 0;
		color: #fff;
		background-color: #333;
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px;
		font-size: 14px;
	}
	#head a:hover { background-color: #9C0; color: #333; }
	a.hdr { 
		display: -moz-inline-box;
  		display: inline-block;
  		min-width: 75px;
		text-align: center;
		margin-top: 8px;
 	}


#box { padding: 5px 0 30px 0; border-top: 1px solid #444; font-size: 14px; }
.wf-active #box { font-size: 16px; }