body{margin:0px;
         padding:0px;
         background-color: /*#c0c0c0*/ #e0e0e0;
         color:#000000;
         font-family:"Courier New",Courier,monospace;
         background-image: url(/images/sjback.jpg) }
a{              ;
         text-decoration:none;
         background:transparent;
         /*background-image: url(http://why.michaelpatrick.org/images/blank.png);*/ }
         a:link{color:#800000;}
         a:visited{color:#c00000;}
         a:active{color:#f00000;}
         a:hover {color:#c00000;
         background-color:#ffffff;
         /*background-image: url(http://why.michaelpatrick.org/images/sj.png)*/;  }
#logo{padding:0px;
         margin:0px;}
#b-navbar {  /*padding-bottom:0px !important*/ /*simplifies NavBar*/ ;
         border-bottom:solid 1px #00ff00 !important;  }
#b-navbar a:hover { background:transparent;  }
#content { width: 640px !important;
         display: block;
         margin: 0px 30px;
         text-align:left;
         vertical-align:top; }
#mainClm-container{ width: 75%;
         vertical-align:top;  }
#mainClm{ display: block;
         padding:3px 9px 12px 9px;
         margin:0px 3px 0px 3px;
         border:dotted 1px #00ff00;
         background-color: #f3f3f3;  }
#siteSpace-container { width:10%;
         vertical-align:top;  }
#siteSpace { display: block;
         background-color:#f3f3f3;
         padding:3px 6px 12px 6px;
         margin: 0px 3px 12px 0px;
         border:dotted 1px #00ff00;
         vertical-align:top;  }
#TOC { /*float:right;*/
         font-size:66%;
         letter-spacing:-0.1em;
         vertical-align:top;
         margin:3px 3px 12px 3px;
         padding:3px;
         border:dotted 1px #00ff00;
         background-color:#ebebeb; }
#sideBar-container{ width:15%;
         vertical-align:top;  }
#sideBar{ display: block;
         padding:3px 6px 12px 6px;
         margin:0px 0px 12px 3px;
         border:dotted 1px #00ff00;
         text-align:right;
         background-color: #f3f3f3; }
#header{ width:640px;
         padding:0px;
         display: block;
         margin-top:;
         margin-bottom:15px;
         border-top:1px solid #00ff00;
         border-bottom:dotted 1px #00ff00;
         border-left:dotted 1px #00ff00;
         border-right:dotted 1px #00ff00;
         background:#000000;
         color:white;}
h1,h2,h3,h4,h5,h6{padding:0px;
         margin:0px;
         font-family:"Courier New",Courier,monospace;}
h1 a:link {text-decoration:none;
         color:#ffffff/*#222222*/}
h1 a:visited {text-decoration:none;
         color:#ffffff/*#444444*/}
h1 a:hover { background:transparent;
         background-image: url(); }
#header h1{padding:25px 0px 10px 30px;
         border-top:double 3px #00ff00;
         border-bottom:solid 1px #00ff00;
         color:#ffffff;
         background:#800000;
         background-image: url(/images/SoFA.jpg);
         background-position:50% 50%;
         font-size:30pt;
         font:bold 600%;
         letter-spacing:3px;}
h2{color:#000000;
         font-weight:bold;
         letter-spacing:-1px;}
h3{margin:0px 0px 0px 0px;
         padding-top:12px; 
         color:#400000;
         font-size:105%;
         letter-spacing:3px; 
         border-top: dotted 2px #400000;  }
h4{color:#400000;}
h6{color:#000000;
         font-size:140%;}
h2.sidebar-title{color:#000000;
         margin:0px;
         padding:0px;
         font-size:120%;}
#sideBar ul, #siteSpace ul {margin:0px 0px 33px 0px;
         padding:0px 0px 0px 0px;
         list-style-type:none;
         font-size:90%;}
#sideBar li, #siteSpace li, #sideBar .blogrollitem {margin:6px 0px 6px 0px;
         padding:0px 0px 0px 0px;
         list-style-type:none;
         line-height: 117%;
         font-size:80%;}
#sideBar ul a, #siteSpace ul a {padding:2px;
         margin:1px;
         width:100%;
         border:none;
         ;
         text-decoration:none;}
