body {
margin:15px 15px 15px 15px;
/* background: #eee url("/css/background.gif") repeat;*/
/*background: #720011;*/
/*cursor: url('/flying_bat48.gif'), auto;*/
/* background: #777 url("/css/background.gif") repeat; */
background: #777 url(data:image/gif;base64,R0lGODlhAwADAIAAAERERHd3dyH5BAAAAAAALAAAAAADAAMAAAIETHAZBQA7) repeat;
}
A		{ color: #003366; text-decoration: none; font-weight:bold; }
A:link		{ color: #003366; text-decoration: none; }
A:visited	{ color: #003366; text-decoration: none; }
A:active	{ color: #FFCC66;  }
A:hover		{ color: #FFCC66;  }

h1, h2, h3 {
margin: 0px;
padding: 0px;
}

img {border-style:none;}
img.thumbnailwithborder {
padding:4px;
border:1px solid #aaa;
}

p.note {
font-size:x-small;
font-style:italic;
}
p.note:before {
font-weight: bold;
content: "Note: ";
} 

q:before { content: "\201C"; }
q:after	{ content: "\201D"; }

#banner {
font-family: "Lucida Grande", Verdana, Helvetica, arial, sans-serif;
color:#FFF;
font-size:x-large;
font-weight:bold;
/*		background: #003366; */
/* background: #000050 url(/header_snow.gif) repeat-x top; */
/* background: #003366 url(/css/fade.gif) repeat-x top; */
background: #003366 url(data:image/gif;base64,R0lGODlhAQBQAPYAAAAAAAABAQABAgACAwACBAADBQADBgADBwAECAAFCQAFCgAGDAAGDQAHDQAHDwAIEAAJEgAKEwAKFAALFgAMFwANGQANGgAOHAAOHQAPHwAQIAARIgASJAATJQATJwAVKAAVKgAWLAAXLQAYLwAYMAAZMgAaNAAbNQAbNwAcOQAdOwAePAAfPgAgQAAhQQAiQwAiRAAjRgAjRwAkSQAlSgAmTAAnTQAnTwAoUQApUgAqUwAqVQArVgArVwAsWAAtWQAuWwAuXAAuXQAvXgAvXwAxYAAwYQAxYgAxYwAyZAAzZQAzZgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAFAAAAdDgACCggWFBQiICAwMDg4PDxISFBQVlRkZGhodHR4fHyIiJKInpCkrpy4uMKsyNDQ1NTc5OTq1P7dAQrpERrxJv0vBgQA7) repeat-x top;
padding-left:15px;
padding-right:15px;
padding-top:15px;
padding-bottom:15px;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-right-radius:15px;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
font: italic bold 48px 'Times New Roman', Times, serif;
letter-spacing: 0.15em;
text-shadow: 4px 4px 3px black;
color: #FFF;
text-decoration: none;
}

.description {
font-family:"Lucida Grande", Verdana, Helvetica, arial, sans-serif;
color:#FFF;
font-size:x-small;
font-weight:bold;
text-transform:none;	
}

#content {
float:left;
position:relative;
width:65%;
background:#FFF;
margin-right:15px;
margin-bottom:20px;
}
#container {
background:#FFF;
border-bottom:1px solid #aaa;
border-left:1px solid #aaa;
border-right:1px solid #aaa;
}

#links {
/* background: #999 url(/css/fade2.gif) repeat-y right; */
background: #999 url(data:image/gif;base64,R0lGODlhEQABALMAAJGSkpOUk46Pj5aWlX5%2Ff5iXmHh5eW5uboWFhYmIiYKCgoyMjGlpaXNzc2ZmZpmZmSH5BAAAAAAALAAAAAARAAEAAAQN8L0yAhArIUVMO4wTAQA7) repeat-y right;
padding:15px;				
}

.blog {
padding:15px;
/* background: #FFF url(/css/fade3.gif) repeat-y right; */
background: #FFF url(data:image/gif;base64,R0lGODlhEgACAMQAALGwsfDx8ezs6%2Bbm5tbW1s%2FQz5%2Bfn7Cwsfn5%2BPn5%2Baanp7u8u9vc3Kenp%2Bfm5v39%2FNXW1ry7vJ%2Ben%2FHx8Nvc2%2Fz8%2FOzs7M%2FPz8fHx%2BHh4fX19f%2F%2F%2FwAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAASAAIAAAUc4CY%2BiBZYTkYRBRYdjSRuVaJNwpAx0IUtAIUhBAA7) repeat-y right;
}

.blogbody {
font-family: "Lucida Grande", Verdana, Helvetica, arial, sans-serif;
color:#444;
font-size:small;
font-weight:normal;
line-height:150%;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
font-weight: normal;
text-decoration: underline;
}

.blogbody strong {
font-family: Verdana, Helvetica, arial, sans-serif;
font-weight: bold;
color: #000000;
}
.blogbody dt {
font-family: Verdana, Helvetica, arial, sans-serif;
font-size: 1.1em;
color: #000000;
}

.title	{
font-family: verdana, arial, sans-serif;
color: #000000;
}			
.title a,
.title a:link,
.title a:visited,
.title a:active,
.title a:hover {
font-weight: bold;
text-decoration: underline;
}

.ScottHeader, 
.ClaireHeader,
.AbbyHeader,
.SuzyHeader {
margin: 0px;
padding: 0px 0px 0px 53px;
height: 55px;

}
.ScottHeader h3,
.ClaireHeader h3,
.AbbyHeader h3,
.SuzyHeader h3 {
padding-top: 15px;
text-shadow: silver 3px 3px 5px;
/* (color, left, down, blur) */
}
/* .ScottHeader {background: url("/Pictures/Authors/Scott.png") no-repeat;} */
.ScottHeader {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAA3CAMAAACil0MSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRFVVVVmJiYR0dHeXl5iIiI0dHRpaWlGhoaJycnODg4/v7+YmJibGxstbW15+fn9PT0aAY75wAAA4dJREFUeNqMlYGSpCAMRAMJKBeE///b6w6MOntVW+fsTjn6DE3SiTL+/Pch8/v3nGPMMXn8y36B5aqWLKVaU72u8Qs7Ls25G7Fa1d1uev5gZ0mSHWQFCfxK6voVW56gvYmqQQFw0viIWPmXHUla7x0sw6b1lao3veYPdlbxLq5pRaWQK5lBdNYytuTNju7uCKravfMJ49GhwfyWsdnLXUTaeZ6t5cwtJu3Ck5q0jjc7E9gcJFCH7n0geDIt75wNLJcZEqojFWB0yYC0nsbDIl+eQULxzliKA4GxnncvNzsXKm62c7thoogrUufNIudYHqszpR8U/1SALedsLzZnRA0BO71xZgm74KfpeMUFuzZVt4rATUki0BK89Lo0V91mrMs9oQFByMrDFiW7bHM7hzBZwr08OTOBxyxsvqrLA+c9k8W98umhSZNl3laIhiOoUegkcxSSZ48GCMazZISZF1aaZ1axIIup192bKAZV5Ra1U7KwhqCdoKJ1Vw8TC52JzTWmkYTX5KgLgppipyoOx3UWbpKdsxjcxfSIKDyOm0AjIdYbYKd7NovNMRT/0vIClkd7VtYONpFPXIgYFVdUd7tFoa9rs1jGQm+wTIR5eGGxVTXgGmxNPdy+4kJw6rxo4R9LypGSAoVs8/p4B5mobEi2rTAf+KLtVvVMVnrvni/sK48Uh5WFX9FGnpGFx78xS7A1uIJ1IEXnejQnnHN9z7NZwwZIm+Dj0Q/sZiy2nfPEnZfSDr5EoIBs6YB7thdLGIKdnXXCEfEQ2xIsCpH1rYGnpbIRnd20AuJnj1p3SeV7plIE7qLFNb74jZ/MXN+be2b1gP84LGlOX1MkplDVsqfwe65TcRAaLSI8Q4mspPDZ+33BFt0FUA6yYDleSoGJy5hf75aKEu8Biah5rZCuUS60WC3bD5tF3+465GhPji2ELYW9fP3UkHffsUeyv9hT7MnZgIdRi0W21fUxDksZFWM8u9wkh8x5HrL7+cNahAV7tP0OQNWELjhOA9zyzSpbyc/jYJj9ylworqlt0YF2dqiCPHB3zb603iyL9UgXy4KGBdoPhm0nNUTUGDW4dnj1KB5NjCF1pXzwgDpqCDS4eB6/xFdcxQw6g2QcaEAFFspHcbSQGzPIc1why2WlXJiF3GU8enyiLEHPwfckX7j5542fVMRA3GixX9DPMjhBetqvYT8C8PkrwAAW/kD9Nbsh9QAAAABJRU5ErkJggg==) no-repeat;}
.ClaireHeader {background: url("/Pictures/Authors/Claire.png") no-repeat;}
.AbbyHeader {background: url("/Pictures/Authors/Abby.png") no-repeat;}
.SuzyHeader {background: url("/Pictures/Authors/Suzy.png") no-repeat;}

.summary {
font-family: verdana, arial, sans-serif;
font-size: medium;
color: #000000;
}
#menu {
font-family: "Lucida Grande", Verdana, Helvetica, arial, sans-serif;
margin-bottom:15px;
background:#FFF;
text-align:center;
}		

.date	{ 
font-family:georgia, verdana, arial, sans-serif; 
font-size: small; 
color: #000; 
margin-bottom:10px;
padding: 5px 5px 5px 10px;
font-weight:bold;
/* background: url("/css/fadeheader.gif") repeat-x; */
background: url(data:image/gif;base64,R0lGODlhAQAuAMQAAN3d3a%2Bvr7q6utzc3NDQ0NfX18nJyczMzNnZ2dPT08fHx7e3t9HR0bS0tM7Oztvb276%2BvsvLy9jY2NXV1d%2Ff38LCws%2FPz6ysrODg4OHh4QAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAC4AAAUbYCaOZEliGAUMDyIVU8IQlnNEhlJBwtIEl0sIADs%3D) repeat-x;
background-attachment:scroll;
background-clip: border;
background-origin: padding;
background-position: 50% 100%;
border-collapse: separate;
border-spacing: 0px 0px;
border:1px solid rgb(158,158,158);
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.posted	{ 
font-family:verdana, arial, sans-serif; 
font-size: x-small; 
color: #000000; 
}
.comments { 
font-family: "DejaVu Sans", "Lucida Grande", Verdana, Helvetica, arial, sans-serif;
/* font-size: x-small; */
font-size: large;
color: #000000; 
margin-top:-15px;
margin-bottom:15px;
text-align:right;
}
.comments a,
.comments a:link,
.comments a:visited,
.comments a:active,
.comments a:hover {
text-decoration: none;
}

.summarynote { 
font-family: "Lucida Grande", Verdana, Helvetica, arial, sans-serif;
font-size: x-small; 
color: #000000; 
margin-bottom:15px;
}
.calendar {
font-family:verdana, arial, sans-serif;
color:#FFF;
font-size:x-small;
font-weight:normal;
line-height:140%;
padding:2px;
text-align:center;	
}
.calendar table tr th {
line-height:140%;
padding:2px;					
text-align:center;	
}
.calendarhead {	
font-family:verdana, arial, sans-serif;
color:#FFF;
font-size:x-small;
font-weight:bold;
background:#999;
line-height:140%;
padding:2px;					
}	
.side {
font-family:"Lucida Grande", Verdana, Helvetica, arial, sans-serif;
color:#333;
font-size:x-small;
font-weight:normal;
line-height:140%;
padding:2px;				
}
/* used for twitter stuff */
.side ul li {
list-style-type: none;
font-size: 110%;
padding-bottom:10px;
}
.side ul li a {
font-size: 90%;
font-weight: bold;
}
.sidetitle {
font-family:"Lucida Grande", Verdana, Helvetica, arial, sans-serif;
color:#FFF;
font-size:small;
font-weight:normal;
padding:2px;
margin-top:10px;
letter-spacing: .1em;
border-bottom:1px dotted #FFF;
text-align:center;
}		
.syndicate {
font-family:verdana, arial, sans-serif;
font-size:xx-small;
font-weight:bold;		
line-height:140%;
padding:2px;
margin-top:10px;
text-align:center;
background:#CCC;		
}	
.powered {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:xx-small;
font-weight:bold;
border:1px dotted #999;			
line-height:140%;
text-transform:uppercase; 
padding:2px;
margin-top:10px;
text-align:center;
letter-spacing: .2em;					
background:#FFF;		
}	
.comments-body {
font-family: "Lucida Grande", Verdana, Helvetica, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:140%;
padding-bottom:10px;
padding-top:10px;		
border-bottom:1px dotted #999;					
}		
.comments-post {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:x-small;
font-weight:normal;
background:#FFF;		
}	
.trackback-url {
font-family:georgia, verdana, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:140%;
padding:5px;		
border:1px dotted #999;						
}
.trackback-body {
font-family:georgia, verdana, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:140%;
padding-bottom:10px;
padding-top:10px;		
border-bottom:1px dotted #999;					
}		
.trackback-post {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:x-small;
font-weight:normal;
background:#FFF;		
}	
.comments-head	{ 
font-family:georgia, verdana, arial, sans-serif; 
font-size:small; 
color: #666; 
border-bottom:1px solid #999;
margin-top:20px;
font-weight:bold;
background:#FFF;		
}		
#banner-commentspop {
font-family:georgia, verdana, arial, sans-serif;
color:#FFF;
font-size:large;
font-weight:bold;
border-left:1px solid #FFF;	
border-right:1px solid #FFF;		
border-top:1px solid #FFF;		
background:#003366;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;							 
}
blockquote {
background:#f5f7eb url(/css/blockquote.gif) no-repeat bottom right;
line-height:160%;
margin:15px;
padding:10px;
-moz-border-radius-topright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-radius:15px;
}
#tabcontainer {
width: 500px;
padding: 30px;
border: 1px solid #ccc;
background: #fff;
}
#tabnav {
height: 20px;
margin: 0;
padding-left: 10px;
background:#003366;
/* Used for the snow */
/* background:#000050; */
}
#tabnav li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#tabnav a:link, #tabnav a:visited {
float: left;
background: #d0d0d0;;
font-size: 10px;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
line-height: 14px;
font-weight: bold;
padding: 2px 10px 2px 10px;
margin-right: 4px;
border: 1px solid #888;
text-decoration: none;
color: #444;
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
}
#tabnav a:link.active, #tabnav a:visited.active	{
border-bottom: 1px solid #fff;
background: #fff;
color: #000;
}
#tabnav a:hover	{
background: #fff;
}
.blogbody a[href $=".mp3"] {
background: url(/css/MP3.gif) center right no-repeat;
padding-right: 29px;
}
.blogbody a[href $=".mov"] {
background: url(/css/QTMovie.gif) center right no-repeat;
padding-right: 52px;
}
.blogbody a[href $=".MID"] {
background: url(/css/MIDI.gif) center right no-repeat;
padding-right: 28px;
}
.tiled {
background-image: url("/css/.tile.gif");
background-repeat: repeat-x;
background-color: #000000;
padding: 0;
}

