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


For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.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

	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
*/


.custom body { font:12px/18px georgia,helvetica,sans-serif; }

.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; }
*/


body.custom { background:url(images/bg.jpg);}


/*.custom #page { background:url(images/bg.jpg); }
*/

.custom #page { background-color: #fff; }

.custom #content { background: #fff; width: 522px; }


.custom #content_box { background: #f9f5ea;}

.custom ul.sidebar_list { padding: 0 0 0 0; }

.custom #sidebar_2 .sidebar_list iframe { margin-left: 2px; }

.custom #sidebar_1 .sidebar_list iframe { margin-left: 5px; }

.custom #column_wrap .sidebar ul.sidebar_list { padding: 0 0 0 0; }

.custom #sidebars, .custom #sidebar_2 { width: 308px; background-color: #f9f5ea; }

.custom #sidebar_1 { width: auto; padding: 0; background-color: #f9f5ea; }

.custom .sidebar ul.sidebar_list { padding: 0 0 0 0; }

.custom #column_wrap { width: 710px; padding: 0 0 0 0; background-color: #f9f5ea; }

.custom #search, .custom #categories-2, .custom #text-3, .custom #text-4, .custom #recent-posts-3, .custom #random-posts, .custom #text-6 { padding: 5px 12px 5px 10px; }

.custom #sidebar2ad1 { margin-top: 12px; }


.custom .searchresultsh1 {
	padding: 10px;
}

.custom input[type=text] {
	width: 200px;
	background-color: #fff;
}



.custom #subfooter {
	padding-left: 10px;

}

.custom #subfooter a {
	border: none;
}

.custom #subfooter p {
	font: 12px/43px arial;
	text-decoration: none;
	color: #fff;
}

.custom #subfooter p a {
	text-decoration: none;
	color: #fff;
}

.custom #subfooter p a:active {
	text-decoration: none;
	color: #fff;
}


.custom #subfooter {
	text-align:left;
	width:1022px;
	background:url(images/footer.jpg) repeat-x;
	color:#fff;
}


.custom #footer {
	clear:both;
	background:url(images/bg.jpg);
	padding: 0 15px 0 0;
}


.custom .menu{
	width: 100%;
	background-color:#f9f5ea;
	font:12px/41px georgia;
	text-transform:uppercase;
	border: none;
}

.custom .menu a {
	border-width: 0;
	border: none;
}

.custom .menu li{
	float:left;
	margin:0 0 0 0;
}

.custom .menu li a {
	background-color:#f9f5ea;
}

.custom .current a {
	color: #000;
	background-color:#505050;
	float:left;
	background:url(images/menu-hover.jpg) no-repeat left top;
	border: 0;
}


.custom .menu li a:hover{
	background-color:#505050;
	color: #fff;
}

.custom .menu .current a:hover {
	background:url(images/menu-hover.jpg) no-repeat left top;
	color: #000;
}



.custom #header { border-width: 0px; 
	margin: 0;
	padding: 0;
	height:111px;
	background:url(images/header.jpg) repeat-x;
}

.custom #header h1 a {
	width: 451px;
	height: 104px;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(images/logo.jpg) no-repeat top left;
}


.custom #header #logo span {
	display: none;
}

.custom #banner {
	width: 468px;
	float: right;
	margin-top: -20px;
}

.custom #header #logo a {
   color: #111111;
   text-decoration: none;
}

.custom #header #logo a:visited {
   color: #111111;
   text-decoration: none;
}

.custom #header #logo a:hover {
   color: #ffffff;
   text-decoration: underline;
}
.custom #header #logo a:active {
   color: #ffffff;
   text-decoration: none;
}



.custom #idc-container-parent {
	max-width: 710px;
	margin: 20px;
}

.custom #idc-commentcount, .custom #idc-commentcount_wrap, .custom #idc-commentcount_label, .custom #idc-container h3 {
	font-size: 12pt;
	font-weight: normal;
}





.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: 24px;
	height: 24px;
	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);
}