/*
#sideBar ul a:link{color:#222222;}
#sideBar ul a:visited{color:#a00000;}
#sideBar ul a:active{color:#f00000;}
#sideBar ul a:hover{color:#c00000;
         text-decoration:none;}
*/
#description{padding:0px 0px 0px 30px;
         margin:7px 6% 7px 0px;
         color:#c0c0c0; 
         background:transparent; 
         font:bold 75%}
.blogPost{margin:0px 0px 30px 0px;
         font-size:84%;  
         color:#001500; 
         letter-spacing:-1px;}
.blogPost h2{margin-bottom:10px; }
.blogPost strong{color:#000000;
         font-weight:bold;}
.blogPost blockquote {font-size:90%;
         margin-right:36px;  }
.blogPost img {margin:5px 3px 5px 3px; border: 2px solid black;}
.blogPost div.image-container { float: left;
         font-size: 80%;
         margin: 0px 12px 12px 0px; 
         padding: 0px 0px 0px 0px;  }
.blogPost div.image-container img { margin:0px !important;
         spacing:0px !important;
         padding:0px !important; }
.blogPost div.image-container p { width: 90px !important;
         clear: none; }
.blogPost div.image-container img { border: 2px solid black;
         margin: 0px 0px 5px 5px; }
.blogPost table { font-size:93%;
         letter-spacing:-0.1em }
.postupdate { color: #304530; }
pre,code{color:#999999;}
strike{color:#999999;}
.bug{padding:5px;
         border:0px;}
.byline{padding:0px;
         margin:0px;
         color:#444444;
         font-size:80%;
         letter-spacing:0px;}
.byline a{border:none;
         ;
         text-decoration:none;}
.byline a:hover{text-decoration:none;}
.blogComments{padding:0px;
         color:#510000;
         font-size:100%;
         font-weight:bold;}
.blogComment{margin-top:10px;
         font-size:90%;
         font-weight:normal;
         color:black;}
.blogComments .byline{padding-bottom:20px;
         color:#444444;
         font-size:80%;
         font-weight:normal;
         display:inline;
         margin-right:10px}
.comment-link { }
.deleted-comment {font-style:italic;
         color:gray;}
#profile-container {}
.profile-datablock { }
.profile-img {display:inline;}
.profile-img img {/*float:left;
         margin-right:5px;*/}
.profile-data  {font-size:70% }
.profile-data strong { }
#profile-container p {font-size:70% }
#profile-container .profile-textblock {font-size:70%  }
.profile-link {font-size:70%  }
.profile-link a {              text-decoration:none;}
.profile-link a:link {              }
.profile-link a:active {        }
.profile-link a:visited {         }
.profile-link a:hover{/*color:#a00000;*/}
#Cyburbia { font-size: 70%; }
#Cyburbia a {text-decoration:none; }
#PLANetizen { font-size: 70%; }
#BlogSnob1,#BlogSnob2 { font-size: 70%; 
         /*float:right;*/ 
         /*margin:10px;*/
         margin-top:5px; 
         background:#e9e9e9; 
         padding:5px; 
         text-align:right;}
#site_feed_link { margin-bottom:10pt; }
.tag { font-size:80%; }
#Feedroll .fd_bordertable { text-align:right; }
#Feedroll .fd_maintable { }
#Feedroll .fd_header { font-size: 0%;     }
#Feedroll .fd_itemcell { text-align:right;  font-size: 70%;             }
#Feedroll .fd_itemlink {  }
#Feedroll .fd_itemlink:visited {  }
#Feedroll .fd_itemlink:hover {  }
#listings { margin: 10px 0px 15px 0px; }

/*** BEGIN FLICKR BADGE CODE ***/
#flickr_badge_source_txt {padding:0; font: 8px Arial, Helvetica, Sans serif; color:#00ff00;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 0px 0 0 !important;}
.flickr_badge_image {text-align:right !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 3px 0 3px !important; font: 8px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#ff0000;}
#flickr_badge_wrapper {background-color:#ebebeb;border: dotted 1px #00ff00}
#flickr_badge_source {padding:0 !important; font: 8px Arial, Helvetica, Sans serif !important; color:#00ff00 !important;}
/*** END FLICKR BADGE CODE ***/