/* Branding Bar Styles, Default Color - Black */

body {
	margin: 0 !important;
	padding: 0 !important;
	background-color: #999;
}

#wrap_branding * {
	margin: 0;
	padding: 0;
	list-style: none !important;
}

#wrap_branding {
	padding: 0px 0 0 0;
	width: 100%;	
	height: 42px;
	font: 11px Arial, Helvetica, sans-serif !important;
	text-transform: uppercase;
	
	/* contest layout workaround */
	position: relative;
	z-index: 100001;
}

#wrap_branding {
	background: #000;	
}

#branding_bar {
	margin: 0 auto;
	width: 980px;
	padding-top:8px;	
}

#branding_logo {
	width: 65px;
	height: 24px;
	background: transparent url(../_images/logopeta.png) no-repeat left bottom;
	float: left;
}

#wrap_branding li {
	display: inline;
}

#branding_nav a {
	line-height: 100%;
	color: #fff;
	text-decoration: none;
	font-weight: bold !important;
	display: block;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif !important;
	text-transform: uppercase;
}

#branding_nav {
	margin: 6px 0 0 0;
	padding: 0 0 0 12px;
	float: left;
}

#branding_nav a {
	margin: 0 12px 0 0;
	padding: 0 0 0 12px;
	border-left: 1px solid #8e8d8d;		
}

.branding_social {
	padding: 1px 0 0 0;
	width: 400px;
	float: right;
	text-align:right;	
}

.branding_social li {
	float: right;
	width: 85px;
	margin-right:5px;
}

	#wrap_branding .branding_social li.google {
		margin-left: 10px;
	}
	
.branding_social li a {
	text-decoration:none;
}

#branding_bar #fb-root {
	margin-left: -300px;	
}
.twitter-share-button {}
#fbLikeButton {margin-left:10px; margin-right:50px;}
.google {margin-left:10px;}
.clear {
	clear: both;	
}

	/* White Bar Styles */
	
	#wrap_branding.white {
		background: #fff;	
	}
	
	#wrap_branding.white #branding_logo {
		background-position: left top;
	}
	
	#wrap_branding.white #branding_nav a {
		color: #666;
		birder-color: #666;	
	}
	
	/* End White Bar Styles */
	
	/* Gray Bar Styles */
	
	#wrap_branding.gray {
		background: #666;	
	}
	
	/* End Gray Bar Styles */
	
/* End Branding Bar Styles */

/* Footer Branding, Default Scheme - Dark */

#branding_footer {
	margin: 0 auto 40px auto;
	padding: 18px 0;
	width: 980px;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif !important;	
	text-align:left;
}

#branding_footer .branding_social {
	margin: 0 0 10px 0;
	width: 100%;
	float: left !important;
}

#branding_footer ul {
	margin: 0 0 100px;
	padding: 0;
	list-style: none;
}

#branding_footer .branding_social li {
	float: left;
	width: auto;
}

#branding_footer .branding_social li #fbcontainer{
	float: left;
	display:block;
	margin:0;	
}

	#branding_footer .branding_social li #fbLikeButton{
		float: left;
	}

#branding_footer .branding_social li .twitter-share-button{
	float: left;
	width:120px;
	display:block;
}
#branding_footer .branding_social li.google-footer {
	width:auto;
}
#branding_footer .branding_social li.add_this {
	margin-left: 0px;	
}

#footer_links li {
	display: block;
}

#footer_links li a {
	margin: 0 0 0 8px;
	padding: 0 0 0 8px;
	line-height: 100%;
	color: #666;
	text-decoration: none;
	border-left: 1px solid #999;
	display: block;
	float: left;
	font: 11px Arial, Helvetica, sans-serif !important;	
}

#footer_links li:first-child a  {
	margin: 0;
	padding: 0;
	border: none;	
}
#footer_text {
	clear:both;
}
	/* Scheme - Light */
	
	#branding_footer.light {
		color: #fff; /* white font */
	}
	
	#branding_footer.light #footer_links li a {
		color: #fff; /* white font */
		border-color: #fff;	 /* white dividers */
	}
	
	#at15ptc {
		color: #666 !important; /* Bookmark header in AddThis Share box */
	}
	
	/* End Scheme - Light */
	

/* End Footer Branding */

/* Responsive */
@media screen and (max-width: 980px) {
	#branding_bar {
	    width: 100% !important;
    }
    #branding_bar .branding_social {
    	width: auto !important;
	    margin-left: 10px !important;
    }
    #branding_bar #branding_logo {
	    margin-left: 10px !important;
    }
    #footer .wrapper {
		width: 100% !important;
	}
	#branding_footer {
		width: 96% !important;
		padding: 10px 2% !important;
		overflow: hidden !important;
	}
}
@media screen and (max-width: 820px) {
    #branding_bar .branding_social {
        display: none !important;
    }
    #footer {
	    height: auto !important;
    }
}
@media screen and (max-width: 530px) {
    #wrap_branding {
        background-image: url(../_images/mobile-white-bunny.png) !important;
        background-repeat: no-repeat !important;
        background-position: 100% 0 !important;
    }
    #wrap_branding.white {
        background-image: url(../_images/mobile-gray-bunny.png) !important;    
    }
    #branding_bar #branding_nav {
        display: none !important;
    }
}