@import url(http://www.blogger.com/css/blog_controls.css);

* {margin:0;padding:0;font-size:1em;border:0;}

/*
#3329FE - spazquest blue

#91D5FF - guessing at sqblue2
*/

/*******************************************************/
body {
  color:black;
  background-color:white;
  font-size: 0.9em;
  font-family: "Lucida Sans Unicode", Tahoma, Arial, Helvetica, Sans-Serif;
  /* I swear you used to be allowed to put margin/padding on the body element,
     but it's not cooperating ... investigate later. Putting desired
     attributes on div#wrapper instead.
  padding-left: 100px;
  margin-right:100px;
  border:1px solid red;
  */
}
body #wrapper { margin: 0 auto; } /* raise specif to override Blogger's css */
#wrapper {
  border-top: 1px solid orange;
  width: 800px;
  min-width: 900px;
  overflow:auto;
}
/* Attribute selectors won't work in IE6, so configuring the right font is
   left as an exercise for the user. Yup.
*/
*[lang], .foreign {
  font-family: "Lucida Sans", Arial;
  font-style: italic;
}
*[lang="en"] { 
  font: inherit;
  background-color: inherit;
}



/****** HEADER **************************************/
#wrapper #header { /* raise specif to override Blogger's css */
  margin:0;
  border-bottom: 2px solid #91D5FF;
  padding: 0 0 10px;
  overflow: auto;
}
#header > a {
  display:block;
  float:left;
}
#header .logo { 
  display:block;
  border:0;
  height:69px;
  width:250px;
}
#header .tagline {
  float:left;
  margin-top:20px;
}
#header .navigation {
  clear:both;
  margin-left:4px;
}
#header .navigation li {
  float:left;
  list-style:none;
  margin-right:4px;
}
#header .navigation li:before { content: ". " }
#header .navigation li:first-child:before { content: "" }

/****** CONTENT ****************************************/
#content {
  float:left;
  width:70%;
  max-width: 50em;
}
.post {
  margin: 10px 0 32px;
}
.post h2 { 
  
}
.post h2 a { 
  color: black;
  text-decoration:none;
}
.post a.sourceMaterialLink {
  font-size:0.8em;
  display:block;
  padding-left: 20px;
}
.postContent {
  padding: 5px 5px 5px 20px;
}
.post strong {font-weight:bold;color:#d33;}
.post img {margin:0px 5px;padding:5px;background: beige;}
.postInfo {
  clear:both;
  display:block;
  margin-top:8px;
  padding:4px 4px 4px 20px;
  color:#444444;
  background-color:#ccc;
  font-size:0.8em;
  border:1px solid #999;
  border-width: 1px 0;
}
.postInfo a {text-decoration:none;color:#935781;}
.postInfo a:hover {text-decoration:underline;}


/*
.postInfo a.permalink {border:1px solid yellow;padding:0 2px;margin:0 2px;}
.postInfo a.permalink:hover {background-color:yellow;text-decoration:none;}
*/


.postInfo .tags,
.post .blogger-labels {
  float:right;
  background-color:beige;
  padding: 2px 3px;
}



.blogComments {padding:8px;}
.blogCommentsCount {margin:0;padding:3px 0 3px 8px;color:#444444;font-size:0.8em;display:block;}
.blogComment {margin:1em;background-color:lightyellow;border:1px solid goldenrod;}






code {color:#999;padding-left:0.5em; font-size:1.1em;}
blockquote {font-size:0.9em;margin:0.5em 0;padding:0.5em 1em;border:1px solid goldenrod;background-color:lightyellow;}
strike {color:#999;}
pre {color:#999;}
kbd {
  font: bold 1em 'lucida console', monospace;
  letter-spacing:0.08em;
  background-color:#ffb;
}

.footnotes {background-color:#dfd;margin:10px 0 0;padding:5px;border-top:1px solid #090;font-size:0.8em;}
.footnotes a.anchor,
.footnotes a.anchor:visited,
.footnotes a.anchor:hover,
.footnotes a.anchor:active {text-decoration:none; color:inherit;}
.footnotes li {margin:4px 0;padding:0;list-style-position:inside;}
.footnoteMarker {vertical-align:super; font-size:smaller;margin:0 0 0 4px;}









/* structure:

    div.post#blogItem_X
      h3
        a[name="X"]
      div.postContent
      span.postInfo
        a.permalink
        span.item-action
          a[title="Email Post"]
            img.icon-action
        span.item-control.blog-admin.pid-ZZZZZZZZ">
          a[title="Edit Post"]
            img.icon-action"
      span.blogCommentsCount
        a
        input.count
        input.enabled
*/
/*
embedded in http://spazquest.org/weblog/2009/11/dream.html:
#content .aside {font-style:italic}
#content .aside:before {content: "["}
#content .aside:after {content: "]"}
*/


/****** SIDEBAR ****************************************/
#sidebar {
  padding: 10px 22px 10px 17px;
  margin-left: 1em;
  font-size:90%;
  float:left;
  width:18%;
  max-width: 22em;
  background-color: #91D5FF;
}
#sidebar h2 {font-size:1.1em;margin-top:15px;}
#sidebar h2:first-child {margin-top: 0}
#sidebar ul, #sidebar li {list-style-type:none;}
#sidebar ul a {color:#66a;}
#sidebar ul a:hover {text-decoration:none;}

.badge {padding:5px 0;}
.linkToCurrent {}

/****** FOOTER ****************************************/
#footer {
  clear: both;
  margin-top: 10px;
  border-top: 2px solid lightgray;
  padding: 10px;
}

/****** BLOGGER.COM STUFF ******************************/
#bloggerBug {float:right;}
/*#navbar-iframe {display:none}*/

/* stuff that's supposed to be in the import - where's the trash icon? */
span.email-post-icon, 
span.quick-edit-icon, 
span.delete-comment-icon {width:13px;height:13px;margin:0 3px;}
span.email-post-icon {background-color:chartreuse;}
span.quick-edit-icon {background-color:deepviolet;}
span.delete-comment-icon {background-image:url(http://www.blogger.com/img/icon_delete13.gif);}