/*///////////////////////////////////////////////////////////////
~CSS File for Ektron Blogs
///////////////////////////////////////////////////////////////*/

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

div.blog{position:relative;margin:0;padding:0;}
div.blogEntries { float:left;width:410px; margin-right: 20px;}
div.blogSidebar { width: 209px; float: right;}
div.closeblog{clear:both;}

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

div.blogHeader{}
h1.blogTitle{}
h2.blogSubhead{}
span.date{display:block;font-weight:bold;padding:2px 2px 2px 10px;}

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

div.entry{ }
div.entry h3 {
	line-height: 130%;
	color: #99A9C1;
	background-color: transparent;
	padding: 0;
}
div.entry h3 a {
	display: block;
	padding: 0 0 0 10px;
	background: transparent url(../../fw/arrowLightBlue2.png) no-repeat left 10px;
	color: #99A9C1;
}
div.entry h3 a:hover {
	color: #1A3E73;
	background-image: url(../../fw/arrowBlue2.png);
	text-decoration: underline;
}
div.entry a { color: #9AAAC1;}
div.entry a:hover { color: #345483;}
div.entryBody { padding-bottom: 10px;}
div.entryBody a { color: #345483;}
div.entryBody a:hover { color: #00204F;}
div.entryFooter { color: #9AAAC1; font-style: italic; font-size: 90%; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #9AAAC1;}
div.entryFooter a { color: #9AAAC1;}
div.entryFooter a:hover { color: #345483;}


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

div.blogEntries div.entry table {
	width: 100%;
	border-top: 1px solid #CDD5E0;
}
div.blogEntries div.entry table td {
	padding-top: 15px;
	font-size: 91.7%;
	/* color: #6880A3; */
}


/*//////////////////////////////////////////////
~RSS LINK BOX STYLES
/////////////////////////////////////////////*/

div.blogRSSContainer { padding-bottom: 10px;}
div.blogRSS { text-align: right;}

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

div.blogCalendar { margin-bottom: 15px; border:1px solid #9AAAC1;}
table.calendarTable { width: 100%;}
table.calendarTable td { text-align: center;}
table.calendarTable table { width: 100%;}
tr.monthRow { background-color:#9AAAC1;color:#FFFFFF;}
tr.monthRow td { padding: 2px 0;}
tr.monthRow td a { color: #FFFFFF;}
tr.monthRow td.currentMonth { font-size: 130%;}
td.prevMonth a, td.nextMonth a { font-weight: bold;}
td.currentMonth{}
td.prevMonth a, td.nextMonth a, td.currentMonth a { text-decoration: none;}
td.prevMonth a:hover, td.nextMonth a:hover, td.currentMonth a:hover { text-decoration: underline;}
tr.dayNamesRow th { text-align: center; color:#9AAAC1; }
tr.weekRow td { padding-bottom: 2px;}
td.inactiveDay {}
td.activeDay { background-color: #E6EAF0;}

/*//////////////////////////////////////////////
~BLOG ARCHIVE & RECENT POST STYLES
/////////////////////////////////////////////*/

div.blogRecentPostsContainer,
div.blogArchiveContainer {
	float: right;
	width: 209px;
	background: #E6EAF0 url(../../fw/downloadsBoxTile.gif) repeat-y;
	margin-bottom: 15px;
	line-height: 120%;
}
div.blogRecentPostsContainer div.boxTop,
div.blogArchiveContainer div.boxTop {
	background: url(../../fw/downloadsBoxTop.gif) no-repeat top;
}
div.blogRecentPostsContainer div.boxBtm,
div.blogArchiveContainer div.boxBtm {
	padding: 10px 10px 15px 10px;
	background: url(../../fw/downloadsBoxBtm.gif) no-repeat bottom;
}
div.blogArchiveContainer ul,
div.blogArchiveContainer li,
div.blogRecentPostsContainer ul,
div.blogRecentPostsContainer li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
}
div.blogArchiveContainer li,
div.blogRecentPostsContainer li {
	padding-bottom: 5px;
}
div.blogArchiveContainer li a,
div.blogRecentPostsContainer li a {
	display: block;
	padding-left: 9px;
	background: url(../../fw/arrowBlueMd.png) no-repeat left 4px;
}
div.blogArchiveContainer li a:hover,
div.blogRecentPostsContainer li a:hover {
	background-image: url(../../fw/arrowBlueMd_over.png);
}

div.blogArchive {}
div.blogRecentPosts {}
.blogrecentlink { }


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

div.blogRoll {}
div.blogArchive {} 
.blogrolllink { }

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

div.blogCategoriesContainer {}
div.blogCategories {}
.blogcatlink { }

/*//////////////////////////////////////////////
~BLOG POST PAGE STYLES
/////////////////////////////////////////////*/

span.ekcommentheader { margin-bottom: 10px;}/* See also "INNER PAGE STYLES" in typography.css. */
input.ekcommentbutton { margin-top: 10px; }/* See also "MISC. FORM STYLES" in forms.css. */