/* University of West England (C) 2007
Academic Technologies Group
--------------------------------------------------
File:footer.css
Description:Footer stylesheet
Change History
---------------
Date         Author    Purpose
05/07/2006  GT       Initial Release
*/

#socialFooterWrap {
	width:100%;
	clear:both;
	padding-bottom:4px;
}
#socialFooter {
	margin: 10px 272px 0 10px;
	border-top:1px solid #ccc;

}
#socialFooter p {
	float:left;
	margin-top:20px;
	color:#555;
}
#socialFooter ul {
	float:right;
	margin-top:20px;
}
#socialFooter li {
	float:left;
	list-style:none;
	padding:0 4px;
}
#socialFooter li a{
	color:#555;
}
#socialFooter .printIcon, #socialFooter .addthisicon {
	float:left;
	margin-right:4px;
}	
li.addThis {
	float:left;
	position:relative;
}
#socialFooter div.addThis {
	background: #f3f3f3;
    border: 2px solid #999;
    bottom: 24px;
	left:-100px;
	display:block;
    position: absolute;
	float:left;
	width:300px;
	padding:6px 0;
}
#socialFooter div.addThis ul {
	float:left;
	width:150px;
}
#socialFooter div.addThis li {
	float:none;
	font-size:94%;
	margin:3px 10px;
}
#socialFooter div.addThis li img {
	float:left;
	margin-right:6px;
}
#footer{
	color:#fff;
	background:#1c1b11;
	margin:0;
	padding:0 0 10px 0;
	clear:both;
}
#footer h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:84%;
	text-transform:uppercase;
	border-bottom:1px solid #333333;
	padding-bottom:12px;
	margin-top:10px;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
}
#footer br{display:block;}
#footer p{margin:0;}
#footer ul{
	padding: 0;
	margin: 8px 0 0 16px;
}
#footer li{
	padding-bottom: 6px;
	margin: 0;
	list-style-image: url(../images/footer_bullet.png);
}
#follow {
	float:left;
	margin:16px 12px 0 36px;
}
#follow h2 img{
	float:right;
}
#follow p{
	clear:both;
	padding:4px 0 0 16px;
	background: url(../images/footer_bullet.png) no-repeat left 8px;
}
#social-buttons {
	height: 69px;
	display:block;
	position:relative;
}
#social-buttons ul {
	margin:0;
	padding:10px 0 0 0;
}
#social-buttons ul li {
	margin:0;
	padding:0;
	float:left;
	list-style-image: none;
	list-style:none;
}
#social-buttons li a {
	position:relative;
	margin: 0 12px 12px 0;
	padding: 0 0 0 0;
	width:47px;
	height:47px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;				
	background: url(../images/followus-sprite2.png) #1c1b11;
}
	

#social-buttons a:link#sm-fb, #social-buttons a:visited#sm-fb {
	background-position: 0 47px;
}
#social-buttons a:hover#sm-fb, #social-buttons a:active#sm-fb {
	background-position:  0 0;
}
#social-buttons a:link#sm-tw, #social-buttons a:visited#sm-tw {
		background-position: -47px 47px;
}#social-buttons a:hover#sm-tw, #social-buttons a:active#sm-tw {
		background-position: -47px 0;
}
#social-buttons a:link#sm-yt, #social-buttons a:visited#sm-yt {
	background-position: -94px 47px;
}
#social-buttons a:hover#sm-yt, #social-buttons a:active#sm-yt {
	background-position: -94px 0 ;
}
#social-buttons a:link#sm-gg, #social-buttons a:visited#sm-gg  {
	background-position: -141px 47px;

}
#social-buttons a:hover#sm-gg, #social-buttons a:active#sm-gg {
	background-position: -141px 0;
}
#social-buttons a:link#sm-li, #social-buttons a:visited#sm-li  {
	background-position: -188px 47px;
}
#social-buttons a:hover#sm-li, #social-buttons a:active#sm-li {
	background-position: -188px 0;
}
#social-buttons a:link#sm-in, #social-buttons a:visited#sm-in  {
	background-position: -235px 47px;
}
#social-buttons a:hover#sm-in, #social-buttons a:active#sm-in {
	background-position: -235px 0;
}
#social-buttons a:link#sm-pi, #social-buttons a:visited#sm-pi  {
	background-position: -282px 47px;
}
#social-buttons a:hover#sm-pi, #social-buttons a:active#sm-pi {
	background-position: -282px 0;
}
#social-buttons a:link#sm-sc, #social-buttons a:visited#sm-sc  {
	background-position: -329px 47px;
}
#social-buttons a:hover#sm-sc, #social-buttons a:active#sm-sc {
	background-position: -329px 0;
}
#social-buttons a:link#sm-wb, #social-buttons a:visited#sm-wb  {
	background-position: -376px 47px;
	margin-right: 0;
}
#social-buttons a:hover#sm-wb, #social-buttons a:active#sm-wb {
	background-position: -376px 0;
	margin-right: 0;

}

#mostpopular{
	float:left;
	margin:16px 30px 12px 50px;
}
#mostpopular ul{
	float:left;
	margin-right:40px;
}
#mostpopular ul:last-child{
	margin-right:0;
}
/*for intranet*/
#s4-bodyContainer #follow {
	float:left;
	padding:16px 12px 0 16px;
	margin:0;
}
#s4-bodyContainer #follow p{
	clear: none;
	padding:0;
	background:none;
}

#s4-bodyContainer #mostpopular{
	float:left;
	margin:16px 12px 0 12px;
}
#s4-bodyContainer #whatson{
	float:left;
	padding:16px 12px 0 12px;
}
#s4-bodyContainer #latest{
	float:left;
	padding:16px 16px 0 12px;
}

/*_______*/

#underfooter {
	background:#f3f3f3;
	padding:15px 0;
	color:#666;
	font-size:94%;
	width:976px;
}
#underfooter ul { 
	padding:0; 
	margin:0 0 14px 0;
	float:right;
}
#underfooter li{
	list-style-type:none;
	float:left; 
	border-right:1px solid #898989;
	padding:0 9px;
	margin:0;
}
#underfooter li.last{
	border-right:0;
	padding-right:0}
#underfooter a{color:#666; text-decoration:none;}
#underfooter a:hover{text-decoration:underline;}
#copyright {
	float:right;
	clear:both;
	padding-bottom:14px;
}

@media screen and (max-width:990px) {
#footer {padding:0}
#socialFooter {
	margin: 10px 37% 0 10px;
}
#socialFooter p {
	float:none;
}
#socialFooter ul {
	float: none;
	margin-left:0;
	padding-bottom:20px;
}
#socialFooter div.addThis {
	left:0;
}
#footer {
	padding-left:20%;
}
#follow {
	margin-left:12px;
}
#mostpopular{
	margin-left:12px;
}
#underfooter {
	max-width:976px;
	padding-left:10px;
	padding-right:10px;
	width:auto;
}
}

@media screen and (max-width:746px) {
#socialFooter {
	border-top:0;
	padding-top:10px;
	margin: 10px 10px 0 10px;
}
}
@media screen and (max-width:624px) {
#footer {
	padding-left:2%;
}
#social-buttons li a {
	margin: 0 8px 12px 0;
}
}