/*
File:			custom.css
Description:	Custom styles for Thesis

BASIC USAGE:
	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }	<--- This makes links blue when you mouse over them

More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
*/


.custom .menu { position: relative; float: left; }
/*
.custom .menu { position: relative; float: left; height: 1%; } 
.custom .menu:after { display: block; height: 1px; background: red; content: '.'; clear: both; }
.clearafter:after { display: block; height: 0; visibility: hidden; content: '.'; clear: both; }
*/

.custom #header { border-width: 1px; }
.custom #logo { font-style:italic; }

.clearafter { clear: both; } 


/* custom top ad position */
.tad { position: relative; list-style: none; z-index: 40; }
	.tad li { position: relative; float: left; }
		.tad ul { position: absolute; list-style: none; z-index: 100; }
.tad .ad { width: 300px; height: 250px; float: right; }

/* carousel css from http://www.wolf-howl.com/blogs/how-to-carousel/ */
#topcarousel { border: 0px solid #efefef; padding: 0px; padding-left:0px; padding-top:3px; font-size: 12pt; font-weight: bold;}
.carouselu {width:126px; float:left; padding-right:15px; text-align:center; }
.carouselu IMG {border:1px solid #ccc;display:block; width:126px; height: 100px;}


/* sociable css below */

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 64px;
	height: 64px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.sociable-hovers:hover {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}