/* cpi journal */


#cpi_journal {background: white; margin-top: 20px; padding-bottom: 20px;}

#cpi_journal #journal_title {position: relative; height: 70px; padding: 0 28px;}

#cpi_journal a.journal_volume {position: absolute; left: 165px; bottom: 10px; background: #3881a7; font-size: 10px; color: white; padding: 4px 5px;}
#cpi_journal a.journal_volume span {color: #c2cfd6;}

#cpi_journal p.journal_thisissue {background-color: #f3f3ef; padding: 0 30px;}

#cpi_journal .columns p {line-height: 13px;}

#cpi_journal .columns h4 {margin: 10px 0 5px;}

body.journal .column.left h1.no_toc {padding-bottom: 10px;}


/* h6 with icons... needs better css */
.articles, .interviews, .news, .volumes, .blog {background-position: 0 50%; background-repeat: no-repeat; padding: 3px 15px; margin-left: -15px; }
.articles {background: url('../images/layout/journal/cpi_journal_icon_articles.gif');}
.interviews {background: url('../images/layout/journal/cpi_journal_icon_interviews.gif');}
.news {background: url('../images/layout/journal/cpi_journal_icon_news.gif');}
.volumes {background: url('../images/layout/journal/cpi_journal_icon_volumes.gif');}
.blog {background: url('../images/layout/journal/cpi_journal_icon_blog.gif');}

.column.middle .articles,
.column.middle .interviews,
.column.middle .news,
.column.middle .blog,
.column.middle .volumes {margin-left: 0; padding-right: 0;}

/*
journal overview
*/

body.journal .column.left h1 {padding-bottom: 0;}


/* table of contents */
#journal_contents {padding: 0 20px 50px; background: #f3f3ef url('../images/layout/backgrounds/cpi_journal_toc_bg.gif') repeat-x; width: 100%;}

body.journal.item #journal_contents {padding-bottom: 0;}

body.journal.item #journal_contents ul.toc {padding-bottom: 30px;}

#journal_toc_wrap {float: left;}

#journal_tab {background: url('../images/layout/backgrounds/cpi_journal_tabborder_bg.gif') repeat-x 0 100%; padding: 1px 1px 0; float: left;}
#journal_tab p {background: white url('../images/layout/backgrounds/cpi_journal_tabcontent_bg.gif') repeat-x 0 100%;}

body.journal.overview #journal_tab p a, 
body.journal.item #journal_tab p a {display: block; padding: 8px 10px 20px; font-size: 10px !important; text-decoration: none; color: #8d8d89;}

#journal_tab p span, #journal_tab p a span {text-transform: uppercase; letter-spacing: 1px; color: #3881A7;}

#journal_tab p a:hover span {text-decoration: underline !important;}

body.journal.item #journal_tab {cursor: pointer;}

ul.toc {float: left; width: 155px; margin-right: 20px; margin-left: 10px;}
ul.toc.last {margin-right: 0;}



/* homepage toc styles */
body.homepage ul.toc {padding: 20px; width: 275px;}

body.homepage ul.toc.last {width: 175px;}
body.homepage ul.toc.last li {margin-bottom: 10px;}
body.homepage ul.toc.last li a {font-size: 12px !important; line-height: normal;}

body.homepage ul.toc li ul {margin-top: 5px;}

body.homepage ul.toc li a {font-size: 14px; line-height: 15px;}

body.homepage ul.toc li ul li p a {font-size: 11px;}
body.homepage ul.toc li ul li p {padding: 5px 0 10px;}




ul.toc li span.articles, ul.toc li span.interviews, ul.toc li span.news {margin: 0; text-transform: uppercase; color: #999; letter-spacing: 1px; font-size: 10px; padding-bottom: 1px;}

.articles,
.interviews,
.news,
.volumes,
.blog {padding-left: 16px; background-repeat: no-repeat; background-position: 0 50%;}

.articles {background-attachment: url('../images/layout/journal/cpi_journal_icon_articles.gif');}
.interviews {background-attachment: url('../images/layout/journal/cpi_journal_icon_interviews.gif');}
.news {background-attachment: url('../images/layout/journal/cpi_journal_icon_news.gif');}

ul.toc li ul {margin-top: -5px;}
ul.toc li ul li {margin-top: 10px; margin-left: 16px;}


#journal_cover {background: url('../images/layout/backgrounds/cpi_breadcrumbs_bg.gif'); padding: 30px; overflow: visible;}

#journal_cover ul,
#journal_cover p {font-family: Georgia, serif; font-size: 21px; line-height: 36px; color: white; font-weight: normal;}
#journal_cover ul li {display: inline;}
#journal_cover ul li.bullet {background: url('../images/layout/journal/cpi_journal_cover_bullet1.gif') no-repeat 50% 50%; padding: 0 4px;}
#journal_cover ul li a,
#journal_cover p a {background: transparent; color: #8bd7fe;}

#journal_cover p span {background: url('../images/layout/journal/cpi_journal_cover_bullet1.gif') no-repeat 50% 50%; padding-right: 3px;}

#journal_cover .highlighted_image {width: 220px; overflow: hidden; float: right; padding: 0; margin: 0; margin-left: 30px; margin-bottom: 30px; margin-top: -50px; border: 3px solid #F3F3EF;}


#journal_contents ul.toc {margin-top: 5px;}

.journal_leadin span {background: url('../images/layout/journal/cpi_journal_volumes_bullet1.gif') no-repeat 50% 50%;}

body.journal.overview .column.left .bucket p.highlighted_text {background: none; padding: 0; width: 70px; height: 70px; overflow: hidden; display: block;}