/*   
Theme Name: Kanzenshuu
Description: Main mobile theme for Kanzenshuu.
Author: Heath "Hujio" Cutler
Version: 2.0
*/

@-ms-viewport{
  width: device-width;
}

/* OVERALL SITE STYLES */
body { background: #EEE; margin: 0; padding: 0; font: 9pt Arial, Tahoma, Sans-serif; color: #111; text-align: justify; line-height: 14pt; }
a:link, a:visited { color: #069; text-decoration: none; }
a:hover { color: #444; text-decoration: none; }
img { border: none; }
.no-mobile { display: none !important; }

/* SCROLLING HEADER NAVIGATION */
#head-nav { display: none !important; }
#head-nav.active { display: block; height: 34px; }
#head-nav.fixed { position: fixed; width: 100%; margin: 0 auto; padding: 5px 0; border-bottom: 1px #E3E3E3 solid; background-color: #F5F5F5; z-index: 300; box-shadow: 0 5px 6px -6px #000; }
#head-nav.fixed #head-nav_in { width: 640px; margin: 0 auto; }
#head-nav.fixed #head-nav_max { margin: 0 20px; }
#head-nav p { float: left; margin-right: 20px; line-height: 10px; }
#head-nav p.logo { padding-right: 70px; }
#head-nav p.logo img { position: absolute; top: 2px; }
#head-nav p.logo a:hover { filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#head-nav p.link a { font-weight: bold; color: #c00; border: 1px #E3E3E3 solid; -moz-border-radius: 3px; border-radius: 3px; background-color: #FFF; padding: 5px 10px; }
#head-nav p.link a:hover { border-color: #BBB; }
#head-nav p.dead a { color: #666; }
#head-nav p.dead a:hover { color: #666; border-color: #E3E3E3; box-shadow: none; cursor: default; }
#head-nav p.admin a { color: #000; }
#head-nav div.social { float: right; position: relative; top: 5px; }
#head-nav div.social a:hover { filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#head-nav div.social form:hover { filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }

/* PAGE NAVIGATION */
#page-top { display: none !important; }
#page-back { display: none !important; }
#page-home { display: none !important; }
#page-bottom { display: none !important; }

/* SITE HEADER STYLES */
#site-header { background: transparent url('/wp-content/themes/kanzenshuu/images/header_bg.gif') repeat; min-width: 640px; min-height: 122px; background-color: #E5E5E5; }
#banner { background: transparent url('/wp-content/themes/kanzenshuu/images/logo_rt_mobile.png') no-repeat bottom right; width: 640px; height: 122px; margin: 0 auto; overflow: hidden; }
#logo_lt { float: left; width: 360px; height: 146px; }
#logo_lt img.site-logo { width: 360px; height: 56px; margin: 5px 5px 0; }
#logo_lt .banner_links { padding: 3px; background: transparent url('/wp-content/themes/kanzenshuu/images/banner_links_bg.png') repeat; border-radius: 6px; margin: 2px 5px 0; width: 354px; }
#logo_lt .banner_links span { display: inline-block; color: #666; font-family: 'Roboto', Arial; font-size: 12pt; font-weight: 900; text-align: left; text-transform: uppercase; letter-spacing: 0; padding: 7px 4px 9px 32px; margin: 0; width: 80px; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
#logo_lt .banner_links span:hover { color: #333; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
#logo_lt .banner_links span.forum { background: #CCC url('/wp-content/themes/kanzenshuu/images/banner_links_forum_bg.png') no-repeat top left; border-radius: 4px 0 0 4px; letter-spacing: 2px; }
#logo_lt .banner_links span.wiki { background: #CCC url('/wp-content/themes/kanzenshuu/images/banner_links_wiki_bg.png') no-repeat top left; margin: 0 3px 0; letter-spacing: 2px; cursor: default; }
#logo_lt .banner_links span.podcast { background: #CCC url('/wp-content/themes/kanzenshuu/images/banner_links_podcast_bg.png') no-repeat top left; border-radius: 0 4px 4px 0; }
#logo_lt .banner_links span strong { display: block; color: #666; font-size: 8pt; font-weight: normal; line-height: 8pt; letter-spacing: 1px; padding-left: 8px; }
#logo_lt .banner_links span:hover  strong{ color: #069; }
#logo_rt { float: left; width: 270px; height: 146px; margin-top: 89px; margin-right: 10px; }
#logo_rt a:hover { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }
#logo_rt form:hover { filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }

/* NAVIGATION MENU STYLES */
#navigation { min-width: 640px; height: 60px; background: url('/wp-content/themes/kanzenshuu/images/menu_bg.png') repeat-x; border-top: 5px solid #666; border-bottom: 2px solid #C00; }
div.main-menu { width: 640px; margin: 0 auto; }
div.nav-menu { float: left; width: 640px; margin: 0; }
ul.menu { list-style-type: none; margin: 0 auto; padding: 10px 0; }
ul.menu li a:link, ul.menu li a:visited { font-family: 'Roboto', Arial; color: #EEE; text-transform: uppercase; font-weight: 900; font-size: 9pt; letter-spacing: 2px; }
ul.menu li a:hover { color: #C00; }
ul.menu li { display: block; float: left; height: 40px; text-align: center; border-right: 1px solid #444; margin: 0 1px 0; padding: 0; line-height: normal; }
ul.menu li:last-of-type { border-right: 0; }
ul.menu li:hover a:link, ul.menu li:hover a:visited { color: #C00; }
ul.menu li.off { background: transparent url('/wp-content/themes/kanzenshuu/images/arrow_down.png') no-repeat bottom center; }
ul.menu li.off a { cursor: default; }
ul.menu li.off:hover { background: transparent url('/wp-content/themes/kanzenshuu/images/arrow_down-select.png') no-repeat bottom center; }
ul.menu li.on { background: transparent url('/wp-content/themes/kanzenshuu/images/arrow_down-select.png') no-repeat bottom center; }
ul.menu li.on a:link, ul.menu li.on a:visited, ul.menu li.on a:hover  { color: #C00; }
ul.menu li p { margin: 0; padding: 5px 9px; height: 100%; }
ul.menu li span { color: #F90; text-transform: uppercase; font-size: 7pt; cursor: default; display: none; }
ul.menu li:hover span { color: #CCC; }
div.highlight-menu { float: right; height: 42px; margin: 10px 0; padding: 8px 0 0; text-align: right; line-height: normal; display: none; }
div.highlight-menu:hover a:link, div.highlight-menu:hover a:visited { color: #EEE; }
div.highlight-menu a:link, div.highlight-menu a:visited { font-family: 'Roboto', Arial; color: #C00; text-transform: uppercase; font-weight: 900; font-size: 9pt; letter-spacing: 2px; }
div.highlight-menu a:hover { color: #EEE; }
div.highlight-menu span { color: #666; text-transform: uppercase; font-size: 7pt; cursor: default; display: none; }
div.highlight-menu:hover span { color: #999; }

/* HIDDEN MENU STYLES */
.hidden-menu { font-family: 'Roboto', Arial; min-width: 640px; background-color: #333; border-bottom: 2px solid #C00; padding: 25px 0 20px; box-shadow: inset 0 10px 6px -6px #111, inset 0 -8px 6px -6px #111; }
.hidden-menu .menu { width: 640px; margin: 0 auto; overflow: hidden; }
.hidden-menu .description { display: none !important; }
.hidden-menu .quick-mobile { background-color: #DDD; border-radius: 3px; margin: 20px 20px 0; padding: 10px; }
.hidden-menu .quick-mobile img { margin: 0 11px; }
.hidden-menu .quick-mobile .series { text-align: left; }
.hidden-menu .quick-mobile .movies { text-align: left; margin-top: 10px; padding-top: 10px; border-top: 1px dotted #BBB; }
.hidden-menu .links { width: 600px; padding: 0 20px 0; }
.hidden-menu .links span.highlight { display: none !important; }
.hidden-menu .close { float: left; width: 20px; display: none !important; }
.hidden-menu .close a { filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
.hidden-menu .close a:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
ul#navlist { padding: 0; margin: 0; font-size: 10pt; line-height: 14pt; overflow: hidden; }
ul#navlist li { list-style: none; float: left; margin: 0; width: 300px; }
ul#navlist li a { display: block; padding: 1px 5px; border-left: 3px solid transparent; text-decoration: none; text-align: left; }
ul#navlist li.coming { color: #999; text-decoration: line-through; cursor: default; display: block; padding: 1px 5px; border-left: 3px solid transparent; text-align: left; display: none !important; }
ul#navlist li a { display: block; padding: 3px 5px; margin: 0; text-decoration: none; text-align: left; border-radius: 3px; }
ul#navlist li a:link, ul#navlist li a:visited { color: #999; }
ul#navlist li a:hover { color: #EEE; background-color: #666; }

/* CONTACT STYLES */
div#contact-form { float: left; width: 640px; padding: 0; overflow: hidden; }
div#contact-form p { color: #EEE; width: 610px; margin: 0 10px 10px; text-align: justify; }
div#contact-form p a:link, div#contact-form p a:visited { color: #999; border-bottom: 1px dotted #999; }
div#contact-form p a:hover { color: #C00; }
div#contact-form form#gcf { margin: 0; padding: 0; }
div#contact-form form#gcf span#gcf_alertmessage { color: #c00; font-size: 11pt; font-weight: bold; }
div#contact-form div.gcf_title { color: #CCC; font-size: 9pt; text-shadow: 1px 1px 1px #444; text-transform: uppercase; letter-spacing: 2px; }
div#contact-form form#gcf input.gcftextbox { margin: 0 0 5px; }
div#contact-form form#gcf input#gcf_name { color: #111; font-size: 9pt; font-weight: normal; width: 610px; }
div#contact-form form#gcf input#gcf_email { color: #111; font-size: 9pt; font-weight: normal; width: 610px; }
div#contact-form form#gcf input#gcf_captcha { color: #069; font-size: 13pt; font-weight: bold; text-align: center; width: 92px; }
div#contact-form form#gcf input { color: #444; font: 9pt Arial, Tahoma, Sans-serif; font-weight: bold; padding: 5px; background: #EEE; border: 1px solid #444; }
div#contact-form form#gcf input:focus { box-shadow: inset 0 0 0 2px #069; }
div#contact-form form#gcf textarea { color: #111; font: 9pt Arial, Tahoma, Sans-serif; font-weight: normal; max-width: 610px; min-width: 610px; width: 610px; max-height: 250px; min-height: 50px; height: 80px; margin: 0 0 5px; padding: 5px; background: #DDD; border: 1px solid #444; }
div#contact-form form#gcf textarea:focus { box-shadow: inset 0 0 0 2px #069; }
div#contact-form form#gcf div.gcf_title { font-weight: bold; }
div#contact-form form#gcf div.gcf_title img { margin: 0 0 15px; background: #DDD; border: 2px solid #069; }

/* SITE BODY STYLES */
#site-body { width: 640px; height: 100%; margin: 0 auto; background: #E3E3E3 url('/wp-content/themes/kanzenshuu/images/sidebar_bg.gif') repeat; padding: 0; box-shadow: -6px 0 6px -6px #000, 6px 0 6px -6px #000; overflow: hidden; }

#path { display: none !important; }
#no-path { display: none !important; }

div.super-nep { position: relative; top: -30px; color: #444; padding: 5px 7px 7px; margin: 0 0 30px; background: #EEE url('/wp-content/themes/kanzenshuu/images/path_bg.gif'); border-bottom: 5px solid #CCC; clear: both; height: 84px; }
div.super-nep .image { float: left; width: 152px; margin-right: 7px; }
div.super-nep .image img { border: 1px solid #666; width: 150px; height: 84px; }
div.super-nep .arrow { border-top: 1px dotted #C00; height: 5px; }
div.super-nep .number .eps,div.super-nep .number .date { text-transform: uppercase; font-size: 11pt; letter-spacing: 2px; }
div.super-nep .number .eps::before { content: "Episode #"; }
div.super-nep .number .date::before { content: " // "; }
div.super-nep .title { font-weight: bold; font-size: 10pt; line-height: 13pt; letter-spacing: 1px; }
div.super-nep .title .logo { position: relative; top: -20px; float: right; display: inline-block; width: 76px; height: 30px; }
div.super-nep .title .logo img { width: 76px; height: 30px; }
div.super-nep .title .list { display: block; margin-top: 8px; }

/* SIDEBAR STYLES */
#sidebar .search-container { width: 600px; background-color: rgba(0, 0, 0, 0.2); padding: 10px 20px; margin: 0; }
#sidebar .search-container:hover .search-box { color: #333; background-color: #FFF; }

#sidebar { float: left; width: 640px; height: inherit !important; padding: 0; }
#sidebar .title { font-family: 'Roboto', Arial; font-size: 10pt; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; padding: 10px 20px 9px; cursor: pointer; }
#sidebar .gray { color: #F9F9F9; background: #666 url('/wp-content/themes/kanzenshuu/images/kanji_bg1.png') no-repeat center left; }
#sidebar .blue { color: #F9F9F9; background: #069 url('/wp-content/themes/kanzenshuu/images/kanji_bg2.png') no-repeat center left; }
#sidebar .red { color: #F9F9F9; background: #C33 url('/wp-content/themes/kanzenshuu/images/kanji_bg3.png') no-repeat center left; }
#sidebar .green { color: #F9F9F9; background: #5A5 url('/wp-content/themes/kanzenshuu/images/kanji_bg1.png') no-repeat center left; }
#sidebar .container { width: 100%; margin: 0; border-bottom: 5px solid #CCC; }
#sidebar .sub { background-color: #F9F9F9; text-align: left; margin: 0; padding: 0; display: none; }
#sidebar .sub_feature { background: #F9F9F9 url('/wp-content/themes/kanzenshuu/images/30th_feature_cover.png') no-repeat top left; border-top: 1px solid #666; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: left; margin: 0; padding: 0; width: 300px; height: 98px; }
#sidebar .sub_feature a { display: block; width: 300px; height: 98px; }
#sidebar .sub_feature a:hover { background-color:rgba(0, 0, 0, 0.2); border-radius: 5px; }
#sidebar .sub_feature a span { display: none; font-family: 'Roboto', Arial; font-size: 10pt; font-weight: bold; text-align: center; color: #333; width: 100px; background: #DDD; position: relative; top: 35px; left: 0; padding: 8px; margin: 0 92px; border-radius: 5px; box-shadow: 0px 0px 6px #333; }
#sidebar .sub_feature a:hover span { display: block; }
#sidebar .last { margin: 0; }
#sidebar .sub p { font-family: 'Roboto', Arial; font-size: 11pt; line-height: 13pt; border-top: 1px solid #BBB; margin: 0; padding: 5px 20px; }
#sidebar .sub p:hover { background: #EEE; border-left: 3px solid #BBB; border-right: 3px solid #BBB; padding: 5px 17px; }
#sidebar .sub p.no-hover:hover { background: transparent; border-left: 0; border-right: 0; padding: 5px 20px; }
#sidebar .sub p.header { background-color: #DDD; border-left: 0; border-right: 0; color: #666; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding: 5px 20px; }
#sidebar .sub p.search { font-size: 8pt; line-height: 12pt; border-top: 1px solid #BBB; margin: 0; padding: 10px 20px; }
#sidebar .sub p.search:hover { font-size: 8pt; line-height: 12pt; border-top: 1px solid #BBB; margin: 0; padding: 10px 20px; }
#sidebar .sub p.podcast,p.tags { color: #111; font-weight: normal; text-transform: none; letter-spacing: 0; line-height: 12pt; border-top: 0; }
#sidebar .sub p.tags:after { content: '...'; }
#sidebar .sub p.link { text-align: center; background-color: #DDD; border-left: 3px solid #BBB; border-right: 3px solid #BBB; padding: 5px 17px; }
#sidebar .sub span { font-size: 8pt; font-weight: bold; line-height: normal; color: #999; margin-right: 7px; letter-spacing: 1px; }
#sidebar .wp-phpbb p.wpu-widget-lu-username { font-size: 10pt; background-color: #DDD; border-left: 0; border-right: 0; color: #069; font-weight: bold; letter-spacing: 1px; padding: 5px 20px; }
#sidebar .wp-phpbb p.wpu-widget-lu-avatar { text-align: center; box-shadow: inset 100px 0 50px -50px #DDD, inset -100px 0 50px -50px #DDD; }
#sidebar .wp-phpbb p.wpu-widget-lu-avatar img { border: 2px solid #069; max-width: 100px; max-height: 100px; }
#sidebar .wp-phpbb p.logout { font-weight: bold; }
#sidebar .wp-phpbb p.logout a:link, #sidebar .wp-phpbb .logout a:visited { color: #C00; }
#sidebar ul.wpulogininfo { margin: 0; padding: 0;}
input#phpbb_username { color: #444; font-family: Arial, Tahoma, Sans-serif; background-color: #999; border: 1px solid #666; padding: 2px; margin: 0 0 5px; width: 252px; height: 16px; }
input#phpbb_password { color: #444; font-family: Arial, Tahoma, Sans-serif; background-color: #999; border: 1px solid #666; padding: 2px; margin: 0 0 7px; width: 252px; height: 16px; }
input.wpuloginsubmit { color: #444; font: 9pt Arial, Tahoma, Sans-serif; font-weight: bold; background-color: #999; border: 1px solid #666; padding: 2px; margin: 5px 0 10px; }
.stickem-container { position: relative; }

/* SEARCH STYLES */
#search-form { display: inline; margin: 0; padding: 0; }
#search-form .search-box { color: #666; font-family: 'Roboto', Arial; font-style: italic; letter-spacing: 1px; background: #EEE url('/wp-content/themes/kanzenshuu/images/search-box_bg.png') center right no-repeat; border: 0; border-radius: 3px 0 0 3px; padding: 5px 15px 5px 5px; margin: 0; width: 505px; height: 16px; }
#search-form .search-box:focus { color: #333; background-color: #FFF; }
#search-form .search-button { color: #FFF; font-family: 'Roboto', Arial; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 1px; background-color: #5A5; border: 0; border-radius: 0 3px 3px 0; padding: 3px; width: 75px; height: 26px; }

/* CONTENT STYLES */
#main-content { float: right; width: 640px; background-color: #FFF; margin: 0; padding: 20px 0; }
.content { font: 9pt Arial, Tahoma, Sans-serif; color: #111; text-align: justify; line-height: 15pt; }
.content p { margin: 0 20px 20px; }
blockquote  { color: #333; padding: 3px 7px 3px; margin: 20px 30px 20px; border-radius: 3px; background-color: #EEE; box-shadow: 1px 1px 1px #CCC; }
blockquote::before { display: inline-block; position: relative; left: -18px; top: 24px; content: "\201C"; color: #5A5; font-family: Georgia, serif; font-size: 64pt; font-style: italic; }
blockquote hr { display: block; height: 0; border: 1px solid #EEE; border-bottom: 1px dotted #999; padding: 0; margin: 3px 0; }
div.content blockquote p { margin: 10px 5px; padding: 0; }
div.content ul li blockquote p { margin: 5px 5px; padding: 0; }
div.center { text-align: center; margin: 0 0 20px; width: auto; }
div.hide { display: none; padding: 0; margin: 0; }
div.margins { margin: 0 20px 0; }
div.caption { color: #444; font: 8pt Arial, Tahoma, Sans-serif; font-weight: bold; text-align: center; margin-top: 2px; }
.credit{ font-size: 8pt; color: #111111; text-align: center; margin: 25px 0 15px 0; padding: 2px; border-top: 1px solid #DDD; width: 60%; }

/* FOOTER STYLES */
#site-footer { background: #333 url('/wp-content/themes/kanzenshuu/images/footer_top_shadow.png') no-repeat top center; border-top: 5px solid #CCC; }
#main-footer { width: 640px; color: #EEE; margin: 0 auto; padding: 30px 0; overflow: hidden; }
#main-footer .site-logo { float: left; width: 209px; height: 160px; margin-right: 30px; padding: 0; border-right: 1px dotted #444; }
#main-footer .site-logo .wp { color: #999; font-size: 7pt; font-style: italic; margin-left: 15px; }
#main-footer .site-logo .wp img { vertical-align: text-top; }
#main-footer .footer-lt { float: left; width: 380px; margin: 5px 10px 0 0; padding: 0; }
#main-footer .footer-rt { display: none !important; }
#main-footer .title { font-family: 'Roboto', Arial; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px; }
#main-footer .title span { font-family: Arial; font-size: 7pt; text-transform: none; letter-spacing: 1px; }
#main-footer .title span a:link, #main-footer .title span a:visited { color: #999; border-bottom: 0; }
#main-footer .title span a:hover { color: #C00; }
#main-footer .description { color: #CCC; font-size: 8pt; line-height: 12pt; }
#main-footer .description a:link, #main-footer .description a:visited { color: #999; border-bottom: 1px dotted #999; }
#main-footer .description a:hover { color: #C00; }
#main-footer .description p { display: list-item; list-style: square; text-align: left; margin: 0 0 0 14px; padding: 0; }
#main-footer .description p a:link, #main-footer .description p a:visited { color: #999; border-bottom: 0; }
#main-footer .description p a:hover { color: #C00; }
#main-footer .support { margin-top: 15px; text-align: left; }
#main-footer .support a:link img, #main-footer .support input.paypal { background-color: #999; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; -moz-border-radius: 2px; border-radius: 2px; margin: 0 14px 0 0; padding: 3px 5px; }
#main-footer .support a:hover img, #main-footer .support input.paypal:hover { background-color: #FFF; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
#sub-footer { background-color: #222; border-top: 1px solid #444; }
.sub-footer { width: 640px; color: #999; font-size: 8pt; line-height: 12pt; margin: 0 auto; padding: 15px 0 15px; overflow: hidden; }
.sub-footer .left { float: left; width: 320px; line-height: 11pt; text-align: left; }
.sub-footer .right { float: right; margin-right: 20px; }
.sub-footer .right span.best { font-weight: bold; text-transform: uppercase; margin: 0 5px; padding: 0 0 3px; border-bottom: 2px solid #999; }
.sub-footer .right span.version { position: relative; left: -7px; top: 2px; font-size: 7pt; background-color: #999; border-radius: 2px; padding: 2px; }
.sub-footer .right a:link, .sub-footer .right a:visited { color: #FFF; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
.sub-footer .right a:hover { color: #FFF; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
.sub-footer .right img { vertical-align: text-top; margin: 0 3px 0 5px; }

/* News Styles */

/* NEWS NAVIGATION STYLES */
#news-navigation { margin: 0 20px; width: 600px; }
#news-navigation .header { color: #333; font: 12pt 'Roboto', Arial; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; line-height: 12pt; text-align: center; }
#news-navigation .header span { color: #C00; font-weight: 900; }
#news-navigation .link-bar { overflow: hidden; background: #F0F0F0; }
#news-navigation a { display: block; float: left; font: 10pt 'Roboto', Arial; font-weight: 700; text-transform: uppercase; text-align: center; border-top: 4px solid #333; padding: 8px 0; margin: 0; width: 100px; transition-property: box-shadow, border-color; transition-duration: 400ms; transition-timing-function: ease; }
#news-navigation a.link-all { color: #000; border-radius: 3px 0 0 0; }
#news-navigation a.link-all:hover { border-color: #000; box-shadow: inset 0px 15px 20px -20px rgba(0,0,0,0.75); }
#news-navigation a.link-all.none { cursor: default; color: #000; border-color: #000; box-shadow: inset 0px 15px 20px -20px rgba(0,0,0,0.75); }
#news-navigation a.link-news { color: #C00; }
#news-navigation a.link-news:hover { color: #C00; border-color: #C00; box-shadow: inset 0px 15px 20px -20px rgba(204,0,0,0.75); }
#news-navigation a.link-news.none { cursor: default; color: #C00; border-color: #C00; box-shadow: inset 0px 15px 20px -20px rgba(204,0,0,0.75); }
#news-navigation a.link-podcast { color: #069; }
#news-navigation a.link-podcast:hover { border-color: #069; box-shadow: inset 0px 15px 20px -20px rgba(0,102,153,0.75); }
#news-navigation a.link-podcast.none { cursor: default; color: #069; border-color: #069; box-shadow: inset 0px 15px 20px -20px rgba(0,102,153,0.75); }
#news-navigation a.link-content { color: #090; }
#news-navigation a.link-content:hover { border-color: #090; box-shadow: inset 0px 15px 20px -20px rgba(0,153,0,0.75); }
#news-navigation a.link-content.none { cursor: default; color: #090; border-color: #090; box-shadow: inset 0px 15px 20px -20px rgba(0,153,0,0.75); }
#news-navigation a.link-editorial { color: #FA0; }
#news-navigation a.link-editorial:hover { color: #FA0; border-color: #FA0; box-shadow: inset 0px 15px 20px -20px rgba(255,170,0,0.75); }
#news-navigation a.link-editorial.none { cursor: default; color: #FA0; border-color: #FA0; box-shadow: inset 0px 15px 20px -20px rgba(255,170,0,0.75); }
#news-navigation a.link-site-meta { color: #666;  border-radius: 0 3px 0 0; }
#news-navigation a.link-site-meta:hover { color: #666; border-color: #666; box-shadow: inset 0px 15px 20px -20px rgba(0,0,0,0.75); }
#news-navigation a.link-site-meta.none { cursor: default; color: #666; border-color: #666; box-shadow: inset 0px 15px 20px -20px rgba(0,0,0,0.75); }
#news-navigation .color-bar { background-color: #333; margin: 4px 3px 0; height: 5px; width: 600px; }

/* NEWS TICKER STYLES */
#news-ticker { overflow: hidden; position: relative; background: #333; border-radius: 0 0 3px 3px; margin: 0 20px; width: 600px; height: 34px; }
#news-ticker>.bn-title { display: inline-block; position: relative; background: #C00; width: auto; height: 34px; }
#news-ticker>.bn-title>strong { display: inline-block; cursor: default; color: #F5F5F5; font: 11pt 'Roboto', Arial; font-weight: 500; text-transform: uppercase; line-height: 34px; margin: 0; padding: 0 10px; height: 34px; box-sizing: border-box; }
#news-ticker>.bn-title>span { position: absolute; right: -17px; top: 0; border-style: solid; border-width: 17px 0 17px 17px; border-color: transparent transparent transparent #C00; width: 0; height: 0; }
#news-ticker>ul { list-style: none; position: absolute; left: 210px; top: 0; right: 40px; font: 11pt 'Roboto', Arial; font-weight: 500; padding: 0; margin: 0; height: 34px; }
#news-ticker>ul>li { position: absolute; height: 34px; width: 100%; line-height: 34px; display: none; }
#news-ticker>ul>li>a { text-decoration: none; color: #F0F0F0; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; }
#news-ticker>ul>li>a>span { color: #CCC; }
#news-ticker>ul>li>a:hover { color: #C00; }
#news-ticker>.bn-navi { width: 40px; height: 34px; position: absolute; right: 0; top: 0; opacity: 0; }
#news-ticker>.bn-navi>span { width: 20px; height: 34px; position: absolute; top: 0; cursor: pointer; opacity: 0.3; background-image: url('/wp-content/themes/kanzenshuu/images/bn-arrows.png '); background-repeat: no-repeat; }
#news-ticker>.bn-navi>span:hover { opacity: 1; }
#news-ticker>.bn-navi>span:first-child { background-position: left center; left: 0; }
#news-ticker>.bn-navi>span:last-child { background-position: right center; right: 0; }
#news-ticker:hover .bn-navi { opacity:1; }
#news-ticker>.bn-navi,
#news-ticker>ul>li>a,#news-ticker>.bn-navi>span { transition: .25s linear; -moz-transition: .25s linear; -webkit-transition: .25s linear; }

/* NEWS POST STYLES */
div.news-title { font-family: 'Roboto', Arial; width: 600px; background: transparent url('/wp-content/themes/kanzenshuu/images/news-title_bg.png') repeat-x top right; border-radius: 0 5px 0 0; padding: 0; margin: 60px 20px 0; }
div.news-title.no-bg { background: none; border-radius: none; }
div.post:first-child div.news-title { margin-top: 0; }
div.news-title .cat-title { color: #333; font-size: 11pt; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; line-height: 11pt; border-left: 7px solid #333; padding: 5px 7px 2px; }
div.news-title .cat-title span.edit { display:inline-block; float:right; font-size: 10pt; font-weight: 400; letter-spacing: 0; text-transform: initial; background: url('/wp-content/themes/kanzenshuu/images/news_edit.png') no-repeat left center; padding-left: 17px; opacity: 0.3; }
div.news-title:hover .cat-title span.edit { opacity: 1.0; }
div.news-title:hover .cat-title span.edit a { color: #069; }
div.news-title .cat-title span.edit a { color: #444; }
div.news-title .cat-title span.edit a:hover { color: #444; }
div.news-title .cat-title a { color: #333; }
div.news-title .title { font-size: 16pt; font-weight: 900; text-align: left; line-height: 19pt; border-left: 7px solid #333; margin: 0; padding: 0 7px; }
div.news-title .title a:hover,div.news-title .title.no-link { color: #333; }

div.category-news .cat-title,div.category-news .cat-title a,div.category-news .title,div.category-news .title a:hover { color: #C00; border-left-color: #C00; }
div.category-news .title a { color: #333; transition-property: color; transition-duration: 500ms; transition-timing-function: ease; }
div.category-podcast .cat-title,div.category-podcast .cat-title a,div.category-podcast .title,div.category-podcast .title a:hover { color: #069; border-left-color: #069; }
div.category-podcast .title a { color: #333; transition-property: color; transition-duration: 500ms; transition-timing-function: ease; }
div.category-content .cat-title,div.category-content .cat-title a,div.category-content .title,div.category-content .title a:hover { color: #090; border-left-color: #090; }
div.category-content .title a { color: #333; transition-property: color; transition-duration: 500ms; transition-timing-function: ease; }
div.category-editorial .cat-title,div.category-editorial .cat-title a,div.category-editorial .title,div.category-editorial .title a:hover { color: #FA0; border-left-color: #FA0; }
div.category-editorial .title a { color: #333; transition-property: color; transition-duration: 500ms; transition-timing-function: ease; }
div.category-site-meta .cat-title,div.category-site-meta .cat-title a,div.category-site-meta .title,div.category-site-meta .title a:hover { color: #333; border-left-color: #333; }
div.category-site-meta .title a { color: #333; transition-property: color; transition-duration: 500ms; transition-timing-function: ease; }

div.news-sub-title { overflow: hidden; padding: 0; margin: 15px 20px 20px; }
div.news-sub-title .author-img { float: left; width: 36px; height: 36px; border: 1px solid #999; border-radius: 50px; margin: 0 7px 0 0; }
div.news-sub-title .author-img.herms,div.news-sub-title .author-img.Herms { background: #FFF url('/wp-content/themes/kanzenshuu/images/author_herms.png') no-repeat center center; }
div.news-sub-title .author-img.hujio,div.news-sub-title .author-img.Hujio { background: #FFF url('/wp-content/themes/kanzenshuu/images/author_hujio.png') no-repeat center center; }
div.news-sub-title .author-img.saiyajedi,div.news-sub-title .author-img.SaiyaJedi { background: #FFF url('/wp-content/themes/kanzenshuu/images/author_saiyajedi.png') no-repeat center center; }
div.news-sub-title .author-img.vegettoex,div.news-sub-title .author-img.VegettoEX { background: #FFF url('/wp-content/themes/kanzenshuu/images/author_vegettoex.png') no-repeat center center; }
div.news-sub-title .data { color: #333; font: 10pt 'Roboto', Arial; font-weight: 500; width: 600px; padding: 0; margin: 0; }
div.news-sub-title .data a { color: #333; }
div.news-sub-title:hover .data a { color: #069; }
div.news-sub-title:hover .data a:hover { color: #444; }
div.news-sub-title span.author { display:inline-block; color: #555; font-size: 1.1em; font-weight: bold; }
div.news-sub-title span.time { display:inline-block; background: url('/wp-content/themes/kanzenshuu/images/news_time.png') no-repeat left center; padding-left: 17px; margin-right: 12px; }
div.news-sub-title span.tag { float: right; display:inline-block; background: url('/wp-content/themes/kanzenshuu/images/news_tag.png') no-repeat left center; padding-left: 18px; }
div.news-sub-title span.comment { float: right; display:inline-block; background: url('/wp-content/themes/kanzenshuu/images/news_comment.png') no-repeat left center; padding-left: 18px; margin-left: 12px; }
div.news-post { font: 9pt 'Roboto', Arial; color: #111; text-align: justify; line-height: 15pt; width: 600px; margin: 10px 20px; }
div.news-post blockquote p { margin: 10px 5px; padding: 0; }
div.news-post hr { display: block; height: 0; border: none; border-bottom: 1px solid #999; padding: 0; margin: 3px 0; }

/* NEWS POST IMAGE & LIST STYLES */
div.news-post ul { list-style-type: square; padding: 0 0 0 30px; }
div.news-post ol { padding: 0 0 0 30px; }
div.news-post img.alignleft { display: block; margin: 20px auto 20px 6px; border: 2px solid #069; background: #444; -moz-box-shadow: 0 0 5px 1px #444; -webkit-box-shadow: 0 0 5px 1px #444; box-shadow: 0 0 5px 1px #444; }
div.news-post img.aligncenter { display: block; margin: 20px auto; border: 2px solid #069; background: #444; -moz-box-shadow: 0 0 5px 1px #444; -webkit-box-shadow: 0 0 5px 1px #444; box-shadow: 0 0 5px 1px #444; }
div.news-post img.alignright { display: block; margin: 20px 6px 20px auto; border: 2px solid #069; background: #444; -moz-box-shadow: 0 0 5px 1px #444; -webkit-box-shadow: 0 0 5px 1px #444; box-shadow: 0 0 5px 1px #444; }
div.news-post img.alignnone { display: block; margin: 20px 6px; border: 2px solid #069; background: #444; -moz-box-shadow: 0 0 5px 1px #444; -webkit-box-shadow: 0 0 5px 1px #444; box-shadow: 0 0 5px 1px #444; }

/* GALLERY STYLES */
div.gallery { display: block; clear: both; overflow: hidden; margin: 0 20px 10px; padding: 0; }
div.news-post div.gallery { display: block; clear: both; overflow: hidden; margin: 0 0 10px; padding: 0; }
div.gallery div.gallery-row { display: block; clear: both; overflow: hidden; margin: 0 0 10px; }
div.gallery div.manga-pages div { font-size: 10pt; font-weight: bold; margin: 0 25px 1px; padding: 0 0 1px; border-bottom: 1px solid #DDD; }
div.gallery .gallery-item { overflow: hidden; float: left; margin: 0; text-align: center; list-style: none; padding: 0; }
div.gallery .gallery-item dt.gallery-icon { margin: 0; padding: 0; }
div.gallery img { width: auto; max-width: 100%; margin: 6px; border: 2px solid #069; background: #444; -moz-box-shadow: 0 0 5px 1px #444; -webkit-box-shadow: 0 0 5px 1px #444; box-shadow: 0 0 5px 1px #444; }
div.gallery .col-0 { width: 100%; }
div.gallery .col-1 { width: 100%; }
div.gallery .col-1-2 { width: 66.67%; }
div.gallery .col-2 { width: 50%; }
div.gallery .col-3 { width: 33.33%; }
div.gallery .col-4 { width: 25%; }
div.gallery .col-5 { width: 20%; }
div.gallery .col-6 { width: 16.66%; }
div.gallery .col-7 { width: 14.28%; }
div.gallery .col-8 { width: 12.5%; }
div.gallery .col-9 { width: 11.11%; }
div.gallery .col-10 { width: 10%; }
div.gallery .col-11 { width: 9.09%; }
div.gallery .col-12 { width: 8.33%; }
div.gallery .col-13 { width: 7.69%; }
div.gallery .col-14 { width: 7.14%; }
div.gallery .col-15 { width: 6.66%; }
div.gallery .col-16 { width: 6.25%; }
div.gallery .col-17 { width: 5.88%; }
div.gallery .col-18 { width: 5.55%; }
div.gallery .col-19 { width: 5.26%; }
div.gallery .col-20 { width: 5%; }
div.gallery .col-21 { width: 4.76%; }
div.gallery .col-22 { width: 4.54%; }
div.gallery .col-23 { width: 4.34%; }
div.gallery .col-24 { width: 4.16%; }
div.gallery .col-25 { width: 4%; }
div.gallery .col-26 { width: 3.84%; }
div.gallery .col-27 { width: 3.7%; }
div.gallery .col-28 { width: 3.57%; }
div.gallery .col-29 { width: 3.44%; }
div.gallery .col-30 { width: 3.33%; }

/* NEWS COMMENT FORM STYLES */
div.comment-form,div.comment-form-disable { margin: 0 20px 20px; }
div.comment-form textarea,div.comment-form-disable textarea  { color: #444; width: 588px; min-width: 588px; max-width: 588px; _width: 598px; _min-width: 598px; _max-width: 598px; height: 120px; min-height: 120px; max-height: 300px; font-size: 10pt; font-family: Arial, Tahoma, Sans-serif; background: #FFF url('/wp-content/themes/kanzenshuu/images/comment_bg.gif') repeat-x; border: 1px solid #CCC; border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; margin: 0; padding: 5px; }
div.comment-form-disable textarea { font-weight: bold; color: #C00; }
div.comment-form textarea:focus { box-shadow: 0 0 3px 0 #999 inset; }
div.comment-form .emoticon { margin: 0; padding: 5px; background-color: #FFF; border: 1px solid #CCC; border-top-style: dotted; border-bottom: none; }
div.comment-form .emoticon img { margin: 0 7px 0 0; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; }
div.comment-form .emoticon img:hover { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
div.comment-form .submit,div.comment-form-disable .submit { text-align: right; margin: 0; padding: 0; background-color: #EEE; border: 1px solid #CCC; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
div.comment-form .submit span { float: left; font-size: 8pt; color: #666; padding: 5px; }
div.comment-form .submit input { font: 9pt 'Roboto', Arial; font-weight: 700; color: #FFF; letter-spacing: 1px; margin: 0; padding: 5px; border: none; background-color: #C33; border-bottom-right-radius: 2px; }
div.comment-form .submit input:hover { background-color: #C00; cursor: pointer; box-shadow: 0 0 3px 0 #999; }
div.comment-form-disable .submit input { font: 9pt 'Roboto', Arial; font-weight: 700; color: #666; letter-spacing: 1px; margin: 0; padding: 5px; border: none; border-left: 1px solid #999; background-color: #CCC; border-bottom-right-radius: 2px; }
div.comment-header { overflow: hidden; color: #C00; font: 11pt 'Roboto', Arial; font-weight: 900; text-transform: uppercase; line-height: 11pt; letter-spacing: 2px; border-bottom: #CCC solid 1px; margin: 0 20px 10px; width: 600px; }
div.comment-header .color { border-bottom: #666 solid 2px; }
img.wp-smiley { vertical-align: text-bottom; }

/* NEWS COMMENT LIST STYLES */
ol.commentlist { list-style-type: none; margin: 0 20px 10px; padding: 5px 0 0; }
ol.commentlist li { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #CCC; }
ol.commentlist li:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
ol.commentlist ul { list-style-type: none; margin: 10px 0 0 60px; padding: 0 0 0 10px; border-left: 3px solid #CCC; }
ol.commentlist ul li { margin: 0 0 10px; padding: 0 0 10px; }
li.comment { padding: 5px 20px; }
li.comment img { max-width: 500px; }
ol.commentlist .children  { margin-top: 20px; }
ol.commentlist .avatar { float: left; }
ol.commentlist .vcard { font: 10pt 'Roboto', Arial; letter-spacing: 1px; font-weight: 900; color: #333; }
ol.commentlist .comment-author-hujio .vcard::after, ol.commentlist .comment-author-vegettoex .vcard::after, ol.commentlist .comment-author-saiyajedi .vcard::after, ol.commentlist .comment-author-herms .vcard::after  { content:'moderator'; font-size: 7pt; font-weight: 400; color: #FFF; background-color: #069; border-radius: 2px; margin-left: 3px; padding: 1px 2px; }
ol.commentlist .comment-body { padding-left: 60px; margin: 0; }
ol.commentlist .data { overflow: hidden; font: 9pt 'Roboto', Arial; color: #444; }
ol.commentlist .data a { color: #444; }
ol.commentlist li .data { filter: alpha(opacity=75); opacity: 0.75; -moz-opacity: 0.75; }
ol.commentlist li:hover .data { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }
ol.commentlist li:hover .data a:link, ol.commentlist li:hover .data a:visited { color: #069; }
ol.commentlist li:hover .data a:hover { color: #444; }
ol.commentlist li:hover .vcard { color: #C00; }
ol.commentlist .left { float: left; width: 50%; }
ol.commentlist .left span.date { display:inline-block; background: url('/wp-content/themes/kanzenshuu/images/news_date.png') no-repeat left center; padding-left: 16px; margin-right: 10px; }
ol.commentlist .left span.time { display:inline-block; background: url('/wp-content/themes/kanzenshuu/images/news_time.png') no-repeat left center; padding-left: 17px; }
ol.commentlist .right { float: left; text-align: right; width: 50%; }
ol.commentlist .right span.edit { display:inline-block; background: url('/wp-content/themes/kanzenshuu/images/news_edit.png') no-repeat left center; padding-left: 17px; }
ol.commentlist .right span.reply { display:inline-block; background: url('/wp-content/themes/kanzenshuu/images/news_reply.png') no-repeat left center; padding-left: 16px; margin-left: 10px; }

/* NEWS ARCHIVES STYLES */
.archive { width: 600px; margin: 0 20px; }
.archive h3 { margin: 0 0 3px; padding: 0 0 2px; border-bottom: 2px #C00 solid; width: 90%; }
.archive ul { list-style-type: none; margin: 0 0 20px; padding: 0; }
.archivel { float: left; width: 35%; }
.archiver { float: right; width: 65%; }
.archiver a { line-height: 16pt; }

/* EDIT LOG STYLES */
div.edit-log { width: 600px; margin: 0 20px; }
div.edit-log ul.list { list-style: none; overflow: hidden; width: 600px; margin: 0; padding: 0; border-bottom: 1px dotted #DDD; }
div.edit-log ul.list li { float: left; margin: 0; padding: 2px 0; }
div.edit-log ul.list:hover { background: #EEE; }
div.edit-log ul.title { color: #C00; font: bold 11pt/11pt 'Arial'; margin: 0; padding: 5px 0; background: #DDD; }
div.edit-log ul.title:hover { background: #DDD; }
div.edit-log ul.list li.page { width: 497px; padding-left: 3px; font-weight: bold; }
div.edit-log ul.list li.user { width: 100px; }
div.edit-log ul.list li span { font: normal 8pt 'Arial'; }

/* SHARE NEWS BUTTON */
.share_buttons_simple_use_buttons { display: inline-block; background-color: #EEE; border: 1px #CCC solid; border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; max-height: 25px; margin: 20px 0 0; padding-top: 5px; padding-left: 5px; width: 593px; }
.share_buttons { font-weight: bold; text-transform: uppercase; color: #888; font-size: 8pt; padding-top: 1px; padding-right: 10px; }

/* Mike's Random Styles */

/* REVIEW STYLES */
div.reviewsdragonbox { width: 600px; _width: 640px; padding: 0 20px 20px; margin: 0; overflow: hidden; }
div.reviewsdragonbox div.info { text-align: left; line-height: 14pt; margin: 3px 0 0; padding: 0; }
div.reviewsdragonbox div.info p { padding: 0; margin: 0; }
div.reviewsdragonbox div.image { float: left; width: 220px; text-align: left; }
div.reviewsdragonbox div.info { float: left; width: 380px; _width: 380px; }
div.reviewsdragonbox div.info p { text-align: justify; padding: 0; margin: 0; }
div.reviewsdragonbox div.info div.description span { color: #c00; font-weight: bold; }
div.reviewsdragonbox div.info div.title { color: #444; font-size: 10pt; font-weight: bold; text-align: left; text-transform: uppercase; line-height: normal; margin-bottom: 5px; padding-bottom: 1px; border-bottom: 1px dotted #c00; }

div.reviewsmain { width: 600px; _width: 640px; padding: 0 20px 20px; margin: 0; overflow: hidden; }
div.reviewsmain div.info { text-align: left; line-height: 14pt; margin: 3px 0 0; padding: 0; }
div.reviewsmain div.info p { padding: 0; margin: 0; }
div.reviewsmain div.image { float: left; width: 120px; text-align: left; }
div.reviewsmain div.info { float: left; width: 480px; _width: 480px; }
div.reviewsmain div.info p { text-align: justify; padding: 0; margin: 0; }
div.reviewsmain div.info div.description { color: black; font-weight: normal; padding: 8px 0 0 0; }
div.reviewsmain div.info h2 { font-size: 10pt; padding: 0 0 2px; }
div.redubstatus { margin: 0 40px 20px; padding: 5px; border: 1px solid #444; background: #EEE; }
div.redubstatus p { margin: 0; padding: 0; }

/* MUSIC DOWNLOADS STYLES */
div.musicdownloadsmain { width: 600px; _width: 640px; padding: 0 20px 20px; margin: 0; overflow: hidden; }
div.musicdownloadsmain div.info { text-align: left; line-height: 14pt; margin: 3px 0 0; padding: 0; }
div.musicdownloadsmain div.info p { padding: 0; margin: 0; }
div.musicdownloadsmain div.image { float: left; width: 180px; text-align: left; }
div.musicdownloadsmain div.info { float: left; width: 420px; _width: 420px; }
div.musicdownloadsmain div.info p { text-align: justify; padding: 0; margin: 0; }
div.musicdownloadsmain div.info div.description { color: black; font-weight: normal; padding: 8px 0 0 0; }
div.musicdownloadsmain div.info div.title { color: #red; font-size: 10pt; font-weight: bold; text-align: left; line-height: normal; margin-bottom: 5px; }
div.musicdownloadsmain span.button { font-weight: bold; padding: 4px 8px; background: #EEE; border: 1px solid #999; }