.thumb {
background-color: #000000;
text-align: center;
vertical-align: middle;
}
.timestamp {
color: #808080;
font-size:x-small;
font-style:italic;
}
/* These are all overrides for handheld class mobile browsers */
@media handheld {
body {
margin:2px 2px 2px 2px;
background: #777 url("/css/background.gif") repeat;
}
#banner {
padding:5px 5px 5px 5px;
}
.blog {
padding:2px;
background: #FFF;
}
.blogbody {
line-height:100%;
}
.ScottHeader {
background: url("/Pictures/Authors/Scott.png") no-repeat;
}
.side {
line-height:100%;
}
#content {
float:none;
position:relative;
width:100%;
background:#FFF;
margin-right:2px;
margin-bottom:2px;
}
.ScottHeader h3,
.ClaireHeader h3,
.AbbyHeader h3,
.SuzyHeader h3 {
padding-top: 15px;
text-shadow: none;
}

#links {
background: #999;
padding:2px;				
}
#tabnav {
display:none;
}
textarea {
width: 95%;
}
}
/* iPhones and many Androids */
@media only screen and (max-device-width: 480px) { 
#content {
float:none;
position:relative;
width:100%;
background:#FFF;
margin-right:2px;
margin-bottom:2px;
}
.blogbody {
font-size:x-large;
}
#menu {
font-size:xx-large;
}
}
/* Palm Centros and Pre's */
@media only screen and (max-device-width: 320px) { 
#content {
float:none;
position:relative;
width:100%;
background:#FFF;
margin-right:2px;
margin-bottom:2px;
}
.blogbody {
font-size:x-large;
}
#menu {
font-size:xx-large;
}
}