/*
p, li, div 	
	{
	margin:0in;
	margin-bottom:.0001pt;
	font-size:10.0pt;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
*/
/*///////////////////////////////////////////////////////////////
~CSS File for Ektron Blogs
///////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////
~LAYOUT STYLES
/////////////////////////////////////////////*/

div.blog{position:relative;margin:0;padding:0;clear:both;}
div.blogEntries{float:left;width:700px;}
div.blogSidebar{width:220px;float:right;top:0;right:0;padding:0 5px 0 5px;}

/*//////////////////////////////////////////////
~HEADER STYLES
/////////////////////////////////////////////*/

div.blogHeader{background-color:#069; display:none; visibility:hidden;}
h1.blogTitle{color:#FFF;font-size:18px;padding:5px 5px 2px 10px;margin:0; line-height:22px;}
h2.blogSubhead{color:#CCC;font-size:14px;padding:5px 5px 2px 15px;margin:0; line-height:16px;}
span.date{display:block;background-color:#0066CC;font-weight:bold;font-size:small;padding:2px 2px 2px 10px;}
/*
<div class="blogHeader">   
	<h1 class="blogTitle">Borba Skincare Blog</h1>   
	<h2 class="blogSubhead"></h2>
</div>
div.blogHeader{background-color:#069;}
h1.blogTitle{color:#FFF;font-size:x-large;padding:5px 5px 2px 10px;margin:0;}
h2.blogSubhead{color:#CCC;font-size:large;padding:5px 5px 2px 15px;margin:0;}
span.date{display:block;background-color:#0066CC;font-weight:bold;font-size:small;padding:2px 2px 2px 10px;}
*/

/*//////////////////////////////////////////////
~Entry STYLES
/////////////////////////////////////////////*/

div.entry{border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 20px 0; background-color: #fff; padding: 5px;}
#ctl00_ctl00_MainContent_ContentWhiteBox_blogPost{ margin:0 0 20px 0; background-color: #fff; padding: 5px;}
	h3.entryTitle{font-size:18px; color:#a51140; margin:0 0 0px 0; padding:2px; line-height:20px; background-color: #fff; border-bottom:0px solid #ccc;}
		h3.entryTitle a { color:#a51140; }
		span.entrypermalink { color:#999; text-decoration:underline; }
	div.entryBody{padding:0 10px 0 10px;margin:0 0 8px 0;font-size:small;}
	div.entryFooter{color:#aaa;font-size:x-small;padding:2px 5px 10px 5px;text-align:right;}
/*
<div class="entry">
	<h3 class="entryTitle"><a href="#" >Title</a></h3>&nbsp;<a title="Permanent link" href="#" ><span class="entrypermalink">Permanent link</span></a>
	<div class="entryBody"></p>
</div>
<div class="entryFooter">Posted by Eric Barone at 11/13/2007 1:49 AM  <a href="/skincare_blog.aspx?id=1190&amp;blogid=128#PostComments" >Comments (0)</a></div>
div.entry{border-bottom:1px solid #CCC;margin:0;}
h3.entryTitle{font-size:medium;background-color:#EEE;margin:0;padding:2px;border-bottom:1px solid #999;}
div.entryBody{padding:0 10px 0 10px;margin:0;font-size:small;}
div.entryFooter{color:#666;font-size:x-small;padding:2px 5px 5px 5px;text-align:right;}
*/

/*//////////////////////////////////////////////
~CALENDAR STYLES
/////////////////////////////////////////////*/

/* <div class="blogCalendar"> */
div.blogRSS { padding-top: 0px;}
div.blogRSS a { color:#a51140; }
div.blogRSS img { margin-bottom:10px; }
div.blogCalendar { } /* DIV containing entire calendar table */
	table.calendarTable{border:1px solid #999;background-color:#EEE;}
	tr.monthRow{background-color:#999;color:#FFF;font-weight:bold;}
	td.prevMonth, td.nextMonth{width:30px;text-align:center;}
	td.prevMonth a, td.nextMonth a{color:#CCC;font-weight:normal;font-size:small;}
	td.currentMonth{width:140px;text-align:center;}
	tr.dayNamesRow{font-size:x-small;color:#666;}
	tr.weekRow td{width:14%;text-align:center;}
	td.inactiveDay{font-size:small;background-color:#FFF;}
	td.activeDay{background-color:#CCC;font-size:small;}

/*//////////////////////////////////////////////
~BLOGROLL STYLES
/////////////////////////////////////////////*/

div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #ccc;margin:5px 0 5px 0;}
div.blogRoll ul{margin:0;padding:0 0 0 5px;list-style-type:none;line-height:16px;}
div.blogArchive ul{margin:0;padding:0 0 0 5px;list-style-type:none;line-height:16px;} 
.blogrolllink { }
div.blogRoll ul li a { text-decoration:underline; }
div.blogRoll ul li a:hover { text-decoration:none;color:#222; }
div.blogArchive ul li a { text-decoration:underline; }
div.blogArchive ul li a:hover { text-decoration:none;color:#222; }

/*//////////////////////////////////////////////
~BLOGCATEGORIES STYLES
/////////////////////////////////////////////*/

div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #ccc;margin:5px 0 5px 0;}
div.blogCategories ul{margin:0;padding:0 0 0 5px;list-style-type:none;line-height:16px;}
.blogcatlink { }
div.blogCategories ul li a { text-decoration:underline; }
div.blogCategories ul li a:hover { text-decoration:none;color:#222; }

/*//////////////////////////////////////////////
~BLOGRECENTPOSTS STYLES
/////////////////////////////////////////////*/

div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #ccc;margin:5px 0 5px 0;}
div.blogRecentPosts ul{margin:0;padding:0 0 0 5px;list-style-type:none;line-height:16px;}
.blogrecentlink { }
div.blogRecentPosts ul li a { text-decoration:underline; }
div.blogRecentPosts ul li a:hover { text-decoration:none;color:#222; }

/* isolate H4 headings in the right bar */
div.blogSidebar H4 { color:#666; margin-top:20px; }

div .sociable { margin: 16px 0 !important; }

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 li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	width: 16px;
	height: 16px;
	border: 0;
}

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