@import url(main.css);

#shows { list-style: none; margin: 0; padding: 0; }
#shows li { border-top: 1px solid #5C5A54; border-bottom: 1px solid #FFF; padding: 3em 0 1em 0; width: 400px; margin-left: 0; margin-right: 60px; float: left; position: relative; }
#shows li.even { margin-right: 0; }
#shows h2 { font-size:22px; color: #FFF;  margin-bottom: 0.4em; }
#shows p.timeslot { position: absolute; top: 0; left: 0; display: inline-block; text-align: center; padding: 6px 12px; background-color: #5C5A54; color: #FFF; font-size: 12px; font-weight bold; }
#shows p { font: 14px/1.5em "Myriad Pro",Myriad,Tahoma,"Helvetica Neue",Helvetica; color: #5C5A54; }
#shows a.visit { position: absolute; top: 15px; right: 10px; display: inline-block; padding: 8px 6px 4px 6px; background-color: #FFF; text-transform: uppercase; font: bold 14px/14px "Hypatia Sans Pro","Helvetica Neue",Helvetica,sans-serif; color: #5C5A54; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; }
#shows a.visit:hover, #shows a.visit:focus { color: #36C; }
#shows li:hover { border-top-color: #36C; }
#shows li:hover p.timeslot { background-color: #36C; }

img.show { border: solid white 5px; margin-bottom: 20px;}

#showInfo h1 { font-size: 2.4em; line-height: 1.8; color: #4E4B46; font-weight: bold; padding: 2px 10px; }
#showInfo h2 { width: 100px; margin-right: 20px; font-size: 1em; float: left; clear: left; text-align: right; }
#showInfo h2 span { display: inline-block; background-color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; font-size: 1.2em; line-height: 1.6; color: #6E6A67; padding: 4px 6px; clear: left; }
#showInfo div.content { float: left; width: 380px; padding-top: 8px; }
#timeslot, #hosts { font-size: 14px; font-weight: bold; color: #111; }
body.show #contentExtra h2 { display: inline-block; position: absolute; top: 0; left: 0; text-align: center; width: auto; padding: 6px 20px; background-color: #FFF; font-size: 1.2em; line-height: 1; font-weight: bold; color: #5C5A54; }
body.show #contentExtra div.section { border: 1px solid #FFF; padding: 35px 20px 10px 20px; position: relative; }
#subscribe { border: 0; padding: 10px 0 10px 70px; background: url(images/rssmug.png) 10px 50% no-repeat; margin-bottom: 1em; }
body.show #subscribe h2 { display: none; position: relative; }
#subscribe li { list-style: none; line-height: 1.4; padding: 0; margin: 0; }
#subscribe a { font-size: 0.95em; font-weight: bold; }
#pollQuestion { margin-top: 10px; font-size: 16px; font-weight: bold; color: #444; }
#poll ul { margin: 0; padding: 0; }
#poll li { list-style: none; font-size: 0.9em; color: #111; margin-left: 0; }
#poll li input { margin-right: 10px; background-color: #FFF; border: 0; }
#poll li input, #poll li label { line-height: 1.4em; }
#poll input.submit { padding: 5px 20px; cursor: pointer; background: #FFF; border: 0; -webkit-border-radius: 11px; -moz-border-radius: 11px; margin-right: 10px; }
#poll div.submit { height: 30px; font-size: 12px; }
.result .choice { font-weight: bold; }
.result .count { color: #FFF; float: right; }
.result .percentage { color: #333; float: right; margin-right: 5px; }

#posts { margin: 0; padding: 0;}
#posts li { list-style: none;  margin-left: 0; }
#posts a.title { font-size: 1.2em; }
#posts p.meta { margin: 0.6em 0; color: #555; font-size: 0.9em; font-family: "Myriad Pro",Tahoma,Helvetica,sans-serif; }
#posts span.date { color: #000; }
#posts .tease { line-height: 1.4; }

#post { background: #FFF; padding: 20px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
#post h1 { color: #333; padding-left: 0; letter-spacing: 0; }
#post p.meta { font-size: 1.1em; font-family: "Myriad Pro",Tahoma,Helvetica,sans-serif; color: #555; }
#post span.date { color: #EA8800;}

#comments { margin-top: 20px; padding: 20px; background: #444; -webkit-border-radius: 12px; -moz-border-radius: 12px; color: #FFF; }
#comments h2 { color: #EA8800; font-size: 1.6em; }
#commentCount { float: right; background-color: #000; color: #EA8800; width: 30px; padding: 5px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top: -40px; text-align: center; font-size: 1.2em; font-weight: bold;}
#comments form label { width: 100px; text-align: right; float: left; margin-right: 10px; color: #CCC; }
input[type=text] { font-size: 1.1em; padding: 2px 0; border: 0; background: #FFF; width: 20em;}
textarea { height: 20em;}
#comments p.submit { padding-left: 110px; }
#comments p.submit input { border-color: #EA8800; border-width: 1px; padding: 5px 12px; margin-right: 10px; cursor: pointer;  }
#comments ol { margin: 20px 0; list-style: none; }
li.comment { padding: 40px 10px 10px 10px; border: 1px solid #545454; margin: 0 0 10px 0; position: relative; }
.comment .meta { color: #999; display: inline-block; background-color: #545454; padding: 4px 10px; position: absolute; top: 0; left: 0; }
a.comment_number { text-decoration: none; color: #999; }
.meta .author { color: #CCC; font-weight: bold; }
.comment p, .comment li, .comment code { color: #FFF; line-height: 1.5; }
.comment ul, .comment ol { font-size: 1em; }