body { background: #000000; color: #888; font-family: Georgia, serif; font-size: 13px; }


a { text-decoration: none; outline: none; }

.clear { clear: both; }
.hidden { display: none; }

p { line-height: 1.5em;}
p a:hover { border-bottom: 1px dotted #777; }

#container { width: 960px; margin: 0px auto; }


#header { height: 100px; width: 962px; padding: 30px 0px; position: relative; }
#logo { float: left; width: 320px; height: 100px; background: url(/img/sparrowsongs_logo.png) left bottom no-repeat; }
#nav { right: 10px; bottom: 40px; position: absolute; text-transform: uppercase; }
#nav a { font-size: 12px; color: #000; background-color: #444; padding: 4px 10px; margin-left: 5px; }
#nav a.navbutton:hover { background: #FFF;}

#main { font-family: Georgia, serif; }
.episode { width: 220px; float: left; margin: 20px 10px;  }
.episode img { border: 1px solid #111; width: 218px; height: 122px; margin-bottom: 5px; }
.episode p { font-size: 14px; line-height: 1.3em; }
.episode span.title { font-style: italic; color: #fff; }
.episode p.date { font-size: 12px; }
.episode a { color: #777; }
.playfade { position:relative; display:block; height: 124px; width: 220px; margin-bottom: 5px;  }
.playfade span.hover { position: absolute; top: 0px; left: 0px; display: block; height: 124px; width: 220px; background:url(/img/play.png) 100px 52px no-repeat; cursor: pointer; }
span.info { margin-top: 3px; float: right; width: 15px; height: 15px;}
span.info a { display: block; width: 15px; height: 15px; background:url(/img/info.png) 0 0 no-repeat; }
span.info a:hover { border: none; }

#inline-about-content, #inline-contact-content, .inline-episode-content, #inline-press-content, #inline-support-content { padding: 20px; }
#inline-about-content p, #inline-contact-content p, .inline-episode-content p, #inline-press-content p, #inline-support-content p { margin-bottom: 10px;}
#inline-about-content h3, #inline-contact-content h3, #inline-press-content h3, #inline-support-content h3{ font-size: 18px; margin-bottom: 20px;}
.inline-episode-content h3 { font-size: 16px; margin-bottom: 20px;}
#inline-about-content h3 img, #inline-contact-content h3 img, #inline-press-content h3 img { margin-right: 10px; }
.inline-episode-content span.title { font-style: italic; color: #fff; }
#inline-about-content a, #inline-contact-content a, #inline-press-content a { color: #fff; }

#footer { margin: 50px 0px 0px 10px; font-size: 11px;  }
#footer a { color: #777; }


/* coming soon */
#comingsoon a { display: block; width: 260px; height: 190px; margin: 0px auto; margin-top: 250px; background: url(/img/sparrowsongs.png) no-repeat; }
#temp #footer { text-align: center; margin-top: 10px; font-size: 13px;  }
#temp #footer a { color: #fff; }