/* FRAMEWORK ________________________________________________________________________*/ body { font-family: Arial, Helvetica, Geneva, FreeSans, sans-serif; font-size: 62.5%; line-height: 1; color: #545454; background: #9F9F9F url(/sitefiles/17/gfx/vp-bg.png) 0 0 repeat-x; } #valgpanelet { padding: 133px 0 83px; position: relative; width: 100%; overflow: hidden; } #wrap { width: 960px; padding: 0 13px; margin: 0 auto; background: url(/sitefiles/17/gfx/wrap-bg.png) 13px 0 repeat-y; position: relative; _height: 378px; min-height: 377px; } #logo { width: 357px; height: 61px; position: absolute; top: -90px; left: 13px; clear: both; background: url(/sitefiles/17/gfx/logo.png) 0 0 no-repeat; } #wrap #bar-chart { width: 293px; height: 105px; position: absolute; top: -105px; left: 400px; clear: both; background: url(/sitefiles/17/gfx/bar-chart.png) 0 0 no-repeat; } #wrap #papers-top, #wrap #papers-bottom { width: 986px; position: absolute; left: 0; clear: both; background: 0 0 no-repeat; overflow: hidden; } #wrap #papers-top { height: 395px; top: -19px; background-image: url(/sitefiles/17/gfx/papers-top.png); } #wrap #papers-bottom { height: 394px; bottom: -17px; background-image: url(/sitefiles/17/gfx/papers-bottom.png); } #top { width: 960px; height: 63px; padding: 89px 13px 0; position: absolute; top: -90px; left: 0; clear: both; } #top #home { display: block; width: 357px; height: 61px; position: absolute; top: 0; left: 13px; clear: both; text-indent: -9999px; } #top #submit-q { width: 250px; height: 68px; padding: 5px 5px 0; position: absolute; top: 17px; right: 41px; clear: both; background: url(/sitefiles/17/gfx/q-tab.png) 0 0 no-repeat; } #container, #col-wrap { width: 960px; float: left; clear: both; position: relative; padding: 0 0 40px; margin: 102px 0 0; } #col-wrap { padding: 0; margin: 0; } #main-col { width: 474px; float: left; clear: left; padding: 0 10px 0 41px; } #side-col { width: 403px; float: right; clear: right; padding: 0 1px 0 0; _overflow: hidden; } .clear { clear: both; } /* COLOPHON ________________________________________________________________________*/ #made-by, #run-by { position: absolute; bottom: 42px; _bottom: 15px; left: 50%; margin: 0 0 0 -470px; clear: both; width: 920px; height: 1em; font-size: 1.1em; color: #FFF; } #run-by { bottom: 60px; _bottom: 33px; } #made-by a, #run-by a { color: #FFF; text-decoration: none; font-weight: bold; } #made-by a:hover, #run-by a:hover { text-decoration: underline; color: #FFDE04; } /* SUBMIT QUESTION ________________________________________________________________________*/ #submit-q a { display: block; width: 220px; height: 53px; float: left; clear: both; padding: 15px 15px 0; text-align: center; color: #000; text-decoration: none; } #submit-q a strong { display: block; font-size: 1.8em; font-weight: bold; text-transform: uppercase; padding: 0 0 .5em; opacity: .8; *filter: alpha(opacity=80); letter-spacing: -.03em; } #submit-q a em { display: block; font-size: 1.1em; opacity: .6; *filter: alpha(opacity=60); font-style: normal; } #submit-q a.KeyPublisherContentBoxMenu { position: absolute; top: -16px; left: -16px; clear: both; height: auto; } /* MAIN MENU ________________________________________________________________________*/ #main-menu { width: 554px; height: 61px; float: left; clear: left; padding: 0 0 0 2px; margin: 2px 0 0; } #main-menu li { display: block; float: left; height: 61px; } #main-menu li a { display: block; float: left; height: 47px; background: #989898 url(/sitefiles/17/gfx/menu-bar.png) 0 0 repeat-x; color: #414141; padding: 14px 0 0; text-decoration: none; text-align: center; border-right: 1px solid #C3C3C3; } #main-menu li.active a, #main-menu li a:hover, #main-menu li.active a:hover { background-color: #FFF; background-position: 0 -122px; color: #545454; border-color: #BBB; } #main-menu li a:hover { background-position: 0 -61px; } #main-menu li a strong { font-weight: bold; text-transform: uppercase; font-size: 1.6em; letter-spacing: -.03em; padding: 0 0 .4em; display: block; clear: both; } #main-menu li a span { font-size: 1.1em; display: block; clear: both; } #main-menu li.front a { width: 120px; } #main-menu li.contrib a, #main-menu li.buzz a { width: 216px; } #main-menu li.about a { width: 215px; } /* ACTIONS ________________________________________________________________________*/ #actions { width: 402px; height: 61px; float: right; clear: right; padding: 2px 2px 0 0; } #actions ul { width: 402px; height: 61px; float: left; clear: both; } #actions ul li { display: block; float: left; height: 61px; } #actions ul li a { display: block; float: left; height: 61px; color: #464646; text-decoration: none; font-size: 1.1em; background: url(/sitefiles/17/gfx/menu-bar.png) 0 -61px repeat-x; } #actions ul li a:hover { color: #777; } #actions ul li a .bg { display: block; float: left; width: 134px; height: 61px; background: url(/sitefiles/17/gfx/menu-bar.png) 100% -183px no-repeat; } #actions ul li.last a .bg { background: none; } #actions ul li a .icon { display: block; float: left; width: 97px; height: 61px; line-height: 61px; background: 15px 50% no-repeat; padding: 0 0 0 37px; cursor: pointer; } /* ARTICLE RSS BUTTON ________________________________________________________________________*/ #article-rss { width: 402px; height: 61px; float: right; clear: right; padding: 2px 2px 0 0; } #article-rss a { display: block; width: 402px; height: 61px; background: url(/sitefiles/17/gfx/menu-bar.png) 0 -61px repeat-x; color: #464646; text-decoration: none; text-align: center; } #article-rss a strong { display: block; width: 402px; height: 61px; line-height: 61px; background: url(/sitefiles/17/gfx/rss-subscribe.png) 50% 20px no-repeat; position: relative; overflow: hidden; text-indent: -9999px; cursor: pointer; } /* MESSAGE ________________________________________________________________________*/ .message { width: 434px; float: left; clear: both; padding: 20px 20px 0; background: #FFF4AB; color: #2D2D2D; position: relative; margin: 0 0 60px; } .important { background: #FFABB0; } .message-collapsed { padding: 0 20px; background: #FFF; margin: 0; opacity: 0; height: 0; overflow: hidden; } .message .close { display: block; width: 19px; height: 19px; border-bottom: 1px solid #E8DE9B; border-left: 1px solid #E8DE9B; position: absolute; top: 1px; right: 1px; clear: both; background: url(/sitefiles/17/gfx/icon-x.png) 0 0 no-repeat; overflow: hidden; text-indent: -9999px; } .important .close { border-color: #E89BA0; } .message h1 { font-size: 2.8em; font-weight: bold; padding: 0 0 .5em; } .message .text p, .message .text ul, .message .text ol { font-size: 1.4em; line-height: 1.57; margin: 0 0 1.43em; } .message .text h3 { font-size: 1.7em; font-weight: bold; margin: 0 0 1.25em; } /* FOLLOW THE PARTIES ________________________________________________________________________*/ .follow-the-parties { width: 365px; padding: 0 19px 40px; float: left; clear: both; text-align: center; } .follow-the-parties h2, .follow-the-parties h3 { width: 365px; float: left; clear: both; } .follow-the-parties h2 { color: #191919; font-weight: bold; font-size: 2em; padding: 0 0 .625em; } .follow-the-parties h3 { color: #4A4A4A; font-weight: normal; font-size: 1.4em; padding: 0 0 1em; } .follow-the-parties ul { width: 363px; padding: 1px; float: left; clear: both; background: url(/sitefiles/17/gfx/party-horizontal-grid.png) 0 0 repeat-y; } .follow-the-parties ul li { display: block; float: left; width: 90px; height: 94px; border-right: 1px solid #E5E5E5; position: relative; overflow: hidden; padding: 0 0 1px; } .follow-the-parties ul li.fourth { border: 0; } #col-wrap .follow-the-parties ul li a { display: block; width: 90px; height: 24px; line-height: 24px; padding: 70px 0 0; float: left; background: 50% 9px no-repeat; color: #666; font-size: 1.1em; } #col-wrap .follow-the-parties ul li a:hover { direction: rtl; color: #191919; text-decoration: none; } #col-wrap .follow-the-parties ul li a:active { background-position: 51% 10px; } /* GLOBAL LAST COMMENT ________________________________________________________________________*/ #global-last-comment { width: 340px; float: left; clear: both; padding: 0 40px 50px 23px; text-align: right; line-height: 1; } #global-last-comment h2 { color: #CCC; font-weight: bold; text-transform: uppercase; font-size: 1.4em; padding: 0 0 .75em; letter-spacing: -.025em; } #global-last-comment blockquote { padding: 0 0 1.5em; } #global-last-comment blockquote p { font-size: 2em; font-weight: bold; color: #000; letter-spacing: -.025em; } #global-last-comment blockquote p a { color: #000; display: block; } #global-last-comment blockquote p a:hover { color: #666; text-decoration: none; } #global-last-comment .byline { font-size: 1.1em; color: #333; } #global-last-comment .byline a { color: #318BA9; text-decoration: none; border-bottom: 1px solid #64A8BE; } #global-last-comment .byline a:hover { border: none; text-decoration: none; } /* VOTE ________________________________________________________________________*/ .vote-wrap { width: 363px; float: left; clear: both; padding: 0 20px 40px; color: #2F2F2F; } .vote-wrap h2 { font-size: 2em; font-weight: bold; color: #191919; padding: 0 0 .25em; } .vote-wrap h3 { color: #757575; font-weight: normal; font-size: 1.4em; padding: 0 0 1em; } .vote-wrap h4 { font-size: 1.2em; font-weight: bold; padding: 0 0 1em; } .vote-wrap ul, .vote-wrap ul li { width: 363px; float: left; clear: both; } .vote-wrap ul li.opt { padding: 0 0 .75em 20px; position: relative; font-size: 1.2em; } .vote-wrap ul li.opt label { cursor: pointer; } .vote-wrap ul li.opt input { position: absolute; top: 50%; left: 0; *left: -3px; clear: both; margin: -.75em 0 0; *margin: -1.25em 0 0; font-size: medium; } .vote-wrap ul li.formcontrols { padding: .75em 0 0; } .vote-wrap ul li.formcontrols input { width: auto; padding: 7px 15px; color: #FFF; font-weight: bold; text-transform: uppercase; float: left; clear: left; cursor: pointer; background: #008E11 url(/sitefiles/17/gfx/submit-green-bg.png) 0 0 repeat-x; border: 5px solid #F2F2F2; margin: 0 10px 0 0; font-size: 1em; } .vote-wrap ul li.formcontrols input.see-votes { margin: 0; clear: none; } .vote-wrap ul li.formcontrols input:hover, .vote-wrap ul li.formcontrols input:focus { border-color: #E6F8E9; } .vote-wrap ul li.formcontrols input:active { border-color: #DCEFDE; } .vote-wrap ul li.total { font-size: 1.2em; color: #666; padding: 0 0 .5em; border-bottom: 1px solid #E5E5E5; margin: 0 0 1em; } .vote-wrap ul li.total strong { float: left; clear: left; } .vote-wrap ul li.total .count { float: right; clear: right; } .vote-wrap ul li.vote { font-size: 1.2em; line-height: 1; } .vote-wrap ul li.vote em { display: block; float: left; clear: left; width: 198px; padding: 0 10px .8em 0; border-right: 1px solid #E5E5E5; } .vote-wrap ul li.last em { padding-bottom: 0; } .vote-wrap ul li.vote .count { display: none; } .vote-wrap ul li.vote .vote-bar-container { background: #EEE; width: 143px; float: right; clear: right; height: 1em; border-right: 1px solid #CCC; } .vote-wrap ul li.vote .vote-bar-container .vote-bar { background: #FFDE04; height: 1em; } .vote-wrap #voteconnectionid { margin: 2em 0 0; } /* POPULAR ENTRIES ________________________________________________________________________*/ .popular-entries { width: 363px; float: left; clear: both; padding: 0 20px 40px; } .popular-entries h2 { font-size: 2em; font-weight: bold; color: #191919; padding: 0 0 .25em; } .popular-entries h3 { color: #757575; font-weight: normal; font-size: 1.4em; padding: 0 0 1em; } .popular-entries ul, .popular-entries ul li { width: 363px; float: left; clear: both; } .popular-entries ul li { padding: 0 0 1.667em; color: #2F2F2F; } .popular-entries ul li.last { padding: 0; } .popular-entries ul li h4 { font-size: 1.2em; line-height: 1.667; font-weight: bold; } #col-wrap .popular-entries ul li h4 a { color: #2F2F2F; text-decoration: none; border: 0; } #col-wrap .popular-entries ul li h4 a:hover { text-decoration: underline; } .popular-entries ul li h4 a strong { color: #656565; font-size: .917em; } .popular-entries ul li p { font-size: 1.1em; line-height: 1.636; } #col-wrap .popular-entries ul li p a { text-decoration: underline; } #col-wrap .popular-entries ul li p a:hover { text-decoration: none; } /* TWEETS ________________________________________________________________________*/ .tweets { width: 403px; float: left; clear: both; padding: 90px 0 30px; position: relative; } .tweets #birdie { width: 100px; height: 99px; position: absolute; top: 0; right: -25px; clear: both; overflow: hidden; background: url(/sitefiles/17/gfx/icon-twitter-big.png) 0 0 no-repeat; } .tweets h2 { font-size: 2em; font-weight: bold; color: #191919; position: absolute; top: 50px; left: 20px; clear: both; } .tweets .tweet { width: 363px; float: left; clear: both; padding: 0 20px; background: #F1F1F1; } .tweets .odd { background: #F8F8F8; } .tweets .last { opacity: .6; *filter: alpha(opacity=60); } .tweets .tweet:hover { opacity: 1; *filter: alpha(opacity=100); } .tweets .tweet .avatar { display: block; width: 30px; height: 30px; position: relative; overflow: hidden; float: left; clear: left; margin: 10px 0; } .tweets .tweet .avatar img { float: left; } .tweets .tweet p.tweeter { width: 323px; _width: 321px; float: right; clear: right; font-size: 1.1em; line-height: 1.65; color: #2C2C2C; padding: .5em 0; _padding: .5em 0 .5em 2px; } #col-wrap .tweets .tweet p.tweeter a.tweeturl { font-size: 1.091em; font-weight: bold; color: #3C3C3C; } /* CATEGORY OVERVIEW ________________________________________________________________________*/ .cat-overview { width: 363px; float: left; clear: both; padding: 0 20px 40px; } .cat-overview h2, .cat-overview h3, .cat-overview ul { width: 363px; float: left; clear: both; } .cat-overview h2 { font-size: 2em; font-weight: bold; color: #191919; padding: 0 0 .25em; } .cat-overview h3 { color: #757575; font-weight: normal; font-size: 1.4em; padding: 0 0 1em; } .cat-overview ul { list-style: none; } .cat-overview ul li { width: 170px; float: left; clear: left; font-size: 1.2em; line-height: 1.833; } .cat-overview ul li.right { float: right; clear: right; } #col-wrap .cat-overview ul li a { display: block; width: 150px; padding: 0 0 0 20px; color: #2F2F2F; background: url(/sitefiles/17/gfx/thick-bullet.gif) 0 .45em no-repeat; } #col-wrap .cat-overview ul li a strong { font-weight: bold; } /* CONTRIBUTOR ________________________________________________________________________*/ #contributor { width: 474px; float: left; clear: both; } #contributor h1 { color: #000; font-weight: bold; font-size: 3.2em; padding: 0 0 .25em; } #contributor #contributor-left { width: 354px; float: left; clear: left; color: #292929; } #contributor #contributor-left h2 { color: #000; font-weight: bold; font-size: 1.2em; line-height: 1.667; } #contributor #contributor-left ul { font-size: 1.2em; line-height: 1.667; color: #000; } #contributor #contributor-left ul li.all-entries { padding: 1em 0 0; font-weight: bold; } #contributor #contributor-right { width: 100px; float: right; clear: right; padding: .5em 0 0; } #contributor #contributor-right img { float: right; border: 1px solid #D1CFCC; } /* SMALL CONTRIBUTORS ________________________________________________________________________*/ .contributors-small { width: 363px; float: left; clear: both; padding: 10px 20px 40px; text-align: center; } .contributors-small h2, .contributors-small h3, .contributors-small ul, .contributors-small ul li { width: 363px; float: left; clear: both; } .contributors-small h2 { font-size: 2em; font-weight: bold; color: #191919; padding: 0 0 .5em; } .contributors-small h3 { color: #4A4A4A; font-weight: normal; font-size: 1.4em; padding: 0 0 1.5em; } .contributors-small ul { text-align: left; } .contributors-small ul li { text-align: left; border-bottom: 1px solid #FFF; } .contributors-small ul li.last { border: 0; } #col-wrap .contributors-small ul li a { display: block; width: 292px; height: 60px; padding: 0 0 0 71px; background: #E5E5E5; position: relative; overflow: hidden; color: #444; } #col-wrap .contributors-small ul li a:hover, #col-wrap .contributors-small ul li a:hover span { background: #939393; color: #FFF; text-decoration: none; } #col-wrap .contributors-small ul li.active a, #col-wrap .contributors-small ul li.active a span { background: #707070; color: #FFF; } .contributors-small ul li a img { position: absolute; top: 0; left: 0; clear: both; border-right: 1px solid #FFF; } #col-wrap .contributors-small ul li a strong { display: block; clear: both; font-weight: normal; font-size: 1.8em; padding: 0.6em 0 .4em; } #col-wrap .contributors-small ul li a span { display: block; clear: both; font-size: 1.2em; color: #676767; } /* GLOBAL SEARCH FORM ________________________________________________________________________*/ .global-search { width: 363px; float: left; clear: both; padding: 0 20px 40px; } .global-search h2 { font-size: 2em; font-weight: bold; color: #191919; padding: 0 0 .25em; } .global-search h3 { color: #757575; font-weight: normal; font-size: 1.4em; padding: 0 0 1em; } .global-search label { display: none; } .global-search .text-wrap { border: 5px solid #F2F2F2; width: 278px; float: left; clear: left; } .global-search .text-wrap input { width: 262px; height: 22px; padding: 5px 7px 2px; border: 1px solid #A0A0A0; color: #808080; *color: #191919; font-style: italic; font-family: Arial, Helvetica, Geneva, FreeSans, sans-serif; font-size: 1.2em; } .global-search .text-wrap input:focus { color: #191919; border-color: #02A315; } .global-search input.submit { width: 74px; height: 41px; *height: 43px; float: right; clear: right; padding: 0 0 1px; color: #FFF; font-weight: bold; text-transform: uppercase; text-align: center; cursor: pointer; letter-spacing: -.0125em; font-family: Arial, Helvetica, Geneva, FreeSans, sans-serif; background: #008E11 url(/sitefiles/17/gfx/submit-green-bg.png) 0 0 repeat-x; border: 5px solid #F2F2F2; letter-spacing: -.025em; } .global-search input.submit:hover, .global-search input.submit:focus { border-color: #E6F8E9; } .global-search input.submit:active { border-color: #DCEFDE; } /* EVENT CALENDAR ________________________________________________________________________*/ .event-calendar { padding: .5em 0 40px; } .event-calendar, .event-calendar .event { width: 403px; float: left; clear: both; position: relative; overflow: hidden; } .event-calendar h2 { width: 230px; float: left; clear: both; color: #191919; font-weight: bold; font-size: 2em; padding: 0 0 .625em 20px; } .event-calendar .event { background: #FFF9D4; border-bottom: 1px solid #FFF; width: 330px; padding: 1em 0 1em 73px; } .event-calendar .even { background: #F2EED6; } .event-calendar .first { padding-top: 3em; } #col-wrap .event-calendar .first .top-fade { background-position: 0 -33px; top: 0; } .event-calendar .last .bottom-fade { bottom: 0; } .event-calendar .event .date { width: 63px; height: 100%; position: absolute; top: 0; left: 0; border-right: 1px solid #FFF; clear: both; text-align: center; padding: 1em 0; } .event-calendar .first .date { padding: 3em 0 1em; } .event-calendar .event .date strong { font-weight: bold; font-size: 2.2em; color: #4D4D4D; display: block; } .event-calendar .event .date span { font-size: 1.1em; color: #4D4D4D; display: block; text-transform: uppercase; } .event-calendar .event h3 { color: #000; font-size: 1.4em; font-weight: normal; padding: 0 0 .5em; opacity: .7; *filter: alpha(opacity=70); } #col-wrap .event-calendar .event h3 a { color: #000; font-weight: bold; } #col-wrap .event-calendar .event h3 a:hover { } .event-calendar .event .location { color: #000; font-size: 1.1em; opacity: .7; *filter: alpha(opacity=70); } .event-calendar .fade { width: 403px; height: 33px; position: absolute; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/17/gfx/event-cal-gradient.png) 0 0 repeat-x; } .event-calendar .calendar-icon { width: 100px; height: 51px; position: absolute; top: 0; right: 33px; clear: both; background: url(/sitefiles/17/gfx/icon-calendar.png) 0 0 no-repeat; } /* ARTICLE LISTING ________________________________________________________________________*/ .articles, #article { width: 474px; float: left; clear: both; } .articles .article { padding: 0 0 30px; border-bottom: 1px solid #E5E5E5; margin: 0 0 30px; } .articles .last { border: none; margin: 0; } .articles .article h2, #article h1 { color: #000; font-size: 2.4em; font-weight: bold; padding: 0 0 .5em; } #col-wrap .articles .article h2 a { text-decoration: none; color: #000; } #col-wrap .articles .article h2 a:hover { text-decoration: underline; } .articles .article p.meta { color: #898989; font-size: 1.2em; padding: 0 0 1em; width: 474px; float: left; clear: both; } .articles .article p.meta span, .articles .article p.meta a { display: block; float: left; padding: .4em 0 0; } .articles .article p.meta span { padding-right: .4em; } .articles .article p.meta strong { font-weight: normal; color: #292929; } .articles .article p.meta a { padding-right: 15px; background: url(/sitefiles/17/gfx/icon-bubble.png) 100% 0 no-repeat; } .articles .article p.excerpt, #article p.excerpt { color: #545454; font-size: 1.2em; line-height: 1.667; padding: 0 0 1em; } .articles .article .art-img { float: right; clear: right; margin: .5em 0 1em 2em; border: 1px solid #666; } .articles .article .art-img a { display: block; float: right; position: relative; overflow: hidden; } .articles .article .art-img a:hover { text-align: center; } .articles .article .art-img a img { float: right; } .articles .article .art-img a .border { display: block; border: 5px solid #FFF; opacity: .2; *filter: alpha(opacity=20); position: absolute; top: 0; left: 0; clear: both; cursor: pointer; } .articles .article .art-img a:hover .border { opacity: .4; *filter: alpha(opacity=40); } .articles .article p.read-more { font-size: 1.2em; line-height: 1.5; } .articles .article p.read-more a { text-decoration: underline; line-height: 1.5; } /* ARTICLE DETAIL VARIATIONS ________________________________________________________________________*/ #article { padding: 10px 0 0; } #article p#meta { color: #898989; font-size: 1.2em; padding: 0 0 2em; width: 474px; float: left; clear: both; position: relative; overflow: hidden; } #col-wrap #article .has-pic { width: 423px; padding: 7px 0 2em 51px; height: 38px; } #article p#meta .img { display: block; width: 43px; height: 43px; position: absolute; top: 0; left: 0; clear: both; border: 1px solid #F0EFEE; } #article p#meta .img img { float: left; } #article p#meta strong { font-weight: normal; color: #292929; } #article p#meta strong .author { color: #292929; text-decoration: none; font-weight: bold; } #article p#meta strong .author:hover { text-decoration: underline; } #article p#meta .cats { display: block; height: 16px; line-height: 16px; padding: .6em 0 0 24px; background: url(/sitefiles/17/gfx/icon-label.png) 3px 100% no-repeat; } #article p.excerpt { padding: 0 0 1.667em; } #article #article-main-image { width: 474px; float: left; clear: both; padding: .5em 0 2em; } #article #article-main-image img { float: left; border: 1px solid #666; padding: 1px; } #article #related h2 { font-size: 1.6em; font-weight: normal; color: #000; padding: 0 0 .375em; } #article #related ul { line-height: 1.833; color: #2A71C1; list-style: none; margin: 0 0 2em; } #article #related ul li a { background: url(/sitefiles/17/gfx/blue-bullet.gif) 0 .5em no-repeat; text-decoration: underline; line-height: 1.833; padding: 0 0 0 10px; color: #2A71C1; } #article #related ul li a:hover { text-decoration: none; } /* COMMENTS ________________________________________________________________________*/ #comments { width: 474px; float: left; clear: both; padding: 1em 0 0; } #comments h2 { color: #333; font-size: 1.6em; font-weight: bold; padding: 0 0 2em; } #comments h2 a { color: #333; } #comments h2 a:hover { color: #666; text-decoration: none; } #comments ol, #comments ol li { width: 474px; float: left; clear: both; } #comments ol li { padding: 0 0 30px; } #comments ol li .comment-top { width: 474px; float: left; clear: both; height: 40px; background: #E4E4E4; border-bottom: 1px solid #FFF; } #comments ol li .comment-top .index { width: 40px; height: 40px; float: left; clear: left; text-align: center; background: #F5F5F5; color: #BCBCBC; border-right: 1px solid #FFF; font-weight: bold; font-size: 2em; } #comments ol li .comment-top .index a { display: block; width: 40px; height: 40px; line-height: 40px; color: #BCBCBC; } #comments ol li .comment-top .index a:hover { color: #A4A4A4; text-decoration: none; } #comments ol li .comment-top h3 { width: 251px; color: #2E2E2E; padding: 0 16px; height: 40px; line-height: 40px; float: left; font-size: 1.2em; font-weight: normal; position: relative; } #comments ol li .comment-top h3 strong { color: #000; font-weight: bold; } #comments ol li .comment-top h3 a.author-home { display: block; width: 251px; height: 40px; line-height: 40px; padding: 0 16px; float: left; text-decoration: underline; color: #000; position: absolute; top: 0; left: 0; clear: both; } #comments ol li .comment-top h3 a.delete { display: block; width: 16px; height: 16px; position: absolute; top: 12px; right: 12px; text-indent: -9999px; background: url(/keypublisher_gui/images/icons/cross.png) 0 0 no-repeat; } #comments ol li .comment-top p.meta { background: #FFF; width: 150px; float: right; clear: right; height: 40px; line-height: 40px; font-size: 1.1em; text-transform: uppercase; text-align: center; color: #707070; } #comments ol li .comment-text { width: 434px; float: left; clear: both; padding: 1.75em 20px .25em; background: #F5F5F5; } #comments ol li .comment-text p { font-size: 1.2em; color: #000; line-height: 1.5; margin: 0 0 1.5em; } /* ADD COMMENT ________________________________________________________________________*/ #add-comment { width: 474px; float: left; clear: both; padding: 1em 0 0; } #side-col #add-comment { width: 360px; padding: 1em 22px 0 21px; } #add-comment h2 { color: #333; font-size: 1.6em; font-weight: bold; padding: 0 0 2em; } #add-comment p.error { color: #E42325; font-weight: bold; font-size: 1.4em; margin: 0 0 2em; } #add-comment ul, #add-comment ul li { width: 360px; float: left; clear: both; } #add-comment ul li { padding: 0 0 1.5em; } #add-comment ul li label { display: none; } #add-comment ul li input, #add-comment ul li textarea { border: 1px solid #A0A0A0; color: #4D4D4D; font-size: 1.2em; font-family: Arial, Helvetica, Geneva, FreeSans, sans-serif; padding: 7px; width: 184px; } #add-comment ul li textarea { line-height: 1.667; width: 344px; height: 140px; padding: 4px 7px; } #add-comment ul li.formcontrols { padding: 0; } #add-comment ul li.formcontrols input { width: auto; padding: 10pxt 15px; color: #FFF; font-weight: bold; text-transform: uppercase; float: right; cursor: pointer; background: #008E11 url(/sitefiles/17/gfx/submit-green-bg.png) 0 0 repeat-x; border: 5px solid #F2F2F2; letter-spacing: -.025em; } #add-comment ul li.formcontrols input:hover, #add-comment ul li.formcontrols input:focus { border-color: #E6F8E9; } #add-comment ul li.formcontrols input:active { border-color: #DCEFDE; } /* USER GENERATED FORM ________________________________________________________________________*/ #main-col .kpgenerated { width: 474px; float: left; clear: both; padding: 1em 0 0; position: relative; overflow: hidden; margin: 0 0 40px; } #main-col .kpgenerated ul, #main-col .kpgenerated ul li { width: 360px; float: left; clear: both; } #main-col .kpgenerated ul li { padding: 0 0 1.5em; } #main-col .kpgenerated ul li label { display: none; } #main-col .kpgenerated ul li input, #main-col .kpgenerated ul li textarea { border: 1px solid #A0A0A0; color: #4D4D4D; font-size: 1.2em; font-family: Arial, Helvetica, Geneva, FreeSans, sans-serif; padding: 7px; width: 184px; } #main-col .kpgenerated ul li textarea { line-height: 1.667; width: 344px; height: 140px; padding: 4px 7px; } #main-col .kpgenerated ul li.error { width: 270px; color: #E42325; font-weight: bold; font-size: 1.4em; margin: 0 0 2em; position: absolute; _position: static; height: 40px; line-height: 40px; _height: auto; _line-height: 1; bottom: 0; left: 0; margin: 0; padding: 0; _padding: 0 0 1em; } #main-col .kpgenerated ul li.form-controls { padding: 0; } #main-col .kpgenerated ul li.form-controls input { width: auto; padding: 10pxt 15px; color: #FFF; font-weight: bold; text-transform: uppercase; float: right; cursor: pointer; background: #008E11 url(/sitefiles/17/gfx/submit-green-bg.png) 0 0 repeat-x; border: 5px solid #F2F2F2; letter-spacing: -.025em; margin: 0; } #main-col .kpgenerated ul li.form-controls input:hover, #main-col .kpgenerated ul li.form-controls input:focus { border-color: #E6F8E9; } #main-col .kpgenerated ul li.form-controls input:active { border-color: #DCEFDE; } /* ARTICLE SEARCH RESULTS ________________________________________________________________________*/ #article-search-results h1 { color: #000; font-weight: bold; font-size: 3.2em; padding: 0 0 .75em; } #article-search-results .error { color: #E42325; font-weight: bold; font-size: 1.4em; margin: 0 0 2em; } /* CHART: PARTIES + PARTY HEADS ________________________________________________________________________*/ .chart { width: 474px; float: left; padding: 0 0 75px; background: url(/sitefiles/17/gfx/chart-bottom-shadow.png) 50% 100% no-repeat; margin: 0 0 -20px; } .chart .attentio { text-align: center; } .chart.party-heads { width: 363px; padding: 0 20px 81px; background: url(/sitefiles/17/gfx/chart-bottom-shadow-2.png) 50% 100% no-repeat; } .chart h2 { color: #333; font-size: 2em; font-weight: bold; text-align: center; } .chart ul { width: 474px; float: left; } .chart ul li { width: 56px; height: 38px; padding: 195px 2px 2px 0; margin: 0 1px 0 0; position: relative; overflow: hidden; background: url(/sitefiles/17/gfx/bar.png) 0 0 no-repeat; float: left; text-align: center; } .chart.party-heads ul li { width: 41px; padding: 183px 2px 2px 0; background-position: -58px 0; } .chart ul li.last { margin: 0; } .chart ul li h3 { color: #FFF; font-size: 1.2em; font-weight: bold; padding: .5em 0 .25em; } .chart ul li .total { color: #FFF; font-size: 1.1em; } .chart ul li .total .hide { display: none; } .chart ul li .change-textual { width: 56px; height: 1em; position: absolute; top: 23px; left: 0; color: #000; font-size: 1em; } .chart.party-heads ul li .change-textual { width: 41px; letter-spacing: -.015em; } .chart ul li .logo { position: absolute; } .chart ul li.ap .logo { width: 36px; height: 40px; bottom: 49px; left: 9px; background: url(/sitefiles/17/gfx/party-logos/logo-ap.png) 0 0 no-repeat; } .chart ul li.h .logo { width: 50px; height: 25px; bottom: 55px; left: 3px; background: url(/sitefiles/17/gfx/party-logos/logo-h.png) 0 0 no-repeat; } .chart ul li.sv .logo { width: 46px; height: 33px; bottom: 51px; left: 5px; background: url(/sitefiles/17/gfx/party-logos/logo-sv.png) 0 0 no-repeat; } .chart ul li.r .logo { width: 44px; height: 42px; bottom: 47px; left: 5px; background: url(/sitefiles/17/gfx/party-logos/logo-r.png) 0 0 no-repeat; } .chart ul li.frp .logo { width: 42px; height: 45px; bottom: 48px; left: 9px; background: url(/sitefiles/17/gfx/party-logos/logo-frp.png) 0 0 no-repeat; } .chart ul li.krf .logo { width: 44px; height: 39px; bottom: 48px; left: 7px; background: url(/sitefiles/17/gfx/party-logos/logo-krf.png) 0 0 no-repeat; } .chart ul li.sp .logo { width: 42px; height: 42px; bottom: 48px; left: 7px; background: url(/sitefiles/17/gfx/party-logos/logo-sp.png) 0 0 no-repeat; } .chart ul li.v .logo { width: 42px; height: 42px; bottom: 48px; left: 7px; background: url(/sitefiles/17/gfx/party-logos/logo-v.png) 0 0 no-repeat; } .chart.party-heads ul li .logo { width: 35px; height: 35px; bottom: 48px; left: 3px; background: url(/sitefiles/17/gfx/heads/ap.png) 0 0 no-repeat; } .chart ul li .bar { width: 13px; height: 90px; border: 1px solid #C5C5C5; background: #FFF; position: absolute; bottom: 101px; left: 21px; } .chart.party-heads ul li .bar { position: absolute; bottom: 89px; left: 13px; } .chart ul li .bar .bar-inner { height: 88px; border: 1px solid #FFF; position: relative; } .chart ul li .bar .percent { width: 11px; position: absolute; overflow: hidden; bottom: 0; left: 0; } .chart.party-heads ul li.ap .logo { background: url(/sitefiles/17/gfx/heads/ap.png) 0 0 no-repeat; } .chart.party-heads ul li.h .logo { background: url(/sitefiles/17/gfx/heads/hoyre.png) 0 0 no-repeat; } .chart.party-heads ul li.sv .logo { background: url(/sitefiles/17/gfx/heads/sv.png) 0 0 no-repeat; } .chart.party-heads ul li.rodt .logo { background: url(/sitefiles/17/gfx/heads/rodt.png) 0 0 no-repeat; } .chart.party-heads ul li.frp .logo { background: url(/sitefiles/17/gfx/heads/frp.png) 0 0 no-repeat; } .chart.party-heads ul li.krf .logo { background: url(/sitefiles/17/gfx/heads/krf.png) 0 0 no-repeat; } .chart.party-heads ul li.sp .logo { background: url(/sitefiles/17/gfx/heads/sp.png) 0 0 no-repeat; } .chart.party-heads ul li.v .logo { background: url(/sitefiles/17/gfx/heads/venstre.png) 0 0 no-repeat; } .chart ul li.ap .bar .percent { background: #E31937; } .chart ul li.h .bar .percent { background: #205A9E; } .chart ul li.sv .bar .percent { background: #CD1041; } /**/ .chart ul li.r .bar .percent { background: #DB1424; } /**/ .chart ul li.frp .bar .percent { background: #00529B; } .chart ul li.krf .bar .percent { background: #FAB500; } /**/ .chart ul li.sp .bar .percent { background: #009D57; } .chart ul li.v .bar .percent { background: #006261; } .chart ul li .bar .percent .change { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=22.5)"; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=22.5); opacity: .225; } .chart ul li .bar .percent .change.positive { background: #000; } .chart ul li .bar .percent .change.negative { background: #FFF; } /* GENERIC TYPOGRAPHY ________________________________________________________________________*/ #col-wrap a { color: #3790C4; text-decoration: none; } #col-wrap a:hover { text-decoration: underline; } #side-col .generic-content { padding: 0 20px 20px; } .generic-content em { font-style: italic; } .generic-content strong { font-weight: bold; } .generic-content h1 { color: #000; font-size: 2.4em; font-weight: bold; padding: 0 0 .5em; } .generic-content h2 { font-weight: bold; font-size: 1.4em; padding: 0 0 .25em; } .generic-content h3 { font-weight: bold; font-size: 1.2em; line-height: 1.667; } .generic-content p, .generic-content ul, .generic-content ol, .generic-content table { font-size: 1.2em; line-height: 1.667; margin: 0 0 1.677em; } .generic-content ul { list-style-type: disc; margin-left: 1.25em; _margin-left: 1.5em; } .generic-content ol { list-style-type: decimal; margin-left: 1.6em; _margin-left: 2.05em; } .generic-content img { float: left; margin: .5em 2em 2em 0; }