
/* subnav
------------------------*/
#subnav { display:inline; float:left; width:246px; _width:245px; margin-top:6px; margin-left:-10px; _margin-left:-12px; }
#subnav a:hover { text-decoration:none; }

#subnav h2 { margin:0 27px 16px 22px; color:#6f6f6f; font-weight:normal; }
#subnav h2 a { color:#6f6f6f; }
#subnav h2 a:hover { color:#08c; }

#subnav h3,
#subnav h4 { margin:0 27px .3em 22px; _margin-bottom: 1em; color:#6f6f6f; font-weight:normal; }

#subnav h4.first-item { padding-top:16px; border-top:1px solid #eee; }

#subnav a.back { display:block; margin:0 27px 16px 22px; padding-left:20px; background:url(/global/elements/arrows/arrow_prev.gif) no-repeat 0 50%; }
#subnav a.back:hover { text-decoration:underline; }

#subnav li { position:relative; line-height:36px; _line-height: 18px; }
#subnav li a { display:block; padding-left:22px; line-height:36px; *line-height: 32px; *height:auto !important; _line-height: 18px; color:#797c80; background:url(/v/itunes/backpages/a/images/nav_arrow.gif) no-repeat 0 50%; }
#subnav li a:hover { background-position:-222px 50%; color:#08c; }
#subnav li a img { margin:-1px 6px 0 0; vertical-align:middle; }

#content ul.square {list-style-type: disc;}
#content ol.square {list-style-type: number;}
#content ol.square_outer {list-style-type: square;}
#content ul.square.last { margin-bottom:0; }
#content #formattingvideo { -moz-margin-end:100px; }

#subnav ul.square li { margin:0 0 .3em 22px; line-height:1.5em;}
#subnav ul.square li a { padding:0; line-height:1.5em; background:none; color:#08c; }
#subnav ul.square li a:hover { text-decoration:underline; }

/* selected states */
body.podcasts#tips #subnav li#sn-tips,
body.podcasts#podcastspecs #subnav li#sn-specs,
body.podcasts#fanfaq #subnav li#sn-fanfaq,
body.podcasts#creatorfaq #subnav li#sn-creatorfaq { background:#eaeaea url(/v/itunes/backpages/a/images/nav_gradient.jpg) repeat-x; _padding:7px 0 7px 0; _margin:-10px 0 8px -2px; _position:relative; }

body.podcasts#tips #subnav li#sn-tips a,
body.podcasts#podcastspecs #subnav li#sn-specs a,
body.podcasts#fanfaq #subnav li#sn-fanfaq a,
body.podcasts#creatorfaq #subnav li#sn-creatorfaq a { color:#000; cursor:default; background-position:-444px 50%; _padding-top:5px; }

#content { _padding-right: 41px; }
#podcastspecs #content { _padding-right: 1px; }

/* Common Tags Table */
table#common-tags td { vertical-align:top; }

/* Named Characters Tables */
table.named-characters { width:100%; margin-bottom:18px; }

/* Specs Table */
table.pctable { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9; margin-bottom: 18px; }
table.pctable td { padding: 4px; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; font-size: 14px; width: 50%; }
table.pctable th { padding: 4px; border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; font-size: 16px; width: 50%; text-align: center; }
table.pctable td { padding-left: 50px; -moz-padding-start: 65px; }
table.pctable td.sub-head { padding-left: 10px; -moz-padding-start: 25px; padding-left: 18px\0/; }
table.pctable td li { list-style-type: circle; }
table.pctable td.sub-head li { list-style-type: disc; }
table.pctable tr th { background: #e2e2e2; font-size: 12px; font-weight: bold; }

div.pctable { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #a1a5a9; border-left: 1px solid #a1a5a9; margin-bottom: 18px; }
div.pctable.grid2col { width:656px; }
div.pctable.grid2col .column { width: 50%; }
div.pctable h4 { padding: 4px; background: #e2e2e2; color: #333; font-size: 12px; font-weight: bold; text-align: center; }
div.pctable ul { margin: 0; }
div.pctable ul li { border-bottom: 1px solid #a1a5a9; border-right: 1px solid #a1a5a9; list-style-position: inside; }
div.pctable ul.disc li { padding: 4px 10px 4px 10px; font-size: 14px; list-style-type: disc; }
div.pctable ul.circle li { padding: 4px 10px 4px 50px; font-size: 14px; list-style-type: circle; }

/* Layout Fine-tuning */
.clear-left { clear:left; }
img.left-shadow { margin-left:-5px; }
img.left-shadow-keep { margin-left:-22px; }
img.left-shadow-notinstore { margin-left:-37px; }
img.bottom-margin { margin-bottom:15px; }
img.top-shadow { margin-top:-20px; }
