﻿

/*//////////////////////////////////////////////
~LAYOUT STYLES
/////////////////////////////////////////////*/

div.blog{position:relative;margin:0;padding:5px 0 5px 0;}
div.blogEntries{float:left; width:100%;}
div.blogSidebar{width:30%;float:left;top:0;right:0;padding:0 5px 0 5px; margin-left:10px;}
div.closeblog{clear:both;}
div.blogRSS{display:none;float:left;}
.blogCalendar {margin-top: 20px;}
/*//////////////////////////////////////////////
~HEADER STYLES 
/////////////////////////////////////////////*/

/*div.blogHeader{background-color:#B7A270;}
h1.blogTitle{color:#FFF;padding:0;margin:0;}*/
h2.blogSubhead{ display:none;/*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:#f8f6ec;margin:0;padding:10px;border-bottom:1px dotted #ccc;}
div.entryBody{padding:0 10px 0 0px;margin:15px 0 0 0;font-size:small;}
div.entryFooter{color:#666;font-size:x-small;padding:2px 5px 5px 0px;}
span.entrypermalink {display:none;}
span.tags {float:right;font-size:x-small;}

/*//////////////////////////////////////////////
~CALENDAR STYLES
/////////////////////////////////////////////*/

table.calendarTable{border:1px solid #e1e0d5;background-color:#f8f6ed; margin-bottom: 20px;}
tr.monthRow{background: #6c8b29 url(../images/green.gif) repeat-x;background: -webkit-gradient(linear, left top, left bottom, from(#7f9b46), to(#6c8b29)); /* for webkit browsers */background: -moz-linear-gradient(top, #7f9b46, #6c8b29); /* for firefox 3.6+ */ ;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;}
	.content .currentMonth a, .currentMonth a {color: white;}
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:#ebeadd;font-size:small;}

/*//////////////////////////////////////////////
~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{margin:0;padding:0 0 0 5px;list-style-type:none;}
.blogcatlink { }

/*//////////////////////////////////////////////

~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;}
div.blogRecentPosts ul li {
    border-top: 1px dotted #CCCCCC;
    clear: both;
    overflow: hidden;
    padding: 8px;
}
div.blogRecentPosts ul li a 
{
    background: url("../images/arrow-sprites.png") no-repeat scroll 0 0 transparent; 
    padding-right: 12px;
    background-position: right -32px;
}

a:visited {
    color: #333300;
}

.ekeditpost a, .ekdeletepost a, a .showallblogposts {margin-right: 20px;}
.ekcommentheader {font-weight: bold; font-size: 125%;}
.comment-item {background-color: #ebeadd; padding: 15px; margin-bottom: 3px; border-top: 1px dotted #CCC;}

/***********************iMedia Style Updates********************************/
div.entry {
  border-bottom: medium none;
  float: left;
  width: 100%;
}
h3.entryTitle {
  background-color: #EBE9DE !important;
  border-bottom: 1px solid #CCCCCC !important;
  float: left;
  margin-bottom: 10px !important;
  width: 100%;  
  padding:0px;
}
h3.entryTitle a
{
    color:#333333 !important;
    display:block;
    padding:10px;
}
.userHeader {
  clear: both;
  float: left;
  margin-bottom: 5px;
}
img.avatar {
  border: 1px solid #CCCCCC;
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
  padding: 1px;
}
.text {
  float: left;
}
a.permaLink, a.permaLink:hover {
  color: #000000 !important;
  display: block;
}
#blogContent
{
    width:429px;    
}
.blogContent {
  clear: both;
  float: left;
  margin-bottom: 15px;
}
.blogFooter {
  background-color: #EEEEEE;
  clear: both;
  float: left;
  margin-bottom: 10px;
  width:100%;
  padding:0px !important;
}
.blogDate {
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
}
.commentCount {
  display: inline-block;
  margin-left: 10px;
}
.social {
  margin-bottom: 10px;
  margin-left: 10px;
  margin-top: 5px;
}
.socialButton {
  display: block;
  float: left;
  height: 20px;
  width: 19px;
}
.socialButton + .socialButton
{
    margin-left:10px;    
}
.socialButton.gmail {
  background-image: url("/images/gmail_icon.gif");
}
.socialButton.blogger {
  background-image: url("/images/blogger_icon.gif");
}
.socialButton.twitter {
  background-image: url("/images/twitter_icon.gif");
  border-right:1px solid #cccccc;
}
.socialButton.facebook {
  background-image: url("/images/facebook_icon.gif");
  width: 20px;
  margin-right:10px;
}
.comments
{
    float:left;    
    width:100%;
}
.header {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.comment {
  margin-bottom: 10px;
}
.comment .text {
  float: none;
}
.comment.form {
  border-top: 1px solid #CCCCCC;
  padding-top: 15px;
}
span.label {
  display: inline-block;
}
.label span {
  color: #FF0000;
  font-weight: bold;
  margin-left: 2px;
}
.comment.form input {
  border: 1px solid #999999;
  display: block;
  margin-bottom: 10px;
  width: 248px;
}
.comment.form textarea {
  border: 1px solid #999999;
  height: 97px;
  resize: none;
  width: 366px;
}
input.submit
{
    background-color:#f5f5f5 !important;
    border:1px solid #d9d9d9 !important;
    width:113px !important;
    height:29px !important;
    display:block;
    margin-top:20px;
}
#entries {
  border-right: 1px solid #CCCCCC;
  float: left;
  padding-right: 26px;
  width: 403px;
  min-height:470px;
}
#blogSideBar {
  float: left;
  margin-left: 20px;
  width: 208px;
}
.title {
  border-bottom: 1px solid #CCCCCC;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}
div.blogArchive ul {
  padding: 5px 0 0 !important;
}
#blogPosts div.blogRecentPosts ul
{
    padding:0px;    
}
#blogPosts div.blogRecentPosts ul li
{
    border-top:none;
    padding:0px;    
}
#blogPosts div.blogRecentPosts ul li a
{
    background-image:none;
    padding-right:0px;    
}
.errorLabel
{
    color:#ff0000;
    display:none;    
    padding-left:10px;    
    margin-bottom:0px !important;
}
.errorLabel.error
{
    display:inline-block;    
}