/*
    RESET, BASICS, and TOOLBOX
*/

*               { margin: 0; padding: 0; }
html            { overflow-y: scroll; }
body				    { font: 12px Georgia, Serif; background: #272727;}
p               { margin: 0 0 12px 0;}
h1, h2, h3      { font: 20px Georgia, Serif; margin: 0 0 12px 0; }
ul              { list-style:none; }
a img           { border: none;}
input           { border: 1px solid #9a9a9a;padding: 2px;}



/*
  STRUCTURE
*/

#page-wrap      { margin: 0 auto; width: 850px; }
#header         { padding: 20px 0; overflow: hidden; }  
           
h1#logo       { width: 181px; height: 47px; float: left; margin: 0;text-indent: -9999px;
                display: block; background: url(/images/logo.png) no-repeat; }

#header ul      { list-style: none; float: right; width: 650px;
                  text-align: right; padding: 10px 0 0 0; }
#header ul li   { display: inline; }

#header ul li a { background: #7e7e7e; text-transform: uppercase; color: white;
                  padding: 3px 10px; letter-spacing: 2px; margin: 0 0 0 10px; }
#header ul li a:hover { background: #555;}

/*
  BLOG
*/

#main-content    { background-color:white; position: relative;
                  margin: 0 0 10px 0; width: 100%; min-height: 650px; color:#272727;}
#main-content   a:link, a:visited   {color: #900; text-decoration: none;}
#main-content   a:hover   {color: #000; text-decoration: underline;}

#blog-section   { float: left; width: 430px;padding: 10px 16px;}
#single   { float: left;padding: 10px 16px;}

.post                                     { position: relative; }
.post a, .commentlist a                   { color: #900; text-decoration:none; }
.post a:hover, .commentlist a:hover       { color: black; text-decoration:underline; }
.post ul, .post ol                        { margin: 0 0 12px 20px; }
.post img                                 { max-width: 100%; }


#sidebar        { float: right; width: 320px; padding: 10px 16px;}
.socbox         { margin: 0 0 22px 0; }
#sidebar  a:link, a:visited   {color: #986523; text-decoration: none;}
#sidebar  a:hover   {color: #272727; text-decoration: underline;}

/* 
  sidebar stuff 
*/

.flickr       { overflow: hidden; }
.flickr-thumb { height: 40px; overflow: hidden; float: left; }
.thumb        { width: 60px; height:40px;}


#events       {color:#272727; }

h3.title     { text-indent: -9999px; width: 220px; height: 33px; margin: 0 0 6px 0; }

h3#flickrp     { background: url(/images/flickr.png) no-repeat; }

h3#gigs     { background: url(/images/gigs.png) no-repeat; }

h3#audio {background: url(/images/audio.png) no-repeat; }

h3#social {background: url(/images/social.png) no-repeat; }

h3#mailinglist {background: url(/images/mailing.png) no-repeat; }

#socialbox   {float:left;}


/*
  FOOTER
*/

#footer-text   { color:#eee; }
#footer-text a {text-decoration:none;color:#fff;}