/* Theme Name: PixelatedGeek 4.0 Theme URI: http://www.pixelatedgeek.com Description: Custom PixelatedGeek Design. Version: 1.0 Author: Andrew Plein & James McGinley Author URI: http://www.pixelatedgeek.com */ /* Global Reset */ * { margin: 0; padding: 0; border: 0; outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .clear { clear: both; } /* Defaults */ body /* { font: 13px Arial,Helvetica,sans-serif; color: #363636; background: #000 url(http://pixelatedgeek.com/wp-content/themes/pg4.0/images/sw_bg.jpg) no-repeat center top;} */ { font: 13px Arial,Helvetica,sans-serif; color: #363636; background-color: #B7BCC0; background-image:url(http://pixelatedgeek.com/wp-content/themes/pg4.0/images/pg_4_bg.jpg); } a { color: #0F56A4; text-decoration: underline; } a:hover { color: #1164BD; } html { margin-top: 0 !important; } * html body { margin-top: 0 !important; } /* Header Area */ #header-holder { height: 108px; } #page-header { position: absolute; z-index: 9999; width: 100%; background: url(images/header_bg_tile.gif) repeat-x left top; } #page-header.pinned { position: absolute; } #page-header-content { position: relative; margin: 0 auto; width: 980px; height: 108px; } #page-header-content h1 { position: absolute; left: 0; top: 0; width: 460px; height: 100px; text-indent: -9999px; background: url(images/site_sprite_sheet.png) no-repeat 0 0; } #page-header-content h2 { position: absolute; left: 0; top: -500px; } #page-header-content nav ul, #page-header-content section ul { list-style-type: none; } #page-header-content nav li, #page-header-content section li { display: inline; } #page-header-content .line-after:after { content: " | "; } #logo-link { position: absolute; left: 0; top: 0; width: 90px; height: 100px; } #logo-link a { display: block; width: 90px; height: 100px; text-indent: -9999px; } #network-links { position: absolute; left: 105px; top: 1px; color: #B2B2B2; } #network-links p { float: left; padding-right: 7px; color: #8E8E8E; } #network-links ul { float: left; } #network-links a { color: #B2B2B2; text-decoration: none; padding: 0 3px; } #network-links a:hover { color: #D2D2D2; text-decoration: none; } #network-links strong { padding-right: 30px; color: #FFFFFF; } #account-links { position: absolute; right: 0; top: 1px; color: #B2B2B2; } #account-links a { color: #B2B2B2; text-decoration: none; padding: 0 3px; } #account-links a:hover { color: #D2D2D2; text-decoration: none; } #account-links .header-link { text-decoration: underline; } #account-links .header-link:hover { text-decoration: underline; } #site-search { position: absolute; right: 0; top: 35px; } #site-search .site-search-input { float: left; margin-right: 10px; padding-left: 3px; width: 155px; height: 22px; color: #AEAEAE; border: 1px solid #D4D4D4; } #site-search .site-search-submit { float: left; width: 30px; height: 30px; background: url(images/site_sprite_sheet.png) no-repeat -164px -113px; } #site-search .site-search-submit a { display: block; width: 30px; height: 30px; text-indent: -9999px; } #site-search .search-hilight { color: #000000; } #social-links { position: absolute; right: 0; bottom: 0; height: 30px; } #social-links li, #comic-social-links li { float: left; display: inline; margin-right: 5px; width: 30px; height: 27px; } #social-links .social-rss { background: url(images/site_sprite_sheet.png) no-repeat 0 -113px; } #social-links .social-facebook, #comic-social-links .social-facebook { background: url(images/site_sprite_sheet.png) no-repeat -32px -113px; } #social-links .social-twitter, #comic-social-links .social-twitter { background: url(images/site_sprite_sheet.png) no-repeat -64px -113px; } #social-links .social-itunes { background: url(images/site_sprite_sheet.png) no-repeat -98px -113px; } #social-links .social-steam { background: url(images/site_sprite_sheet.png) no-repeat -131px -113px; } #social-links .social-youtube, #comic-social-links .social-youtube { background: url(images/site_sprite_sheet.png) no-repeat -32px -143px; } #social-links a, #comic-social-links a { display: block; width: 30px; height: 30px; text-indent: -9999px; } /* Primary Navigation */ #site-links { position: absolute; right: 0; bottom: 0; width: 882px; height: 34px; background: url(images/header_nav_tile.gif) no-repeat right top; } #site-links a { padding: 7px 12px; font-size: 15px; line-height: 34px; font-weight: bold; color: #FFFFFF; text-decoration: none; } #site-links a:hover { background-color: #59B0EC; } #site-links .site-links-sub { display: none; } #site-links .site-links-sub li { display: list-item; } #navigation-hover { position: absolute; top: 0; left: 0; z-index: 9998; } #navigation-hover ul { list-style-type: none; } #navigation-hover li { display: block; width: 200px; border: 1px solid #4492C8; border-top: 0 none; } #navigation-hover a { display: block; padding: 5px; line-height: 22px; background-color: #0A5695; color: #EEEEFF; text-decoration: none; } #navigation-hover a:hover { background-color: #0E68B3; color: #FFFFFF; } #navigation-backing { position: absolute; position: fixed; display: none; z-index: 9997; top: 0; left: 0; width: 100%; height: 600px; } #special-nav { background-color: #ed7c27; } #special a { color: #333333; padding: 7px 12px; } /* Page Layout */ #prime-ad-space { margin: 0 auto; padding: 15px 0; width: 980px; min-height: 90px; text-align: center; } #page-body { position: relative; margin: 0 auto; padding: 5px 0 5px 5px; width: 975px; background-color: #EEF4F8; border-radius: 5px 0 0 0; -moz-border-radius-topleft: 5px; } #page-body.internal { padding-top: 25px; } #register-prompt { display: none; position: relative; margin: 0 auto 10px auto; padding: 10px; width: 960px; font-size: 14px; background-color: #FFFFCC; border-radius: 5px 0 5px 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; } #register-prompt a { font-weight: bold; } #register-prompt .close-me { position: absolute; right: 15px; top: 5px; } #register-prompt .close-me a { color: #000000; text-decoration: none; font-size: 20px; } /* Features Area */ #features-bar { position: relative; top: 0; height: 200px; margin-bottom: 5px; } #video-features { float: left; margin: 0 10px 0 0; width: 300px; height: 1px; } #video-features header { padding: 5px 0 0 5px; width: 295px; height: 20px; background: #020202; background: -moz-linear-gradient(top, #636363 0%, #020202 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#020202)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#020202',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#020202',GradientType=0 )"; font: 12px Verdana,Arial,sans-serif; color: #FFFFFF; border-radius: 5px 0 0 0; -moz-border-radius-topleft: 5px; } #video-features section { margin-bottom: 5px; background: #CDDFEB; background: -moz-linear-gradient(top, #CDDFEB 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CDDFEB), color-stop(100%,#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDDFEB', endColorstr='#FFFFFF',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDDFEB', endColorstr='#FFFFFF',GradientType=0 )"; border: 1px solid #B9DAF2; border-radius: 0 0 5px 0; -moz-border-radius-bottomright: 5px; } #video-features .video-feature-pod { float: left; overflow: hidden; padding: 7px 0 7px 0; width: 148px; height: 94px; text-align: center; } #video-features .video-feature-pod img { border: 2px solid #B9DAF2; } #article-features { position: relative; float: left; width: 660px; height: 200px; background: #000000; } #article-features .article-feature { position: absolute; left: 30px; top: 0; display: none; } #article-feature-overlay { position: absolute; left: 0; bottom: 0; width: 660px; height: 37px; background: url(images/featured_article_overlay_bg.png) no-repeat left top; } #article-feature-overlay ul { float: left; margin-top: 4px; padding-left: 4px; list-style-type: none; } #article-feature-overlay li { display: inline; } #article-feature-overlay img { border-radius: 3px; -moz-border-radius: 3px; } #article-feature-overlay p { float: left; padding: 11px 5px 0 20px; font-weight: bold; font-size: 14px; color: #FFFFFF; } #homepage-4up-features { margin-bottom: 10px; padding: 8px 0 8px 8px; background: #CDDFEB; background: -moz-linear-gradient(top, #CDDFEB 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CDDFEB), color-stop(100%,#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDDFEB', endColorstr='#FFFFFF',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDDFEB', endColorstr='#FFFFFF',GradientType=0 )"; border: 1px solid #B9DAF2; border-radius: 5px 0 5px 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; } #homepage-4up-features .homepage-feature-pod { float: left; overflow: hidden; margin: 0 10px 0 2px; width: 150px; height: 72px; background-color: #014983; } #homepage-4up-features .homepage-feature-pod a { display: block; color: #FFFFFF; text-decoration: none; } #homepage-4up-features .homepage-feature-pod a:hover { color: #FFFFFF; } #homepage-4up-features .homepage-feature-pod a.indent { padding-left: 5px; } #inner-features { position: relative; margin: 0 auto; margin-bottom: 10px; width: 980px; background: #FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #CDDFEB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CDDFEB)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CDDFEB',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CDDFEB',GradientType=0 )"; border: 1px solid #B9DAF2; border-radius: 5px 0 5px 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; } #inner-features-title { float: left; width: 290px; height: 60px; background: url(images/site_sprite_sheet.png) no-repeat 0 -211px; } #inner-features.video #inner-features-title { float: left; width: 290px; height: 100px; background: url(images/site_sprite_sheet.png) no-repeat 0 -300px; } #inner-features ul { float: left; overflow: hidden; padding-top: 10px; width: 680px; height: 60px; list-style-type: none; } #inner-features li { display: inline; padding-left: 15px; } #inner-features.video li { padding-left: 10px; } #inner-features .inner-features-more-videos { position: absolute; right: 0; top: 0; width: 20px; height: 100px; background: #0F75BC url(images/site_sprite_sheet.png) no-repeat -396px -106px; border-radius: 0 0 5px 0; -moz-border-radius-bottomright: 5px; } #inner-features .inner-features-more-videos a { display: block; width: 20px; height: 100px; text-indent: -9999px; } #inner-features header h1 { padding: 20px 20px 5px 20px; font-size: 24px; color: #0F56A4; } #inner-features header h2 { padding: 0 20px 20px 20px; font-size: 13px; font-weight: normal; color: #696969; } /* Article Bodies */ #article-column { position: relative; top: 5px; float: left; width: 660px; } #article-column article { position: relative; top: 10px; margin-bottom: 30px; } #page-body.internal #article-column article { top: 0; margin-bottom: 10px; } #page-body.internal #article-column { top: -20px; } #page-body.internal #article-column article.category-view { position: relative; top: 10px; margin-bottom: 30px; } #article-column article .comment-counter { position: absolute; top: -10px; right: 0; padding: 3px 10px 1px 10px; height: 18px; font-weight: bold; color: #FFFFFF; background: #0A3050; background: -moz-linear-gradient(top, #0E6EB3 0%, #0A3050 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0E6EB3), color-stop(100%,#0A3050)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6EB3', endColorstr='#0A3050',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6EB3', endColorstr='#0A3050',GradientType=0 )"; border-radius: 5px 0 0 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; } #article-column article .comment-counter a { text-decoration: none; color: #FFFFFF; } #article-column article .comment-counter a:hover { text-decoration: underline; color: #FFFFFF; } #article-column article section { border: 1px solid #B9DAF2; background: #FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #CDDFEB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CDDFEB)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CDDFEB',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CDDFEB',GradientType=0 )"; border-radius: 5px 0 0 0; -moz-border-radius-topleft: 5px; } #page-body.internal #article-column article section { border-radius: 5px 0 5px 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; } #page-body.internal #article-column article.category-view section { border-radius: 5px 0 0 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 0; } #article-column article header { margin-bottom: 10px; } #article-column article header h1 { padding-right: 30px; font-size: 24px; color: #0F56A4; } #article-column .template-title { padding: 0 30px 0 20px; font-size: 30px; margin-top: 20px; margin-bottom: 15px; font-weight: bold; color: #0F56A4; } #article-column .category-description { padding: 0 30px 0 20px; margin-bottom: 15px;} #article-column article header h1 a { font-size: 24px; color: #0F56A4; text-decoration: none; } #article-column article header p { padding-bottom: 5px; } #article-column article header .article-icon-float { position: absolute; left: 15px; top: 15px; padding: 6px 7px 22px 11px; width: 70px; height: 70px; background: url(images/site_sprite_sheet.png) no-repeat -200px -114px; } #article-column article header .article-title-text { padding: 15px 5px 5px 95px; width: 580px; } #article-column article header .article-title-text p { color: #696969; } #page-body.internal #article-column article header .article-title-text { padding: 15px 5px 5px 15px; width: 660px; } #page-body.internal #article-column article header .article-title-text.category-view { padding: 15px 5px 5px 95px; width: 580px; } #article-column article header .article-categories { margin-right: 30px; height: 22px; text-align: right; background: url(images/article_divider_fade.png) no-repeat right center; } #article-column article header .article-categories ul { padding-top: 2px; list-style-type: none; } #article-column article header .article-categories li { display: inline; margin-left: 4px; padding: 5px 10px; background: #FFFFFF; box-shadow: 1px 2px 3px rgba(0,0,0,0.25); -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.25); border: 2px solid #C9E2F5; border-radius: 5px 0 5px 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; } #article-column article header .article-categories a { text-decoration: none; } #article-column article header .article-categories a:hover { text-decoration: underline; } #article-column article .article-content { overflow: hidden; margin: 0 auto; padding-bottom: 30px; width: 600px; } #article-column article .article-content p { padding-top: 10px; line-height: 22px; font-size: 14px; } #article-column article .article-content img { display: block; } #article-column article .alignright { float: right; margin: 0 0 10px 10px; } #article-column article .alignleft { float: left; margin: 0 10px 10px 0; } #article-column article .aligncenter { margin: 0 auto; } #article-column article .article-content blockquote { position: relative; margin: 10px 0 0 110px; padding: 10px 40px; width: 300px; background-color: #C2CCD4; border-radius: 10px 0 10px 0; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; } #article-column article .article-content blockquote .block-quote-start { position: absolute; top: 10px; left: 10px; width: 18px; height: 15px; background: url(images/site_sprite_sheet.png) no-repeat -300px -120px; text-indent: -9999px; } #article-column article .article-content blockquote .block-quote-end { position: absolute; bottom: 10px; right: 10px; width: 18px; height: 15px; background: url(images/site_sprite_sheet.png) no-repeat -320px -120px; text-indent: -9999px; } #article-column article .social-media-link-bar { padding: 3px 0 0 0; width: 600px; height: 27px; background: #0F6DB0; background: -moz-linear-gradient(top, #46A9F1 0%, #0F6DB0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46A9F1), color-stop(100%,#0F6DB0)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46A9F1', endColorstr='#0F6DB0',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#46A9F1', endColorstr='#0F6DB0',GradientType=0 )"; text-align: center; border-radius: 0 0 5px 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; } #article-column article .social-media-link-bar #share_title { padding: 0 8px 0 8px; font-weight: bold; color: #FFFFFF; } #article-column article .social-media-link-bar .share_bar { padding: 1px 3px 0 3px; } #article-column article .article-content li { margin-left: 10px; list-style: disc inside none; } #article-column article .read-more { display: block; float: right; padding: 3px 10px 4px 10px; width: 60px; text-decoration: none; color: #FFFFFF; background: #0F6DB0; background: -moz-linear-gradient(top, #46A9F1 0%, #0F6DB0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46A9F1), color-stop(100%,#0F6DB0)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46A9F1', endColorstr='#0F6DB0',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#46A9F1', endColorstr='#0F6DB0',GradientType=0 )"; border-radius: 5px 0 5px 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; } #article-column article .article-post-tags-misc { clear: both; margin-top: 20px; } #article-column article .article-post-tags-misc strong { color: #0F56A4; } #article-column article .article-post-tags-left { float: left; } #article-column article .article-post-tags-right { float: right; } #article-column article footer { padding: 4px 0 1px 30px; height: 20px; color: #FFFFFF; background: #0A3050; background: -moz-linear-gradient(top, #0E6EB3 0%, #0A3050 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0E6EB3), color-stop(100%,#0A3050)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6EB3', endColorstr='#0A3050',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6EB3', endColorstr='#0A3050',GradientType=0 )"; border-radius: 0 0 5px 0; -moz-border-radius-bottomright: 5px; } #article-column article footer a { color: #FFFFFF; text-decoration: none; } #article-column article footer a:hover { text-decoration: underline; } #article-column .wp-pagenavi { margin: 10px 0; padding: 5px 10px; width: 640px; } #article-column .wp-pagenavi .page { margin: 0 2px; padding: 5px; background-color: #CCCCCC; } #article-column .wp-pagenavi a, #article-column .wp-pagenavi span { margin: 2px; padding: 3px 5px; border: 1px solid #BFBFBF; text-decoration: none; } #article-column .wp-pagenavi a:hover, #article-column .wp-pagenavi span.current { border-color: #000000; } #article-column .wp-pagenavi span.current { margin: 0 5px; padding: 5px; font-weight: bold; } #article-column .wp-pagenavi .nextpostslink, #article-column .wp-pagenavi .extend { margin: 0 5px; } #share_digg { display: none; } #api-video { padding-top: 20px; } #article-column .wp-caption-text { background-color: #333333; border-color: #000000; border-style: none solid solid; border-width: medium 1px 1px; color: #BBBBBB; margin-right: 10px; text-align: center; } #article-column article .article-content p.wp-caption-text { padding: 2px 3px; } /* Article Related */ #article-column .related-sections { margin: 10px 0; padding: 10px 25px; border: 1px solid #B9DAF2; background: none; background-color: #CDDFEB; border-radius: 5px 0 5px 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; } #article-column .related-sections p.rel-title { margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #0F56A4; border-bottom: 1px solid #59B0EC; } #article-column .related-sections ul { list-style-type: none; } #article-column .related-sections li { display: block; float: left; padding-left: 10px; width: 180px; text-align: center; } #article-column .related-sections li.neatohub_story { padding-left: 0; } #article-column .related-sections img, #article-column .related-sections a { text-decoration: none; border: 0; } #article-column .related-sections-large { margin-bottom: 10px; padding: 10px 25px; border: 1px solid #B9DAF2; background: #FFFFFF; background: -moz-linear-gradient(top, #FFFFFF 0%, #CDDFEB 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CDDFEB)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CDDFEB',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CDDFEB',GradientType=0 )"; border-radius: 5px 0 5px 0; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; } .article-content h2 { line-height: 32px; margin-top: 15px; color: #0F56A4; } /* Sidebar Area */ .sidebar { position: relative; top: -204px; float: left; width: 300px; margin-right: 10px; } .internal .sidebar { position: relative; top: -20px; float: left; width: 300px; margin-right: 10px; } .sidebar header { padding: 5px 0 0 5px; width: 295px; height: 20px; background: #0A3050; background: -moz-linear-gradient(top, #0E6EB3 0%, #0A3050 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0E6EB3), color-stop(100%,#0A3050)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6EB3', endColorstr='#0A3050',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E6EB3', endColorstr='#0A3050',GradientType=0 )"; font: 12px Verdana,Arial,sans-serif; color: #FFFFFF; border-radius: 5px 0 0 0; -moz-border-radius-topleft: 5px; } .sidebar section { position: relative; margin-bottom: 10px; width: 298px; background: #CDDFEB; background: -moz-linear-gradient(top, #CDDFEB 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CDDFEB), color-stop(100%,#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDDFEB', endColorstr='#FFFFFF',GradientType=0 ); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDDFEB', endColorstr='#FFFFFF',GradientType=0 )"; border: 1px solid #B9DAF2; border-radius: 0 0 5px 0; -moz-border-radius-bottomright: 5px; } .sidebar section ul { margin-left: 20px; padding: 5px; } .sidebar section li { padding: 2px 0; } .sidebar section nav ul { margin-left: 0; padding: 5px; list-style-type: none; } .sidebar section nav li { padding: 3px 5px; border-bottom: 1px solid #B9DAF2; } .sidebar nav a { text-decoration: none; } .sidebar nav a:hover { text-decoration: underline; } .sidebar #comic-social-links ul { margin-left: 0; } .sidebar .ad-300-250 { margin-bottom: 10px; width: 300px; } .sidebar .ad-160-600 { margin-bottom: 10px; width: 300px; text-align: center; } .sidebar .rss-plug { float: right; padding: 0 5px 5px 0; height: 23px; } .sidebar .rss-plug a { display: block; padding: 0 0 0 25px; height: 23px; width: 105px; background: url(images/site_sprite_sheet.png) no-repeat -438px -117px; line-height: 20px; } .sidebar .centered { text-align: center; } .sidebar .article-icon-float-wrapper { margin: 7px; } .sidebar .article-icon-float { float: left; padding: 6px 7px 22px 11px; width: 48px; height: 48px; background: url(images/site_sprite_sheet.png) no-repeat -200px -114px; } .sidebar section p { padding: 0 7px 7px 80px; } .sidebar .align-right { text-align: right; } .sidebar #video-features { float: none; margin: 0 0 10px 0; width: 298px; height: auto; } .sidebar-in-columns1 { position: absolute; top: 0; left: 0; width: 310px; } .sidebar-in-columns2 { position: absolute; top: 0; left: 330px; width: 310px; } .sidebar-in-columns3 { position: absolute; top: 0; left: 660px; width: 310px; } .sidebar-height-group { height: 900px; } /* Footer Area */ #page-footer { position: relative; margin: 0 auto; width: 980px; background-color: #333333; color: #CCCCCC; } #page-footer a { color: #CCCCCC; text-decoration: none; } #page-footer a:hover { color: #CCCCCC; text-decoration: underline; } #page-footer section, #page-footer nav { float: left; padding: 10px; width: 175px; } #page-footer section h1, #page-footer nav h1 { margin-bottom: 10px; padding: 5px; background-color: #666666; font-size: 14px; color: #FFFFFF; } #page-footer section ul, #page-footer nav ul { list-style-type: none; } #page-footer section li, #page-footer nav li { margin: 10px 7px 0 7px; padding-bottom: 10px; border-bottom: 1px solid #666666; } /* Subsite Pages */ #article-column article section .ratingSection, #article-column article section .comicSection { clear: both; padding: 15px; } #article-column article section .viewMoreRatings { margin: 0 15px; border-bottom: 1px solid #B9DAF2; text-align: right; } #article-column article section .ratingTitle { padding-top: 20px; padding-left: 25px; font-size: 16px; } #article-column article section .episodeArea { float: left; padding-left: 20px; width: 134px; } #article-column article section .episodeHeader { width: 134px; } #article-column article section .episodeTitle { padding: 0 3px 6px 3px; width: 128px; font-size: 12px; text-align: center; } /* Age Gate */ .ageGate, .agegate, .Agegate, .AgeGate { position: relative; height: 1px; overflow: hidden; background-color: #000000; } .ageGateDone, .ageGateForm { position: absolute; top: 0; left: 0; z-index: 9999; padding-top: 25px; width: 100%; height: 100%; font-size: 14px; font-weight: bold; color: #FFFFFF; text-align: center; background-color: #000000; } .ageGateForm input, .ageGateForm select { margin: 2px; padding: 2px; } #site-links .throne a { background-color: #830b01; } #site-links .throne a:hover { background-color: #aa0f11; }