/* Theme Name: The Moth Theme URI: http://themoth.org/ Description: The Moth - Live Story Telling Theme Author: One Trick Pony Version: 1.0.0 Tags: black, green, white, fixed-width */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 -------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} /* 960 GRID */ /* The 960px Grid based on the 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com */ .container{padding-left:0px;padding-right:0px} .row{/*width:100%;max-width:960px;*/ width: 960px; margin:0 auto;overflow:hidden;} .onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol{margin-right:2.1%;float:left}.onecol{width:4.85%}.twocol{width:13.5%}.threecol{width:20.15%}.fourcol{width:31.9%}.fivecol{width:39.45%}.sixcol{width:48.1%}.sevencol{width:56.75%}.eightcol{width:65.4%}.ninecol{width:74.05%}.tencol{width:82.7%}.elevencol{width:91.35%}.twelvecol{width:100%;float:left}.last{margin-right:0 !important;}img,object,embed{max-width:100%; height: auto;}.ninecol.last{width:77.35%} .fourcol.last{width: 31%; float: right; margin-top: 15px;} /* @media handheld, screen and (max-width: 767px) { .row,.body,.container{width:100%;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol{width:auto;float:none;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}body{font-size:16px;line-height:24px} } */ /* SCROLL BAR MAIN STYLING */ .jspContainer{overflow:hidden}.jspContainer,.jspTrack,.jspDrag{position:relative}.jspPane,.jspVerticalBar,.jspHorizontalBar{position:absolute}.jspVerticalBar,.jspDrag{top:0}.jspVerticalBar{right:0;width:10px}.jspVerticalBar,.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspArrow,.jspCorner{height:100%}.jspVerticalBar,.jspHorizontalBar{background:red}.jspHorizontalBar{bottom:0;width:100%}.jspHorizontalBar,.jspDrag{left:0}.jspHorizontalBar,.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar *,.jspVerticalBar *{margin:0;padding:0}.jspCap{display:none}.jspHorizontalBar .jspCap,.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspArrow,.jspCorner{float:left}.jspTrack{background:#dde}.jspDrag{background:#bbd}.jspDrag,.jspArrow{cursor:pointer}.jspArrow{background:#50506d;text-indent:-20000px;display:block}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspHorizontalBar .jspArrow{width:16px}.jspVerticalBar .jspArrow:focus{outline:none}.jspCorner{background:#eeeef4}* html .jspCorner{margin:0 -3px 0 0} /* SCROLL BAR ROUNDED STYLE */ .jspTrack,.jspVerticalBar,.jspHorizontalBar{background:#1b1b1b}.jspTrack,.jspVerticalBar,.jspHorizontalBar,.jspDrag,.jspArrow{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.jspDrag{background:#999}.jspDrag:hover,.jspTrack .jspHover,.jspTrack .jspActive{background:#666}.jspArrow{background:url(../image/ui-icons_222222_256x240.png) no-repeat}.jspArrow:hover,.jspVerticalBar>.jspActive{background:url('../image/ui-icons_cd0a0a_256x240.png')}.jspHorizontalBar>.jspDisabled:hover,.jspHorizontalBar>.jspDisabled,.jspVerticalBar>.jspDisabled:hover,.jspVerticalBar>.jspDisabled{background:transparent url('../image/ui-icons_888888_256x240.png')}.jspVerticalBar .jspArrow{height:15px}.jspHorizontalBar .jspArrow{width:15px}.jspArrowUp{background:0 0}.jspArrowDown{background:-64px 0 !important}.jspArrowLeft{background:-96px 0 !important}.jspArrowRight{background:-32px 0 !important} /* MAIN STYLES */ /* Buttons */ a.btn{position: relative; display: block; font-size: 1.4em; color: #000 !important; font-weight: 700; background: #CCE400; border-radius: 2px; padding: 7px 15px 2px; text-transform: uppercase; color: #000; text-align: center; font-family: "nudista-web-1","nudista-web-2",Arial,Helvetica,sans-serif;} a.btn span{float: left; margin-right: 2px;} a.btn:hover{color: #fff !important; text-decoration: none;} a.listen, a.add, a.download{margin-right: 10px; padding-left: 10px; float: left;} a.listen{ width: 80px; } a.add{ width: 60px; } .add span, .listen span{position: relative; top: -2px; display: block; width: 15px; height: 15px; background: url(images/icons.png) no-repeat;} .download{ width: 100px; } .download span{position: relative; left: -2px; top: -2px; display: block; width: 17px; height: 15px; background: url(images/icons.png) 0 -232px no-repeat transparent;} .add span{background-position: -3px -3px;} .listen span{background-position: -2px -108px;} span.video, span.audio{text-transform: uppercase; color: white; font-family: "nudista-web-1","nudista-web-2",Arial,Helvetica,sans-serif; font-weight: 700; font-size: 1.2em;} span.video{padding:3px 0 3px 25px; background: url(images/icons.png) 0px -143px no-repeat;} span.audio{padding:3px 0 3px 25px; background: url(images/icons.png) 0px -124px no-repeat;} a.share-link{padding:2px 20px; float: right !important; clear: right; /*text-transform: uppercase;*/ font-size: 1.2em; font-weight: normal; background: url(images/icons.png) no-repeat right -33px;} a.share-link:hover{background: url(images/icons.png) no-repeat right -18px; text-decoration: none; color: #fff;} .sharing {position: absolute; bottom: 20px; right: 20px; display: none; padding: 10px 10px 5px 10px; width: 250px; background: #fff;} .sharing div{float: left !important; width: 85px;} .sharing a.close{position: absolute; top: 10px; right: 10px; padding: 5px 25px 5px 0; color: #000; font-weight: 700; background: url(images/close-share.gif) right center no-repeat;} .sharing a.close:hover{opacity: .7;} /* CLEARFIX */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } span.asterik { color: #CCE400; display: block; font-size: 26px; float: left; margin-right: 5px; } input{color: #fff;} select{color: #858585;} .back-to-top { text-align: right; } #maincontent{padding-bottom: 40px;} body { color:#FFF; background:#000; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; } a, a:visited {color:#CCE400; text-decoration:none;} p a:hover {text-decoration: underline;} p.white{color: #fff !important;} em{font-style: italic;} h1{font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-size: 3.2em; text-transform: uppercase; color: #fff; margin-bottom: 10px;} h2, h3, h4, h5{font-family:Arial, Helvetica, sans-serif; color: #fff;} h2 {font-weight: bold; font-size: 3.2em; margin-bottom: 10px;} h3 {font-size: 1.8em; line-height: 1.3em; margin-bottom: 5px;} .story-extras h3{border-top: 1px solid #313131; display: block; float: left; width: 465px; padding-top: 18px; margin: 18px 0 10px;} .single-episodes .story-extras h3{border: none; margin-top: 0; padding-top: 0;} h4 {font-size: 1.8em; margin-bottom: 5px; font-style: italic;} h5 {font-size: 1.3em; margin-bottom: 5px; line-height: 1.3em;} h2 a:link, h3 a:link, h5 a:link, h2 a:visited, h3 a:visited, h5 a:visited{color: #fff;} h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{color: #fff; text-decoration: underline;} p{font-size: 1.3em; line-height: 1.5em; margin-bottom: 10px; color: #999; font-family: Arial; } strong{ font-weight:700; } .white { color:#FFF; } .green { color:#CCE400; } .container { background:transparent url(images/bg_footer.jpg) no-repeat 50% 100%; } .cust-scroll { padding-right:10px; outline:none; } .js .cust-scroll { padding-right:0; } .clear { clear:both; } #header { position:relative; overflow:hidden; background:transparent url(images/bg_header.jpg) no-repeat 100% 0; } #mainshare a{height: 22px; display: block; float: left; text-indent: -9000px; width: 22px; margin-right: 5px;} #mainshare a:hover{opacity: 0.8;} a.facebook{background: url(images/share-facebook.png) no-repeat;} a.twitter{background: url(images/share-twitter.png) no-repeat;} a.youtube{background: url(images/share-youtube.png) no-repeat;} a.tumblr{background: url(images/share-tumblr.png) no-repeat;} a.rss{background: url(images/share-rss.png) no-repeat; } a.podcast{background: url(images/share-podcast.png) no-repeat;} #logo { position:relative; float:left; left: -7px;} #site-description { position:relative; float:left; width:.5em; top:8px; left:8px; font-size:1.3em; line-height:1.3em; color:#CCE400; } #donate{ position:relative; display:block; float:right; /*top:0; right:0;*/ width:71px; height:70px; overflow:hidden; text-indent:-2000px; background:transparent url(images/btn_donate.png) no-repeat left 0; } #donate:hover { background-position: -70px 0; } #mainshare { position:relative; float:right; top:50px; right:-20px; } #nav { position:relative; float:left; width:100%;} #nav li { float:left; margin-right:1.2em; list-style:none; font-family: "nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-size:2.3em; line-height:2.5em; letter-spacing:.1em; text-transform:uppercase; } #nav li a{color: #fff;} #nav li a:hover{color:#CCE400; text-decoration: none;} #nav .current-menu-item a, #nav .current-menu-parent a, #nav .current-page-ancestor a { color:#CCE400; } .single-episodes .menu-item-84 a{ color:#CCE400 !important; } #sidenav { padding-top:15px; line-height:1.3em; } #sidenav ul.archive{margin-bottom: 20px;} #sidenav ul.archive li{margin-bottom: 5px;} #sidenav ul li a{font-size: 1.2em;} #sidenav ul li a:hover{color: #fff;} /*#sidenav>ul>li>a:first-child{margin-bottom: 10px; display: block;}*/ .sidenav_menu { padding-bottom:9px;} .sidenav_menu ul{ margin-top: 10px;} .sidenav_menu li { padding:0 0 10px 20px; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; letter-spacing:.1em; } .sidenav_menu li li:last-child{padding-bottom: 0;} .sidenav_menu a, .sidenav_menu a:visited { color:#999; font-weight:700; text-transform:uppercase; } .sidenav_menu a:hover, .sidenav_menu .current_page_item > a { color:#FFF !important; } .sidenav_menu .current_page_item { background:transparent url(images/icon_selectedsidenav.gif) no-repeat 0px 0px; } .sidenavtitle{ display:block; padding-bottom:10px; color:#CCE400; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-weight:700; font-size: 1.2em; letter-spacing:.1em; text-transform:uppercase; } #sidenav p { padding:10px 10px; font-size: 1.3em; line-height: 1.4em;} .sidecolumn { min-height:100px; } #searchform { display:block; float:right; padding:15px 2px 2px; } #s { display:block; float:left; width:160px; height:1.8em; padding:0 26px 0 4px; border:0; font-size:1.2em; line-height:2em; background:#fff; outline-color:#CCE400; color: #000; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px } #searchsubmit { display:block; float:left; width:13px; height:12px; padding:4px; background:#c5c5c5; background:transparent url(images/icon_search.gif) no-repeat 0 0; border:0; display:block; overflow:hidden; text-indent:-2000px; margin-top:4px; margin-left:-20px; cursor:pointer; } #searchedfor { padding-bottom:20px; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-size:1.8em; } .searchtitle, searchtitle:visited { margin-top:3px; padding:0; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-size:2em; letter-spacing:.1em; } .searchtitle:hover { color:#FFF !important; } .searchtype { padding:4px 0; font-size:1.2em; color:#444; } .searchtext { font-size:.9em; margin-bottom:25px; } .searchtext p { color:#999 !important; } #searchpages a { font-size:1.5em; } #sorting{padding:13px 0 15px; font-size:1.3em; border-bottom:1px solid #313131;} #sorting a.added, #sorting a.listened, #sorting a.author, #sorting a.rated{padding-right: 25px; background: url(images/icons.png) no-repeat right -181px;} #sorting a.added:hover, #sorting a.listened:hover{background: url(images/icons.png) no-repeat right -163px;} #sorting a.added-ASC, #sorting a.listened-ASC, #sorting a.rated-ASC, #sorting a.author-ASC{color: #fff !important; padding-right: 25px; background: url(images/icons.png) no-repeat right -163px;} #sorting a.added-ASC:hover, #sorting a.listened-ASC:hover, #sorting a.rated-ASC:hover, #sorting a.author-ASC:hover{background: url(images/icons.png) no-repeat right -163px;} #sorting a.added-DESC, #sorting a.listened-DESC, #sorting a.rated-DESC, #sorting a.author-DESC{color: #fff !important; padding-right: 25px; background: url(images/icons.png) no-repeat right -215px;} #sorting a.added-DESC:hover, #sorting a.listened-DESC:hover, #sorting a.rated-DESC:hover, #sorting a.author-DESC:hover{background: url(images/icons.png) no-repeat right -215px;} #sorting a, #sorting a:visited { margin-right:10px; color:#999;} #sorting a:hover, #sorting a.active { color:#FFF !important; } #sorting a.back{font-size: 1.0em; color: #CCE400 !important; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700;} #sorting span{margin-right: 5px; color: #808080;} #sorting ul.sort-alpha{height: 15px;} #sorting ul.sort-alpha li{float: left; margin-right: 10px;} #sorting ul.sort-alpha li a{margin-right: 0; color: #999; font-weight: bold;} #sorting ul.sort-alpha li a.active{text-decoration: underline; color: #CCE400 !important;} /* HOME PAGE STYLING */ #hp-content { padding-top:10px; z-index: 1; position: relative;} #hp-features { position:relative; float:left; width:67.78%; margin:0; height:330px; overflow:hidden; } #hp-featuresholder { position:relative; height:330px; } .hp-feature { position:relative; margin-bottom:10px; height:330px; } .hp-feature h2 { padding-left:20px; } .hp-feature .details { position:absolute; display:block; left:0; bottom:0; width:100%; padding:12px 0 8px; font-size:1em; background:transparent url(images/bg_homefeatured.png) repeat 0 0; } .hp-feature .copy { width:70%; } .hp-feature .buttons { position:absolute; right:0; bottom:8px; max-width:30%; } .hp-feature span { display:block; padding:0 12px; } .hp-feature .type { font-size:1.4em; font-style:italic; color:#CCE400; } .hp-feature .title { font-size:3.2em; padding-top:4px; padding-bottom:6px; } .hp-feature .detail { font-size:2.2em; color:#CCE400; } .hp-feature .buttons a { float:left; margin:5px 6px 0 0; } .hp-feature .content { display:block; width:94px; height:26px; overflow:hidden; text-indent:-2000px; background:transparent url(images/sprite_featurebtns.gif) no-repeat; } .hp-feature .add, .hp-feature .add:visited { width:72px; background-position:0 0px; } .hp-feature .add:hover { background-position:0 -27px; } .hp-feature .listen, .hp-feature .listen:visited { width:93px; background-position:0 -54px; } .hp-feature .listen:hover { background-position:0 -81px; } .hp-feature .watch, .hp-feature .watch:visited { width:93px; background-position:0 -108px; } .hp-feature .watch:hover { background-position:0 -135px; } .hp-feature .read, .hp-feature .read:visited { width:81px; background-position:0 -162px; } .hp-feature .read:hover { background-position:0 -189px; } .hp-feature .subscribe, .hp-feature .subscribe:visited { width:96px; background-position:0 -216px; } .hp-feature .subscribe:hover { background-position:0 -243px; } .hp-feature .tickets, .hp-feature .tickets:visited { width:96px; background-position:0 -272px; } .hp-feature .tickets:hover { background-position:0 -299px; } .hp-feature .moreinfo, .hp-feature .moreinfo:visited { width:118px; background-position:0 -326px; } .hp-feature .moreinfo:hover { background-position:0 -353px; } .hp-feature .buy, .hp-feature .buy:visited { width:68px; background-position:0 -378px; } .hp-feature .buy:hover { background-position:0 -405px; } #hp-featurelist { float:right; width:32%; height:330px; overflow:hidden;} #hp-featurelist h3{margin-left: 13px; padding-left:17px; margin-right: 20px; padding-bottom: 5px;} #fl-items { display:block; height:90%; overflow:auto; } #fl-items hr { height:0; color:#3B3B3A; border:0; border-bottom:1px solid #3B3B3A; background-color:#3B3B3A; margin:2px 0 2px 13px; } .fl-item { position:relative; min-height:54px; cursor:pointer; overflow:hidden; } .fl-item:hover, .fl-item.active { background:#242424; } .fl-item span { display:block; } .fl-item .text { height:100%; width: 175px; padding:8px 35px 5px 30px; background-repeat:no-repeat; background-position:98% 50%; } .fl-item .type {color:#CCE400; font-size:1.4em; line-height:1.3em; font-style:italic; text-transform: capitalize;} .fl-item .title { font-size:1.4em; line-height: 1.3em;} .fl-item .detail {position: relative; color:#959595; padding-top:.3em; } .fl-item .arrow { position:absolute; display:block; width:13px; height:100%; top:0; background:#000; } .fl-item a{position: absolute !important; top:15px; right: 15px; padding: 7px 10px 4px; font-size: 1.0em !important; text-align: center;} .fl-item:hover .arrow, .fl-item.active .arrow { background:#000 url(images/bg_featurelist.gif) no-repeat 0 50%; } #hp-widgets { padding:8px 0 15px; border-top: 1px solid #4C4C4B; margin-top: 20px; -webkit-box-shadow: 0px -30px 30px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px -30px 30px 0px rgba(0, 0, 0, 1); box-shadow: 0px -30px 30px 0px rgba(0, 0, 0, 1); z-index: 999; position: relative; } #hp-widgets p { float:left; padding:.7em .7em .7em 0; } #hp-widgets h2 { font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; margin-bottom:10px; font-weight:500; font-size:2.2em; letter-spacing:.1em; text-transform:uppercase; border-bottom:1px solid #787878; } #twitterfeed { margin-top: 20px; padding-bottom:12px; /*border-bottom:1px solid #4C4C4B;*/ overflow:hidden; } #twitterfeed img { margin-right:8px; vertical-align:bottom; } #twitterinfo { margin-bottom:5px; overflow:hidden; } #twitterhandle { font-size:1.9em; line-height:1.6em; } #tweetdetail { font-size:1.1em; color:#999; } #tweet { border-bottom:1px solid #4C4C4B; } .twtr-widget { float:left; } .twtr-timeline { overflow:visible !important; height:auto !important; } .twtr-hd { display:none; } .twtr-tweet-wrap { padding:0 !important; overflow:visible !important; } .twtr-tweet { overflow:visible !important; border:0 !important; } .twtr-tweet-text em { padding-top:8px; line-height:1.3em; } .twtr-ft { display:none; } .twtr-widget em, .twtr-widget .twtr-new-results{font-size: .9em !important;} .twitter-share-button{height:25px !important;} .twtr-widget p{font-size: 1.1em; } #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p{line-height: 1.5em !important;} .twtr-widget .twtr-tweet-text p{ border-bottom: 1px solid #4C4C4B; padding: 10px 0 !important; } #smalltout { /* float:left; */ padding-top:8px; height:255px; overflow: hidden;} #smalltout h3{font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif;font-weight: 600; font-size: 1.9em; color: #CCE400; background: url(images/icon_moth.gif) 0 15px no-repeat; padding:10px 0 10px 51px; margin:0 0 0 10px;} #smalltout h3 span{font-size: .75em;} #smalltout a, #smalltout a:visited { display:block; margin-top:5px; color:#CCE400 !important; } #smalltout a:hover { color:#FFF; } #smalltout p { width:88%; } #smalltout img { float:right; } #pitchastory, #pitchastory:visited { display:block; float:left; width:129px; height:21px; margin:8px 8px 0 0; overflow:hidden; text-indent:-2000px; background:transparent url(images/sprite_pitchbtns.gif) no-repeat 0 0; } #pitchastory:hover { background-position:0 -23px; } #listenandvote, #listenandvote:visited { display:block; float:left; width:135px; height:21px; margin-top:8px; overflow:hidden; text-indent:-2000px; background:transparent url(images/sprite_pitchbtns.gif) no-repeat 0 -45px; } #listenandvote:hover { background-position:0 -68px; } #hp-events { height:217px; /* height:17em; */ overflow:auto; } #hp-events .event { width:90%; padding:10px 10px 10px 15px; overflow:hidden; border-bottom:1px solid #4C4C4B; } #hp-events .eventdate {font-size:1.3em; float:left; color:#CCE400; padding:0 .4em 0 0; line-height:1.2em;} #hp-events .eventinfo {width: 90px; float: left;} #hp-events .event .title { font-size:1.3em; float:left; width:80px; line-height:1.2em; } #hp-events .event .title a:link, #hp-events .event .title a:visited{color: #fff;} #hp-events .event .city { font-size:1.3em; float: left; line-height:1.5em; width:100px; font-weight: normal; } #hp-events .eventbtns {float: right; text-align: center; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-weight: 700;} #hp-events .eventbtns div{display: block; width: 45px; margin: 0 auto;} #hp-events .buy{display: block; padding: 2px 3px 1px; margin-top: 0; color: #000; background:#CCE400; border-radius: 2px; clear: both;} #hp-events .buy:hover{color: #fff;} #hp-events .reserve{display: block; padding: 7px 10px 4px; margin-top: 0; color: #000; background:#CCE400; border-radius: 2px; clear: both; } #hp-events .reserve a:link, #hp-events .reserve a:visited, #hp-events .buy a:link, #hp-events .buy a:visited{ color: #000; } #hp-events .reserve a:hover, #hp-events .reserve a:active, #hp-events .buy a:hover, #hp-events .buy a:active{ color: #fff; } #hp-events .reserve:hover {color: #fff;} #hp-events .comingsoon {color: #CCE400;} #hp-events .soldout {color: #EC1C24; } #hp-events .tables {color: #CCE400;} /* GENERAL PAGE ITEMS */ #topbanner{margin-bottom: 20px; background: url(images/banner-support.jpg) 300px 0 no-repeat; height: 119px; margin-top: 0; border-bottom:1px solid #313131; position: relative; } #topbanner h1{ position: relative; top: 20px; text-transform: uppercase; width: 375px;} #topbanner.about{background: url(images/header_about.jpg) no-repeat;} .contact #topbanner{background: url(images/header_contact.jpg) no-repeat;} .donate #topbanner, .membership #topbanner{background: url(images/header_support.jpg) no-repeat;} #topbanner.support{background: url(images/header_support.jpg) no-repeat;} .tell-a-story #topbanner{background: url(images/header_tell_a_story.jpg) no-repeat;} .default #topbanner{ border-bottom:1px solid #313131; height: 119px; margin-top: 0; position: relative; } #pages-nav { padding:8px 0 8px; margin:12px 0 20px 1%; font-size:1.2em; letter-spacing:.1em; border-top:1px solid #313131; } .pagescount { position:relative; float:left; color:#999; } .pagespagnation { position:relative; float:right; color:#333; } .pagespagnation .info { padding:0 5px; color:#666; } #maincontent p strong{font-weight: bold; color: #fff;} #maincontent.default ul{color: #999; font-size: 1.3em; line-height: 1.5em; list-style-type: disc; margin-left: 15px; margin-bottom: 10px;} #maincontent.default ul li{margin-bottom: 10px;} /* EVENTS PAGE */ #events-display { background:transparent url(images/bg_events.jpg) no-repeat 50% 20px; } #events-display p{font-size: 1.3em; margin-bottom: 15px;} #events-display p.gray{color: #999999;} #maincontent.singleevent { background:none; } #events { position:relative; width:100%; overflow:hidden; } #events .no-results{height: 50px; margin: 10px 0 500px 10px; padding-top: 30px; background: rgba(0,0,0,.5);} .em-event { position:relative; float:left; width:100%; min-height:96px; padding:12px 0; margin-bottom:12px; list-style:none; background:transparent url(images/bg_eventlisting.png) repeat 0 0; } .em-event div { float:left; } .em-event .event-date { width:9%; /*70px;*/ padding-right:8px; margin-left:10px; } .em-event .event-date span { display:block; width:100%; } .em-event .day { font-size:1.4em; line-height:1.4em; } .em-event .month { font-size:1.6em; font-weight:500; text-transform:uppercase; } .em-event .date { font-size:4.3em; font-weight:700; } .em-event .location { width:18.7%; /*140px;*/ padding-right:20px; } .em-event .location h3 a{color: #CCE400;} .em-event .host { float:none; } .em-event .hostname { font-size:1.2em; } .em-event .venue { width:23%; /*200px;*/ padding-right:12px; } .em-event .details { width:26%; /*200px;*/ } .em-event .buttons , .em-event .buttons a{ position:relative; float:right;} .em-event .catdescriptionholder { position:absolute; display:none; top:10px; left:240px; width:240px; background:transparent; } .em-event .catdescription { position:absolute; width:220px; min-height:85px; padding:0 12px 12px; line-height:1.3em; border:1px solid #B0B0B0; background:#1B1B1B; z-index:100; } .catdescription .arrow { position:absolute; left:-8px; top:25px; width:9px; height:13px; background:transparent url(images/bg_catdesc.gif) no-repeat 0 0; } .em-event .buttons{text-align: center; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-weight: 700; padding-right: 5px;} .em-event .buttons div{float: right; margin-right: 5px;} .em-event .buy{display:block; padding: 2px 3px; margin-right: 5px; width: 40px; font-size: .9em !important; line-height: .9em; } .em-event .reserve{display:block; padding: 4px; margin-right: 5px; width: 50px; font-size: .9em !important; line-height: .9em; } .em-event .rsvp{ display:block; float:right; width:48px; height:19px;} .em-event .rsvp:hover {} .em-event .comingsoon {display:block; color: #CCE400; padding: 0 5px; margin-right: -5px; width: 43px;} .em-event .soldout { display:block; float:right; color: #EC1C24; width: 43px;} .em-event .tables { display:block; float:right; color: #CCE400; width: 50px;} .em-event .reserve{ display:block; float:right;} .em-event .reserve:hover { display:block; float:right;} .em-event a.share-link{margin-top: 30px;} img.event-img{display: block; margin-bottom: 25px;} #event-summary{float: left; width: 530px;} #event-summary a.mapit{color: #CCE400;} #event-summary .cat-name{font-size: 2.4em; margin-bottom: 20px; font-style: italic; color: #CCE400;} #event-summary a.map{width: 50px; margin-bottom: 20px;} #event-summary ul.event-categories{margin-bottom: 15px;} #event-summary .ticketurl{margin-bottom: 20px; font-size: 1.3em; text-transform: uppercase; text-align: center; font-weight: 700; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; border-radius: 2px;} #event-summary .comingsoon{color: #CCE400; width:160px; padding: 5px 10px; border: 2px solid #CCE400;} #event-summary .soldout{color: #EC1C24; width:90px; padding: 5px 10px; border: 2px solid #EC1C24;} #event-summary .tables{color: #000; background: #CCE400; padding: 5px 0px; width: 120px;} #event-summary a.buy{width: 93px; margin-bottom: 20px;} #event-summary a.reserve{width: 70px; margin-bottom: 20px;} #calander-date{width: 165px; float: right; text-align: center;} #calander-date #thedate{padding: 15px 0; margin-bottom: 10px; background: #202020; text-align: center; font-weight: 700;} #calander-date #thedate .day{ font-size: 2.5em; margin-bottom: 5px;} #calander-date #thedate .month{font-size: 3.0em;} #calander-date #thedate .date{font-size: 7.8em;} #calander-date a{color: #000; margin-bottom: 20px;} #calander-date a.google{float: left;} #calander-date a.ical{float: right;} a.tickets{display: block; width: 93px; padding: 5px 14px; } /* STORIES PAGE */ #stories-alphabet{padding:13px 0 15px; margin-bottom:10px; font-size:1.4em; border-bottom:2px solid #FFF; } #stories-alphabet ul{display: block; height: 15px;} #stories-alphabet ul li{float: left; margin-right: 10px;} .story {position: relative; float:left; clear: both; display: block; width:100%; margin:0 0 10px; background:#141414; } .story:hover { /*background:#333;*/ } .story .details { padding:6px; overflow:hidden; } .story .photo { float:left; min-width:164px; overflow:hidden; } .story .photo img{min-width: 164px;} .story .info { float:left; width:220px; margin:0 15px; padding-top:8px; } .single .story{margin-bottom: 25px;} .stories .sorting{display: block; position: relative; float:left; clear: both; margin: 30px 0 0; padding-left: 10px;} .stories .sorting div{float: left; margin-right: 30px;} .stories .sorting a.btn{float: left; background: url(images/icons.png) no-repeat 1px -104px #CCE400;} .stories .sorting a.profile{position: relative; top: 5px; font-size: 1.3em; text-transform: uppercase; font-weight: bold; display: block; float: left;} .stories .sorting a:hover{text-decoration: underline !important;} .story .listen.video, .story .listen.video:visited { background-position:0 -68px; } .story .listen.video:hover { background-position:0 -85px; } .story .description{ float:left; width:175px; margin-right:15px; padding-top:8px; } .story .description a.audio, .story .description a.video{display: block; margin-top: 5px; padding: 3px 0; padding-left: 25px; color: #fff; font-weight: 700; font-size: 1.3em; text-transform: uppercase;} .story .description a.audio{padding-top: 4px; background: url(images/icons.png) 0px -123px no-repeat;} .story .description a.video{padding-top: 5px; background: url(images/icons.png) 0px -140px no-repeat;} .story .buy{float: right; text-align: right; width: 79px;} .story .buy .itunes, .story .buy .store{display:block; position: relative; color: #CCE400; } .story .buy .itunes span, .story .buy .store span{display: block; position: absolute; width: 10px; height: 11px; background: url(images/icons.png) no-repeat;} .story .buy .itunes span{background-position: -2px -95px; top: 4px; right: 54px;} .story .buy .store span{background-position: -2px -67px; top: 5px; right: 79px;} .story .info div { margin-bottom:8px; } #stories { width:100%; overflow:hidden; } #stories-comingsoon { float:left; width:100%; padding:20px 0; margin:15px 0 0 1%; text-align:center; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-size:2.4em; font-weight:200; letter-spacing:.1em; text-transform:uppercase; background:#141414; } #single-stories p{color: #999;} #single-stories .buy .itunes span, #single-stories .buy .store span{position: absolute; width: 10px; height: 11px; /*padding-right: 5px;*/ background: url(images/icons.png) no-repeat; left: 0px;} .buy .itunes{position: relative; /*margin-left: 15px;*/ padding-left:15px;} #single-stories .buy .itunes span{background-position: -2px -95px; top: 2px; /*margin-left: -15px;*/} #single-stories .buy .store span{background-position: -2px -67px; top: 5px; left: -14px;} #single-stories .buttons{height: 25px; margin-bottom: 20px;} #single-stories #details{width: 245px; float: left; margin: 10px 0 20px;} #single-stories #details a.facebook, #single-stories #details a.twitter{display: inline-block; height: 23px; width: 23px; text-indent: -9000px;} .story-extras{width: 465px; float: left; clear: both;} #single-stories .story-extras h5{margin-top: 1em;} .story-extras iframe, #single-stories .story-extras img{margin-bottom: 18px;} /*#single-stories .story-extras img{width: 465px; height: 100%;}*/ .single-share{display: block; width: 100%; margin-top: 20px;} .single-share .facebook{float: left; width: 80px; } .single-share .twitter{float: left; width: 80px; margin-right: 10px;} #single-stories img.story-img{float: right; margin-top: 10px; margin-bottom: 10px; max-width: auto; width: auto;} .single .story .description{width: 350px;} .buttons {margin-top: 5px;} .buttons a {} .buy{margin-top: 10px; padding-right: 10px;} .buy p{margin-bottom: 0;} a.mediatype{display: block; height: 15px; padding:5px 20px 0; margin: 15px 0 0px; font-size: 1.2em; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-weight: 700; color: #fff; background: url(images/icons.png) no-repeat; background-position: -2px -123px;} /* SUBMIT A STORY */ .tellastoryinfo { padding:8px; margin:15px 0; color:#999; font-size:1.2em; line-height:1.5em; border:1px solid #404040; } .tellastoryphone .green { font-size:1.4em; line-height:1.3em; } .tellastoryphone .sm { color:#999; font-size:1.3em; line-height:1.3em; } #respond { overflow:hidden; margin:20px 0; padding:20px 0; border-bottom:2px solid #808080; border-top:2px solid #808080; } #tellstorystatus { display:none; padding:10px; font-size:2em; color:#FF0000; border:2px solid #822D2B; } #tellstorystatus.success { display:block; color:#CCE400; border:2px solid #CCE400; } #tellstoryitems { width:100%; margin:20px 0; overflow:hidden; } #tellstoryitems li { float:left; width:124px; margin-right:65px; text-align:center; font-size:1.2em; line-height:1.4em; } #tellstoryitems li.last { margin-right:0; } #recordtitle { position:relative; float:left; width:175px; margin-right:40px; padding:15px 0 40px; color:#FFF; font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-size:2.3em; font-weight:600; letter-spacing:.1em; text-transform:uppercase; background:transparent url(images/icon_pitcharrows.gif) no-repeat 0 100%; } #flashRecorder { float:left; width:375px; margin-bottom:15px; padding:0px 100px 5px 15px; border:1px solid #303030; overflow:hidden; background:#1A1A1A url(images/icon_storysubmit.png) no-repeat 95% 50%; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius:10px; } #flashRecorder embed, #flashRecorder object { } #submitastory { padding-bottom:40px; } #submitastory h3 { font-family:Arial, Helvetica, sans-serif; } #submitastory p { /* width:400px; */ line-height:1.3em; } #commentform input, #commentform textarea { float:left; font-size:1.2em; border:1px solid #404040; background:#000; color:#FFF; outline-color:#CCE400; } #commentform input { line-height:1.2em; } #commentform label {float:left; width:100px; padding-right:5px; line-height:1.9em; color:#FFF; font-size:1.2em; } #commentform table label{width: 80px;} #commentform label .sm { font-size:.8em; } #commentform #submit-button, #hide-recorder-lightbox-help { margin:10px 0 0 105px; padding:5px 20px; background:#CCE400; color:#000; border:none; text-transform:uppercase; font-weight:700; font-size:.9em; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; cursor:pointer; } #show-recorder-lightbox-help { font-size:1.1em; letter-spacing:.1em; margin-left:15px; } #hide-recorder-lightbox-help { text-align:center; } #recorder-lightbox-help-content img { padding:0 8px; } .topfields { margin-bottom:10px; overflow:hidden; } .comment-form-author { margin-bottom: 14px; height: 22px;} .comment-form-author input {width:267px;} .comment-form-email { margin-bottom: 14px; height: 22px; float: right;} .comment-form-email label { width:auto !important; } .comment-form-email input { width:267px; } .comment-form-story_title input, .comment-form-story_location input { width:615px; } .comment-form-story_title, .comment-form-story_location { width:100%; margin-bottom:10px; overflow:hidden; } .comment-form-comment { } .comment-form-comment textarea { width:615px; overflow:auto; } #disclaimer { padding:8px 0 8px 105px; width:60%; color:#999; line-height:1.3em; overflow:hidden; } #disclaimer input { margin:0 15px 35px 0; border:none; } #recorder-lightbox-help-content { padding:20px; background:#000 !important; border:1px solid #404040; font-size:1.1em !important; cursor:pointer; } /* LISTEN AND VOTE */ .astory { position:relative; height:auto; width:98%; margin:8px 0; padding:15px 1.5%; background:#111; overflow:hidden; } .astory .story-teller { float:left; width:155px; color:#CCE400; font-size:1.7em; font-weight:normal; } .astory .date { margin-top:6px; color:#FFF; font-size:.6em; font-weight:normal; } .astory .story-block { position:relative; float:left; height:100%; width:440px; margin-right:20px; line-height:1.5em; padding-bottom:25px; } .astory .title { font-size:1.5em; } .astory .text { margin:8px 0; font-size:1.2em; color:#808080; } .astory .audio { position:absolute; bottom:-8px; } .astory .story-social { position:relative; float:left; } .story-rating { position:relative; color:#FFF !important; text-transform:uppercase; font-size:1em; } .story-rating .inactive { color:#FFF; } .ratingblock { font-size:inherit !important; } .votestotaltitle { margin-top:12px; font-size:1em; font-weight:bold; } .votestotal { padding-top:3px; font-size:1.6em; font-weight:bold; color:#CCE400; } .listen-alpha a{margin-right: 2px !important;} /* SUPPORT */ .donate table{position: relative;} .donate .catdescriptionholder { position:relative; display:none; top:22px; left:465px; width:240px; background:transparent; } .membership .catdescriptionholder { position:relative; display:none; top:11px; left:465px; width:240px; background:transparent; } .donate .catdescription { position:absolute; width:230px; min-height:85px; padding:0 12px 12px; line-height:1.3em; border:1px solid #B0B0B0; background:#1B1B1B; z-index:100; } .donate .catdescription .arrow { position:absolute; left:-8px; top:94px; width:9px; height:13px; background:transparent url(images/bg_catdesc.gif) no-repeat 0 0; } .donate .catdescriptionholder .category{color: #CCE400; display: block; font-size: 1.7em; font-weight: 500; line-height: 1.3em; padding: 8px 0;} .donate .catdescriptionholder p{color: #fff !important; font-size: 1.1em !important;} #main.donate{padding-top: 0;} .support .links{width: 325px;} .support .links h3{border-bottom: 1px solid #CCE400; padding: 4px 0 10px 42px; height: 24px; margin-bottom: 10px;} .support #individual.links h3{background: url(images/support-individual.gif) 0 -2px no-repeat;} .support #corporate.links h3{background: url(images/support-corporate.gif) 0 -2px no-repeat;} .support #special.links h3{background: url(images/support-special.gif) 0 -2px no-repeat;} .support #institutional.links h3{background: url(images/support-institutional.gif) 0 1px no-repeat; height: 24px;} .support #other.links h3{background: url(images/support-other.gif) 0 -1px no-repeat; height: 24px;} .support .links ul{font-size: 1.2em; line-height: 1.3em;} .support .links ul li{margin-bottom: 20px; color: #999;} .support .links ul li a{font-weight: bold;} .support #individual, .support #special, .support #other{float: left; clear: left;} .support #corporate, .support #institutional{float: right; clear: right;} #maincontent h1{font-family: "nudista-web-1","nudista-web-2",Arial,Helvetica,sans-serif; font-size: 3.4em;} #maincontent.donate ul{margin: 10px 0; height: 20px; font-size: 1.5em;} #maincontent.donate ul li{float: left;} #maincontent.donate ul#gift-amount li{margin-right: 10px; color: #CCE400; font-weight: bold;} #maincontent.donate ul#gift-amount li.select{color: #fff;} #maincontent.donate ul{clear: both; float: left; width: 600px; } #maincontent.donate ul li label{font-size: 1.0em;} #maincontent.donate label{color: #fff; font-size: 1.4em; font-weight: bold;} #maincontent.donate ul#gift-type li{margin-right: 10px; color: #999;} #maincontent.donate ul#gift-type li.select{color: #fff; font-weight: bold;} #maincontent.donate ul#gift-duration li{margin-right: 10px; color: #999;} #maincontent.donate ul#gift-duration li.select{color: #fff; font-weight: bold;} #maincontent.donate input{background: #000; border: 1px solid #555; margin-bottom: 10px;} #maincontent.donate select{margin-bottom: 10px;} #maincontent.donate input.calculate{background: url(images/btn-calculate.gif) no-repeat; width: 90px; height: 22px; border: none; cursor: pointer;} #maincontent.donate input.radio{border: none; margin: 0 5px 0 0;} #maincontent.donate input.text{width: 235px;} #maincontent.donate input.state{width: 61px;} #maincontent.donate input.zip{width: 90px;} #maincontent.donate input.send{background: url(images/btn-send.gif) no-repeat; border: none; width: 78px; height: 27px; cursor: pointer;} #maincontent.donate .border{border-top: 1px dotted #808080; margin: 15px 0;} #maincontent.donate ul#email-you{float: none; } #maincontent.donate h4{font-size: 1.4em; margin-bottom: 10px; font-weight: bold;} #maincontent.donate ul.membership{clear: none !important;height: auto !important; width: 300px;} #maincontent.donate ul.membership li{float: none !important; color: #CCE400;} #maincontent.donate ul#gift-amount li label{color: #CCE400;} #maincontent.donate .radioTbl td{padding:5px !important; } #maincontent.donate .tableHead{font-size:1.4em; color:#FFF; font-weight:bold;} #maincontent.donate .radioTbl {margin-bottom:10px;} #maincontent.donate .radioTbl .cost{color:#6F6F6F !important; font-weight:normal;} #maincontent.donate .radioTbl .caption{color:#ff0000 !important; font-style:italic; font-weight:normal !important;} #maincontent.donate .radioTbl label {color:#CCE400 !important; font-weight: bold;} #maincontent.donate .yourInfo1 { margin-bottom: 20px; color:#6f6f6f; font-size:1.1em;} #maincontent.donate .yourInfo1 td.header {color:#FFF; font-size:1.3em;} #maincontent.donate .yourInfo2 label {} #maincontent.donate #memberGift {padding-top:5px; padding-bottom:5px; color:#FFF !important; font-size:.8em;} #maincontent.donate .yourInfo2 td {padding:2px; font-weight:normal;} #maincontent.donate .enterYourFriend {padding-bottom:10px; font-size:1em;} #maincontent.donate .whatYouSupport h2 { } #maincontent.donate .hdStyle {font-style:italic; font-size:1em !important; color:#6f6f6f; font-weight:normal;} #maincontent.donate dl{font-size: 1.3em; color: #6F6F6F; width: 300px;} #maincontent.donate dl dt{margin-bottom: 10px; color: #fff; background: url(images/membership-dt.gif) no-repeat;} #maincontent.donate dl dd{margin-bottom: 10px;} #gift-custom-amount { display:none; } #friendinfo { display:none; } #katieinfo { display:none; } #maincontent.donate .membershipLevels ul{color: #6F6F6F; font-size: 1.3em; list-style-type: disc; margin-left: 15px; margin-bottom: 10px; float: none; height:auto;} #maincontent.donate .membershipLevels ul li{margin-bottom: 5px; line-height: 1.2em; float: none;} /* CONTACT */ .contact #topbanner{height: 119px; margin-top: 0; border-bottom: 1px solid #fff; position: relative; } #main.contact{padding-top: 0;} label{font-family: Arial; font-weight: bold; font-size: 11px;} label.message{position: relative; top: -143px;]} .contact input{background: #fff; border: 1px solid #555; margin-bottom: 10px; height: 20px; color: #000; padding-left: 5px;} .contact input#name{width: 227px;} .contact input#email{width: 227px;} .contact input#company{width: 227px;} .contact input#phone{width: 227px;} .contact input#subject{width: 546px;} .contact .clear{clear: both;} .contact textarea{background: #fff; border: 1px solid #555; width: 543px; color: #000; font-family: Arial; font-size: 12px; padding: 5px;} .contact .address{float: left; font-size: 12px; line-height: 18px; color: #808080;} .contact h1{font-family: "nudista-web-1","nudista-web-2",Arial,Helvetica,sans-serif; font-size: 36px; color: #fff;} .contact em{font-style: italic; color: #CCE400; font-weight: bold;} .contact #contactform{position: relative; margin-top: 10px; border-top: 1px solid #555; padding-top: 20px;} .contact #contactform em{font-weight: bold; font-size: 1.3em;} .contact .border{height: 10px; border-top: 1px dotted #555; width: 553px; position: relative; left: 65px; margin: 5px 0;} .contact div.wpcf7-mail-sent-ok{width: 205px; position: relative; left: 60px; top: -24px;} input#contact-submit{position: absolute; top: 45px; right: 0; display: inline-block; height: 25px; padding: 7px 20px 4px; color: #000; font-size: 1.0em; font-weight: 700; background: #CCE400; border-radius: 2px; text-transform: uppercase; font-family: "nudista-web-1","nudista-web-2",Arial,Helvetica,sans-serif; z-index: 100; cursor: pointer; border: none;} .contact a.mapit{margin-top: 10px; width: 70px; padding: 5px 10px 4px; font-size: 1.0em; } /* ABOUT */ #main.about{padding: 0;} .about img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .about hr{margin: 15px 0;} .about strong{font-family: "nudista-web-1","nudista-web-2",Arial,Helvetica,sans-serif; font-size: 24px; color: #fff;} .people #people-table table{margin-top: 10px;} .people #people-table table img{margin-right: 10px; vertical-align:top; float: left;} .people #people-table table div{float: left; line-height: 1.4em;} .people #people-table strong{font-weight: bold; font-size: 1.1em;} .people #people-table em{font-style: italic; font-size: 1.1em; color: #999999;} .people #people-table ul{list-style-type: none; color: #fff; margin: 0; font-weight: bold; font-size: 1.1em;} .people #people-table ul li em{font-weight: normal;} .people #people-table h2{color: #CCE400;} /* Mailing list */ .stay-in-touch h2{color: #CCE400;} .stay-in-touch label{} .stay-in-touch fieldset{font-size: 1.1em; color: #808080;} .stay-in-touch input{background: #000; border: 1px solid #555; margin-top: 5px;} .stay-in-touch strong{color: #CCE400; font-weight: bold;} .stay-in-touch select{margin-top: 5px; background: #000; border: 1px solid #555;} .stay-in-touch input.subscribe{background: url(images/btn-subscribe.gif) no-repeat; width: 139px; height: 29px; border: none; float: left; clear: left; margin-right: 10px;} /* RADIO */ #main.radio{padding: 0;} .radio #topbanner{background: url(images/banner-radio.jpg) 300px 0 no-repeat; height: 119px; margin-top: 0; border-bottom:1px solid #313131; position: relative; } .radio strong{font-weight: bold; color: #fff;} .radio strong{font-style: italic; color: #fff;} .radio .touts{width: 218px; float: left; margin-right: 20px; font-size: .9em;} #maincontent hr{color: #222 !important; margin: 23px 0;} .radio #last.touts{margin-right: 0;} .radio .touts a{color: #CCE400; font-weight: bold; font-style: italic;} .radio .episode{float: left; width: 120px; margin-right: 15px; } .radio .episode p{width: 100px;} .radio .episode a{color: #fff;} .radio .episode a:hover{color: #CCE400;} .radio .season{display: block; border-bottom: 2px solid #333333; margin-bottom: 20px;} /* BLOG */ #blogbanner{position: relative; margin-top: 10px; border-bottom: 1px solid #fff; margin-bottom: 20px;} #blogbanner h2{font-family: Arial; font-weight: bold; font-size: 1.8em; margin: 0 0 10px 0; padding: 0; float: left;} #blogbanner #nav-above{position: absolute; top: 10px; right: 0; float: right; font-size: 1.2em;} #blogbanner .navigation{color: #CCE400;} .single .author{font-family: Arial; font-size: 1.3em; margin-bottom: 20px;} .single #content{border-bottom: 1px solid #808080; padding-bottom: 10px;} .single .tags{margin-bottom: 10px; font-size: 1.2em; color: #fff;} .single .tags a{color: #CCE400;} .single .tags a:hover{color: #fff;} .single .tags span{padding: 0 10px; color: #808080;} .blog .post, .tag .post{background: #0e0e0e; margin: 16px 0; padding: 10px 0; position: relative;} .blog .post h4, .tag .post h4{font-size: 1.4em; font-weight: bold; font-family: Arial; color: #CCE400;} .blog .post .image, .tag .post .image{width: 125px; /*height: 60px;*/ float: left; padding: 0 10px;} .blog .post .content, .tag .post .content{width: 392px; float: left;} .blog .post .author, .tag .post .author{font-size: 1.1em; font-style: italic; margin: 5px 0; color: #6F6F6F;} .blog .post a.readmore, .tag .post a.readmore{background: url(images/btn-readmore.gif) no-repeat; text-indent: -9000px; display: block; height: 22px; width: 46px; float: right; clear: right; margin-right: 10px;} .blog .post .date, .tag .post .date{float: right; margin-bottom: 10px; position: relative; color: #6F6F6F; text-align: right; margin-right: 10px;} .blog .post a.readmore:hover, .tag .post a.readmore:hover{opacity: .7;} .blog .post a.permalink, .tag .post a.permalink{font-size: .8em; margin-left: 10px;} #content ul{color: #6F6F6F; font-size: 1.3em; list-style-type: disc; margin-left: 15px; margin-bottom: 10px;} #content li{margin-bottom: 5px; line-height: 1.2em;} /* body { color: #B3B3B3; } a { color: #e6314b; } div, span, label { color: #B3B3B3; } .wallkit_post .wallkit_postcontent{ margin-left:50px;padding-left:10px;color:#FFFFFF;} .wallkit_post .wallkit_postcontent h4{padding:0px 5px 3px 0px;font-weight:normal;color:#e6314b;} .wallkit_post .wallkit_postcontent h4 .wall_time{margin-left:1px;font-size:9px;padding:2px 0px 0px 4px;color:##B3B3B3;} .wallkit_post .wallkit_postcontent h4 a{font-weight:bold; color:#e6314b;} .wallkit_post .wallkit_postcontent div{padding:3px 0px;color:#FFFFFF;} .wallkit_post .wallkit_profilepic img{display:block;float:left;color:#FFFFFF;} .wallkit_post div.wallkit_actionset{font-size:9px;padding-bottom:3px;color:#FFFFFF;} .wallkit_post{margin:10px 10px 5px 0px;padding-bottom:5px;border-bottom:1px solid #666666;color:#FFFFFF;} .wallkit_post .wallkit_profilepic{position:absolute ;width:50px;color:#FFFFFF;} .wallkit_form textarea {display:inline;height:100px;margin-top:5px;overflow:hidden;padding:3px;width:100%;} .uiBoxGray { background: none; border: none; } */ /* Pagination */ #nav-below{width: 100%; font-size: 1.2em; font-weight: bold;} #nav-below .nav-next{float: right;} #nav-below .nav-previous{float: left;} /* FOOTER */ #footer { position:relative; height:55px; padding-top:20px; } #footer iframe{ position:absolute; right:10px; top:15px;} #footer ul { margin-left:-10px; } #footer li { float:left; padding:0 10px; border-left:1px solid #CCE400; } #footer li:first-child { border-left:0; } #footer li a { font-size:1.2em; text-transform:uppercase; letter-spacing:.1em; color: #fff;} #footer li a:hover{color:#CCE400;} /* SIDE TOUTS */ #sidenav #events-nav, #sidenav #stories-nav{font-family: "nudista-web-1","nudista-web-2",Arial,Helvetica,sans-serif;} #sidenav #events-nav ul li{margin-bottom: 10px;} #sidenav #events-nav ul li a, #sidenav ul.sortby li a{font-weight: 700; color: #808080;} #sidenav #events-nav ul li a:hover, #sidenav #stories-nav ul li a:hover{color: #808080;} #sidenav #events-nav h2{margin-bottom: 15px; text-transform: uppercase; color: #CCE400;} #sidenav #events-nav ul.locations, #sidenav #stories-nav ul.stories{margin-bottom: 10px; text-transform: uppercase;} #sidenav #events-nav ul.event-sorting{margin-left: 20px;} #sidenav #events-nav ul.event-sorting li a span{display: block; height: 10px; width: 10px; float: left; margin-right: 10px; background: url(images/icon-category-nav.gif) left bottom no-repeat;} #sidenav #events-nav ul.event-sorting li a.active span{background-position: top;} #sidenav #events-nav ul.event-sorting li a.active{color: #fff;} #sidenav #stories-nav ul.story-sorting a{text-transform: uppercase; color: #fff;} #sidenav #stories-nav ul.story-sorting a span{display: block; height: 10px; width: 10px; float: left; margin-right: 10px; background: url(images/icon-category-nav.gif) left bottom no-repeat;} #sidenav #stories-nav ul.stories-sorting li a.active span{background-position: top;} #stories-nav ul.story-sorting li{margin-left: 20px;} #stories-nav ul.story-sorting li a.video{padding:3px 0 3px 25px; background: url(images/icons.png) 0px -143px no-repeat;} #stories-nav ul.story-sorting li a.audio{padding:3px 0 3px 25px; background: url(images/icons.png) 0px -124px no-repeat;} #stories-nav ul {font-family:"nudista-web-1","nudista-web-2", Arial, Helvetica, sans-serif; font-weight:400; letter-spacing:.1em; } #stories-nav li {margin-bottom:10px; color:#808080; } #stories-nav li ul {margin-top:10px; padding-bottom:0; } #stories-nav li li {margin-left:15px; font-size:1em; font-weight:700; } #stories-nav li a:hover, #stories-nav li a.active { color:#FFF !important; } #sidenav ul.sortby li a{padding-left: 20px; text-transform: uppercase;} #sidenav ul.sortby li a:hover{color: #fff !important;} #sidenav ul.sortby li a.active{background: url(images/icon-location.gif) no-repeat left -1px; color: #fff !important;} #sidenav ul.sortby li.active a span{background: url(images/icon-category-nav.gif) no-repeat left top !important; color: #fff;} .sidetout {border-top: 1px solid #313131; padding:15px 12px 0;} .sidetout h5{margin-bottom: 15px; text-transform: uppercase;} .sidetout p { padding:0 !important; } .tag-cloud{padding-left: 0;} .tag-cloud a:hover{color: #fff;} .credit-container{ float: right; width: 465px; } .storyteller-credit{ clear: both; float: right; } @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ #sorting a.added-ASC, #sorting a.listened-ASC, #sorting a.rated-ASC, #sorting a.author-ASC{ background-size: 40px 486px; background-position: right -326px; } }