/*   
Theme Name: weblog
Theme URI: www.gscottolson.com/wbeblog/
Description: Layout for gscottolson.com/weblog/
Author: G. Scott Olson
Author URI: http://www.gscottolson.com/weblog/
.
For use at gscottolson.com/weblog/... and nowhere else.
.
*/

* {
  margin:0;
  padding:0;
}
html {
  height:100%;
}
body {
  background-color:#352412;
  color:#FFF;
  font-family:Helvetica,Verdana,Arial,sans-serif;
  font-size:68%;
  height:100%;
  line-height:1.7em;
}
code {
  display:inline;
  font-size:9pt;
}
pre {
  background-color:#2E1F10;
  
}
pre code {
  width:100%;
  padding-left:2em;
  display:block;
}

#headerAndContent {
  margin-bottom:100px;
  min-height:100%;
  position:relative;
}
* html #headerAndContent {
  height:100%;
}


#header {
  background:#4690BF url(img/weblog_bg.gif) repeat-x 0px 158px;
  padding-top:20px;
  margin:0 0 -220px 0;
}
  #header div {
    background:transparent url(img/chameleon.jpg) no-repeat top center;
    height:426px;
  }
    #header div a {
      display:block;
      height:190px;
      margin:0 auto;
      width:750px;
    }
  #header h1 {
    display:none;
  }
  #header .rss {
	font-family:Georgia,sans-serif;
	font-size:2em;
	position:absolute;
	top:10px;
	left:50%;
	background:url(/weblog/wp-content/themes/weblog/img/rss.png) no-repeat center right;
	height:24px;
	margin-left:250px;
  }
  #header .rss a {
	color:#4690BF;
	text-decoration:none;
	line-height:26px;
	padding-right:32px;
  }
  #header .rss a:hover {
  	border-bottom:1px dotted #FFF;
  	color:#FFF;
  }

#content {
  font-size:1.2em;
  margin:0 auto 3em auto;
  width:57em;
}
  #content:after { /*clears content area so footer can stay below*/
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }
  #content a:visited {
    color:#FFF;
  }
  #content a:link,
  #content a:hover,
  #content a:active,
  #content a:focus {
    color:#C0FF00;
  }

  #content .floater {
    width:50px;
    height:120px;
    float:right;
  }
  * html #content .floater {
  	height:180px;
  }

  #main {
    width:52em;
  }
  .post {
  }
    .post h2 {
      line-height:1em;
      font-size:2.7em;
      font-family:Georgia,serif;
      font-weight:normal;
      margin:1.5em 0 0.8em 0;
    }
    .post h3 {
      margin-top:2em;
    }
      #content .post h2 span.post-title a {
        color:#FFA800;
        text-decoration:none;
      }
      #content .post h2 span.post-title a:hover,
      #content .post h2 span.post-title a:active,
      #content .post h2 span.post-title a:focus {
        text-decoration:underline;
      }
      
      .post .post-body {
        text-align:left;
      }
        .post .post-body .excerpt {
          font-weight:bold;
          margin-bottom:1.5em;
        }
        .post .post-body p {
          margin:1em 0;
        }
        .post .post-body ul {
          list-style-position:inside;
          margin:1em 0 1em 0.5em;
        }
        
        .post .post-body ol {
        	margin:0 3em;
        }
        
        .post .post-body img {
          padding:2px;
          margin:4px;
          border:1px solid #2E1F10;
        }

      .post .comment-link {
        background:transparent url(img/comment_icon.gif) no-repeat center right;
        margin:2em 0 0 2.4em;
        padding:4px 46px 1.0em 0;
        text-align:right;
        clear:both;
      }


       #content .comment-link a:link,
       #content .comment-link a:hover,
       #content .comment-link a:active,
       #content .comment-link a:focus,
       #content .comment-link a:visited {
         color:#4690BF;
       }

/*
  #sidebar {
    background:transparent url(img/sidebar_bg.gif) repeat-x top left;
    margin:200px 0 0 38em;
    width:18em;
  }
  #sidebar-padder {
    padding:1.5em;
  }
    #sidebar h3 {
      color:#FFA800;
      font-family:Georgia,serif;
      font-size:1.7em;
      font-weight:normal;
    }
    #sidebar div.profile-image,
    #sidebar div.w3c-compliant {
      text-align:center;
    }
    #sidebar .profile-image img {
      border:1px solid #FFF;
      margin-bottom:2em;
      padding:3px;
    }
    #sidebar p {
      margin:1em 0;
    }
    #sidebar ul {
      list-style-type:none;
      margin:0 0 1em 1em;
    }
    #sidebar li {
      line-height:1.3em;
      margin:1em 0;
    }
    #sidebar .w3c-compliant {
      margin-top:8em;
    }
    #sidebar .w3c-compliant img {
      margin:0.3em 0;
    }
*/
  #footer {
    background:#2E1F10 url(img/footer_bg.gif) repeat-x top left;
    position:relative; /*used for stickiness*/
    margin-top:-3.5em; /*used for stickiness*/
    font-family:Georgia,serif;
    font-size:2.2em;
    text-align:center;
    width:100%;
  }
    #footer div {
      background:url(img/locust.jpg) no-repeat top left;
      margin:0 auto;
      padding-top:46px;
      width:35em;
    }
    #footer p {
      padding:0.5em 0 0.5em 50px;
    }
    #footer .web {
      color:#FFA800;
    }

