/* ---------------------------------------------------------- U.S. Center for Citizen Diplomacy CSS Designed by: Blue State Digital 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: #fff; } 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 ---------------------------------------------------------- */ html { background: #a5aa94 url(/page/-/images/body_bkgd.png) repeat-y center top; } body { color: #333; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } .base h1 { font-size: 17px; text-transform: uppercase; font-weight: 400; padding: 20px; color: #fff; background: #444; } .base h2 { font-family: Georgia, Times New Roman, Times, serif; color: #2079d7; font-size: 25px; margin: 10px 20px; } .base h3 { font-size: 15px; text-transform: uppercase; font-weight: bold; margin: 10px 20px; } .base h4 { font-size: 15px; font-weight: bold; margin: 5px 20px; } .base h5 { font-weight: bold; color: #666; margin: 0 20px; } .base h6 { margin: 0 20px; } .base p { margin: 10px 20px; line-height: 20px; } a { color: #3399ff; text-decoration: none; } a:hover { color: #ff7601; } blockquote { margin: 20px; padding: 20px 40px; background: #eee; line-height: 17px; } .base ul, .base ol { margin: 10px 80px; } .base ul li { list-style: square outside; } .base ol li { list-style: decimal outside; } .base ul li, .base ol li { padding: 0 10px; line-height: 17px; } .base li ol, .base li ul { margin: 0; } .base li ol li { list-style: lower-alpha outside; margin: 0 20px; } .base li ul li { list-style: circle outside; margin: 0 20px; } input.text { background: #fff; color: #2a2a2a; padding: 3px 8px; } /* 03 =LAYOUT ---------------------------------------------------------- */ #wrapper { width: 980px; margin: 0 auto; } #container { width: 980px; float: left; } #header { height: 120px; float: left; margin-bottom: 0} a#header-logo { background: #3170bb url(/page/-/images/header_logo.png) no-repeat 10px 25px; display: block; overflow: hidden; text-indent: -9999em; float: left; width: 590px; height: 74px; } form#qksignup { float: right; color: #2a2a2a; margin: 10px 0 0 0; width: 360px; display: inline; } form#qksignup legend { font-size: 16px; font-weight: 500; } form#qksignup input { float: left; display: inline; margin: 5px 10px 0 0; } form#qksignup input#qksignup-email { width: 160px; } form#qksignup input#qksignup-zip { width: 60px; } /* HEADER NAV MENU */ /*** ESSENTIAL STYLES ***/ #header ul.nav, #header ul.nav * { margin: 0; padding: 0; list-style: none; } #header ul.nav { line-height: 1.0; } #header ul.nav ul { position: absolute; top: -999em; width: 15em; /* left offset of submenus need to match (see below) */ } #header ul.nav ul li { width: 100%; } #header ul.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #header ul.nav li { float: left; position: relative; } #header ul.nav a { display: block; position: relative; } #header ul.nav li:hover ul, #header ul.nav li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } #header ul.nav li:hover li ul, #header ul.nav li.sfHover li ul { top: -999em; } #header ul.nav li li:hover ul, #header ul.nav li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } #header ul.nav li li:hover li ul, #header ul.nav li li.sfHover li ul { top: -999em; } #header ul.nav li li li:hover ul, #header ul.nav li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEFAULT SKIN ***/ #header ul.nav { font-weight: 500; width: 980px; margin: 0 auto; height: 20px; padding: 13px 0; line-height: 20px; text-transform: uppercase; background: #2a2a2a; float: none; clear: both; } #header ul.nav a { color: #fff; } #header ul.nav a, #header ul.nav a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; } #header ul.nav a:hover { color: #3170bb; } #header ul.nav li { border-left: 1px solid #3170bb; display: inline; float: left; height: 20px; text-align: center; padding: 0 37px; z-index: 9; } #header ul.nav li:first-child { border-left: none; } #header ul.nav li li { background: #444; padding: 5px 10px; border-top: none; border-bottom: 1px solid #2a2a2a; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; text-transform: capitalize; text-align: left; } #header ul.nav li li:first-child { border-left: 1px solid #2a2a2a; } #header ul.nav li li:hover { background: #3185d8; } #header ul.nav li li:hover a { color: #fff; } #header ul.nav li li li { border-top: 1px solid #2a2a2a; } #footer { background: #3170bb; font-size: 11px; color: #fff; padding: 20px 0 0 0; clear: both; float: none; } #footer ul.nav { padding: 0 20px 20px; margin: 0; } #footer ul.nav li { float: left; display: inline; width: 188px; } #footer ul.nav li ul { margin: 10px 0 0 0; } #footer ul.nav li li { float: none; display: block; } #footer ul.nav li a.nav-top { font-size: 10px; text-transform: uppercase; font-weight: bold; } #footer a { color: #fff; } #footer a:hover { color: #2a2a2a; } #footer p { background: #2a2a2a; text-transform: uppercase; font-size: 10px; text-align: center; padding: 20px; } #footer p a { text-transform: capitalize; text-decoration: underline; } #programs-search { background: #ff7601; color: #fff; } #programs-search legend { color: #fff; font-size: 17px; font-weight: 400; text-transform: uppercase; background: #e06700; padding: 10px; } #programs-search input.text, #programs-search select { display: block; margin: 10px 0 0; padding: 2px; } #programs-search select { font-size: 11px; } #programs-search input.submit { padding: 2px; width: 60px; display: inline; } #programs-search a#programs-add { color: #fff; background: url(/page/-/images/program_add.png) no-repeat 10px center; padding: 10px 10px 10px 40px; display: block; } #programs-search a#programs-add:hover { color: #2a2a2a; } #sidebar { width: 270px; float: right; padding: 0 0 10px; display: inline; margin: 0; } ul#sidebar-actions { line-height: 50px; font-weight: 400; font-size: 18px; text-transform: uppercase; } ul#sidebar-actions li { margin: 0 0 10px; } ul#sidebar-actions a { width: 270px; height: 50px; color: #fff; text-align: center; display: block; } ul#sidebar-actions a.diplomat { background: #ff7900; } ul#sidebar-actions a.share { background: #00aace; } ul#sidebar-actions a.donate { background: #17a91b; } ul#sidebar-actions a:hover { background: #3170bb; } #sidebar-events { background: #2a2a2a; width: 230px; padding: 10px 20px 20px; color: #fff; } #sidebar-events h2 { font-size: 17px; text-transform: uppercase; text-align: center; } #sidebar-events .entry { margin: 10px 0 0; background: none; } #sidebar-events .entry .date { float: left; width: 40px; font-weight: bold; text-align: center; margin: 0 10px 0 0; overflow: hidden; } #sidebar-events .entry .date .month { font-size: 9px; background: #f1841f; color: #fff; line-height: 15px; text-transform: uppercase; display: block; } #sidebar-events .entry .date .date { font-size: 19px; background: #fff; color: #000; line-height: 25px; } #sidebar-events .entry .description { float: left; width: 180px; } #sidebar-events .entry h3 { font-size: 15px; font-weight: bold; text-transform: capitalize; line-height: 15px; margin: 0 0 5px; } #cse-search-box legend { text-indent: -9999em; overflow: hidden; } #cse-search-box input#search-input { float: left; width: 175px; display: inline; } #cse-search-box input#search-submit { float: right; width: 66px; display: inline; } #sidebar #programs-search { margin: 10px 0; width: 270px; overflow: hidden; } #sidebar #programs-search legend { width: 250px; } #sidebar #programs-search .field { margin: 5px 20px; } #sidebar #programs-search input.text, #sidebar #programs-search select { margin: 5px 0 0; } #sidebar #programs-search input.submit { margin: 5px 20px 10px; } #sidebar #programs-search a#programs-add { background-color: #E06700; background-position: 20px center; padding-left: 50px; } #sidebar-socnet { background: #444444; width: 230px; padding: 10px 20px; overflow: hidden; margin: 10px 0; } #sidebar-socnet li { display: inline; float: left; padding: 0 7px; } #sidebar-socnet a { display: block; width: 39px; height: 39px; text-indent: -9999em; overflow: hidden; border: 2px solid #6c6c6c; } #sidebar-socnet a.facebook { background: url(/page/-/images/facebook.png) no-repeat; } #sidebar-socnet a.twitter { background: url(/page/-/images/twitter.png) no-repeat; } #sidebar-socnet a.youtube { background: url(/page/-/images/youtube.png) no-repeat; } #sidebar-socnet a.rss { background: url(/page/-/images/rss.png) no-repeat; } #sidebar-socnet a:hover { border: 2px solid #fff; } #content { float: left; width: 680px; background: #fff; margin: 0; padding: 0 0 10px; display: inline; overflow: hidden; } .full-width #content { width: 960px; background: #fff; } .index #content { background: #2a2a2a; width: 660px; padding: 10px; } #content a.rss { float: right; text-transform: capitalize; color: #fff; padding: 10px 10px 0 30px; line-height: 25px; height: 30px; background: url(/page/-/images/blog_rss.png) no-repeat left 13px; } #content a.rss:hover { color: #ff7601; } #content p.subtitle { font-style: italic; font-size: 11px; margin: 0 20px; line-height: 11px; } #content .date { color: #999; font-style: italic; } #content .date .disqus { font-style: normal; } #content .date .disqus a { color: #666; } .index #content h1 { float: left; background: none; } .index #content .entry { background: #fff; clear: both; float: left; margin: 10px 0 0; display: inline; width: 660px; } .index #content .entry h2 { padding: 10px 0 0; margin: 0 20px; line-height: 25px; } .index #content .entry .image { float: left; width: 170px; height: 200px; overflow: hidden; margin: 0 20px 0 0; } .index #content .entry .image img { height: 200px; } .index #content .entry p { line-height: 17px; } .index #content .entry p.subtitle { line-height: 11px; } #content p.pagination { font-weight: bold; color: #fff; clear: both; float: none; font-size: 15px; margin: 0; padding: 10px 0 0; } .entry #content h1 { margin: 0 0 20px; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #feature { float: left; width: 680px; height: 400px; padding: 0; position: relative; margin-bottom: 10px; } #cycle { width: 680px; height: 400px; z-index: 2; } #cycle { width: 680px; height: 400px; overflow: hidden; } #cycle .entry { width: 680px; height: 400px; position: relative; } #cycle .image { z-index: 3; position: relative; width: 680px; height: 400px; } #cycle .credit { color: #fff; font-size: 11px; position: absolute; bottom: 85px; padding: 10px; right: 0; width: 660px; height: 15px; text-align: right; z-index: 4; } #cycle .caption { background: rgba(42, 42, 42, 0.9); position: absolute; bottom: 0; height: 50px; width: 640px; padding: 20px; z-index: 5; } #cycle .caption .futura { font-weight: 200; color: #fff; text-transform: uppercase; font-size: 40px; } #pager { position: absolute; bottom: 2px; right: 10px; z-index: 8; width: 15px; } #pager a { display: block; text-indent: -9999em; overflow: hidden; background: #444; width: 15px; height: 15px; margin: 0 0 4px; border: 1px solid #444; } #pager a.activeSlide { background: #3399ff; } #pager a:hover { border: 1px solid #fff; } #home #programs-search { clear: both; display: inline; float: left; width: 960px; margin: 0 0 10px; position: relative; padding-bottom: 10px; height: 96px; } #home #programs-search legend { width: 940px; float: left; display: inline; } #home #programs-search .field { float: left; display: inline; margin: 0; width: 175px; padding: 10px 0 10px 5px; } #home #programs-search input.submit { position: absolute; top: 75px; right: 5px; width: auto; } #home #programs-search a#programs-add { position: absolute; top: 0; right: 0; line-height: 21px; height: 21px; } #home #programs-search input#programs-keywords { width: 163px; font-size: 12px; padding: 1px; display: inline; float: left; } #home #programs-search select{ padding: 1px; display: inline; float: left; width: 169px; } .main { padding: 10px; float: left; overflow: hidden; width: 960px; } #framework #SKIN .main { padding: 0; float: left; overflow: hidden; width: 640px; } #home h2 { font-size: 17px; text-transform: uppercase; text-align: center; color: #fff; } #home h2 a { color: #fff; } #home h2 a:hover { color: #ff7601; } #home #content { margin: 0; padding-bottom: 10px; float: left; display: inline; background: #2a2a2a; width: 660px; overflow: hidden; padding: 10px; } #home #content h2 { float: left; margin: 0; padding: 10px 0 0 50px; line-height: 30px; height: 45px; background: #2a2a2a url(/page/-/images/blog_logo.png) no-repeat 10px bottom; text-align: left; font-weight: 400; color: #fff; font-family: Arial, Helvetica, sans-serif; } #home #content h3 { font-family: Georgia, Times New Roman, Times, serif; color: #2079d7; font-size: 25px; padding: 10px 0 0; margin: 0 20px; line-height: 25px; font-weight: normal; text-transform: none; } #home #content p.pagination { text-align: right; } #home #sidebar-bottom { float: right; margin: 0 0 10px; width: 270px; display: inline; } #home #video { background: #2a2a2a; padding: 10px; text-align: center; } #home #video h2 { margin: 0 auto 10px; } #home #sidebar-flickr { background: #444; padding: 10px; } #ffeature { margin: 10px auto 0; width: 250px; border: 1px solid #999; } #fwrapper { position: relative; } #fcarousel { width: 221px; overflow: hidden; margin: 0 15px; } #fthumbnails { width: 5000px; } #fthumbnails div { float: left; margin: 0 10px 0 0; border: 1px solid #999; display: inline; } .fdescription { font-size: 11px; margin: 10px 0 20px; color: #c4caaf; text-align: center; } #fleft { background: url(/page/-/images/arrows.png) no-repeat; height: 14px; text-indent: -9999em; width: 15px; position: absolute; right: 235px; top: 23px; } #fright { background: url(/page/-/images/arrows.png) no-repeat -35px 0; height: 14px; text-indent: -9999em; width: 15px; position: absolute; right: 0; top: 23px; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #blog #content h1 { padding: 10px 0 0 50px; line-height: 30px; height: 45px; background: url("/page/-/images/blog_logo.png") no-repeat 10px bottom #2A2A2A; } #blog.index #content h1 { float: left; } #programs #content { background: #444; padding: 0; } #programs.search #content { background: #fff; } #programs #content #programs-search { background: #fff; color: #333; margin: 20px; } #programs #content #programs-search legend { background: none; color: inherit; font-size: inherit; padding: 0; text-transform: none; width: auto; } #programs #content #programs-search .field { margin: 10px 0; } #programs #content #programs-search input, #programs #content #programs-search select { font-size: 13px; margin: 5px 0 0; } #programs #content .entry { background: #fff; margin: 0 10px 10px; padding: 10px 20px 20px; } #programs #content .entry h2 { margin: 0 0 10px; } #programs #content .entry h3 { margin: 10px 0; } #programs #content .entry p { margin: 0; } #programs #content .entry div.contact, #programs #content .entry div.address { width: 310px; display: inline; } #programs #content .entry .contact { float: left; } #programs #content .entry .address { float: right; } #programs #content p.pagination { padding: 0 10px 10px; } #board #content h1 { margin: 0; } #board #content .entry { margin: 0 20px; padding: 20px 0; border-bottom: 1px dotted #dfe1d6; } #board #content .entry .thumbnail { width: 150px; float: left; margin: 0 10px 0 0; } #board #content .entry .description h4 { margin: 0 0 5px; } #board #content .entry .description p { margin: 10px 0 0; } #jobs #content h1 { margin: 0 0 20px; } #jobs #content .entry { margin: 0 20px 20px; border-bottom: 1px dotted #dfe1d6; padding: 0 0 10px; } #jobs #content h2 { font-size: 20px; } #jobs #content h3 { font-weight: normal; font-size: 13px; } #share-stories #content {padding-bottom: 0px;} #share-stories #content h1 { padding: 10px 0 0 50px; line-height: 30px; height: 45px; background: url("/page/-/images/blog_logo.png") no-repeat 10px bottom #2A2A2A; } #share-stories #content p.pagination { background: #444; padding: 10px; } #press #content h1 { margin: 0 0 20px; } #press #content h2 { font-size: 20px; } #videos #content p { margin: 10px 0; font-size: 12px; line-height: 16px; } #videos #content h2 { font-size: 20px; margin: 0 0 10px; } #videos #video-feature { margin: 10px; } #videos #video-feature .video { float: left; width: 480px; } #videos #video-feature .description { float: right; width: 160px; } #videos #video-gallery { background: #eee; padding: 20px; margin: 20px 10px 0; } #videos #video-gallery h2 { float: left; } #videos #video-nav { float: right; color: #aaa; font-size: 11px; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; } #videos #video-nav a { color: #aaa; } #videos #video-nav a:hover { color: #FF7601; } #videos ul#video-list { margin: 0; padding: 20px 0 0; border-top: 2px solid #fff; clear: both; float: none; } #videos ul#video-list li { list-style: none; margin: 0; line-height: normal; padding: 0; float: left; width: 135px; display: inline; margin: 0 10px 10px; overflow: hidden; height: 180px; } #videos ul#video-list li a.image { border: 1px solid #3399FF; margin: 0 0 5px; display: block; width: 120px; height: 90px; padding: 1px; background: #444; } #videos ul#video-list li a.image:hover { border: 1px solid #FF7601; } #videos ul#video-list h3 { font-size: 13px; line-height: 17px; font-weight: normal; text-transform: none; margin: 0; } #videos ul#video-list h3 a { color: #333; } #videos ul#video-list h3 a:hover { color: #FF7601; } #videos ul#video-list .date { font-size: 9px; margin: 0; } #sitemap #content ul, #sitemap #content ol { margin: 20px 40px; } #sitemap #content ul li, #sitemap #content ol li { text-transform: uppercase; } #sitemap #content li ol, #sitemap #content li ul { margin: 10px 0; } #sitemap #content li li { text-transform: none; } #search #content #cse-search-box { padding: 20px; } #disqus_thread { padding: 20px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ #framework { float: left; width: 640px; background: #fff; margin: 0; padding: 20px; } .full-width #framework { float: none; width: 920px; } #framework h2 { margin: 0 0 20px; } #framework h3 { margin: 10px 0; } #framework h4 { margin: 5px 0; } #framework h5 { margin: 0; } #framework h6 { margin: 0; } #framework p { margin: 10px 0; } #framework blockquote { margin: 20px 0; } #framework form#signup {} #framework form#signup input { border: 1px solid #dfe1d6; } #framework textarea#body { padding: 10px; } /* SKIN OVERRIDES Last Update: JUNE 2, 2010 NOTE: These definitions assume that framework elements have been wrapped in a div with the id "framework". For the YUI styles to work the body id should be "bsd" */ /*=TYPOGRAPHY ---------------------------------------------------------- */ #framework #SKIN h1, /*If you change the font-soze for h1 or it's top margin or padding properties be sure to change the top margin property for "#SKIN #account_actions" such that the base line for the elements within line up with h1 in control_set div*/ #framework #SKIN .basic .main #eventdetail .title, /*Event Title*/ #framework #profiledetail #sectionheader, #framework #stdheader #title /*Page title on Outreach pages*/ { font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 6px; } /*if using cufon or typekit for headers be sure to target the following header ids/classes #titletext - header for Outeach pages .headertitle — header for Comunity pages */ #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework #SKIN h2, #framework #sectionheader, #framework #SKIN .widget_header, #framework #SKIN .widget_title, #framework #community .communitypostinlist .title, /*Blog post title on community web page*/ #framework #community .header, /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework a#host-button, #framework #loginform .logintitle, #framework #signupform .signuptitle, #framework #outreach_content #loginform .logintitle, #framework #outreach_content #signupform .signuptitle, #framework #manageform .managetitle, #framework #forgotpw .header { font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; } #framework #signup .error{color:red;} #framework #SKIN h3, #framework #SKIN .basic .main .typedescheader, #framework #community .postlist table.head .text, /*Table heading on Community Dashboard page*/ #framework #community .subheader, /*Subheader on the Community Blog Entry Preview page*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead { font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 6px; } #framework #SKIN h4, #framework #SKIN h5 { font-size: 12px; font-weight: bold; line-height: 18px; } /*HEADERS WITH BOTTOM BORDERS*/ #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework #sectionheader, #framework .sectionheader, #framework #SKIN .header, #framework #SKIN .basic .main .typedescheader, #framework #community .header /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework #stdheader, /*Header for Outreach pages*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead, #framework #manageform .managetitle, #framework #forgotpw .header { border-bottom: 1px solid #ddd; padding-bottom: 3px; } /*WIDGET HEADERS*/ #framework #SKIN .widget_header { background: #eee; border-bottom: 1px solid #ddd; margin-bottom: 6px; padding: 5px 10px; position: relative; } /*SUB-HEADERS*/ #framework #SKIN .widget_subheader, /*Widget Subheader on the dashboard*/ #framework #community .subheader /*Subheader on the Community Blog Entry Preview page*/ { background: #F2F7F7; border-bottom: 1px solid #ddd; padding: 5px 10px; } /*=BUTTONS ---------------------------------------------------------- */ /*INPUT BUTTONS*/ #framework input[type=button], #framework input[type=submit], #framework .submit, #framework #invitationpage #submit_button, #framework #date-filter, #framework .loginbutton input, #framework .signupbutton input { background-color: #e06700; padding: 5px; font-weight: bold; color: #fff; } /*Targets most Buttons*/ /*INPUT HOVER STATES Note this will only work for modern browsers*/ #framework input[type=button]:hover, #framework input[type=submit]:hover, #framework input:hover.submit, #framework #invitationpage input:hover#submit_button, #framework button:hover#date-filter, #framework .loginbutton input:hover, #framework .signupbutton input:hover { background-color: #ff7601; } /*CONTACT IMPORTER BUTTOM FOR SHARE AND INVITE FORMS*/ #framework #contact_importer_button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; background-color: inherit; color: inherit; } /*You can change the background color to match your other input button styles*/ /*=PLEASE DO NOT DELETE OR MODIFY ANY OF THE STYLES BELOW ---------------------------------------------------------- */ #framework #SKIN #widget_directory_search_groups_by_keyword { float: none !important; } /* 07 =UTILITY ---------------------------------------------------------- */ .cufon-loading .cufon { visibility: hidden !important; } #dsq-content .dsq-item-cp { display: none; } /* hides community page link */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl { float: left; margin: 0; padding: 0 20px 10px; } .floatr { float: right; margin: 0; padding: 0 20px 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;} /* 08 = SUMMIT ---------------------------------------------------------- */ #summit #content #sponsorship h3{background: #17a91b; padding: 5px 5px; color:white; margin: 0 0 5px 15px;} .button { display:block; width:250px; height:50px; text-indent:-9999px;} .button a { display:block; width:100%; height:100%; background:url(/images/uploads/summit-register.png) no-repeat top left; outline:none;} .button a:hover { background-position:0 -50px;} /* 09 = SHARE-STORIES ---------------------------------------------------------- */ .story { display:block; width:21.5em; float:left; margin: 10px 10px 25px 12px; height:270px; padding-top: 1px;padding-right: 10px;padding-bottom: 20px;padding-left: 5px;-moz-border-radius: 8px; -webkit-border-radius: 8px;overflow:hidden; } .story .share-story-description { text-align:left; padding-top: 5px; } body#bsd .button {text-indent: 0!important;}