/* ---------------------------------------------------------- Fianna Fail Managed by: Blue State Digital Last Update: May 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - STRUCTURE 04 - HOMEPAGE ELEMENTS 05 - SUBPAGE ELEMENTS 06 - UTILITY ---------------------------------------------------------- */ /* @group 01 - GLOBAL BROWSER RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } b, strong { font-weight: bold; } /* @end */ /* @group 02 - COMMON STYLE */ body { font: 62.5% Helvetica, Arial, sans-serif; color: #3d3d3e;} .interior #body h1 { font: bold 1.4em/1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; color: #2d4e2f; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 10px; } .interior #body h2 { font: 1.75em/1.4em Helvetica, Arial, sans-serif; color: #082136; margin: 10px 0;} .interior #body h3 { font: 1.25em/1.4em Helvetica, Arial, sans-serif; color: #2d4e2f; margin: 7px 0; text-transform: uppercase;} .interior #body p { font: 1.1em/1.5em Helvetica, Arial, sans-serif; color: #3d3d3e; margin-bottom: 1em;} .interior #body a { color: #2d4e2f; text-decoration: underline;} .interior #body blockquote { margin: 1em 0 1em 35px; color: #777; font-size: 1.1em; line-height: 1.5em;} .interior #body blockquote p { font-style: italic; color: #777;} .interior #body ul { list-style-type: disc; } .interior #body ol { list-style-type: decimal; } .interior #body ul, .interior #body ol { font: 1.1em/1.5em Helvetica, Arial, sans-serif; margin: 1em 0; } .interior #body ul li, .interior #body ol { margin: .5em 0; } /* @end */ /* @group 03 - STRUCTURE */ body { background: #99a399 url(/page/-/images/wrapper/background.jpg) no-repeat center top; } #container { width: 970px; margin: 0 auto; font-size: 1.1em;} #masthead a.logo { width: 427px; height: 76px; background-image: url(/page/-/images/wrapper/img-masthead.gif); display: block; text-indent: -9999px; overflow: hidden; float: left; margin: 17px 0 0 17px; } #masthead #quick-nav { width: 375px; float: right; margin-top: 15px;} #masthead #quick-nav h2 { background: url(/page/-/images/title-quicksignup-url.png) no-repeat; width: 121px; height: 8px; overflow: hidden; text-indent: -9999px; margin: 0 0 5px 250px;} #masthead #quick-nav label { display: none; } #masthead #quick-nav input.text { border: 1px solid #a9a9a9; color: #a9a9a9; font: 11px Helvetica, Arial, sans-serif; padding: 2px; } #masthead #quick-nav input { vertical-align: middle; } #masthead #quick-signup { border-top: 1px solid #a9a9a9; padding: 10px 0 0 69px; background: url(/page/-/images/title-quicksignup-signup.png) no-repeat 0 18px} #masthead #quick-signup input#quick-email { width: 150px; margin-right: 3px; } #masthead #quick-signup input#quick-mobile { width: 73px; margin-right: 3px; } #masthead #quick-search { border-bottom: 1px solid #a9a9a9; padding: 5px 0 10px 69px; background: url(/page/-/images/title-quicksignup-search.png) no-repeat 0 12px; } #masthead #quick-search input#quick-keywords { width: 236px; margin-right: 3px;} ul#navigation { background-image: url(/page/-/images/ff_nav_election.png); width: 970px; height: 29px; margin: 10px 0 0;} ul#navigation-ga { background-image: url(/page/-/images/ff_nav_election_ga.png); width: 970px; height: 29px; margin: 18px 0 0 1px;} ul#navigation li { float: left; display: inline;} ul#navigation-ga li { float: left; display: inline;} ul#navigation li a, ul#navigation-ga li a { display: block; height: 29px; text-indent: -9999px; overflow: hidden;} ul#navigation li a.about { width: 99px;} ul#navigation li a.issues { width: 71px; } ul#navigation li a.news { width: 133px; } ul#navigation li a.blog { width: 64px; } ul#navigation li a.media { width: 74px; } ul#navigation li a.people { width: 108px; } ul#navigation li a.candidates { width: 109px; } ul#navigation li a.contact { width: 96px; } ul#navigation li a.gaeilge { width: 113px; margin-left: 210px;} ul#navigation li a.gaeilge.framework { background: url(/page/-/images/ff_nav_election.png) -856px 0; margin-left: 210px; width: 113px; cursor: pointer;} ul#navigation-ga li a.english { width: 98px; margin-left: 163px;} ul#navigation li a.english.framework { background: url(/page/-/images/ff_nav_election.png) -872px 0; margin-left: 210px; width: 98px; cursor: pointer;} ul#navigation-ga li a.about { width: 121px; } ul#navigation-ga li a.issues { width: 145px; } ul#navigation-ga li a.people { width: 107px; } ul#navigation-ga li a.candidates { width: 94px; } ul#navigation-ga li a.blog { width: 60px; } ul#navigation-ga li a.news{ width: 103px; } ul#navigation-ga li a.media { width: 75px; } ul#navigation-ga li a.take-action { width: 120px; } ul#navigation-ga li a.events { width: 95px; } ul#navigation-ga li a.contact { width: 97px; } ul#navigation li a.about:hover { background: url(/page/-/images/ff_nav_election.png) 0 -29px; } ul#navigation li a.people:hover { background: url(/page/-/images/ff_nav_election.png) -99px -29px; } ul#navigation li a.candidates:hover { background: url(/page/-/images/ff_nav_election.png) -207px -29px; } ul#navigation li a.issues:hover { background: url(/page/-/images/ff_nav_election.png) -207px -29px; } ul#navigation li a.blog:hover { background: url(/page/-/images/ff_nav_election.png) -278px -29px; } ul#navigation li a.news:hover { background: url(/page/-/images/ff_nav_election.png) -342px -29px; } ul#navigation li a.media:hover { background: url(/page/-/images/ff_nav_election.png) -475px -29px; } ul#navigation li a.events:hover { background: url(/page/-/images/ff_nav_election.png) -538px -29px; } ul#navigation li a.contact:hover { background: url(/page/-/images/ff_nav_election.png) -549px -29px; } ul#navigation li a.gaeilge:hover { background: url(/page/-/images/ff_nav_election.png) -857px -29px; } ul#navigation li a.gaeilge.framework:hover { background: url(/page/-/images/ff_nav_election.png) -856px 0; } ul#navigation-ga li a.english:hover { background: url(/page/-/images/ff_nav_election_ga.png) -872px -29px; } ul#navigation li a.english.framework:hover { background: url(/page/-/images/ff_nav_election.png) -775px 0; } ul#navigation-ga li a.about:hover { background: url(/page/-/images/ff_nav_election_ga.png) 0 -29px; } ul#navigation-ga li a.issues:hover { background: url(/page/-/images/ff_nav_election_ga.png) -228px -29px; } ul#navigation-ga li a.news:hover { background: url(/page/-/images/ff_nav_election_ga.png) -433px -29px; } ul#navigation-ga li a.media:hover { background: url(/page/-/images/ff_nav_election_ga.png) -536px -29px; } ul#navigation-ga li a.take-action:hover { background: url(/page/-/images/ff_nav_election_ga.png) -435px -29px; } ul#navigation-ga li a.events:hover { background: url(/page/-/images/ff_nav_election_ga.png) -555px -29px; } ul#navigation-ga li a.contact:hover { background: url(/page/-/images/ff_nav_election_ga.png) -611px -29px; } ul#navigation-ga li a.people:hover { background: url(/page/-/images/ff_nav_election_ga.png) -121px -29px; } ul#navigation-ga li a.candidates:hover { background: url(/page/-/images/ff_nav_election_ga.png) -228px -29px; } ul#navigation-ga li a.blog:hover { background: url(/page/-/images/ff_nav_election_ga.png) -373px -29px; } #body { background: #fff;padding: 20px; width: 930px; } #body #left { width: 620px; float: left;} #body #right { width: 300px; float: right;} #body #left p em, #body #left em { font-style: italic; } #body #left p b, #body #left b { font-weight: bold; } .interior #right h2 { margin: 0; } #electioncenter { background-image: url(/page/-/images/wrapper/election-buttons.png); background-repeat: no-repeat; width: 300px; height: 142px; margin-top: 0px; margin-bottom: 8px; } #electioncenter ul { position: relative; top: 36px; list-style: none; margin-top: 0px; } #electioncenter ul li { list-style: none; } #electioncenter ul li a { padding-bottom: 2px; width: 270px; height: 26px; display: block; margin-left: 18px; border: 0px; text-indent: -9999px; } #ad { margin-bottom: 8px; display: block; } #topForm { text-align: right; padding-right: 10px; width: 335px; position: relative; top: -100px; height: 100px; background-image: url(/page/-/images/wrapper/ff_signup_top.png); background-repeat: no-repeat; float: right; } #topForm h2 { text-indent: -9999px; } #topForm input { border: 0px; padding: 2px; } #topForm #quicksignup .input_phone { width: 70px; } #topForm a { text-indent: -9999px; display: block; width: 130px; height: 10px; } #right #quicksignup { background: url(/page/-/images/wrapper/bg-sidebar-quicksignup.jpg) no-repeat; width: 260px; height: 74px; margin-bottom: 7px; padding: 10px 20px; } #right #quicksignup h2 { background: url(/page/-/images/wrapper/title-stayinformed.png) no-repeat; width: 122px; height: 16px; text-indent: -9999px; } #right #quicksignup input { vertical-align: middle; margin-top: 3px;} #right #quicksignup input.input_email { width: 240px; } #right #quicksignup input.input_email_narrow { width: 173px; } #right #quicksignup input.input_phone { width: 173px; } #right #quicksignup input.text { height: 14px; padding: 2px 5px; font: 1.1em Helvetica, Arial, sans-serif; color: #a4a4a4;} #right #quicksearch { background: url(/page/-/images/wrapper/bg-sidebar-quicksignup.jpg) no-repeat; width: 260px; height: 48px; margin-bottom: 7px; padding: 10px 20px; } #right #quicksearch h2 { background: url(/page/-/images/wrapper/label_search.png) no-repeat; width: 122px; height: 16px; text-indent: -9999px; } #right #quicksearch input { vertical-align: middle; margin-top: 3px;} #right #quicksearch input.input_keywords { width: 240px; } #right #quicksearch input.text { height: 14px; padding: 2px 5px; font: 1.1em Helvetica, Arial, sans-serif; color: #a4a4a4;} #right #actioncenter img { margin-bottom: 7px; } #right #constituency { background: url(/page/-/images/wrapper/bg-sidebar-browsebycontituency.png); width: 300px; height: 316px; margin-bottom: 10px; } #right #constituency h2 a { display: block; width: 300px; height: 32px; text-indent: -9999px; overflow: hidden;} #right #constituency img { width: 159px; margin: 4px 70px 0;} #right #constituency select { width: 200px; margin: 0 50px; border: 1px solid #999; background: #fff; color: #a2a2a2; font: 1.1em Helvetica, Arial, Geneva, sans-serif; margin-top: 10px; padding: 4px 0;} #right #ff_constituency { background: url(/page/-/images/wrapper/ff_constituency_bg.png); width: 300px; height: 450px; margin-bottom: 10px; } #right #ff_constituency h2 a { display: block; width: 300px; height: 32px; text-indent: -9999px; overflow: hidden;} #right #ff_constituency select { width: 200px; margin: 0 50px; border: 1px solid #999; background: #fff; color: #a2a2a2; font: 1.1em Helvetica, Arial, Geneva, sans-serif; margin-top: 5px; padding: 4px 0;} #right #dublin_map {display: none;} #right #profile { background: #082136; color: #fff; padding-bottom: 15px;} #right #profile h2 { background: url(/page/-/images/wrapper/title-sidebar-partyprofile.png); width: 300px; height: 33px; } #right #profile h2 { display: block; width: 300px; height: 33px; text-indent: -9999px; overflow: hidden; } #right #profile h3 a { font-size: 1.2em; line-height: 1.4em;text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; margin: 10px 0px 10px 0px; color: #fff; text-decoration: none;} #right #profile img { margin: 5px 10px 0px 20px; float: left; } #right #profile p { font-size: 1.1em; line-height: 1.4em; padding: 0 20px 10px; color: #fff;} #right #profile p a { color: #fff; } #footer { background: #ccd0cc; padding: 20px; } #footer #networks { float: left; } #footer #networks img { margin-right: 5px; } #footer #info { float: right; color: #343434; font-size: .95em; line-height: 1.5em; font-family: "Century Gothic", Helvetica, sans-serif;} #footer #info a { color: #343434; } #footer #info p { text-align: right; line-height: 1.5em; margin-bottom: 5px;} #footer #info ul li { float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #343434; line-height: 1em;} #footer #info ul li.last { margin: 0; padding: 0; border: 0;} /* @end */ /* @group 04 - HOMEPAGE ELEMENTS */ .homepage #feature { padding: 10px; background: #343434; margin-bottom: 10px;} .homepage #feature .primary { position: relative; width: 600px; height: 267px; margin-bottom: 10px;} .homepage #feature .primary .rotate img { position: absolute; z-index: 1; width: 600px; height: 267px;} .homepage #feature .primary .rotate p.overlay { position: absolute; bottom: 0; z-index: 100; background: #000; padding: 20px 20px 10px; color: #fff; font: 1.15em/1.4em Futura, "Helvetica Neue", Helvetica, Arial, sans-serif; width: 560px;} .homepage #feature .primary .rotate p.overlay span.title { font-size: 2.25em; margin-right: 5px;} .homepage #feature .primary .rotate p.overlay a { color: #fff; } .homepage #feature #mycarousel { overflow: hidden; width: 600px; height: 125px;} .homepage #feature #mycarousel li { float: left; margin-right: 10px; } .homepage #feature #mycarousel li .thumbnail { position: relative; width: 175px; height: 90px; overflow: hidden;} .homepage #feature #mycarousel li img { width: 175px; height: 90px; position: absolute; z-index: 1;} .homepage #feature #mycarousel li span { background: #000; color: #fff; position: absolute; z-index: 100; bottom: 0; width: 165px; padding: 5px; font: 1.0em/1.4em Futura, "Helvetica Neue", Helvetica, Arial, sans-serif;} .homepage #box-1 { width: 290px; display: inline; float: left; } .homepage #news, .homepage #blog { background: #d6e2d6; margin-bottom: 10px; } .homepage #news h2 { background: url(/page/-/images/wrapper/title-inthenews.png); width: 290px; height: 36px; } .homepage #blog h2 { background: url(/page/-/images/wrapper/blog.png); width: 290px; height: 36px; } .homepage #news h2 a, .homepage #blog h2 a { display: block; width: 290px; height: 36px; text-indent: -9999px; overflow: hidden;} .homepage #news .content, .homepage #blog .content { padding: 15px; } .homepage #news .entry, .homepage #blog .entry { margin-bottom: 10px; line-height: 1.5em; } .homepage #news ul.entry li { margin-bottom: 5px; list-style: square; margin-left: 13px; } .homepage #news ul.entry li a { color: #335335; text-decoration: none; } .homepage #news h3, .homepage #blog h3 { font-size: 1.25em; text-transform: uppercase; letter-spacing: 2px; color: #2c2c2c; margin-bottom: 10px;} .homepage #news h4, .homepage #blog h4 { font-size: 1.35em; color: #335335; line-height: 1.25em; } .homepage #news h4 a, .homepage #blog h4 a { color: #335335; text-decoration: none;} .homepage #news span.dateline, .homepage #blog span.dateline { font-size: 1em; color: #335335; line-height: 1.4em;} .homepage #news p, .homepage #blog p { color: #000; line-height: 1.4em; } .homepage #news p a, .homepage #blog a, .homepage #blog p a { color: #335335; text-decoration: underline;} .homepage #news h5.more, .homepage #blog h5.more { text-align: right;} .homepage #news h5.more a, .homepage #blog h5.more a { color: #335335; text-decoration: underline; } .homepage #news h5.more a:hover, .homepage #blog h5.more a:hover { text-decoration: underline; } .homepage #news a:hover, .homepage #blog a:hover { text-decoration: underline; } .homepage #box-2 { width: 310px; float: right; overflow: hidden;} .homepage #box-2 h2 { background: url(/page/-/images/wrapper/title-ardfheis.png); width: 320px; height: 36px; } .homepage #box-2 h2#mediahead { background: url(/page/-/images/wrapper/recent_video.png); width: 320px; height: 36px; } .homepage #box-2 h2 a { display: block; width: 290px; height: 36px; text-indent: -9999px; overflow: hidden;} .homepage #box-2 .content { padding: 15px; } .homepage #box-2 .entry { margin-bottom: 10px; } .homepage #box-2 h3 { font-size: 1.25em; text-transform: uppercase; letter-spacing: 2px; color: #2c2c2c; margin-bottom: 10px;} .homepage #box-2 h4 { font-size: 1.4em; color: #335335; line-height: 1.4em; } .homepage #box-2 h4 a { color: #335335; text-decoration: none;} .homepage #box-2 span.dateline { font-size: 1em; color: #335335; line-height: 1.4em;} .homepage #box-2 p { color: #000; line-height: 1.4em; } .homepage #box-2 p a { color: #8c8c8c; text-decoration: underline;} .homepage #box-2 h5.more { text-align: right; margin-bottom: 10px;} .homepage #box-2 h5.more a { color: #335335; text-decoration: none; } .homepage #box-2 h5.more a:hover { text-decoration: underline; } .homepage #box-2 a:hover { text-decoration: underline; } /* @end */ /* @group 05 - SUBPAGE ELEMENTS */ body.interior #body #left { padding-right: 10px; width: 610px;} body.interior #body #left span.dateline { display: block; margin-bottom: 10px;color: #666; line-height: 1.4em; font-weight: bold;} body.interior #body #left .list .entry { margin-top: 20px; padding-bottom: 20px;border-bottom: 2px solid #e7e7e7;} body.interior #body #left .list h2 { font: 1.75em/1.4em Helvetica, Arial, sans-serif; color: #082136; margin: 0;} body.interior #body #left .list h2 a { text-decoration: none; } body.interior #body #left .list h2 a:hover { text-decoration: underline; } body.interior #body #left .list span.dateline { display: block; margin-bottom: 10px; font-weight: bold; color: #666;} body.interior #body #left ol {margin-left: 20px; color: #999;} body.interior #body #left ul {margin-left: 20px;} body.interior #body #left li {margin: 0px;} #body #left #candidate-listing table tbody tr td { width: 190px; } #candidate-listing td a { font-weight: bold; } #candidate-listing table { margin-bottom: 20px; width: 600px; } #candidate-listing h4 { font-size: 120%; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; } .interior #body #left table tr td { padding: 5px 0px; border-bottom: 1px solid #efefef; width: 610px; } .interior #body #constituency h1, .interior #body #people h1 { width: 610px; height: 30px; background: url(/page/-/images/wrapper/bg-constituency-title.jpg) no-repeat; margin: 0 0 10px 0; padding: 0; font-size: 1.6em; font-weight: normal; text-transform: none; color: #fff; padding: 6px 10px 0px 10px; border: none;} .interior #body #constituency a { color: #a3641c; } .interior #body #constituency .info { width: 225px; padding-right: 5px; float: left; border-right: 1px solid #e5e5e5;} .interior #body #constituency .info h5 { text-align: center; font-family: Futura, Helvetica, sans-serif; padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;} .interior #body #constituency .info h2 { font-size: 1.6em; color: #333; margin: 15px 0 5px;} .interior #body #constituency .info ul { margin: 0 0 20px; } .interior #body #constituency .info ul li { list-style-type: none; margin: 0;} .interior #body #constituency .info .bodies { border: 1px solid #e5e5e5; } .interior #body #constituency .info .bodies h3 { font-size: 1.35em; line-height: 1.5em; color: #333; text-transform: none; padding: 5px; margin: 0; border-top: 1px solid #e5e5e5; cursor: pointer; height: 20px; background: url(/page/-/images/wrapper/btn-constituency-dropdown.png) no-repeat 100%; padding-right: 25px; overflow: hidden;} .interior #body #constituency .info .bodies h3.first { border-top: none; } .interior #body #constituency .info .bodies div { padding: 5px; border-top: 1px solid #e5e5e5;} .interior #body #constituency .info .bodies ul { margin: 0; font-size: 1.05em;} .interior #body #constituency .info .bodies ul li a { color: #1e7524; } .interior #body #constituency .news { width: 360px; float: right; margin-left: 0px;} .interior #body #constituency .news h2 { font-size: 1.6em; color: #333; margin: 0 0 10px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5;} .interior #body #constituency .news .entry img { float: left; margin-right: 10px; width: 60px;} .interior #body #constituency .news .entry .text { float: left; width: 290px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;} .interior #body #constituency .news .entry .text h3 { margin: 0; text-transform: none; margin-bottom: 5px; line-height: 1.2em; } .interior #body #constituency .news .entry .text h3 a { text-decoration: none; } .interior #body #constituency .news .entry .text h3 a:hover { text-decoration: underline; } .interior #body #constituency .news .entry .text span.dateline { line-height: 1.5em; font-weight: bold; color: #666; margin-bottom: 5px; display: block;} .interior #body #constituency .news h4 { margin-top: 10px; text-align: center; font-size: 1.1em;} .interior #body #people h2 { font-size: 1.4em; color: #333; margin: 10px 0 0;} .interior #body #people .column-1 { width: 185px; float: left; padding-right: 10px; color: #a3641c; font-size: 1.05em; line-height: 1.5em; border-right: 1px solid #e5e5e5;} .interior #body #people .column-1 img { margin: 0 auto 10px; display: block; } .interior #body #people .column-1 h5 { text-align: center; font-family: Futura, Helvetica, sans-serif; padding-bottom: 10px; color: #333; border-bottom: 1px solid #e5e5e5;} .interior #body #people .column-1 p { margin: 0 0 15px 0; color: #a3641c;} .interior #body #people .column-2 { width: 414px; float: left; color: #a3641c; font-size: 1.05em; line-height: 1.4em;} .interior #body #people .column-2 .top .top-left { padding: 0 15px 15px; width: 190px; float: left; border-right: 1px solid #e5e5e5; } .interior #body #people .column-2 h2 { margin-top: 0; } .interior #body #people .column-2 p { color: #a3641c;} .interior #body #people .column-2 .top .top-right { padding-left: 15px; width: 178px; float: left;} .interior #body #people .column-2 .top { border-bottom: 1px solid #e5e5e5; } .interior #body #people .column-2 .news h2 { padding: 5px 10px; border-bottom: 1px solid #e5e5e5; font-size: 1.5em;} .interior #body #people .column-2 .news .entry { padding: 10px; } .interior #body #people .column-2 .news .entry img { float: left; margin-right: 10px; width: 60px;} .interior #body #people .column-2 .news .entry .text { float: left; width: 390px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;} .interior #body #people .column-2 .news .entry .text h3 { margin: 0; text-transform: none; color: #a3641c; margin-bottom: 5px; line-height: 1.2em; } .interior #body #people .column-2 .news .entry .text h3 a { text-decoration: none; } .interior #body #people .column-2 .news .entry .text a { color: #a3641c; } .interior #body #people .column-2 .news .entry .text h3 a:hover { text-decoration: underline; } .interior #body #people .column-2 .news .entry .text span.dateline { line-height: 1.5em; font-weight: bold; color: #666; margin-bottom: 5px; display: block;} .interior #body #people .column-2 .news .entry .text p { color: #333; } .interior #people .column-2 .news h4 { margin-left: 10px; text-align: left; font-size: 1.1em;} .interior #people .column-2 .news h4 a { color: #a3641c; } .interior #people #quickSelect { padding: 2px; margin-bottom: 10px; border: 1px solid #CCC; width: 300px; } .interior #body #left .list h2.twitter { margin-top: 15px; } .interior .tweet { margin-top: 10px; } .interior .tweet .author { width: 65px; text-align: center; float: left;} .interior .tweet .status { width: 500px; float: left; margin-left: 10px;} .interior .tweet .status h4 { font-weight: bold; margin-bottom: 3px;} #twitter_box h5 { text-align: right; margin-bottom: 10px;} #twitter_box h5 a { color: #335335; } #twitter_box h5 a:hover { text-decoration: underline; } .homepage #news h2#press_releases { background: url(/page/-/images/wrapper/press_releases.png); width: 290px; height: 36px; } #media_box, #twitter_box { background: #cfdfed; margin-bottom: 10px; } #media_box.content .entry h4 { line-height: 1.2em; margin-bottom: 5px; } #media_box.content .entry { line-height: 1.4em; margin-bottom: 20px; } #media_box.content .entry a, #media_box a { color: #335335; } #media_box.content .entry img {border: 1px solid #CCC; margin-bottom: 3px; } #media_box h5 { text-align: right; } #body form#invitationpage { font-size: 1.2em; } #body form#invitationpage #body { padding: 5px; } form#invitationpage input.text {border: 1px solid #a7a7a7; padding: 5px; font: 12px Helvetica, Arial, sans-serif; color: #666; margin-top: 4px;} form#invitationpage textarea { border: 1px solid #a7a7a7; padding: 5px; font: 12px Helvetica, Arial, sans-serif; color: #666; margin-top: 4px;} form#invitationpage label { vertical-align: middle; text-transform: uppercase; font-size: 11px; } #signup {width: 425px; margin: 0px; font-size: 1.2em; padding-top: 0px;} #signup .text { border: 1px solid #a7a7a7; padding: 5px; font: 12px Helvetica, Arial, sans-serif; color: #666; margin-top: 4px;} #signup select { margin-top: 4px; } #signup td {padding-top: 7px;} #signup .input_email {width: 415px;} #signup .input_firstname {width: 190px;margin-right: 11px;} #signup .input_lastname {width: 200px;} #signup .input_addr1 {width: 415px;} #signup .input_addr2 {width: 415px; } #signup .input_city {width: 210px} #signup .input_zip {width: 115px; } #signup .select_country {width: 175px; margin-right: 15px;} #signup .input_phone {width: 178px; margin-right: 8px;} #signup #submit {text-align: left; margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-bottom: 15px; } #signup span.error { font-size: 11px; text-transform: uppercase; } #signup input.submit {margin-top: 5px; padding: 5px; border: 1px solid #999; text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; } #signup input.checkbox, #signup input.radiobutton {margin: 5px 5px; vertical-align: middle;} #signup label { vertical-align: middle; text-transform: uppercase; font-size: 11px; } #signup textarea {width: 415px; border: 1px solid #a7a7a7; padding: 5px; font: 12px Helvetica, Arial, sans-serif; color: #666; margin-top: 4px;} #signup span { display: inline;} #left #candidate_list table { width: 600px; margin-bottom: 20px; border: 0px; } #left #candidate_list td { width: 194px; padding: 3px; } #slideshow { position:relative; height:330px; width: 500px; margin-left: 10px; overflow: hidden; float: right; margin-bottom: 20px; } #slideshow IMG { position:absolute; top:0; left:0; z-index:8; } #slideshow IMG.active { z-index:10; } #slideshow IMG.last-active { z-index:9;} #donations-text { float: left; width: 410px; font-size: 13px; } #other-donations { background-color: #ececec; border: 1px solid #CCC; margin-top: 20px; padding: 10px; } #contribution .contribheader { text-transform: uppercase; padding-bottom: 5px; font-size: 14px; margin-bottom: 10px; } td.nested_table { padding-top: 4px; padding-bottom: 4px; } td.contribcolumn { padding-top: 4px; padding-bottom: 4px; } #share { position: relative; left: -20px; background-image: url(/page/-/images/misc/share-buttons.png); width: 600px; height: 55px; background-repeat: no-repeat; } #share li { list-style: none; float: left; } ul#share li a { text-indent: -9999px; display: block; height: 52px; } #share li#twitter { position: relative; left: 240px; width: 150px; } #share li#facebook { position: relative; left: 260px; width: 150px; } #invitationpage td.label label { position: relative; top: 11px; padding-right: 5px; } #invitationpage td { border-bottom: 0px; border-top: 0px; } td.contribcolumn { font-size: 12px; } #contribution .contribheader { text-transform: uppercase; padding-bottom: 5px; font-size: 14px; margin-bottom: 10px; } td.nested_table { padding-top: 8px; padding-bottom: 8px; } td.contribcolumn input { margin-top: 4px; margin-bottom: 8px; font-size: 12px; border: 1px solid #aaa; padding: 3px; } td.contribcolumn .fieldlabel { text-transform: uppercase; font-size: 12px; } td #country { margin-bottom: 8px; margin-top: 4px; width: 300px; font-size: 12px; } td.contribcolumn ol li { margin-left: 20px; } .legal_confirm_checkbox { border: 1px solid #aaa; margin-right: 5px; margin-top: 3px; } td.contribcolumn td.contribheader { border-bottom: 1px solid #aaa; } td.contribcolumn .radio { font-size: 15px; padding-left: 5px; } td.contribcolumn table.amounts { margin-top: 10px; } .contribcolumn-right table tbody tr td div { margin-bottom: 10px; line-height: 18px; margin-top: 10px; } #state_cd { margin-bottom: 10px; } #donations-text { float: left; width: 490px; } #contribution { float: right; } .contribcolumn-left { display: none; } .contribcolumn-right { display: block; } #contribution .error { text-transform: uppercase; padding: 5px 0px 0px 0px; display: block; } .contriberrorbanner strong { font-size: 14px; margin-left: 530px; display: block; line-height: 18px; font-weight: bold; } #processbutton { margin-top: 20px; margin-bottom: 10px; font-size: 14px; border: 1px solid #ccc; padding: 5px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: normal; margin-left: 15px; } input.submit { font-weight: normal; } #contribution table tbody tr td.contribbutton table tbody tr td { text-align: left; } #contribution label.error { color: red; font-size: 12px; } #contribution span.error { font-size: 12px; } .contriberrorbanner { color: red; font-size: 16px; font-weight: bold; padding-top: 15px; width: 400px; margin-left: 15px; border-bottom: 1px solid red; padding-bottom: 5px; } /* @group jCarousel */ /** This
element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 175px; height: 90px; } /* We set the width/height explicitly. No width/height causes infinite loops. */ /** The buttons are added dynamically by jCarousel before the