body
{
  text-align:center;
  margin:0px;
  padding:0px;
  background:#FFF68F;
  color:#000000;
  font-family:"Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
}
a {color:#DE7008;}
a:hover{color:#E0AD12;}
p
{
  margin-top: 5px;
  margin-bottom: 5px;
}
#logo
{
  padding:0px;
  margin:0px;
}
div#content
{
  text-align: left;
  position: relative;      /* Make this a container for relative positioning of child elements */
  margin: 0 auto 0 auto;   /* auto ensures centering */
  padding: 0px;
  width: 790px;
  border-top: 6px solid #104E8B;
  border-left: solid 1px #E0AD12;
  border-right: solid 1px #E0AD12;
}
div#mainClm
{
  width: 565px;
  border-right:solid 1px #E0AD12;
  border-top: 1px solid #FFFFE0;
  border-bottom: 1px solid #FFFFE0;
  background: #FFFFE0;
  margin: 0;
  padding: 0;
}

div#sideBarContainer
{
  position: absolute;
  right: 0px;
  width: 210px;
  margin: 0px;
  padding: 0px;
  background: #f6f6f6;
  border-left: solid 1px #E0AD12;
  border-bottom: solid 1px #E0AD12;
}
div#sideBar 
{
  padding-left: 10px;
  padding-top: 8px;
}
#myheader      /* just holds the image */
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #7093DB; 
  background: #FFFFE0;
  width: 100%; /*788px; */
  overflow: hidden;
}
#description    /* The blog description, right below the title */
{
  padding: 4px 12% 4px 5%; 
  margin: 0px;
  font: normal 75% Verdana,Sans-Serif;
  font-style: italic;
  border-top: 1px solid #7093DB;
  color: white;
  background: #104E8B;
}
div.blogdateheader  /* The date header above groups of posts, in the main column */
{
  margin: 10px 0px 0px -10px;
  font-style: italic;
  padding: 2px 0px 2px 20px;
  font-size: 105%;
  font-weight: bold;
  color:white;
  background: #E0AD12;
}
div.blogblock  /* Encompases an entire blog post */
{
  margin-top: 6px;
  margin-bottom: 15px;
  padding-left: 12px;
  padding-right: 12px;
}
div.commentblock  /* Encompases comments post */
{
  margin-top: 12px;
  margin-bottom: 15px;
  padding-left: 12px;
  padding-right: 12px;
}

h1, h2, h3, h4, h5, h6
{
  padding:0px;margin:0px;
}
h1 a:link {text-decoration:none;color:#104E8B;}
h1 a:visited {text-decoration:none;color:#104E8B;}
h1     /* The blog title */ 
{
  padding: 15px 0px 50px 5%;
  border-top: 3px double #104E8B; 
  border-bottom: double 3px #104E8B; 
  color: #104E8B;
  font:bold 200% Verdana,Sans-Serif;
  letter-spacing:-1px;
}
h2     /* H2 is the blog entry title */
{
  color:#191970;
  font-weight:bold;
  font-family:Verdana,Sans-Serif;
  letter-spacing:-1px;
  margin-top: 8px;
}
h2 a { color:#191970; text-decoration:none; }
/*#sideBar ul a:link { color:#333333; }
#sideBar ul a:visited { color:#333333; }
#sideBar ul a:active { color:#333333; }
*/
h2 a:hover { color:#5959B0; text-decoration:none; }
h3     /* The comment title in main column */
{
  color:#191970;
  font-weight: bold;
  font-family: Verdana,Sans-Serif;
  font-size: 120%;
}
h4{color:#aa0033;}

h6   /* h6 is the sidebar titles */
{
  margin-top: 15px;
  color:#191970;
  font-size:120%;
  font-style:italic;
}
.blogblock img
{
  padding: 3px;
  border: solid 1px #E0AD12;
}

.blogPost {margin:0px 0px 10px 0px;font-size:95%;}
.blogPost strong{color:#000000;font-weight:bold;}

#sideBar ul
{ 
  margin: 0px 0px 0px 15px;
  padding:0px 0px 0px 0px;
  font-size:95%;
}
#sideBar li
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-size: 95%;
  list-style-type: square;
  color: #DE7008;     /* The marker color */
}
#sideBar ul a { color:#333333; text-decoration:none; }
#sideBar ul a:link { color:#333333; }
#sideBar ul a:visited { color:#333333; }
#sideBar ul a:active { color:#333333; }
#sideBar ul a:hover { color:#DE7008; text-decoration:none; }

pre,code{color:#999999;}
strike{color:#999999;}
.bug{padding:5px;border:0px;}

.byline
{
  width: 50%;
  white-space: nowrap;
  border-top: dashed 1px #E0AD12;
  border-bottom: dashed 1px #E0AD12;
  padding-bottom: 2px;
  padding-top: 1px;
  margin:0px;
  margin-bottom: 3px;
  color:#444444;
  font-size:80%;
}
.byline a{border:none;color:#968A0A;text-decoration:none;}
.byline a:hover{text-decoration:underline;}
		
.blogComments{padding:0px;color:#9E5205;font-size:110%;font-weight:bold;font-family:Verdana,Sans-Serif;}
.blogComment
{
   margin-top: 3px;
   margin-bottom: 12px;
   font-size: 100%;
   font-weight: normal;
   color: black;
}    
.deleted-comment {font-style:italic;color:gray;}
.comment-link { font-weight: bold; }


#profile-container { }
.profile-datablock { }
.profile-img {display:inline;}
.profile-img img {float:left;margin-right:5px;}
.profile-data strong { }
#profile-container p { }
#profile-container .profile-textblock { }
.profile-link a:link {color:#999999;text-decoration:none;}
.profile-link a:active {color:#ff0000;text-decoration:none;}
.profile-link a:visited {color:#999999;text-decoration:none;}
.profile-link a:hover{color:#DE7008;text-decoration:none;}



.commentbyline
{
	white-space: nowrap;
	padding-bottom: 2px;
	padding-top: 1px;
	margin: 0px;
	margin-bottom: 3px;
	color: #444444;
	font-size: 80%;
}

.commentbody
{
    border: solid 1px #E0AD12;
    padding: 4px;
}

.commentfooter
{
	white-space: nowrap;
	padding-bottom: 2px;
	padding-top: 1px;
	margin: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	color: #444444;
	font-size: 80%;
}

.commentarrow
{
	background-image: url(http://www.jimandkatrin.com/blog/images/summer-comment-arrow.gif);
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	margin-bottom: -6px;
}

#CellPicDIV
{
	font-size: 90%;	
	margin-right: 10px;
}
#CellPicDIV a { text-decoration:none; }
#CellPicDIV a:link { color:#DE7008; }
#CellPicDIV a:visited { color:#DE7008; }
#CellPicDIV a:active { color:#DE7008; }
#CellPicDIV a:hover { color:#E0AD12; text-decoration:none; }

#CellPicThumb
{
    padding: 2px;
    border: solid 1px #E0AD12;
}

#CellPicDIV