/*
Developed for Boone Newspapers, Inc.

Auth: Jeff Pierson
Date: 2009-01-23

Desc: The socialdock is an element designed to be placed
in the right-most column of each page for a paper's
Ellington site. It provides links to that paper's RSS
feed, Twitter feed, four social bookmarks, and a FAQ
page hosted by the paper.
*/

ul#socialdock {
	position: relative;
	display: block;
	margin: 0 -10px 0 0; /* extend box model to override horizontal padding in the right column */
	padding: 0;
	height: 95px;

	list-style: none;
}

/* Add the following background changes to each site's social dock element */
ul.natchez { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_natchez.png) no-repeat; }

ul.fergus { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_fergus.png) no-repeat; }

ul.albertlea { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_albertlea.png) no-repeat; }
ul.austin { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_austin.png) no-repeat; }

ul.demopolis { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_demopolis.png) no-repeat; }
ul.selma { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_selma.png) no-repeat; }

ul.alabaster { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_alabaster.png) no-repeat; }
ul.clanton { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_clanton.png) no-repeat; }
ul.dadeville { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_dadeville.png) no-repeat; }
ul.shelby { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_shelby.png) no-repeat; }

ul.andalusia { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_andalusia.png) no-repeat; }
ul.bainbridge { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_bainbridge.png) no-repeat; }
ul.greenville { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_greenville.png) no-repeat; }
ul.troy { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_troy.png) no-repeat; }

ul.roanoke { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_roanoke.png) no-repeat; }
ul.suffolk { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_suffolk.png) no-repeat; }
ul.tidewater { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_tidewater.png) no-repeat; }

ul.ironton { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_ironton.png) no-repeat; }
ul.chesapeake { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_chesapeake.png) no-repeat; }
ul.proctorville { background: url(http://av.bninews.com/bniweb/socialdock/images/bg_socialdock_proctorville.png) no-repeat; }

ul#socialdock li a img {
	border: none; /* all of the icons in this element are hard-coded images. remove their borders. */
}

ul#socialdock li a {
	position: absolute; /* all icons are nested inside anchors. they will be positioned absolutely. */
	display: block;
}

a#socRss {
	top: 23px;
	left: 19px;
}

a#socTwitter {
	top: 22px;
	left: 101px;
}

a#socFanpage {
	top: 59px;
	left: 19px;
}

div#story-tools {
	
}

div#story-tools a img.socBookmark {
	margin: 0 4px -4px 0; /* this offsets the bottom margin of the bookmark icons, allowing them to descend below the baseline */
	
	border: none;
}

div#story-tools a.socWhatisthis {
	position: relative;
	display: inline-block;
}

ul#socialdock a.socWhatisthis,
div#story-tools a.socWhatisthis {
	height: 7px;
	width: 66px;
	
	background: url(http://av.bninews.com/bniweb/socialdock/images/ico_whatisthis.gif);
}

ul#socialdock a.socWhatisthis {
	top: 84px !important;
	left: 21px !important;
}

a#socWhatisthis:hover,
a.socWhatisthis:hover {
	background-position: 0 -7px !important;
}

a.socWhatisthis * {
	display: none;
	
	border: none;
}

a#socRss:hover,
a#socTwitter:hover,
a#socFanpage:hover,
a.socWhatisthis:hover { /* override legacy underline-on-hover */
	border: none;
}