/*  
Theme Name: Winter Green
Theme URI: http://winterbug.com
Description: My first green theme
Version: 1.3
Author: Ryan Winter
Author URI: http://winterbug.com
*/

/* IMAGES */
.alignright
{
  float: right;
}

.alignleft
{
  float: left
}

.aligncenter,
div.aligncenter
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* END IMAGES */

/* CAPTIONS */
.wp-caption
{
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  margin: 0.3em;
  padding-top: 4px;
}

.wp-caption p.wp-caption-text
{
  font-size: 82%;
  margin: 2px;
}
/* END CAPTIONS */

body 
{
  margin: 0;
  font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  font-size: 82%;
  line-height: 140%;
  color: #000;
  min-width: 900px;
  background: url(images/body_bg.png);
}

a 
{ 
  text-decoration: none; 
  color: #745422;
}

a:hover 
{ 
  text-decoration: underline; 
}

a:visited 
{ 
  color: #745422; 
}

img
{  
  border: 0px;
}

hr
{
  display: none;
}

table
{
  margin: 1em auto;
  border-collapse: collapse;
}

td, th
{
  padding: 0.4em;
  border: 1px solid gray;
  background-color: #f7f7f7;
}

pre
{
    padding: 0.8em;
    border: 1px solid #2f6fab;
    background: #f9f9f9;
    overflow: auto;
}

#header
{
  height: 100px;
  padding: 2em 2em 0em 2em;
  background: url(images/header_footer_bg.png);
}

#logo 
{
  height: 100%;
  background: url(images/logo_bg.png) repeat-x left top;
}

  #logo img
  {
    border: 0px;
  }
  
#middle
{
  padding: 0em 2em;
}

#content
{
  float: left;
  width: 100%;
  margin-right: -220px;
}

/* LINKS */
#links
{
  background: #CB692A url(images/links_bg.png) repeat-x bottom;
}

  #links .r
  {
    background: url(images/links_r.png) no-repeat bottom right;
  }

  #links .search
  {
    float: right;
    padding: 0.3em 1.5em;
  }

  #links .footer
  {
    clear: both;
  }

  #links ul
  {
    margin: 0;
    padding: .4em 0;
    list-style: none;
  }

  #links ul li
  {
    display: inline;
    font-weight: bold;
    font-size: 123%;
    padding: 0 0 0 1em;
  }

  #links a 
  { 
    color: #FFE491; 
  }

  
/* END LINKS */

/* BLOG ENTRY */
.entry,
.page,
.comment
{
  margin-right: 220px;
  margin-bottom: 1.25em;
  margin-top: 1.25em;
}

.entry .title,
{
  min-height: 75px;
}

.entry   .title,
.page    .title,
.comment .title
{
  background: #A54512 url(images/title_bg.png) repeat-x left top;
}
 
  .entry   .title .l,
  .page    .title .l,
  .comment .title .l
  {
    background: url(images/title_l.png) no-repeat left top;
  }
  
  .entry .title h2 span { color: #FFE491; }
  .entry .title h2 span a { color: #FFE491; }

  .entry   .title h2,
  .page    .title h2,
  .comment .title h2
  {
    margin: 0;
    padding: .3em .7em .4em .7em;
    color: #fff;
    font-size: 123%; /* 16px */
    font-weight: bold;
  }
  
  .entry .title h2 a
  { color: #fff; }
  
.entry .info
{
  padding: .4em .7em .5em .7em;
  font-weight: bold;
  background: url(images/info_bg.png);
}

.entry   .text,
.page    .text,
.comment .text
{
  padding: 0em .8em;
}

.entry   .text a,
.page    .text a,
.comment .text a
{
  text-decoration: underline;
}

.entry   .text a:hover,
.page    .text a:hover,
.comment .text a:hover
{
  text-decoration: none; 
}

  
.entry .footer
{
  clear: both;
  background: url(images/fade_footer_bg.png) repeat-x bottom;
}

  .entry .footer .r
  {
    background: url(images/fade_footer_r.png) no-repeat right bottom;
  }

  .entry .footer .more
  {
    font-weight: bold;
    padding: .6em 1em .4em .6em;
  }

  .entry .footer .comments
  {
    float: right;
    padding: .6em 1em .4em .6em;
  }

/* SIDEBAR */
#sidebar
{
  float: right;
  width: 200px;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}

#sidebar a { color: #144C00; }

#sidebar img
{
	margin: .25em;
}

#sidebar ul
{
  padding: 0;
  margin: 0;
  list-style: none;
}

  #sidebar ul li
  {
    background: #89AC2B url(images/side_title_bg.png) repeat-x top;
  }

    #sidebar ul li h2
    {
      margin: 0;
      padding: .25em .7em;
      font-size: 100%;
      background: url(images/side_title_r.png) no-repeat right top;
    }

    #sidebar ul li ul
    {
      margin-bottom: 1.25em;
      background: url(images/side_bg.png);
    }


      #sidebar ul li ul li
      {
        text-align: left;
        border-top: 1px solid #bcb;
        padding: .1em .8em .3em .8em;
        background: url(images/side_bg.png);
      }
  
  #sidebar ul li ul li:before
  {
    color: #050;
	content: "\00BB \0020";
  }


#sidebar .ad
{
  text-align: center;
  padding: 1em 0;
}

#sidebar .flickr
{
  text-align: center;
  padding: 1em 0;
}
/* END SIDEBAR */

/* FOOTER */
#footer_upper
{
  clear: both;
  margin-top: 1.25em;
  text-align: left;
  background: #A54512 url(images/footer_upper_bg.png) repeat-x top;
}

  #footer_upper .r
  {
    padding: .3em 1.25em .3em 1.25em;
    background: url(images/footer_upper_r.png) no-repeat top right;
  }
  
  .search input 
  { 
      width: 10em; 
  }

  .search input.button 
  { 
      width: auto; 
      margin-left: 0.5em;
  }

#footer
{
  padding-bottom: 2em;
  background: url(images/header_footer_bg.png);
}

#footer a { color: #144C00; }
#footer a:visited { color: #144C00; }

#footer_banner
{
  margin: 0em 2em;
  text-align: center;
  background: #B0D97E url(images/footer_bg.png) repeat-x bottom;
}

  #footer_banner .l
  {
    color: #fff;
    padding: .5em 1.25em .5em 1.25em;
    background: url(images/footer_l.png) no-repeat bottom left;
  }

/* END FOOTER */

/* COMMENTS */
.comments_header
{
  margin-top: 1.25em;
  font-weight: bold;
  background: url(images/fade_header_bg.png) repeat-x top;
}

  .comments_header .l
  {
    background: url(images/fade_header_l.png) no-repeat left top;
    padding: .5em .8em .5em .6em;
  }

.comments_footer
{
  clear: both;
  background: url(images/fade_footer_bg.png) repeat-x bottom;
}

  .comments_footer .r
  {
    padding: .5em .8em .5em .6em;
    font-weight: bold;
    background: url(images/fade_footer_r.png) no-repeat right bottom;
  }

.avatar
{
  float: left;
  padding: 0 1em 1em 0;
}

.comment .text em
{
  color: #f00;
}

#commentform
{
  padding: 0em .7em 0em .5em;
}

  #commentform label
  {
    font-weight: bold;
    display: block;
    padding: 1em 0 0 0;
  }

  #commentform textarea
  {
    width: 100%;
  }

  #commentform input.button
  {
    margin: .6em 0 .6em 0;
  }

/* END COMMENTS */