/*404 page styles*/
#content h2.not-found {
  color:#C0FF00;
  font-family:Georgia,serif;
  font-size:5em;
  margin:1em 0 2em 0;
}
#content .not-found-message {
  margin:0 0 6em 0;
}
#content .start-over {
  color:#FFA700;
  font-size:2em;
  font-family:Georgia,serif;
  margin:0 0 12em 0;
}


/*Comments*/
#comments {
  border:0 solid #2E1F10;
  border-top-width:2px;
  height:1%;
  margin-top:3em;
  clear:both;
}
#comments h3 {
  color:#FFF;
  font-family:Georgia,serif;
  font-size:1.7em;
  font-weight:normal;
  margin:1em 0;
}
#comments p {
  margin:0 0 2em 1.5em;

}
#comments ul {
  list-style-type:none;
  margin-left:1.5em;
}
#comments div.top-left {
  background:#57381F url(img/top_left.gif) no-repeat top left;
  margin:0;
  padding:0;
}
#comments div.top-right {
  background:transparent url(img/top_right.gif) no-repeat top right;
  margin:0;
  padding:0;
}
#comments div.bottom-left {
  background:transparent url(img/bottom_left.gif) no-repeat bottom left;
  margin:0;
  padding:0;
}
#comments div.bottom-right {
  background:transparent url(img/bottom_right.gif) no-repeat bottom right;
  margin:0;
  padding:1em;
}
#comments div.bottom-right p {
  margin:0;
}
  #comments .new-user-comment { /*supports the styling of new comments*/
    background:transparent url(img/callout_flipped.gif) no-repeat top right;
    height:1%;
    margin:-1em 0 0 0;
    padding-top:22px;
  }
  #comments .new-user-comment .bottom-right {
    padding:0;
  }
  #comments .logged_in {
    margin-bottom:1em;
  }
#comments .bubble div.comment-info{
  background:#352412 url(img/callout.gif) no-repeat top left;
  height:1%;
  margin:0 0 2em 0;
  padding:1em 0 0 60px;
}
#comments .bubble div.comment-info p {
  margin:0;
}

#comments .reply .top-left {
  background:#4690BF url(img/reply_ul.gif) no-repeat top left;
}
#comments .reply .top-right {
  background:transparent url(img/reply_ur.gif) no-repeat top right;
}
#comments .reply .bottom-left {
  background:transparent url(img/reply_ll.gif) no-repeat bottom left;
}
#comments .reply .bottom-right {
  background:transparent url(img/reply_lr.gif) no-repeat bottom right;
}
#comments .reply div.comment-info {
  background:#352412 url(img/reply_callout.gif) no-repeat top right;
  padding:1em 60px 0 0;
}
#comments .reply div.comment-info p {
  text-align:right;
}
#new-comment .required-note {
  color:#FFA800;
  font-weight:bold;
  margin:0 0 1em 0;
}
#new-comment form {
  background-color:#352412;
  margin-left:1.5em;
}
#new-comment div {
  background-color:#352412;
  padding:0.5em 0;
}
#new-comment div label {
  float:left;
  margin:0 0 0.5em 0;
  width:8em;
}
#new-comment input,
#new-comment textarea {
  background-color:#57381F;
  border-width:0;
  color:#FFF;
}
#new-comment textarea {
  font-family:Arial,sans-serif;
  font-size:1em;
  margin:1em;
  overflow:auto;
  width:48.5em;
}
#new-comment form input.submit {
  background-color:#C0FF00;
  border:2px solid #57381F;
  color:#57381F;
  font-size:1em;
  font-weight:bold;
  padding:0.1em 0.8em;
}
#new-comment .disclaimer {
  font-size:0.8em;
}

.flickrWrap {
	text-align:center;
	}
.flickrWrap a {
	position:relative;
	}
.flickrWrap span.flickr {
	position:absolute;
	bottom:16px;
	right:12px;
	width:81px;
	height:30px;
	background:url(http://www.gscottolson.com/ui/flickr.png) no-repeat bottom right;
	}