#sidebar-a {
     position: absolute;
     top: 0;
     right: 0;
     /* width: 410px; */
 } 


/* shrink from 490px to 410px */
.mainsidebar{
	width: 410px;
}

#navbar {
	float:right;
	width: 200px;
}

#navbar ul{
	list-style: none;
  /* margin: T   R   B   L ;   */
   margin: 20px 0px 60px 6px;
}

#header {
     position: absolute;  /* wrt the containing div */
     top: 0;
     left: 10px;
     width: 200px;
}

/* This is the blog title */
#header h2{
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1.1em;
	margin:0 ;
	
}

.mainheader {
 /* margin: T   R   B   L ;   */
    margin: 0 0 0 20px;
}

.sidebarleft {
     width: 200px;
	float:left;
 /* margin: T   R   B   L ;   */
    margin: 166px 0 0 10px;
}

.sidebarright {
     width: 200px;
	float:right;
 /* margin: T   R   B   L ;   */
    margin: 10px 0 0 0;

}


#TagSideBar {
/*  border-style: dotted; */
/*  border: 1px; */
/*  border-color: #8DBC8F; */
/*    margin: T   R   B   L ;   */
/*    margin: 0 10px 0 0; */
}


#ArchiveSideBar {

}

#SearchSideBar {
}

#LinkSideBar {

}

/* make the main content appear on the left, with a 400px margin on the right */
/* unrestrict width of  wrapper */
#wrapper {
  width:auto;
}

/* unrestrict width of main wrapper */
.mainwrapper {
  width:auto;
}

/* sort-of unrestrict the width for the main content div. */
/* We set the right margin to 400 to allow for the navbars. */
/* then we set min and max width for readability.  */
/* See: http://www.sitepoint.com/article/top-ten-css-tricks  */
#content 
{
  /* margin: T   R   B   L ;   */
     margin: 0 410px 0 1em;

  width:auto;

  min-width: 400px; 
  max-width: 980px; 

/*  width:expression(document.body.clientWidth < 400? "400px" : document.body.clientWidth > 800? "800px" : "auto"); */
  border-right: 1px dotted Maroon; 
}


/* The h4 within the TagSideBar was the wrong color */
#TagSideBar h4 {
	font-size: 1.4em;
	color: #acacac;
	font-weight: 800;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0.2em 0 0.5em 0;
	padding-top: 0.5em;
}


/* Remove underline from RSS/ATOM links */
.rss li a
{
  text-decoration: none;
}

/* Remove restriction on width for various comments blocks */
dl.comments dt{
 width: auto;
 border: none;
}

dl.comments dd{
 background: none;
 width: auto;
 border: none;
}

.commentsfooter{
 width: auto;
}

dl.comments{
	border: 1px solid #f1f1f1;
}

#footer{
 border:none;
}


/* see http://dbaron.org/css/1999/09/links for hints on ordering these things */

.sideboxes a:link,
.sideboxes a:visited,
.sideboxes ul li a:link,
.sideboxes ul li a:visited,
.rightsideboxes ul li a:link,
.rightsideboxes ul li a:visited
{
	color: #0000CD;  /* ca2f2b; */
	text-decoration : none;
	padding: 1px;
	/* add margin to compensate for the box when hovering */
	margin-left: 1px;
	margin-right: 1px;
}


.sideboxes  a:link:hover,
.sideboxes  a:visited:hover,
.sideboxes ul li a:link:hover,
.sideboxes ul li a:visited:hover,
.rightsideboxes ul li a:link:hover,
.rightsideboxes ul li a:visited:hover
{
	color: #FF00FF;  /* FF00FF == Fuschia   #000; */
	text-decoration : none;
	background: #E6E6FA;  /* #f4f4f4; */
	padding: 1px;
        /* draw a box around the thing when hovering */
	border-bottom: 1px solid #ccc;  /* ca2f2b;*/
	border-left: 1px solid  #ccc;  /* ca2f2b;*/
	border-right: 1px solid #ccc;  /* ca2f2b;*/
	border-top: 1px solid  #ccc;  /* ca2f2b;*/
	/* remove margin when hovering */
	margin-left: 0px;
	margin-right: 0px;
}


