/* Common Styles
------------------------*/
html { background:#fff; width:100%; height:100%; *overflow-x:hidden; }
body { background:#fff; min-width:1024px; min-height:100%; padding:0 0; position:relative; z-index:1; }
#main { position:static; *position:relative; width:100%; min-width:980px; margin:0 auto; overflow-x:hidden; overflow-y:hidden; }


a.more,
em.more,
span.more { display:inline-block; padding-right:.7em; line-height:1.71; line-height:1\9; *line-height:1.5; background-image:url(https://www.apple.com/v/education/a/images/more_16.png); background-position:100% 55%; background-size:6px 11px; }

a.more.font-10,
em.more.font-10,
span.more.font-10 { background-image:url(https://www.apple.com/v/itunes/d/images/more_10.png); background-size:4px 7px; }

a.more.font-14,
em.more.font-14,
span.more.font-14 { background-image:url(https://www.apple.com/v/itunes/d/images/more_16.png); background-size:5px 9px; }

a.more.font-18,
em.more.font-18,
span.more.font-18 { background-image:url(https://www.apple.com/v/itunes/d/images/more_18.png); background-size:7px 13px; }

@media only screen {
    a.more,
    em.more,
    span.more,
    a.more.font-10,
    em.more.font-10,
    span.more.font-10,
    a.more.font-14,
    em.more.font-14,
    span.more.font-14,
    a.more.font-18,
    em.more.font-18,
    span.more.font-18 { background-image:url(/v/itunes/d/images/more.svg); }

}

a.link-block { text-decoration:none; color:#333; cursor:pointer; display:block; }
a.link-block:hover span.more { text-decoration:underline; }

/* Sticky Nav */
.ph-wrapper { z-index:9000; width:100%; min-width:980px; top:0; background:rgba(255,255,255,0.95); border-bottom: 1px solid #e6e6e6;
    position:-webkit-sticky;
    position:   -moz-sticky;
    position:    -ms-sticky;
    position:     -o-sticky;
    position:        sticky; }
.ph-wrapper #productheader { border:none; }

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .ph-wrapper { top:-10px; padding-top:10px; }
}

#productheader h2 a { text-indent:0px; margin:1px 0 0 5px; }
#productheader ul li a { margin-left:15px; margin-right:0px; }

#home #productheader li#pn-create a,
#discover #productheader li#pn-create a,
#fanfaq #productheader li#pn-create a,
#creatorfaq #productheader li#pn-create a,
#podcastspecs #productheader li#pn-create a { color:#999 !important; cursor:default; }

#main header { text-align:center; }

.top-gradient { background:url('https://www.apple.com/v/itunes/podcasts/a/images/top-gradient.png') no-repeat top center; }
.border-bottom { border-bottom:1px #cecece solid; }

.podcasts #main header h1 { margin:64px 0 34px; }
.podcasts #main header .hero-image { margin-left:-19px; }
.podcasts #main .hero-section { width:855px; margin:48px 0 0 121px; }
.podcasts #main .hero-section.hero-section-spacer { margin-bottom: 52px; }
.podcasts #main .hero-section .first { width:43%; }
.podcasts #main .hero-section h2 { margin-bottom:0px; }
.podcasts #main .hero-section p { font-size:1.2em; line-height:1.6em }
.podcasts #main .hero-section p.faq { text-align:center; margin:18px 0 0 -117px; color:#08c;}
.podcasts #main .download { width:740px; height:120px; margin:35px auto 26px; border:1px solid #CCC; border-radius:5px; position:relative; z-index:1; }
.podcasts #main .download .icon { position:absolute; top:18px; left:48px; }
.podcasts #main .download h2 { margin:21px 0 0 147px; }
.podcasts #main .download p { margin:-4px 0 0 146px; width:550px; }


/* Discovering Podcasts */
#discover #productheader h2 a { display:inline; }
#discover #main .hero h1 { margin:38px auto 2px; }
#discover #main .hero p.intro { width:800px; margin:0 auto; text-align:center; color:#999; }
#discover #main .hero .hero-image { width:798px; margin:37px auto 0; }
#discover .discover-content .row { width:795px; margin:-56px auto 0; }
#discover .discover-content h2 { margin-bottom:12px; font-size:1.500em; font-weight:normal; }
#discover .discover-content p { margin-bottom:40px; color:#676767; }
#discover .faq { margin-top:20px; }
#discover .faq-link { width:795px; margin:60px auto 32px; text-align:center; font-size:1.200em; }


/* Specs */
#podcastspecs #content { width:750px; margin:0 auto; }
#podcastspecs .hero img.hero-icon { position:relative; display:block; margin:40px auto 12px; left:20px; }
#podcastspecs .hero img.hero-label { margin:0 0 20px 16px }
#podcastspecs .specs-content { margin-top:-28px; width:760px; padding-left:18px; line-height:1.6em; color:#676767; }
#podcastspecs .specs-content h2 { margin-bottom:12px; font-size:1.500em; font-weight:normal; }
#podcastspecs .specs-content p { margin-bottom:14px; }
#podcastspecs .specs-content ol { margin-top:-5px; }
#podcastspecs .specs-content li { margin:0 0 10px 4px; }
#podcastspecs .specs-content a { word-spacing:0; }
#podcastspecs .specs-content div.content-section { margin-bottom:62px; }
#podcastspecs .specs-content img.aside { margin:14px 0 8px; }
#podcastspecs .specs-content img.stack { margin:20px 0; }
#podcastspecs .specs-content span.indent { display:block; padding-left:180px; }
#podcastspecs .specs-content span.url-support { display:block; margin:0px 0 25px; }
#podcastspecs .specs-content span.url-support.correct-example { margin:20px 0 25px; }
#podcastspecs .specs-content span.url-support-examples { display:block; margin-bottom:10px; }
#podcastspecs .specs-content span.url-support-examples:last-child { margin-top:20px; }

#podcastspecs .specs-content ul.dash ul.url-support { margin:20px 0 25px -2px; }
#podcastspecs .specs-content ul.dash ul.url-support li.url-support-examples:before { content:''; }
#podcastspecs .specs-content ul.dash ul.url-support li.url-support-examples p { margin-left:-2px; }

#podcastspecs .specs-content p.format { margin-bottom:32px; }
#podcastspecs .specs-content p.cdata { margin-top:21px; }
#podcastspecs .specs-content h2.common-header { margin-bottom:0; }

#podcastspecs ul.dash { padding-left:11px; list-style:none; }
#podcastspecs ul.dash li:before { display:inline-block; content:"-"; margin-left:-12px; width:10px; }
#podcastspecs ul.dash:first-child { margin-top:8px; line-height:1.6em; }

#podcastspecs table { width:750px; }
#podcastspecs table.datasheet { margin:30px 0 20px; }
#podcastspecs table.datasheet th { padding-bottom:12px; }
#podcastspecs table.datasheet td { padding-bottom:10px; }
#podcastspecs table.datasheet .center { text-align:center; }
#podcastspecs table.datasheet .lastcol { padding-left:16px; }

#podcastspecs .faq-link { width:750px; margin:60px 0 32px -20px; text-align:center; }


/* Creator FAQ */
#creatorfaq #productheader h2 a { display:inline; }
#creatorfaq #main .hero img { margin:0 auto; }
#creatorfaq #main .hero img.icon { padding:0 3px 16px 0;}
#creatorfaq #main .hero h1 { display:inline-block; vertical-align:middle; margin:33px auto 7px; }
#creatorfaq .creator-faq-content div { width:715px; margin:0 auto; padding-top:16px; }
#creatorfaq .creator-faq-content h2 { margin-bottom:10px; font-size:1.500em; font-weight:normal; }
#creatorfaq .creator-faq-content p { margin-bottom:24px; color:#676767; }
#creatorfaq .creator-faq-content p:last-child { margin-bottom:0; padding-bottom:28px; }
#creatorfaq .creator-faq-content ul { margin-bottom:22px; color:#676767; }
#creatorfaq .creator-faq-content ul li { margin-bottom:11px; }
#creatorfaq .creator-faq-content .aggregates { margin-bottom:4px; }
#creatorfaq .creator-faq-content p.no-bottom-margin { margin-bottom:0; }

/* Fan FAQ */
#fanfaq #productheader h2 a { display:inline; }
#fanfaq #main .hero img { margin:0 auto; }
#fanfaq #main .hero img.icon { padding:0 3px 11px 0;}
#fanfaq #main .hero h1 { display:inline-block; vertical-align:middle; margin:43px auto 14px; }
#fanfaq .creator-faq-content div { width:715px; margin:0 auto; padding-top:16px; }
#fanfaq .creator-faq-content h2 { margin-bottom:10px; font-size:1.500em; font-weight:normal; }
#fanfaq .creator-faq-content p { margin-bottom:24px; color:#676767; }
#fanfaq .creator-faq-content p:last-child { margin-bottom:0; padding-bottom:28px; }
#fanfaq .creator-faq-content ul { margin-bottom:22px; color:#676767; }
#fanfaq .creator-faq-content ul li { margin-bottom:11px; }
#fanfaq .creator-faq-content .unsubscribe { margin-bottom:25px; }

