@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

#primary-content {  width: 100%; }
#primary-content h2 {  padding: 4px 0 4px 0px; background: none; font-weight:normal; font-size:1.8em; border-bottom: 2px solid #008193; margin: 0 20px 20px 20px; clear: both;  }
#wotmBanner { background: url("/images/writer-of-month/banner-bg-clip-teal.jpg") no-repeat #ffffff; *height: 470px; }
#wotmBanner h1 { color: #ffffff; font-size: 4.4em; padding: 0.2em 0 0 0.3em; font-family: 'Open Sans', Verdana, Arial, sans-serif;  }
#wotmBanner h2 { color: #ffffff; text-align: right; font-family: 'Open Sans', Verdana, Arial, sans-serif;  margin: 1.1em 3.1% 0 0; font-size: 2.4em; opacity: 1.0; }
#wotmBanner #wotmIntro { width: 52%; padding: .5em 0 0 0;  margin: 2.2em 0 0 43%; /*-webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 8px 3px rgba(134, 11, 11, 0.5); box-shadow: 0px 0px 8px 3px rgba(134, 11, 11, 0.3); border: 2px solid #860B0B;*/}
#wotmBanner #wotmIntro p { margin: 1em 0 0 0;}
#wotmBanner #wotmIntro img { margin: 1.5em auto 0;}
#primary-content .lists { width: 98%; margin: 2em auto 2em auto; overflow:hidden; }
#primary-content .lists ul {  width: 49%; float: left;}
#primary-content .lists ul li { position: relative; width: 96%; height: 13.5em; display: inline-block;  border-bottom: 2px solid #008193; margin: 1em 2% 0em 1%; padding: 1%; background: -moz-linear-gradient(top,  rgba(249,230,178,0) 0%, rgba(249,230,178,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,217,222,0)), color-stop(100%,rgba(178,217,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(178,217,222,0) 0%,rgba(178,217,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(178,217,222,0) 0%,rgba(178,217,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(178,217,222,0) 0%,rgba(178,217,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(178,217,222,0) 0%,rgba(178,217,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2d9de', endColorstr='#b2d9de',GradientType=0 ); /* IE6-9 */

}
#primary-content .lists ul li.past {  border-bottom: 2px solid #545454; height: 13.5em;background: -moz-linear-gradient(top,  rgba(221,221,221,0) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(221,221,221,0) 0%,rgba(221,221,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dddddd', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */}
#primary-content .lists ul li.next {   border-bottom: 2px solid #EBAB00; background: -moz-linear-gradient(top,  rgba(249,230,178,0) 0%, rgba(249,230,178,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,230,178,0)), color-stop(100%,rgba(249,230,178,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,230,178,0) 0%,rgba(249,230,178,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,230,178,0) 0%,rgba(249,230,178,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,230,178,0) 0%,rgba(249,230,178,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,230,178,0) 0%,rgba(249,230,178,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9e6b2', endColorstr='#f9e6b2',GradientType=0 ); /* IE6-9 */


 }
#primary-content .lists ul.beta li {  margin: 1em 2% 0em 5%; }
#primary-content .lists ul li p {  padding: 0;}
#primary-content .lists ul li p.forthComing {  color: #383838; padding: 10px 3px 3px 3px; clear: both; display: block; }
#primary-content .lists ul li a {  text-decoration: none; color: #000000;}
#primary-content .lists ul li a:hover {  text-decoration: underline; }
#primary-content .lists ul li h3{  padding: 0; background: none; font-weight:normal; font-size:1.6em; margin: 0 0 5px 0;}
#primary-content .lists ul li h4{  margin: 0 0 5px 0;}
#primary-content .lists ul li img{  border: 0; margin: 5px 10px 5px 0px; -webkit-box-shadow:  1px 1px 4px 0px rgba(0, 0, 0, 0.5); box-shadow:  1px 1px 4px 0px rgba(0, 0, 0, 0.5); }
#primary-content .lists ul li img.bookCover{  float: right; margin: 5px 0px 5px 10px; }
#primary-content .lists ul li img.notShop{  opacity: 0.5; }
#primary-content .lists ul li img.podBtn{  clear: right; margin: 4px 10px 0px 0px; }
#primary-content .lists ul li img.blogBtn{  clear: left; margin: 4px 10px 0px 0px; }
#primary-content .lists ul li.soldOut{  text-decoration: line-through; }
/*#lists ul span.wotmPod{  position: absolute; bottom: -34px; display: block; clear: both; width: 98.3%; padding: 6px 4px; background: #DDDDDD; margin-left: -5px; text-align: center; color: #383838; -webkit-border-radius: 0px 0px 12px 12px;border-radius: 0px 0px 12px 12px;  }
#lists ul span.wotmPod.beta{  width: 98.4% }
#lists ul span.wotmPodLive{  position: absolute; bottom: -34px; display: block; clear: both; width: 98%; padding: 6px 4px; background: #860B0B; margin-left: -4px; text-align: center;-webkit-border-radius: 0px 0px 12px 12px;border-radius: 0px 0px 12px 12px;  }
#lists ul span.wotmPodLive a {  color: #ffffff; font-size: 1.2em; font-weight: bold; }*/