/* ---------------------------------------------------------- Call a Convention CSS Managed by: Blue State Digital Last Update: May 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background-color: #462015; background: #462015 url(/page/-/call-a-convention/images/layout/bg.jpg) no-repeat top center; font-size: 1em; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { 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; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { padding-bottom: 20px; color: #23110c; } .base h1 { font-size: 2.3em; margin-bottom: 20px; color: #b07d1c; border-bottom: 1px solid #666; padding-bottom: 10px; font-weight: normal; text-transform: lowercase; font-variant: small-caps; letter-spacing: .1em; } .base h2 { font-size: 1.3em; color: #b07d1c; font-style: italic; margin-bottom: 15px;} .base h3 { color: #23110c; text-transform: lowercase; font-variant: small-caps; font-size: 1.3em; font-weight: normal; letter-spacing: 0.1em;} .base h3 strong { font-weight: normal; } .base h4 { } .base p { line-height: 1.2em; margin-bottom: 0.8em; text-indent: 0; font-size: 0.9em; color: #23110c; } .base { color: #23110c; } p.date { } h1.alt em { display: block; font-size: 0.6em; text-transform: capitalize; font-variant: normal; color: #23110c; } h1.alt { letter-spacing: 0.08em; font-size: 1.9em; line-height: 0.7em;} a { color: #c1891f; text-decoration: none;} a:hover { text-decoration: underline; } blockquote { color: #333; } .base ul, ol { font-size: 0.9em; margin-bottom: 10px; line-height: 1.3em; color: #23110c; } .base ul li { list-style-type: disc; } .base ol li { list-style-type: decimal; margin: 10px 0; line-height: 1.3em; } .base ol { } .base ul li, .base ol li { } .base li ol { margin-bottom: 0; margin: 10px 0 10px 20px; } .base li ul { margin-bottom: 0; margin: 10px 0 10px 20px; } #navigation ul{ margin: 0; padding: 0; } #navigation li { margin: 0; padding: 0; } /* 03 =LAYOUT ---------------------------------------------------------- */ #home #wrapper { width: 970px; margin: 0 auto; padding-top: 0px; background: url(http://action.change-congress.org/page/-/call-a-convention/images/layout/wrapper-bg.jpg) top ; border-bottom: 40px solid #24120d; } #wrapper { width: 970px; margin: 0 auto; padding-top: 0px; background: url(http://action.change-congress.org/page/-/call-a-convention/images/layout/wrapper-bg-repeat.jpg) top ; border-bottom: 40px solid #24120d;} #header { width: 970px; display: block; margin: 0 auto;background: url(/page/-/call-a-convention/images/header/header-bg.png) no-repeat top left; margin-top: 20px; height: 110px; padding-top: 30px; } #logo { float: left; margin: 10px 20px; position: relative; z-index: 99;} /* Header */ #quicksignup p { color: #fff; font-size: 1em;} #header-sign-up {font-family: Helvetica, Arial, sans-serif; width: 330px; display: block; margin-left: 630px; font-size: 12px; padding-right: 20px; margin-top: 0px;} #quick-email { width: 130px; margin-top: 5px; padding: 5px; color: #666; } #quick-zip { width: 80px; margin-top: 5px;padding: 5px; color: #666; } #quick-submit { position: relative; top: 10px; } #header-summary { width: 285px; float: left; margin-top: 20px; padding-right: 15px;} #header-signup-form { margin-top: 20px; padding-right: 15px; width: 320px; float: right;} #header-signup-form input[type=text] { color: #666 ; padding: 5px; font-size: 0.83em; } #header-signup-form input#quick-email { width: 140px; } #header-signup-form input#quick-zip { width: 80px; } #header-signup-form #quick-submit {width: 60px; font-size: 0.9em; } #header-signup-form #quicksignup fieldset { margin-top: 10px; } #nav { clear: both; background: url(/page/-/call-a-convention/images/header/nav-bg.jpg); z-index: 5; position: relative; display: block; width: 970px;} #nav ul { display: block; margin: 0 auto; width: 890px; height: 30px; padding: 10px 0;} #ideaScale_Body #nav { height: 40px; font-size: 1.1em; } #nav ul li a { color: #c1891f; display: inline; padding: 8px; margin: 10px 10px;} #nav ul li a:hover { background: #c1891f url(/page/-/call-a-convention/images/header/nav-bg-grad.jpg); color: #000; text-decoration: none; } #nav ul li { display: inline; font-size: 1em; text-transform: uppercase; letter-spacing: 0.15em; } /* #nav ul li a em { font-size: 0.7em; letter-spacing: 0; margin: 0 -2px 0 0; line-height: 200%; margin-bottom: 2px;} */ #home #content { margin-top: 0; position: relative; top: 0; } #content { clear: both; margin-top: 0px; position: relative; top: 30px;} #text-block { width: 550px; float: left; margin: 0 10px; padding: 40px; margin-bottom: 10px; background-color: #eee7d5; } #text-block p { color: #2311oc; } #content.clearfix { position: relative; top: 0px; background: url(/page/-/call-a-convention/images/layout/wrapper-bg-repeat-bottom.jpg) no-repeat bottom;} .full-width #text-block { width: 870px; } /* Sidebar */ #sidebar { width: 306px; float: right; margin-right: 13px; color: #eee7d5;} #sidebar li { list-style-type: none; clear: both; } #sidebar p, #sidebar h1, #sidebar h2, #sidebar h3 { color: #eee7d5; } ul#action { width: 250px; margin: 0 auto; } ul#action li { list-style-type: none; } div#taut.module { padding: 7px; } div#taut.module img { width: 100%; } div#action-links.module { padding-top: 30px; } #sidebar #facebook-like { background: #fff; } #sidebar-facebook { background: url(/page/-/call-a-convention/images/sidebar/sidebar-icons.png) no-repeat top left; padding-left: 50px; height: 31px; display: block; padding-top: 13px; text-transform: uppercase; letter-spacing: 0.1em; font-size: 11.5px; margin-bottom: 5px; } #media-center li { width: 120px; float: left; margin: 5px; display: inline; clear: none; } #media-center li a { text-transform: uppercase; } #media-center li a:hover { text-decoration: none; border: 0; } #media-center { width: 260px; display: block; margin: 0 auto; } #media-center li a#video { background: url(/page/-/call-a-convention/images/sidebar/sidebar-icons.png) no-repeat top left; background-position: 0 -312px; padding-left: 50px; height: 38px; display: block; padding-top: 5px; text-transform: uppercase; letter-spacing: 0.1em; font-size: 11.5px; margin-bottom: 5px; } #media-center li a#podcast { background: url(/page/-/call-a-convention/images/sidebar/sidebar-icons.png) no-repeat top left; background-position: 0 -371px; padding-left: 50px; height: 38px; display: block; padding-top: 5px; text-transform: uppercase; letter-spacing: 0.1em; font-size: 11.5px; margin-bottom: 5px; width: 85px; } #sidebar-facebook em, #sidebar-twitter em { font-size: 12.5px; } #sidebar-twitter { background: url(/page/-/call-a-convention/images/sidebar/sidebar-icons.png) no-repeat 0 -65px; padding-left: 50px; height: 31px; display: block; padding-top: 13px; text-transform: uppercase; letter-spacing: 0.1em; font-size: 11.5px; margin-bottom: 5px; } li.state a { background: url(/page/-/call-a-convention/images/sidebar/sidebar-icons.png) no-repeat top left; padding-left: 50px; height: 31px; display: block; padding-top: 13px; text-transform: uppercase; letter-spacing: 0.1em; font-size: 16.5px; margin-bottom: 5px; } li.state a:hover { text-decoration: none; } li#florida a { background-position: 0 -117px; } li#oregon a { background-position: 0 -220px; } li#rhode-island a { background-position: 0 -168px; } li#south-carolina a { background-position: 0 -267px; } #sidebar-facebook:hover, #sidebar-twitter:hover { text-decoration: none; } /* Footer */ #footer-links { width: 960px; margin: 0 auto; margin-top: 5px; text-align: center; color: #fff; font-family: Helvetica, Arial, sans-serif; font-variant: small-caps; text-transform: lowercase;} #footer ul { position: relative; top: 20px; font-size: 1em; margin-left: 130px;} #footer-links p { color: #eee7d5; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #hero { display: block; margin-top: 10px; height: 276px; width: 947px; margin: 0 auto; overflow: hidden; background: transparent; } #hero-cycle { display: block; height: 276px; width: 947px; margin: 0 auto; overflow: hidden; background: transparent; } #hero-cycle div.entry { height: 276px; width: 947px; background: transparent; } #hero img { display: block; width: 947px; background: transparent;} #home-rotator-2 div.hero-image.clearfix a { width: 947px; } p.firstP { font-size: 21px; margin-bottom: 20px; } .hero-text { display: block; background: rgb(0,0,0); background: rgba(0,0,0,0.7); height: 40px; clear: both; position: relative; top: -75px; padding: 15px 20px 20px; color: #fff; width: 910px;} .hero-text h2 { color: #fff; font-style: normal; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 5px; } .hero-image { background: transparent; } .hero-text p { color: #fff; } #hero-pager { position: relative; z-index: 99; float: right; margin-top: -60px; margin-right:20px;} #hero-pager a { background: rgba(0,0,0,0.4); padding: 5px 10px;margin: 0 3px; color: #c1891f; } #hero-pager a.activeSlide { color: #fff; background: rgba(0,0,0,0.8);} #hero-pager a:hover { background: rgba(0,0,0,0.8); text-decoration: none; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #IdeaScale_Navigation_Sidebar { margin-top: 45px; } #IdeaScale_Body_Area div p { margin: 5px 0; } #text-block blockquote { border-left: 1px solid #999; padding-left: 20px; font-size: 0.9em; line-height: 1.4em; } #text-block blockquote p { line-height: 1.3em; color: #2e2e2e; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ label.field { font-weight: normal; display: inline;} #signup .fieldset label.field { font-weight: normal; color: #efefef; color: #23110c; margin: 10px 0; display: block; margin-top: 0; } #signup tbody tr td table tbody tr td div.fieldset div.input { margin-bottom: 0; } #signup .label { display: inline; } #signup tbody tr td table tbody tr td div.fieldset div.input { display: inline; float: left; } #signup tbody tr td table tbody tr td div.fieldset div.input label { color: #23110c; margin-left: 10px; } #required_note span { color: #23110c; } div.input { margin-bottom: 10px; } #invitationpage div table tbody tr td.label label { color: #23110c; } #invitationpage div table tbody tr td.field { color: #23110c; } #bsd #contact_importer_button { width: 310px; float: left;} /*=GENERAL STYLES -----------------------------------------------------*/ #framework { color: #23110c; } #framework td, #framework th { padding: 2px 0; font-size: 1.2em; } /*Adds vertical spacing between the rows of form elements*/ #framework .checkbox, #framework .radiobutton, #framework .label, #framework .text { margin: 0 5px 0 0; display: inline;} /*Adds spacing to the right of check boxes and radio buttons*/ #framework .label, #framework .fieldlabel { text-transform: capitalize; } /*targets label elements in form*/ #framework input.text, #framework textarea { margin: 2px 5px 2px 0; padding: 3px; font-family: Helvetica, Arial, sans-serif; } /* Adds spacing around text input fields*/ #framework .submit, #framework #invitationpage #submit_button, #framework #date-filter { margin: 1em 0 0 0; } /*Targets most Buttons*/ #framework #captcha_container #captcha_buttons { line-height: 0; margin: 0; } /*Removes vertical spacing between captcha buttons*/ /*=LOGIN and SIGN-UP FORMS*/ #framework #loginform, #framework #signupform { background: none; border: none; width: 600px; } #framework #loginform .logintitle, #framework #signupform .signuptitle { border-bottom: 1px solid #ccc; color: #333; margin: 0 0 5px 0; padding: 15px 10px 10px; text-align: left; text-transform: capitalize; width: 100%; }/*text formatting and spacing of log in and sign up box headers*/ #framework #loginform table, #framework #signupform table { background: none; border: none; margin: 10px 0; padding: 10px 0; } #framework #loginform td, #framework #loginform th, #framework #signupform td, #framework #signupform th { padding: 2px 10px; text-align: left; } #framework #loginform th, #framework #signupform th { width: 100px; } #framework #loginform table .loginbutton, #framework #signupform table .signupbutton { padding: 20px 10px 10px; } /*padding around submit buttons*/ /*=CONTRIBUTIONS*/ #framework #contribution td.contribheader { border-bottom: 1px solid #eee; } #framework #invitationpage .label { width: 12%; } #framework #invitationpage input { font-size: 0.55em; } #framework #contribution td.contribbutton table td { padding: 10px 0; text-align: left; }/*Left aligns the contribute submit buttons and increse the vertical spacing above it*/ /*=Invitation*/ #framework #contact_importer_button { margin: 6px 0; } #framework #invitationpage td.label { text-align: left; } /*=THE EVENT TOOL -----------------------------------------------------*/ /*USER CONTROL PANEL*/ #framework #SKIN #control_set { background: none; margin: 0 0 20px 0; } #framework #SKIN #account_actions a { font-size: inherit; } #framework #SKIN .basic .main { padding: 10px; float: left; width: 94%; font-size: 1.2em; } #framework #SKIN .basic .main .header, #framework #SKIN .basic .main #sectionheader { border-bottom: 1px solid #ccc; color: #333; letter-spacing: .1em; margin: 1em 0 10px 0; padding: 5px 0; text-transform: uppercase; } #framework #SKIN #friends_tabs .active_tab, #framework #SKIN #friends_tabs .inactive_tab { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 6px; 4px } #framework #SKIN #friends_tabs .inactive_tab { background: #ccc; } #framework .module_constituent { margin: 0 0 30px 0; }/*Bottom margin on Constituent header*/ /*=CREATE AN EVENT*/ #framework #eventcreate .firstform { border-bottom: 1px solid #ccc; margin: 0 0 20px 0; }/*This targets elements in the table containing the zip code and event type on the second step of the "Create Event" process*/ #framework #eventcreate .firstform .button { padding: 0 0 10px 0; } #framework #eventcreate .firstform th { color: #333; font-weight: normal; width: 45%; font-family: Helvetica, Arial, sans-serif; margin: 5px 0; padding: 10px 0;} #framework #SKIN #eventcreate h3 { border-bottom: 1px solid #ccc; margin-top: 20px; font-size: 2em;} #framework #SKIN .form_label { font-weight: normal; font-size: 1.2em;} #framework .typedescheader { font-weight: bold; } /*Targets the Event Type listing header*/ #framework .typedesc td { padding: 5px 0;} /*Targets the table cells in the Event Type listing table*/ /*=FIND AN EVENT*/ #framework #filters { float: left; margin-right: 20px; width: 35%; } #framework #calendar { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 10px; padding: 10px; }/*styles the calendar container on the Event search page*/ #framework #calendar .calweekdayrow { font-weight: bold; } #framework .calheader { border-bottom: 1px solid #ddd; padding: 5px 0; } /*=Results*/ #framework #event_map { padding: 10px 0; border-bottom: 1px solid #ccc; } /*Styles for the div containing the map*/ #framework #event_result_container { margin: 0; padding: 10px 0; } #framework h3#count { float: none; font-size: 14px; padding: 0; } #framework #event_results { float: right; margin: 0; width: 60%; } /*Tabs*/ #framework #event_order { clear: both; float: left; margin: 0 0 10px 0; padding: 0; width: 100%; } #framework ul#event_order li { top: 0; } #framework #event_order li { background: none; display: inline; float: left; list-style: none; margin: 0 10px -1px 0; padding: 0; } /*Results sort options li*/ #framework ul#event_order li a { background: none; display: block; padding: 4px 10px; } #framework ul#event_order li.active a { background: #fbfdef; border: 1px solid #cccec1; border-bottom: 1px solid #fbfdef; } /*This ideally should be the background color of your content div*/ /*=Event Listing*/ #framework #event_results .event { border-bottom: 1px solid #ccc; padding: 10px 10px 10px 0; } #framework #event_results .first { border-top: none; border-bottom: 1px solid #ccc; } #framework #event_results .datebox { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 10px; padding: 5px 0; text-align: center; } /*This controls the margin around the date and distance boxes in the event search result listing*/ #framework #event_results .datebox .calendardate { margin-bottom: 0; } #framework #event_results .event_footer .links a { text-decoration: none; } /*Link style for buttons in the event footer*/ #framework #event_results .event_type { font-weight: bold; padding: 3px; } /*Targets the event type in the event footer*/ #framework #event_results .event_footer .links .rsvp_button a, #framework #event_results .event_footer .links .detail_button a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px; } /*Targets the "Details" and "RSVP" buttons on the Event search results page*/ #framework #noresults, #framework #results { clear: both; } #framework #event_list { clear: both; } /*=EVENT DETAIL*/ #framework #SKIN #detailtable { background: none; border: none; } #framework #SKIN #detailtable th { font-weight: bold; } /*=SOCIAL NETWORK SKIN -----------------------------------------------------*/ /*=MANAGE YOUR ACCOUNT*/ #framework #manageform .managetitle { color: inherit; padding: 1px 0 10px 0; } /*Module headers for the Manage Your Account page*/ #framework #manageform table { background: #eee; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #framework #manageform table th { padding-right: 10px; } #framework #manageform table .managebutton { padding: 10px 0 20px; } /*=INVITATION*/ #framework #contact_importer_button { margin: 6px 0; } #framework #invitationpage td.label { text-align: left; } /*=OUTREACH*/ #framework #outreachsplash #outreachsplashsearch, #framework #outreachsplash #outreachsplashcallout { background: #fff; border: 5px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #framework #outreachsplash #outreachsplashsearch .leadersheader { border-bottom: 1px solid #eee; padding: 0 0 5px 0; } #framework #stdheader { border-bottom: 1px solid #ddd; padding: 5px 0; } #framework #stdheader #title { color: #111; padding: 10px 0; } #framework #stdheader #title, #framework #stdheader #links { } #framework #SKIN #blue_hat { background: none; } .base #framework #SKIN #blue_hat li { background: #fff; border: 1px solid #b74cb7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; list-style: none; padding: 4px 6px; } #framework #SKIN #blue_hat a { color: #b74cb7; } #framework #SKIN #blue_hat a:hover { background: none; color: #111; } #framework #titletext { margin: 0 0 5px 0; } #framework #breadcrumb { font-size: 12px; line-height: 18px; } #framework #outreachsettings { border: 5px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /*=PROFILE*/ #framework #profiledetail form { background: #fff; border: 5px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; margin: 10px 0; } /*=COMMUNITY BLOGS*/ #framework .communityheader { border-bottom: none; } #framework #community .todo { background: #fff; border: 5px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /*=FUNDRAISING*/ #framework .omhead { border-bottom: none; } #framework .omform, #framework #odgettingstarted { background: #fff; border: 5px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #framework #odgettingstarted { padding: 10px; } #framework .odsechead { border-bottom: 1px solid #eee; color: #333; padding: 0 0 5px 0; } #framework .odaddressaction { background: #fff; border-color: #333; margin: 10px 0; } #framework .omform th { text-align: left; } #framework tr { color: #333; margin: 5px 0; } #SKIN #framework tr.odd, #SKIN #framework tr.even { font-size: 1.4em; } #event_rsvp div.table_container table.firstform tbody tr { margin: 5px 0; } #framework #SKIN h1 { font-size: 3em; color: #b07d1c; font-weight: normal; } #framework #invite_form h3 { font-size: 2em; } #SKIN div.basic.container #account_actions a { font-size: 1.3em; font-weight: normal; } #SKIN div.basic.container #account_actions { font-size: 1.3em; font-weight: normal; padding-top: 10px;} #event_rsvp div.table_container table.firstform tbody tr td.error { font-size: 1.2em; font-weight: normal; } #framework th.form_label, #framework p.instructions, #framework h2.header, #framework .formlink a, #framework input, #framework #event_radius_unit, #framework tr th, #detailtable tbody tr td, #SKIN #eventdetail p, #SKIN #eventdetail p a, #SKIN #fixed_body { font-weight: normal; font-size: 1.2em; } #contribution { font-size: 0.5em; } #invite_table textarea.contact_importer_email { font-size: 1.2em; width: 100%; } h2#sectionheader { font-style: normal; } #eventcreate p.instructions { font-size: 1.4em; line-height: 1.6em; } #framework h2.header { font-size: 1.7em; text-transform: lowercase; font-style: normal;} #secondform div table tbody tr td.field { font-size: 1.2em; } #signup .fieldset, #signup #addr2, #signup #required_note, #invitationpage .field, #invitationpage .label { font-size: 0.55em; } #invitationpage .field, #invitationpage .label { font-size: 0.8em; } #framework h2 { font-size: 2.3em; margin-bottom: 20px; color: #b07d1c; border-bottom: 1px solid #666; padding-bottom: 10px; font-weight: normal; text-transform: lowercase; font-variant: small-caps; letter-spacing: .12em; } #framework #speakout div.speakout h3 span div input.btn, #speakout div.speakout h3 span div input.btn-over, #participate div table tbody tr td input.landing-button.submit, #participate div table tbody tr td input.landing-button { font-size: 0.7em; padding: 10px; background: #b07d1c; background: rgba(176,125,28,0.8); border: 0; margin: 10px; } #speakout div.speakout h3 span div input.btn-over, #participate div table tbody tr td input.landing-button-over { background: #b07d1c; background: rgba(176,125,28,0.7); border: 0; font-size: 0.7em; margin: 10px; } #participate div { padding: 10px; background: #eee7d5; border: 0; } #participate div table tbody tr td strong { font-weight: normal; font-size: 0.7em; } #participate div table tbody tr td input#zip { padding: 5px; font-size: 0.7em; } #participate div table, #participate div table tbody, div#speakout form#participate table, div#speakout table#landing div.goal div table { background: #eee7d5; border: 0; position: relative; left: -20px; border-left: 1px solid #999; padding-left: 10px;} #address_table tbody tr td label { font-weight: normal; } #address_table tbody tr td b label { font-weight: normal; } #recipient_table tbody tr { margin: 8px 0; display: block;} #speakout_form input.text, #speakout_form textarea#body { font-size: 0.7em; padding: 5px; font-family: Helvetica, Arial, sans-serif;} #speakout ul li { margin: 5px 10px; } #tip-1, #tip-2 { position: relative; top: -2px; } #speakout #speakout_form td { font-size: 1em; } #step-3 td table.step tbody tr td.label span.edit a { margin-bottom: 4px; } /* 07 =UTILITY ---------------------------------------------------------- */ .button { } .button a { } .module { background-color: #29140e; color: #fff; padding: 10px; display: block; margin-bottom: 10px;} .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} #action li.item a { font-size: 16.5px; text-transform: uppercase; width: 100%; height: 44px;;display: block; background: #ecb400 url(/page/-/call-a-convention/images/sidebar/button-overlay.png) bottom left repeat-x; margin: 5px 0; color: #180c08; text-align: center; line-height: 250%;} #action li.item a:hover { background-color: #ffc200; text-decoration: none; } #action li.item a em { font-size: 12.5px; } /* IdeaScale fixes */ body.site #page { background-color: #eee7d5; -webkit-box-shadow: 0px 0px 0px #000; -moz-box-shadow: 0px 0px 0px #000; border: 0; } body.site #header { height: 50px; padding: 50px 0; display: block; } body.site #sidebar { width: 250px; color: #666;} body.site { color: #000; background-color: #462015; background: #462015 url(/page/-/call-a-convention/images/layout/bg.jpg) no-repeat top center; font-size: 1em; } body.site #main { margin-left: 20px; } body.site #sidebar h3 { color: #333; padding: 10px; } body.site label.h3 { font-size: 1em; } body.site #header { margin-top: 0; background-color: #462015; height: 160px; padding: 0; border: 0; margin-bottom: 25px;} body.site #search { margin-right: 20px; } body.site #page #header #logo { width: 40px; margin-top: 40px; } body.site #session { margin-top: 15px; margin-right: 20px; } body.site #skip { display: none; } body.site #sidebar div.section.tag-cloud { background: #fff; } body.site #sidebar div.section.tag-cloud a { margin: 5px; display: block; } body.site #sidebar #other-stats, #sidebar #ideas-stats { color: #666; } body.site textarea.big-field { margin-top: 10px; } body.site textarea.required { color: #666; } body.site #nav ul { width: 910px; padding-top: 0; } body.site #nav ul li a { font-size: 0.85em; font-weight: bold; font-family: "Arial Rounded MT Bold", Helvetica, Arial, sans-serif; }