﻿
/*///////////////////////////////////////////////////////////////
~CSS File for Ektron Blogs
///////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////
~LAYOUT STYLES
/////////////////////////////////////////////*/

div.blog{position:relative;margin:0;padding:0;}
div.blogEntries{float:left;width:500px;border-right:1px solid #333;}
div.blogSidebar{width:220px;float:right;top:0;right:0;padding:0 5px 0 5px;}

/*//////////////////////////////////////////////
~HEADER STYLES
/////////////////////////////////////////////*/

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;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
/////////////////////////////////////////////*/

.blogCalendar table.calendarTable{font-size:smaller;font-family:Verdana, Arial, Helvetica, sans-serif;width:100px;border:0px solid #999;background-color:#f5f3d7; }
.blogCalendar tr.monthRow{background-color:#f5f3d7; color:#000000; font-weight:bold;  border-bottom: solid 1px #ffffff;  vertical-align:middle;}
.blogCalendar td.prevMonth {border-bottom: solid 1px #ffffff;  width:62px; text-align: right; padding: 2px 0 2px 0;vertical-align:middle;}
.blogCalendar td.nextMonth{ border-bottom: solid 1px #ffffff;  width:  63px; text-align: left; padding: 2px 0 2px 0;vertical-align:middle;}
.blogCalendar td.prevMonth a{color:#195f93;font-weight:normal;vertical-align:middle;}
.blogCalendar td.nextMonth a{color:#195f93;font-weight:normal;vertical-align:middle;}
.blogCalendar td.currentMonth{ border-bottom: solid 1px #ffffff;width:195px;text-align:center;background-color:#f5f3d7; color:#000000; font-weight:bold;  }
.blogCalendar tr.dayNamesRow{  border-bottom: solid 1px #ffffff; font-size:x-small;color:#666;}
.blogCalendar tr.weekRow td{width:14%;text-align:center;height: 22px;}
.blogCalendar td.inactiveDay{font-size:small;background-color:#f5f3d7;}
.blogCalendar td.activeDay{color:#ffffff; background-color:#195f93;font-size:small;text-decoration:underline; text-align:center; vertical-align:middle;}
.blogCalendar td.activeDay a{color:#ffffff; background-color:#195f93;font-size:small;text-decoration:underline; text-align:center; vertical-align:middle;}
.blogCalendar td.activeDay  a:hover{color:#ffffff; background-color:#195f93;font-size:small; text-decoration:none; text-align:center; vertical-align:middle;}
/*
table.calendarTable{border:1px solid #999;background-color:#EEE;}
tr.monthRow{background-color:#069;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{color: #ffffff; background-color:#195f93;font-size:small;}*/
/* ------------------------------------------------ BEGIN: Calendar -- 


.Calendar { padding: 0; }
.Calendar .Label { font-weight: bold; }
.Calendar DIV.Nav { text-align: center; clear: both; height: 17px; border-top: solid 1px #ffffff; }
.Calendar DIV.Nav IMG { border: none; }
.Calendar DIV.Nav DIV { float: left; }
.Calendar DIV.Nav DIV.ArrowLeft { width:  62px; text-align: right; padding: 2px 0 2px 0; }
.Calendar DIV.Nav DIV.ArrowRight { width:  63px; text-align: left; padding: 2px 0 2px 0; }
.Calendar DIV.Nav DIV.Label { text-align: center; width: 73px; padding: 2px 0 2px 0; font-weight: bold; }
.Calendar DIV.Days { clear: both; border-top: solid 1px #ffffff; padding: 5px 0 5px 0; }
.Calendar DIV.Days TABLE { align: center; }
.Calendar DIV.Days TABLE TR TD { width: 22px; height: 22px; text-align: center; vertical-align: middle; }
.Calendar DIV.Days TABLE TR TD A { text-decoration: underline; display: block;  padding: 5px; }
.Calendar DIV.Days TABLE TR TD A:hover { color: #ffffff; background-color: #5ca1c8; }
.Calendar DIV.Days TABLE TR TD A.Today { color: #ffffff; background-color: #195f93; text-decoration: none; }

 ------------------------------------------------ END: Calendar -- */


/*//////////////////////////////////////////////
~BLOGROLL STYLES
/////////////////////////////////////////////*/

div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:5px 0 5px 0;}
div.blogRoll ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
div.blogArchive ul{margin:0;padding:0 0 0 5px;list-style-type:none;} 
.blogrolllink { }

/*//////////////////////////////////////////////
~BLOGCATEGORIES STYLES
/////////////////////////////////////////////*/

div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:5px 0 5px 0;}
div.blogCategories ul{ padding: 0 10px 0.5em 15px; margin: 0 0 0 0; list-style-type: none; }
div.blogCategories li{ line-height: 1.5em; }
div.blogCategories li a { text-decoration: underline; }
.blogcatlink { line-height: 1.5em;text-decoration: underline;}

/*//////////////////////////////////////////////
~BLOGRECENTPOSTS STYLES
/////////////////////////////////////////////*/

div.blogSidebar h4{color:#666;font-size:medium;padding-bottom:3px;border-bottom:1px solid #999;margin:5px 0 5px 0;}
div.blogRecentPosts ul{margin:0;padding:0 0 0 5px;list-style-type:none;}
.blogrecentlink { }