/* outline of the boxes */
.sideboxes,
.rightsideboxes,
#TagSideBar
{
    background-color: #F5F5F5;
    border:1px solid #437;
    border-top: 0px;
    margin-bottom:2em ;
    margin-left:6px;
    margin-right:4px;
}


.sideboxes div
{
  border:0px;
  background: none;
}


/* This puts the header on the groupboxes "above" the box */
#TagSideBar h4,
div.sideboxes h4,
div.rightsideboxes h4
 {
  background: none;
  position:relative;
  color:#4682B4;
  font-size:15px;
  right:-1px;
  top:-16px;
   padding-bottom:-6px;
/*  background:transparent url(bulletr-br.gif) right center no-repeat; */
  overflow:hidden;

     /* margin: T    R     B   L ;   */
	margin: 0px 0px  -8px 10px;
}



div.sideboxes ul,
div.rightsideboxes ul
{
     /* margin: T    R     B   L ;   */
	margin: -14px 0px  -10px 0px;
   padding-bottom:8px;
}


div.sideboxes ul li, 
div.rightsideboxes ul li
{
     /* margin: T    R     B   L ;   */
	margin: 0px 0px  -1px 0px;
}




div.recentposts h4
{
   padding-top:10px;
   padding-bottom:6px;
     /* margin: T    R     B   L ;   */
	margin: 10px 0px  -8px 10px;
}


div.recentposts ul li, 
{
     /* margin: T    R     B   L ;   */
	margin: 0px 0px  3px 0px;
}


/* tighten up tag cloud */
.souptagcloud 
{
  line-height: 150%;
}


/* tighten up entrylist */
dl.entrylist{
     /* margin: T    R     B   L ;   */
	margin: 0px 10px  0px 10px;
}

/* Remove background image on entrylist */
dl.entrylist dt
{
  background: none;
}


dl.entrylist dd
{
  background: none;
  margin-bottom: 0em;
}



/* remove bottom border on entry footer */
.entrylistfooter{
	border: none;
}
/* adjust bottom border on entry footer */
.entrylistfooter div{
	border-bottom-color: #5F9EA0;  /* orig:  #f1f1f1; */
	border-bottom-style: solid;
	border-bottom-width: 1px;
        padding-bottom: 8px;
}

.entryview{
  background: none;
}

pre {
  font-family: Consolas, Courier New; 
}

/* for Colin Coller's CopySourceAsHtml */ 
.cf { 
  font-family: ProFontWindows, Consolas, Courier New; 
  font-size: 0.85em;
  color: black;
  background: #F5FFFF; /* white; */
  border: 1px solid #A9A9A9;  /* #483D8B */
  padding: 0px 0px 0px 0px;

/*  padding-top: 0pt;  padding-left: 0pt;  padding-right: 0pt;  padding-bottom: 0pt; */ 
/*  border-left: windowtext 1pt solid;  border-right: windowtext 1pt solid;  border-bottom: windowtext 1pt solid; */
}
.cf .cl { margin: 0px; }
.cf .cln { color: teal; }
.cf .cb1 { color: blue; }
.cf .cb2 { color: green; }
.cf .cb3 { color: maroon; }
.cf .cb4 { color: fuchsia; }
.cf .cb5 { color: red; }


.dp-highlighter
{
	font-family: "Consolas", "Courier New", Courier, mono, serif;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	text-decoration: none;
        /* border: 1px solid #666666; */
        border: 1px dotted  #20B2AA;
	font-size: 9px;
	color: #8b0000;
	background-color: inherit;
	padding: 1px 2px 1px 2px;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	/* text-decoration: underline; */
        border: 1px solid  #008b8b;
	padding: 1px 1px 1px 1px;
	margin-left: 1px;
	margin-right: 11px;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }