body {
  background:#ccc;
  margin:0;
  text-align:center;
  line-height: 1.5em;
  font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
  color:#333;
  font-size/* */:/**/small;  font-size: /**/small;
}


/* Page Structure
----------------------------------------------- */
#outer-wrapper {
  width:97%;
  margin:0 auto;
  text-align:left;
  font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  z-index: 1;
}
        
#mainwrapper { float: left; width: 100%; }   

#main {
  min-width: 500px;
  margin-right: 480px;              
  margin-top:15px;
  color:#333;
  font-size:97%;
  line-height:1.5em;
  /* word-wrap: break-word; fix for long text breaking sidebar float in IE */
  /* overflow: hidden;      fix for long non-text content breaking IE sidebar float */
  background: white;
  border: 2px solid #aaa;
  position: relative;    
  z-index: 3;
}
   
#leftcolumn, #rightcolumn {
  float: left;
  width: 240px;
  margin-left: -480px;
}          

#rightcolumn { margin-left: -240px; }          
#sidebartop, #sidebarbottom, #sidebartopright, #sidebarbottomright {
/*  width: 240px;   */   
  margin-top: 15px;
  margin-left: 15px; 
  padding:10px 0px 10px;
  color:#fff;
  background: #999;
} 


#sidebarbottom, #sidebartopright, #sidebarbottomright { 
  color: #333; 
  background: #fff;
}
      
#sidebartop h2 {
  line-height:1.5em;
  color:#fff;
  border-bottom: 1px dotted #fff;
  margin-bottom: 0.5em;
  font: normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}
#sidebartop a { color: #fff;}
#sidebartop a:hover { color: #ddd;}
#sidebartop a:visited { color: #ddd;}
#sidebarbottom h2 { color: #333;  border-bottom: 1px dotted #333; }

.sidebar .widget {  margin:.5em 13px 1.25em;  padding:0 0px; }
.widget-content {  margin-top: 0.5em;}

.sidebar h2 {
  margin:0;
  padding:0 0 .2em;
  line-height:1.5em;
  font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}

.sidebar ul {  list-style:none;  margin:0 0 1.25em;  padding:0 0px;}
.sidebar ul li {
  background:url("images/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding:0 0 3px 16px;
  margin-bottom:3px;
  border-bottom:1px dotted #bbb;
  line-height:1.4em;
}
.sidebar p {  margin:0 0 .6em;  }                                          

/* Links ----------------------------------------------- */
a:link    {  color: #03b;  text-decoration: none;  }
a:visited {  color: #36c;  text-decoration:none;   }
a:hover   {  color: #36c;  }
a img     {  border-width:0;}


/* Blog Header --------------------------------------------------------------------------- */
#header {        
    min-width: 600px;
    margin:22px 0 0 0;  
    padding:8px;
    padding-right: 16px;  
    color:#fff; 
    background:#114; 
}

#header h1 {
  margin:0;
  padding:10px 30px 5px;
  line-height:1.2em;
  font: normal bold 190% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}

#header a,
#header a:visited {  text-decoration:none;  color: #fff;  }
#header .description {
  margin:0;
  padding:5px 30px 10px;
  line-height:1.5em;
  font: normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}

#header-inner {
    /* We do this manually instead of the blogger image support so we have more control over the image */
    background-image: url("images/mk4side.jpg");
    background-repeat: no-repeat;
    background-position: right;
    padding-bottom: 30px;
    height: 95px;
}

/* Counter widget 
--------------------------------------------------------------------------- */
div.upcounter {
    float: right;
    width: 285px;
    margin-top: 34px;
    margin-right: 294px;
    font-size: 8pt;
    border: thin solid gray;
    padding: 0pt;
    background-color: rgb(17, 17, 68);;
}

.upcounter > .label {
  color: rgb(17, 17, 68);
  background-color: white;;
  padding-left: 12pt;
  padding-right: 12pt;
}
.upcounter > .value {
  padding-left: 12pt;
  color: white;
}

/* Posts
----------------------------------------------- */
h2.date-header {
  margin:0 28px 0 43px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#018;
}

.post {
  margin:.3em 0 25px;
  padding:0 13px;
  border:1px dotted #bbb;
  border-width:1px 0;
}

.post h3 {
  margin:0;
  line-height:1.5em;
  background:url("images/icon_arrow.gif") no-repeat 10px .5em;
  display:block;
  border:1px dotted #bbb;
  border-width:0 1px 1px;
  padding:2px 14px 2px 29px;
  color: #333;
  font: normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  }

.post h3 a,
.post h3 a:visited {  text-decoration:none;  color: #333;}

a.title-link:hover { background-color: #bbb;  color: #333;}

.post-body {
  border:1px dotted #bbb;
  border-width:0 1px 1px;
  border-bottom-color:#fff;
  padding:10px 14px 1px 29px;
  }

html>body .post-body {  border-bottom-width:0; }

.post p {  margin:0 0 .75em;  }

.post-footer {
  background: #eee;
  margin:0;
  padding:2px 14px 2px 29px;
  border:1px dotted #bbb;
  border-width:1px;
  font-size:100%;
  line-height:1.5em;
  color: #666;
}

.post-footer p {  margin: 0;}

html>body .post-footer {  border-bottom-color:transparent;  }

.uncustomized-post-template .post-footer {  text-align: right;}
.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
  display: block;
  float: left;
  text-align:left;
  margin-right: 4px;
}

.post-footer a {  color: #03b; }
.post-footer a:hover {  color: #36c;     }

a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("images/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
}

html>body a.comment-link
{
  /* Respecified, for IE5/Mac's benefit */
  background:url("images/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
}

.post img {  
    margin:0 0 5px 0;
    margin-left: 1em;
    margin-right: 1em;  
    padding:4px;  
    border:1px solid #bbb;
}


blockquote {
  margin:.75em 0;
  border:1px dotted #bbb;
  border-width:1px 0;
  padding:5px 15px;
  color: #018;
}

.post blockquote p {  margin:.5em 0;  }

#blog-pager-newer-link{  float: left;  margin-left: 13px;}
#blog-pager-older-link{  float: right;  margin-right: 13px;}

#blog-pager {  text-align: center;}

.feed-links{  clear: both;  line-height: 2.5em;  margin-left: 13px;}

/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  /*border:1px dotted #bbb;*/
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
}

#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  border-bottom:1px dotted #bbb;
  font-size:120%;
  line-height:1.4em;
  color:#333;
}

#comments-block {  margin:0 15px 0 9px;  }

.comment-author {
  display: inline;
  background:url("images/icon_comment.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding:0 0 0 20px;
  font-weight:bold;
  margin-right: 220px;
}

.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
}

.comment-body p {  margin:0 0 .5em;  }

.comment-footer {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
}

.comment-footer a:link {  color: #333;  }
.deleted-comment {  font-style:italic;  color:gray;  }

/* Profile ----------------------------------------------- */
.profile-img {
  float: left;
  margin: 5px 5px 5px 0;
  border: 4px solid #fff;
}

.profile-datablock {
  margin:0 15px .5em 0;
  padding-top:8px;
}

.profile-link {
  background:url("images/icon_profile.gif") no-repeat 0 .1em;
  padding-left:15px;
  font-weight:bold;
}

.profile-textblock {
  clear: both;
  margin: 0;
}


.clear, #footer, .widget .clear {  clear: both; }


/* Footer
----------------------------------------------- */
#footer {   
    margin:0; 
    margin-right: 250px;  
    margin-top: 1ex;
    padding: 10px;
    background:#114;
}

#footer hr { display:none;}
#footer p  { margin:0;}
#footer a  { color:#fff;}

/* rounded corners for some parts */
#header, #main, #footer, 
#sidebartop, #sidebarbottom, #sidebartopright, #sidebarbottomright {
    -moz-border-radius: 0.7em;
    -webkit-border-radius: 0.7em;
    border-radius: 0.7em;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header,
body#layout #outer-wrapper {  margin-left:0;  margin-right: 0;  padding: 0;}

body#layout #outer-wrapper {  width: 730px;}


/* No blogger nav frame for me */
#navbar-iframe { height: 0px; }

/* Consequently, bring back search from it */
#mysearch {
    border: none;
    width: 235px;
    margin-left: -10px;
    margin-bottom: 5px;
}

/* Be humble about meself */
.profile-data { font-size: x-small;}

/* For the lytebox, let's give the img a pointer, so it's clear it's clickable */
img[onclick] { cursor: pointer; }
img.flickr, img.shadow {
    width: 400px  !important;
    height: auto !important;
    /* Do shadow in webkit and gecko rendering engines */
    -webkit-box-shadow: #888 10px 10px 5px; -moz-box-shadow: #888 10px 10px 5px;
    
    /* Position properly vertically */
    margin-top: 10px; margin-bottom: 15px;
}
div.flickr { text-align: center; }
div.flickrSetPrimary { float: left; margin: 3pt; }

.caption { font-size: x-small; }

img.portrait {
	width: 266px !important;
	height: auto !important;
}

img.medium{
	width: 240px !important;
	height: auto !important;
}



/* override gsearch.css */
  #uds-searchControl .gs-result .gs-title,
  #uds-searchControl .gs-result .gs-title *,
  #uds-searchControl .gsc-results .gsc-trailing-more-results,
  #uds-searchControl .gsc-results .gsc-trailing-more-results * {
    color: #03b;
  }

  #uds-searchControl .gs-result .gs-title a:visited,
  #uds-searchControl .gs-result .gs-title a:visited * {
    color:#36c;
  }

  #uds-searchControl .gs-relativePublishedDate,
  #uds-searchControl .gs-publishedDate {
    color:#ccc;
  }

  #uds-searchControl .gsc-results {
    border: thin dotted gray;
  }

  #uds-searchControl .gsc-tabhInactive {
    background-color:transparent;
  }
  
/* Corrections for intense debate comments (idc) */
.idc-cover, .idc-new {
    width: 95% !important;
    padding-left: 1em !important;
}

#idc-container * {
    font-family: 'Trebuchet MS' !important;
    position: static;
}
.idc-head h3, .idc-new h3 {
    font-size: 17px !important;
    font-weight: bold !important;
}

.idc-share, .idc-footer, .idc-create { display: none !important; }

/* Make sure the div the pager is in stays below the comments */
.blog-pager { clear:both; }

/* Flickr images */

/* Adjustments for porting to wordpress */
.rss-date {
    margin-left: 5pt;
}

.pagetitle {
    margin-left: 15pt;
}

.alignleft {
    text-align: left;
    float: left;
    margin-left: 1em;
}
.alignright { text-align: right; margin-right: 1em; }
.navigation { margin-top: 5pt; height: 2em; }

li.feed  { text-indent: 5pt; }
li.feed.orange  { background:url("images/feed-orange.png") no-repeat !important; }
li.feed.blue  { background:url("images/feed-blue.png") no-repeat !important; }

#respond, #commentform
{
  margin:-25px 13px 0;
  padding:20px 0 15px 0;
}

textarea {
    font-family: 'Trebuchet MS' !important;
    width: 99%;
}

ol.commentlist {
    margin:0;
    list-style: none;
}
.commentlist li {
    margin:0;
    padding-left: 15px;
    margin-right: 15px;
    background-color: #ddd;
}
.commentlist li.alt { background-color: #eee; }

.commentmetadata {
    font-size: 8pt;
    float: right;
}
.commentpreamble {}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.children { list-style: none;}

img.wp-smiley {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline !important;
}

div.amzshcs-item {
  margin-top: 3pt;
  margin-bottom: 3pt;
  font-size: 8pt;
  height: 85px;
}

.amzshcs-item div { float: right; }