/*
Theme Name: SpinTO
Theme URI: http://wordpress.org/
Description: SpinTO theme.
Version: 1.0
Author: Wesley Hodgson
Author URI: http://somnambulant.net/
Tags: fixed width, two columns, widgets
*/


body {font-size: 62.5%; background: url('images/bg-body.png') repeat-x #799d0c; font-family: Arial, "MS Trebuchet", sans-serif;}

strong {font-weight: bold;}
p {padding-bottom: 1em;}

.column {float: left;}


#wrapper {width: 100%; background: url('images/bg-top.jpg') no-repeat 50% 0%; min-width: 960px;}
#container {width: 961px; margin: 0 auto;}

#header {padding-top: 1em; height: 215px; position: relative;}
  #header h1 {display: none;}
  ul.inline li {margin: 1em 0; float: left; font-size: 1.2em; text-transform: uppercase;padding-right: 2em;}
  ul.inline a {color: white; text-decoration: none; padding: 0.5em;}
    ul.inline a:hover {background-color: white; color: #1493e2;}
  #ffl {position: absolute; right: 0; top: 0;}
    #ffl a {display: block; width: 125px; height: 95px; text-indent: -9999em;}
  #headernav .icon {display: block; width: 40px; height: 40px; background-repeat: no-repeat; 
                    text-indent: -9999em; float: left; padding: 0; margin-top: -10px;}
    #headernav a.icon:hover {background-color: transparent;}
    #headernav #twitter {background-image: url('images/twitter.png');}
    #headernav #facebook {background-image: url('images/facebook.png');}
    #headernav #rss {background-image: url('images/rss.png');}
  
#content {float: left; margin-bottom: 2em;}
  #maincol {width: 650px; background: white url('images/bg-maincol.jpg') no-repeat; padding-bottom: 3em;}
    #maincol .nudge {margin-left: 4px;}
    #intro {font-size: 1.4em; padding: 12px 6px; border-bottom: 1px solid #62742a; margin-bottom: 12px; width: 630px;}
      #intro em, #intro a {color: #ff0099; text-decoration: none;}
        #intro a:hover {text-decoration: underline;}
      #intro strong {font-weight: bold;}
    #video {border: 1px solid #666; height: 360px; width: 640px; margin-bottom: 2em; margin-left: 4px;}
    #blog {padding-left: 6px; width: 622px;}
      #blog ul {margin-left: 25px; list-style: disc;}
      #blog ol {margin-left: 25px; list-style: decimal;}
      #blog .post {padding: 1em 0;}
      #blog h2 {font-size: 2em; font-weight: bold; border-bottom: 1px solid #e7e7e7; padding-bottom: 0.1em; margin-bottom: 0.3em; color: #669900;}
        #blog h2 a {color: #669900; text-decoration: none;}
          #blog h2 a:hover {text-decoration: underline;}
      #blog .meta {line-height: 18px; font-size: 1.1em;}
        #blog .meta span {padding: 0 20px; display: block; float: left; }
        #blog .meta span, #blog .meta a {color: #666; text-decoration: none;}
          #blog .meta a:hover {text-decoration: underline;}
        #blog .meta .date {background: url('images/icon-calendar.png') no-repeat;}
        #blog .meta .comments {background: url('images/icon-comments.png') no-repeat;}
        #blog .body {clear: left; font-size: 1.3em; padding: 0.5em 0;}
        #blog a {color: #ff0099; text-decoration: none;}
          #blog a:hover {text-decoration: underline;}
        #blog a.more {color: #0099cc; text-decoration: none; display: block; margin-top: 0.1em; text-align: right; font-size: 0.9em;}
          #blog a.more:hover {text-decoration: underline;}
    #comments {padding-bottom: 1em; width: 622px; margin-top: 3em;}
      #comments p {clear: left;}
      #comments h3 {font-size: 1.3em; border-top: 1px solid #e7e7e7; margin-bottom: 1em; padding: 0.5em 0;}
      .comment-author {font-size: 1.2em;}
      .commentlist a {color: black;}
      .commentlist li {padding: 12px; background: #eee; border-bottom: 1px solid #bbb; font-size: 1.2em;}
      .commentlist li.even {background: #ddd;}
      .commentlist li#comment-1 {border-top: 1px solid #bbb;}
      .avatar {float: left; padding: 0 12px 12px 0;}
      .comment-meta {color: #666; padding-top: 0.2em; font-size: 0.8em;}
        .comment-meta a {text-decoration: none; color: #666;}
          .comment-meta a:hover {text-decoration: underline;}
      #respond {margin-top: 3em;}
  #sidebar {width: 300px; margin-left: 8px; margin-bottom: 2em;}
    #fundraising {font-size: 1.4em; color: #cc0000; padding: 30px 12px; height: 190px;}
      #fundraising h2 {font-size: 1.286em; color: #707070;}
        #fundraising h2 strong {color: #000;}

    #community {font-size: 1.4em; color: #cc0000; padding: 30px 12px;}
      #community h2 {font-size: 1.286em; color: #707070;}
        #community h2 strong {color: #000;}
        #community a {color: #ffffff;}

    #media {font-size: 1.4em; color: #cc0000; padding: 30px 12px;}
      #media h2 {font-size: 1.286em; color: #707070;}
        #media h2 strong {color: #000;}
        a.button {display: block; text-indent: -9999em; width: 189px; height: 38px; background: url('images/buttons.png') no-repeat;}
        a#tickets {background-position: 0 0; margin: 0 0 2px;}
          a#tickets:hover {background-position: 0 -38px;}
        a#sponsor {background-position: 0 -76px; margin: 2px 0;}
          a#sponsor:hover {background-position: 0 -114px;}
    #sponsors {}
      #sponsors a.right {color: #ff0099;margin-left: 47px;}
      #sponsors a {color: #ffffff;}
      #sponsors p.gimmie {color: #fff; text-align: center; font-size: 1.4em; font-weight: bold; margin: 1em 0;}
  .navigation a {color: #ff0099; text-decoration: none;}
    .navigation a:hover {text-decoration: underline;}
    .navigation .alignleft {float: left;}
    .navigation .alignright {float: right;}

/* single post template */      
p.postmetadata {padding: 1em 0; color: #666;}
  p.postmetadata a {color: #555;}

#sponsorlist {
  //list-style: disc url('images/check.png') inside;
  //list-style-image: url('images/check.png');
  //list-style: square url('images/check.png'); /* wide image for the bullet */
  margin: .5em .5em 0 25px;  /* bullet image is in left margin */
  padding-left: 0;
}

#sponsorlist li {
  margin-left: 0;
  padding-left: 0;     /* distance between marker and text */
  margin-bottom: .5em; /* a little spacing between list items */
}
      
/* page template */
.entry {font-size: 1.4em;}
.post-edit-link {color: #666;}
      
#footer {clear: both; background: url('images/bg-footer.png') no-repeat; text-align: center; line-height: 50px; font-size: 1em; color: white; text-transform: uppercase;}
  #footer a {color: white;}
  #footer p {padding: 0;}