/* CSS Declarations will be here */ *{margin:0; padding:0; background-repeat: no-repeat;} h1{ margin-bottom:20px; font-size:40px;} h1, h2, h3{ font-family:Georgia, "Times New Roman", Times, serif; color:#CC0000;} p{ margin-bottom:15px;} a:link, a:visited{ color:#004276; text-decoration:none; outline:none;} a:hover, a:active{ text-decoration:underline;} ul{ list-style:square;} textarea{ -moz-border-radius:5px;} body{background-color:#fcfcfc; margin:0; background-image:url(images/header_bckgrnd.gif); background-repeat:repeat-x; background-position:0 0; font-size:13px; text-align:left; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;} /* UTILITY NAVIGATION --------------------------------------------*/ #navigation #utility-nav{ float:left; height:30px; margin-top:5px; } #navigation #utility-nav ul{list-style:none; margin:0;} #navigation #utility-nav ul li{ float:left;} #navigation #utility-nav a{ margin-right:8px; border-right: 1px solid #666; padding-right:8px; } #navigation #utility-nav ul li.more a{ border:none; } #navigation #utility-nav a#first{ margin-left:0;} #navigation #utility-nav a#contr{ color:#CC0000;} #navigation #user-nav{ float:right; height:30px; margin-top:5px; text-align:right; } #navigation #utility-nav .more ul{ display:none; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background-color:#333333; opacity:.8; filter: alpha(opacity=80); -moz-opacity: 0.8; padding:10px; position:absolute; left:auto; width:300px; margin-left:-9px; margin-top:-2px; z-index:10; } #navigation #utility-nav .more ul li{ width:280px; padding:2px 10px;} #navigation #utility-nav .more ul li:hover{ background-color:#000000; -moz-border-radius:5px;} #navigation #utility-nav .more ul li a{ display:block; width:300px; color:#EEEEEE;} #navigation #utility-nav .more ul li a:hover{ color:#FFFFFF; font-weight: bold; text-decoration:none;} /* #navigation #utility-nav li:hover ul { border: 1px solid #CCC; visibility: visible;} */ .pretty-hover{ display:block !important;} /* HEADER --------------------------------------------*/ #header{ height:172px; width:100%; position:relative; margin-bottom:20px; } #header-inner { position: relative; height:172px; } #header #logo { background-image:url(images/logo.gif); background-repeat:no-repeat; background-position:0 0; width:526px; height:118px; float:left; overflow:hidden; display:block; position:relative;} #header #logo a{ width:526px; height:118px; text-indent:-9999em; float:left; overflow:hidden; display:block;} #header #header-search{ height:26px; position:absolute; bottom:15px; right:0;} #header #header-search label{display:none;} #header #header-search span.query{ background-image:url(images/search_input.gif); width:278px; height:26px; float:left; } #header #header-search span.query input{background-color:transparent; border:medium none; height:18px; padding:6px 0 0 30px; width:248px;} #header #header-search span.submit{ width:42px; height:26px; float:left;} #header #header-search span.submit input{ background-image:url(images/search_button.gif); border:medium none; width:42px; height:26px; padding-top:26px; overflow:hidden; display:block; color:transparent; } #header #issue-nav{ position:absolute; left:0; bottom:11px; width: 600px; height:28px;} #header #issue-nav ul{ margin:0; list-style:none; width: 600px; height:28px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;} #header #issue-nav ul li{ height:28px; overflow:hidden; float:left; width:127px; margin-right:5px; } #header #issue-nav ul li a{ height:0; padding-top:28px; background-position:0 -28px; overflow:hidden; display:block; background-repeat:no-repeat; float:left; width:127px; } #header #issue-nav ul li#economy a{ background-image:url(images/nav_economy.jpg); } #header #issue-nav ul li#education a{ background-image:url(images/nav_education.jpg); } #header #issue-nav ul li#energy a{ background-image:url(images/nav_energy.jpg);} #header #issue-nav ul li#science { width: 152px;} #header #issue-nav ul li#science a{ background-image:url(images/nav_science.jpg); width:152px;} #header #issue-nav ul li.more { background-image:url(images/nav_more.jpg); } #header #issue-nav ul li:hover, #header #issue-nav ul li a:hover {background-position:0 0;} .economy #header #issue-nav ul li#economy a, .energy #header #issue-nav ul li#energy a, .education #header #issue-nav ul li#education a, .science-technology #header #issue-nav ul li#science a {background-position:0 0 !important;} /* SUBNAV -- */ #header #issue-nav li.more ul{ position: absolute; width: 242px; background-color:#282727; left:auto; top:28px; visibility:hidden; margin:0; height:auto; padding:10px; background-image:url(images/subnav_bckgrdn.gif); background-repeat:repeat-x; z-index:100; opacity:.9; filter: alpha(opacity=90); -moz-opacity: 0.9; } #header #issue-nav li.more ul li{ float:none; height:30px; overflow:hidden; padding:1px; width:240px;} #header #issue-nav li.more ul li a{ background-image:none; color:#EEEEEE; float:left; font-size:14px; font-weight:bold; height:20px; padding:5px 5px 5px 15px; width:220px; -moz-border-radius:5px;} #header #issue-nav li.more ul li a:hover { background-color:#000000; color:#FFFFFF; float:left; height:20px; text-decoration:none;} #header #issue-nav li:hover ul { left: auto;} #header #issue-nav li:hover ul, #issue-nav li.sfhover ul { left: auto;} /* FEATURED CONTENT HEADER IN THE HOMEPAGE --------------------------------------------*/ #content-header{ height:300px; margin-bottom: 20px; } #graphic-feature{ height:300px; overflow: hidden; z-index:1 !important;} #banners { margin-bottom: 20px; } .banner{ width: 308px; padding: 5px; background-color:#FFFFFF; text-align:center; border: 1px solid #ddd; -moz-border-radius:5px; } .fullsize{ width:648px; margin-right:0; margin-bottom:10px;} /* FEATURED CYCLE */ #featured-cycle-container{ float:left; width:658px; height:298px; border:1px solid #CCCCCC; position:relative; margin-bottom:10px;} #featured-cycle-nav { position:absolute; height:26px; bottom: 10px; right:5px; z-index:10;} #featured-cycle-nav a { border: 1px solid #ccc; background: #333333; color:#EEEEEE; text-decoration: none; margin: 0 5px; opacity:.2; filter: alpha(opacity=20); -moz-opacity: 0.20; float:left; height:22px; padding-top:2px; text-align:center; width:24px;} #featured-cycle-nav a.activeSlide { background: #000000; color:#FFFFFF; border:1px solid #FFFFFF; font-weight:bold;} #featured-cycle-nav a:focus { outline: none;} #featured-cycle-images{ height:298px; overflow: hidden;} /* CONTENT --------------------------------------------*/ #content{ margin:0 auto 10px;} #user-feature{ height:300px; overflow: hidden;} #user-feature h1{ border-bottom:medium none; font-size:18px; line-height:1.45; padding-bottom:0; text-transform:none; text-align: center; margin-bottom:10px;} #user-feature h2{ display:none; margin-bottom:10px;} #user-feature p{ margin-bottom:5px;} #user-feature ul{ list-style:none; margin-bottom:5px;} #user-feature .number { font-size:16px; color:#004276; margin-right:5px;} #user-feature .content{ position: relative; height:280px;} #user-feature #join-us-button{position: absolute; bottom:5px;} #user-feature .intro{ color:#333333; font-family:Georgia; font-size:17.5px; line-height:1.34; padding-top:5px; text-align:center;} #user-feature .intro strong{ font-size:24px; font-weight:bold; display:block; color:#CC0000;} #user-feature-loggedin{ height:300px; overflow: hidden; width:320px; float:right;} #user-feature-loggedin ul{ width: 320px; margin:0; padding:0; list-style:none; } /* NEW VERSION */ #user-feature-loggedin li{ height:100px; width:320px; text-indent: -999em; float:left; margin:0; padding:0; } #user-feature-loggedin li#edit-profile{ background-image:url(images/bluebox3_edit_profile.gif); height:99px; } #user-feature-loggedin li#join-groups{ background-image:url(images/bluebox3_join_groups.gif); } #user-feature-loggedin li#attend-events{ background-image:url(images/bluebox3_attend_events.gif); height:101px; } #user-feature-loggedin li a{ width:320px; height:74px; float:left;} /* OLD VERSION WITH FIVE IMAGES #user-feature-loggedin li{ height:60px; width:320px; text-indent: -999em; float:left; margin:0; padding:0; } #user-feature-loggedin li#solutions{ background-image:url(images/loggedin-sidebar_mysolutions.gif); } #user-feature-loggedin li#blog-post{ background-image:url(images/loggedin-sidebar_createblogpost.gif); } #user-feature-loggedin li#groups{ background-image:url(images/loggedin-sidebar_groups.gif); } #user-feature-loggedin li#events{ background-image:url(images/loggedin-sidebar_events.gif); height:59px; } #user-feature-loggedin li#contribute{ background-image:url(images/loggedin-sidebar_contribute.gif); height:61px; } #user-feature-loggedin li a{ width:320px; height:59px; float:left;} #user-feature-loggedin li#contribute a{background:none;} */ #main-content .container{ width:660px;} #main-content .container #right-col{ margin-right:0;} /* FEATURED COMMENTARY --------------------------------------------*/ .featured-entry{ float:left; margin-bottom:0px; width:630px;} .featured-entry h1{ margin-bottom:5px;} .featured-entry .featured-title-date-container{ float:left; margin-bottom:10px; width:630px;} .featured-entry .featured-title-date-container .date{ border:1px solid #CCCCCC; float:right; margin-top:5px; padding:3px; width:30px; height:30px; -moz-border-radius:5px;} .featured-entry .featured-title-date-container .date .day{font-size:16px; font-weight:bold; line-height:16px; text-align:center; vertical-align:top;} .featured-entry .featured-title-date-container .date .month{ font-size:13px; height:13px; line-height:13px; text-align:center;} .featured-entry .featured-title-date-container h2{border:medium none; margin:0; padding:0; text-transform:none; font-size:38px; line-height:38px; } .featured-entry .featured-entry-image { width:210px; clear:both; margin:0 15px 15px 0px; float:left; border:1px solid #CCCCCC; } .featured-entry .featured-meta{ border:1px solid #CCCCCC; -moz-border-radius:5px; background-color:#FCFCFC; background-color:#F0F0F0; border:1px solid #CCCCCC; float:left; padding:5px; width:280px;} .featured-entry .featured-meta span.title{ font-weight:bold; width:70px; float: left; } .featured-entry .featured-meta .author, .featured-entry .featured-meta .category{ margin-left:60px; width:215px; } #featured-entries ul{ float:left; list-style:square;} #featured-entries ul li{ margin-bottom:5px; } #featured-entries ul h2{ text-transform:none; border:none; margin:0; padding:0;} /* SOCIAL LINKS ------------------------------------------------------------------------*/ #social-links{ border-top:2px solid #CCCCCC; background-color:#FFFFFF; height:45px; } #social-links-inner{ background-image:url(images/on_the_web.gif); background-repeat:no-repeat; height:45px; background-position: 0 12px; } #social-links ul{ margin:0 0 0 140px; list-style:none; width:860px; float:left;} #social-links ul li{ float: left; margin:8px 10px 5px; height:0px; padding-top:0px; overflow:hidden; display:block; background-position:0 -30px; background-repeat:no-repeat; height:30px; } #social-links ul li a{ float:left; text-indent:-999em; width:100%; height:30px;} #social-links ul li#twitter{ background-image:url(images/ontheweb_twitter.gif); width:124px;} #social-links ul li#facebook{ background-image:url(images/ontheweb_facebook.gif); width:93px;} #social-links ul li#youtube{ background-image: url(images/ontheweb_youtube.gif); width:89px;} #social-links ul li#linkedin{ background-image:url(images/ontheweb_linkedin.gif); width:128px;} #social-links ul li#flickr{ background-image:url(images/ontheweb_flickr.gif); width:83px;} #social-links ul li#delicious{ background-image:url(images/ontheweb_delicious.gif); width:156px;} #social-links ul li:hover{background-position:0 0;} /* FOOTER -----------------------------------------------------------------------------*/ #footer{ background-image:url(images/footer-backgrnd.png); background-repeat:repeat-x; color:#FFFFFF; background-color:#175e97; padding: 20px 0;} #footer h1{ background-position:0 0; background-repeat:no-repeat; height:0; padding-top:28px; display:block; overflow:hidden; } #footer h2{ font-size:18px; color:#FFFFFF; letter-spacing:1.5px;} #footer a{ color:#FFFFFF; text-decoration: underline; font-weight:bold;} #footer .footer-col { width: 310px; margin-right: 35px;} #footer div.last { margin-right: 0;} #footer-inner{ padding:0; background-image:url(images/footer-inner-bckgrnd.png); background-position:top center; background-repeat:repeat-y;} #footer-inner h2{ background-position:0 0; background-repeat:no-repeat; height:0; padding-top:28px; display:block; overflow:hidden; border:none; } #footer-inner h3{ color:#FFFFFF; font-size:18px; letter-spacing:1.5px; margin-bottom:5px;} /* BECOME SOLUTION */ #footer-inner #the-solution h2{ background-image:url(images/footer_become_a_part_of_the_solution.gif); width:291px; } /* KEEP UPDATED */ #footer-inner #keep-updated h2{ background-image:url(images/what_we_do.gif); width:119px; margin-top:3px; padding-top:25px;} #footer-inner #keep-updated #rss-image{ width:31px; height:31px; margin:4px 5px 5px 0; float:left; } #footer-inner #keep-updated form{margin-bottom:20px; float:left;} #footer-inner #keep-updated input{ height:36px; background-repeat:no-repeat; float:left; border:none;} #footer-inner #keep-updated input#signup{ background-image:url(images/button-footer-signup.png); width:79px; background-color: transparent; } #footer-inner #keep-updated input#email{background-image:url(images/input-footer-newsletter.png); width:221px; padding:9px 0 0 8px; height:25px; color: #999999; font-style:italic; background-color: transparent;} /* ABOUT */ #footer-inner #about-amsol h2{ background-image: url(images/footer_who_we_are.gif); width:107px;} #footer-inner #about-amsol img { margin-bottom:20px;} #footer-links{ clear:both; text-align: center; margin-top:15px;} #footer-links a{ border-right:1px dotted #EEE; padding-right:5px; margin-right:5px;} #footer-links #info { font-size:11px;} /* MODULE -----------------------------------------------------------------------------*/ .module { float:left; background-position:0 0; background-repeat:no-repeat; margin-bottom:10px; } .module .header{background-image:url(images/box-bckgrnd_top_320.gif); height:10px; float:left; width:320px; overflow: hidden;} .module .content{ background-image:url(images/box-bckgrnd_center_320.gif); background-repeat:repeat-y; padding:0 15px; width:290px; float:left; } .module .footer{ background-image:url(images/box-bckgrnd_bottom_320.gif); height:10px; float:left; width:320px;} #main-content .module .header{ background-image:url(images/box-bckgrnd_top_660.gif); height:10px; width:660px; } #main-content .module .content{ background-image:url(images/box-bckgrnd_center_660.png); padding:0px 15px; width:630px; } #main-content .module .footer{ background-image:url(images/box-bckgrnd_bottom_660.gif);height:10px; width:660px; } .subcontent .module{ width:320px;} .subcontent #contributors {margin-right:20px;} /*#homepage #main-content .module .header,*/ #main-content .subcontent .module .header, #sign-in-box .header{ background-image:url(images/box-bckgrnd_top_320.gif) !important; height:10px !important; width:320px !important; } /*#homepage #main-content .module .content,*/ #main-content .subcontent .module .content, #sign-in-box .content{ background-image:url(images/box-bckgrnd_center_320.gif) !important; padding:0px 15px !important; width:290px !important; } /*#homepage #main-content .module .footer,*/ #main-content .subcontent .module .footer, #sign-in-box .footer{ background-image:url(images/box-bckgrnd_bottom_320.gif) !important; height:10px !important; width:320px !important; } .module h2{ color:#CC0000; font-size:18px; border-bottom:1px solid #CCCCCC; margin-bottom:10px; padding-bottom:5px; text-transform:uppercase;} /* SIDEBAR --------------------------*/ #keep-in-touch h3{ margin-bottom:10px;} #keep-in-touch ul { list-style:none; float:right; margin-top:5px; margin-bottom:0; margin-left:0; margin-right:0; width:290px;} #keep-in-touch ul li { float:left; width:48px; margin:0; text-align:center; font-weight:bold; font-size:11px;} #keep-in-touch ul li#rss{ margin-left:29px; margin-right:44px;} #keep-in-touch ul li#twitter{ margin-right:44px;} #keep-in-touch ul li#facebook{ margin-right:29px;} #keep-in-touch input#email { font-style: italic; color:#CCCCCC;} #keep-in-touch input#signup{ background-image:url(images/button-signup-newsletter.gif); height:25px; width:76px; border:none; color:transparent; background-color:transparent; text-indent:-999em;} button#change-pwd{ background-image:url(images/button-change-password.gif); height:32px; width:165px; margin-left:62px; border:none; color:transparent; background-color:transparent; text-indent:-999em; font-size:1px;} input#zip-search {background-image:url(images/button-search-small.gif); height:27px; width:81px; border:none; color:transparent; background-color:transparent; text-indent:-999em; font-size:1px;} #keep-in-touch #newsletter-form { position:relative;} #keep-in-touch #newsletter-form input#email { border: 1px solid #CCCCCC; padding:4px 4px 5px; width:190px; } #keep-in-touch #newsletter-form input#signup{ position:absolute; top:0; right:0; } #keep-in-touch .error { width: 266px; color:##CC0000;} #keep-in-touch #s-links { border-top:1px dotted #CCCCCC; float:left; margin-bottom:10px; margin-top:15px; padding-top:15px; width:100%;} #keep-in-touch #s-links span{ width:115px; float:left;} #contribute{ margin-bottom:10px;} #contribute a{ display: block; background-image:url(images/contribute.gif); width:320px; height:51px; text-indent:-999em;} #create-group{ margin-bottom:10px;} #create-group a{ display: block; background-image:url(images/create-group.gif); width:320px; height:51px; text-indent:-999em;} .tabs-bottom{ background-image:url(images/box-bckgrnd_bottom_660.gif); float:left; height:10px; width:660px; margin-bottom:10px; } #sidebar .tabs-bottom{ background-image:url(images/box-bckgrnd_bottom_320.gif); float: left; height:10px; width:320px;} #sidebar .tabs-container{background-image:url(images/box-bckgrnd_center_320.gif); background-repeat:repeat-y; width:290px;} #sidebar .field-content{width: 150px;} #sidebar .field-content input { border:1px solid #CCCCCC; padding: 2px 8px;} #media .media-box .photos { overflow:hidden; width:300px; margin-bottom:15px;} #media .media-box .photos img { width: 59px; height:59px; margin-right:10px; margin-bottom:10px; padding:2px; border:1px solid #CCCCCC;} #media .media-box .video{ width: 290px; margin-bottom: 15px; float:left; } #media .media-box .video-thumb{ width: 120px; margin-right:15px; float:left; padding:2px; border:1px solid #CCCCCC; text-align: center;} #media .media-box .video-thumb img{ width:120px;} #media .media-box .video-details { width:149px; float:left;} #media .media-box .video-details h4{ font-size: 16px; margin-bottom:5px;} /* HOMEPAGE ---*/ #featured-campaigns ul{ list-style:none; margin:5px 0;} #featured-campaigns ul li{ margin-bottom:15px; clear:both; font-size:16px;} #featured-campaigns ul li img{ float:left; margin:0 15px 15px 0; border: 1px solid #CCCCCC !important;} .featured-entry .featured-meta span.title { float:left; font-weight:bold; width:70px; } .featured-entry .featured-meta .author, .featured-entry .featured-meta .category { margin-left:60px; width:215px; } h2.delicious-banner{ display: none;} .delicious-posts ul{ list-style-position:inside !important; list-style-type:square !important; margin:0 0 1em; padding:0;} /* ISSUE --------- */ #tabs-glimmerings { float:left; width:660px;} .tabs-container h2.page-title{ display: none;} #contributors .author-box{ float:left; margin-bottom:10px; width:290px;} #contributors .author-box .left{ float:left; width:50px; padding-right:10px; border-right:1px dotted #CCCCCC; margin-right:10px; font-size:12px; text-align: center;} #contributors .author-box .right{ float:left; width:217px;} #contributors .author-box a.more{ display: inline; float:none; margin-left:5px;} #contributors .author-box .user-pic{ border:1px solid #CCCCCC; float:left; padding:1px; width:48px; } /* COMMENTS -------------------------------------------------------*/ #comments{ float:left; } #comments .comments-content .comments-header{ position:relative;} #comments h2{ clear: both; float: left; background-image:url(images/comment-bubble.gif); background-position:0 0; background-repeat:no-repeat; padding-left:55px; width:585px; height:35px; font-size:20px; line-height:32px; margin:10px 0; color:#CC0000;} #comments .comments-content .comments-header a{ position:absolute; right:0; top:4px;} #comments .comments-content .comments-header span.separator {display:none;} #comments .comments-content .comment{ } .comment .c-left{ border-left:1px none; border-right:1px dotted #CCCCCC; border-top:1px none; float:left; margin-right:15px; padding-right:15px; text-align:center; width:77px; } .comment .c-left .avatar{ width:74px; height:74px; margin-bottom:5px; border:1px solid #CCCCCC; padding:1px; } .comment .c-left p{ float:left; margin-bottom:0;} .comment .c-right{ float:left; width:522px; } .comment .c-right p{ margin-bottom:0; padding-bottom:15px; margin-bottom:15px;} .comment .c-right .comment-bottom{ width:524px; border-top:1px solid #CCCCCC; padding:4px 0 0; font-size:11px; position:absolute; bottom:0; } .comment .c-right .comment-bottom .meta{ width:400px; float:left; } .comment .c-right .comment-bottom .reply{ width:100px; float:right; text-transform: uppercase; text-align:right; } #comments .box660-center{position:relative;} #comments .box660-bottom{padding-bottom:0;} #comments h2.comments-open-header{ background-image: url(images/comment-leave.gif); background-position:-3px -2px; background-repeat:no-repeat; padding-left:55px; width:585px; height:43px; font-size:20px; line-height:35px; margin:10px 0; color:#CC0000; float:left;} #comments #comments-open-data label, #comments-open-text label{ float:left; width:125px; font-size: 13px; font-weight:bold; margin-right:15px;} #comments #comments-open-data input{ border:1px solid #CCCCCC; padding:4px 8px; width:300px;} #comment-form-name, #comment-form-email, #comment-form-url, #comment-form-remember-me{ margin-bottom:15px;} #comment-greeting{margin-bottom:0px; float:left;} #comments-open-data, #comments-open-text{margin:15px 0; float:left;} #comments-open-footer{ float:left; margin-left:140px;} #comments-open-footer input#comment-submit, input#entry-submit{ background-image:url(images/button-submit.gif); width:98px !important; height:32px !important; border:none !important; color:transparent; margin-right: 5px;} input#comment-preview{ background-image:url(images/button-preview.gif); width:105px; height:32px; border:none; color:transparent; margin-right: 5px;} input#comment-cancel{ background-image:url(images/button-cancel.gif); width:98px; height:32px; border:none; color:transparent;} #comments-open-text textarea{ height:150px; padding:5px; width:478px; margin:0;} input#comment-bake-cookie, input#comment-reply{ border:none; width:20px;} #comments .module .content{position:relative;} span.auth-icon{display:none;} #comment-form-reply{ clear:both; margin-top:5px; float:left;} #comment-preview .content{ position: relative;} .comments-open{ float:left;} /* PROFILE ----------------------------------*/ #user-left-column {float:left; margin-right:15px; width:200px;} #user-left-column #user-photo{ width:188px; float:left; margin-bottom:10px; padding:5px; border: 1px solid #CCCCCC;} #user-left-column #follow-me{ width:200px; float:left; text-align:center;} #user-left-column #follow-me .following_else{ width:200px; height:31px; background-repeat:no-repeat; float:left; } #user-left-column #follow-me a#follow-link{ background-image:url(/style/images/button-followme.png); text-indent:-999em; width:200px; height:31px; float:left;} #user-info-box{ float:left; width:415px; } #user-info-box h1{border-bottom:1px solid #CCCCCC; color:#CC0000; font-size:18px; margin-bottom:10px; padding-bottom:5px; text-transform:uppercase;} #user-info-box ul{ list-style:none; margin-left:0; margin-right:0;} #user-info-box ul li{ margin-bottom:5px;} #user-info-box span.title{ font-weight:bold; width:120px; float: left;} #tabs-container{ float:left; width:660px;} input#search-people{ border:1px solid #CCCCCC; margin-right:5px; padding:2px 5px; width:188px; height:20px;} .member-row{ float:left; margin-bottom:10px;} .tabs-container-bottom{ background-image:url(images/box-bckgrnd_bottom_660.gif); height:10px; float:left; width:660px; } .user-pic a { float:left;} /* PROFILE SEARCH RESULTS PAGE */ #profile-search-results ul { list-style: none; margin-right:0;} #profile-search-results li { width: 100px; float:left; text-align: center; margin-bottom:10px; height:125px; } #search-result-nb { font-size: 14px; margin-bottom:10px; font-weight:bold;} #search-more {text-align: center;} #search-more input{ width:300px; border:1px solid #CCCCCC; padding:8px 4px; } #search-more input#submit {width:100px; padding:1px;} #profile-search-results .user-pic img{ border:1px solid #CCCCCC; padding:2px; width: 80px;} /* FOLLOWING - FOLLOWED */ ul.user-listing{ margin:0; list-style:none; } ul.user-listing li.pkg{ width:50px; margin:0 10px 0 0; height:85px; float:left; text-align:center;} ul.user-listing li.pkg .user-pic{ border:none; float:left; padding:1px; width:48px; } ul.user-listing li.last{ margin-right:0;} ul.user-listing a.user-name{ float:left; font-size:11px; line-height:11px; margin-top:3px; text-align:center;} #following .user-pic img, #being-followed .user-pic img{ border:1px solid #CCCCCC; padding: 1px;} /* ENTRY ----------------------------------------*/ h1#page-title, h2.entry-title{ border:none; margin:0; padding:0; font-size:32px; line-height:32px; text-transform:none;} h1#page-title { font-size:38px; line-height:38px;} .asset-header .meta{ margin-bottom:10px;} .asset-body{margin-bottom:15px;} .entry-options{ border-top: 1px solid #CCCCCC; padding-top:10px; color:#999999; font-size:11px; float: left; width: 630px;} .entry-options .comments, .entry-options .share/*, .entry-options .recommend*/{ float:left; width:120px; background-repeat:no-repeat; background-position: 0 0;} .entry-options .comments{ background-image: url(/style/images/comments.gif); padding-left:25px; width: 125px; height:16px; } .entry-options .share{ } /*.entry-options .recommend{ background-image: url(/style/images/recommend.gif); height:16px; padding-left:21px;}*/ .entry-options .recommend{ height:16px; padding-left:21px; float:left; width:120px; margin-top:-5px;} .entry-options .recommend a span { margin-top:2px;} .trackbacks, #trackbacks { display: none;} #page-archive h1#page-title { margin-bottom: 15px;} a.scoring { white-space: nowrap; background: url(/style/images/scoring-stars.gif) no-repeat 0 -120px; padding: 0 0 3px 21px; line-height: 22px; text-decoration: none; cursor: default; } a.scoring-scorable { background-position: 0 0; text-decoration: default; cursor: pointer; } a:hover.scoring-scorable { background-position: 0 -40px; text-decoration: underline; } a.scoring-pending, a:hover.scoring-pending { background: url(/style/images/scoring-pending.gif) no-repeat; cursor: wait; } a.scoring-scored, a:hover.scoring-scored { background-position: 0 -80px; } /*.scoring-score-label,*/ .scoring-vote { display: none; } /*categories and tags */ .asset-footer {float:left; width:630px; clear:both;} .entry-categories, .entry-tags{ width: 315px; float:left; font-size:12px; margin-bottom:5px;} h4.entry-categories-header, h4.entry-tags-header{ width: 85px; text-transform: uppercase; font-size:12px; color: #AAAAAA; text-align: left; margin:0; float:left;} h4.entry-tags-header{ width: 55px;} .entry-categories ul, .entry-tags ul{ list-style: none; margin:0;} .entry-categories li, .entry-tags li{ float:left;} /* ARCHIVES ----------------------------*/ #monthly-archives ul{ } #monthly-archives ul li{ width:295px; float:left; margin-bottom:5px;} /* CONTENT NAVIGATION ----------------------------*/ .content-nav{ text-align: center;} /* TAKE ACTION -------------------------------------- */ #take-action-tools ul{ list-style:none; margin-top:20px; margin-bottom:15px;} #take-action-tools ul li{background-color:#F0F0F0; border:1px dotted #CCCCCC; margin-bottom:5px; padding:5px 5px 5px 25px; width:220px;} #take-action-tools ul li:hover{ background-color:#d9d9d9; padding-left:35px; width:210px; border:1px dotted #AAAAAA;} /* Take action tools main index search box styles */ .take-action-tools { margin: 10px 0px 0 80px; float:left; height:27px;} .take-action-tools .pkg { width:190px; margin-right: 15px; margin-top:4px;} .take-action-tools .field-header { margin:0; width: 70px;} .take-action-tools .field-content { width: 110px; } .take-action-tools .field-content input{ border:1px solid #CCC; padding: 2px 4px; width: 100px; } .take-action-tools input.submit{ float: left;} #zip-code-search-results h4 { font-size:13px; font-weight:bold; line-height:16px; margin-bottom:5px; } #zip-code-search-results p {margin-bottom:0;} /* EVENTS -------------------------------------- */ #event {} #event ul{} #event ul li{ margin-bottom:5px; } #event ul li span.title{ width:100px; float: left; font-weight:bold; } .field-header{ width:100px; float:left; margin-right:15px; margin-left:20px;} .field-content{ width:475px; float:left;} #create-entry .label{ float:left; width:125px; font-size: 13px; font-weight:bold; margin-right:15px;} #create-entry input#entry-title{ border:1px solid #CCCCCC; padding:4px 8px; width:455px;} #create-entry textarea{ width:460px; margin:0;} #create-entry .field{ margin-bottom:15px; float:left;} #create-entry input#entry-submit{ margin-left:135px;} .events h2.summary{} .events .event-details{ } .events .hcard{ float:right; width: 42px; text-align:center; font-size:11px; line-height:11px;} .events .date{ font-size:13px; color:#333;} .events .adr { } .events .title{ width: 60px; font-weight:bold; float:left;} .events .details{ } .events .user-pic img{ padding:2px; border:1px solid #CCCCCC; margin-bottom:5px;} #attendees ul.user-listing li.pkg .user-pic{border:none;} #attendees ul.user-listing {margin-top:15px;} #events-search label { float:left; font-weight:bold; margin-right:10px; width:60px; clear:both;} #events-search input { width: 100px;} /* GROUPS -------------------------*/ /* forms */ .field-inner{ clear:both;} .pkg{ float: left; width:630px; margin-bottom:10px;} #create_group input{ border:1px solid #CCCCCC; padding:4px 8px; width:300px;} #create_group .field-header{ width:180px; margin-left:0; } #create_group .field-content{ width:435px; } #create_group textarea { height:150px; padding:5px; width:420px; } #create_group #entry-title{ width:415px;} #create_group #customfield_group_zipcode{ width:60px;} #create_group input#entry-submit{ margin-left: 195px;} /* group index page */ #group-heading{ position: relative;} #group-avatar{ float: left; margin-right:14px;} #group-avatar img{ border:1px solid #cccccc; padding:2px; width:200px; height:auto;} #group-title { float:left; width:410px; } #group-title h1{ border-bottom:1px solid #CCCCCC; margin-bottom:15px; padding-bottom:5px;} #group-title .share{ position: absolute; bottom:15px; right:15px;} #group-title h3#admin { font-size:16px; color:#333333;} /* tabs -------- */ /* messages */ #messages .group-message{ position:relative; float:left; margin-bottom:15px;} #messages .archives { text-transform: uppercase; font-weight: bold; text-align: center;} #messages h3{ font-size:24px; margin-bottom:5px;} .c-left{ border-left:1px none; border-right:1px dotted #CCCCCC; border-top:1px none; float:left; margin-right:15px; padding-right:15px; text-align:center; width:79px; } .c-left .avatar{ margin-bottom:15px; width:74px; height:74px; margin-bottom:5px; border:1px solid #CCCCCC; padding:2px; background: #FFFFFF; } .c-left p{ float:left; margin-bottom:0;} .c-right{ float:left; width:520px; } .c-right p{ margin-bottom:0; padding-bottom:15px; margin-bottom:15px;} .c-right .comment-bottom{ width:520px; border-top:1px solid #CCCCCC; padding:4px 0 0; font-size:11px; } .c-right .comment-bottom .meta{ float:left; } .c-right .comment-bottom .reply{ float:right; text-transform: uppercase; text-align:right; } #messages #messages-bottom { clear:both; width:630px; border-top:1px solid #CCC; padding-top:5px; margin-top:15px;} /* photos */ #group-photos ul {margin:0; list-style:none;} #group-photos li {width:150px; margin-right:10px; height:175px; float:left; overflow:hidden; margin-bottom:10px;} #group-photos li.last{margin-right: 0;} #group-photos li img { width:144px; height:144px; padding:2px; border:1px solid #CCCCCC;} #group-photos .photo-title { font-weight: bold; text-align:center;} #group-photos #photos-bottom { clear:both; width:630px; border-top:1px solid #CCC; padding-top:5px; margin-top:15px;} #group-photos #group-post-photo{ float:left; font-weight:bold; text-transform: uppercase;} /* members */ /* BELOW THIS LINE IS TAKEN FROM AAAS STYLES - http://soyluck.textdriven.com/svn/apperceptive/aaas/trunk/html/css/6A.css */ /* member list cplusMembersList */ #grpmembers{ } #grpmembers div.member div.actions{padding-top:0px;clear:both; margin-left: 50px; font-size:11px;} #grpmembers div.member div.clearme{clear:both;padding-top:0px;height:1px; overflow:hidden;} #grpmembers div.member p {margin-bottom:0px; padding-bottom:5px;} #grpmembers div.rowodd, #grpmembers div.roweven {padding:5px;margin-bottom:0px;} #grpmembers div.member .details{ padding-top:8px;margin-left:50px; } #grpmembers .member dl {} #grpmembers .member dt {font-size:11px;} #grpmembers .member dt, #grpmembers .member dd { margin-left: 50px; padding-left:0px } .search-results-container dt, .search-results-container dd { margin-left: 50px; padding-left:0px } .search-results-container dd.userpic { margin-left: 0px; padding-left:0px } p#numResultsFound { margin-bottom:15px;} .grpmembers #waitbox { text-align: center; padding: 20px; display: block; color: #333; font-weight: bold; font-size: 12px; letter-spacing: 5px; } .grpmembers #notify { display: none; background-color: #FFC; color: #037; font-size: 12px; padding: 5px; margin-top: 5px; margin-bottom: 5px; text-align: center; } #grpmembers .member dd.userpic {margin: 0; float: left ;padding:0px; } #grpmembers .member .userpic img { height:36px; width:36px; border:0px; padding:0px;} #grpmembers .member .name { float: left; padding-top: 5px; color: #666; font-size: 12px; font-weight: bold; } /*.member .actions { padding-left: 50px; padding-top: 5px; } */ #grpmembers .member .roweven { background-color: #FFF; } #grpmembers .member .rowodd { background-color: #EEE; } /* requests List Styling */ .grprequests { padding: 5px; } .grprequests #banner { font-weight: bold; font-size: 16px; padding-left: 2px; padding-bottom: 3px; } .grprequests #waitbox { text-align: center; padding: 20px; display: block; color: #333; font-weight: bold; font-size: 12px; letter-spacing: 5px; } .grprequests #notify { display: none; background-color: #FFC; color: #037; font-size: 12px; padding: 5px; margin-top: 5px; margin-bottom: 5px; text-align: center; } .request { width: auto; height: 80px; margin-bottom: 5px; } .request .userpic { width: 30px; height: 30px; border: 1px solid #ccc; padding: 3px; margin: 5px; margin-right: 10px; float: left; background-color: #FFF; } .request .userpic img { width: 28px; height: 28px; } .request .name { float: left; padding-top: 5px; color: #666; font-size: 12px; font-weight: bold; } .request .details { height: 20px; padding-top: 5px; overflow: none; } .request .actions { padding-left: 50px; padding-top: 5px; } .request .roweven { background-color: #FFF; height: 100%; } .request .rowodd { background-color: #EEE; height: 100%; } /* ABOVE THIS LINE IS TAKEN FROM AAAS STYLES - http://soyluck.textdriven.com/svn/apperceptive/aaas/trunk/html/css/6A.css */ .community #featured-groups ul{ list-style:none; margin:0;} .community #featured-groups ul li{ margin-bottom:15px; float:left;} .community #featured-groups img{ width:74px; } .community #featured-groups .avatar{ height:auto;} .community #featured-groups h3{ margin-bottom: 5px;} .community #featured-groups .c-right p{ margin:0; padding:0;} /*related groups */ .usergroups .details { display: none; } .usergroups .group { float:left; clear:both; width:290px; margin-bottom:10px;} /*group search */ #sidebar #group-search input#search{ width:210px; margin-right:15px; margin-bottom:0; margin-left:0;} #grpmembersadmin { } #grpmembersadmin .member{ float: left; margin-right:15px; } .group-message .c-right .comment-bottom{ margin-top:10px;} /* SIGN IN & UP*********/ #sign-in-box{ margin-left:340px;} #signin{} #form-box{ width: 290px;} #form-box #checkbox{ line-height:20px; height:20px;} #form-box #checkbox input{ float:left; margin:2px 5px 0 0; width:20px;} p#sign-upp{border-top:1px solid #CCCCCC; margin-bottom:0; margin-top:20px; padding-top:5px; float:left; width:290px;} #form-box .field-header, #form-box .field-inner, #form-box .field-content { width: 290px;} #form-box .field {margin-bottom:15px; float:left; width:290px;} #form-box .field-header label, #signup .field{ font-size:14px;} #sign-in-box button#recover-pwd{ background-image:url(images/button-reset.gif); width:98px; height:32px; color:transparent; border:none; margin-left:96px; text-indent:-999em!important;} #customfield_newsletter-field { } #customfield_newsletter-field .field-header{ width:263px !important; float:right;} #customfield_newsletter-field .field-content { width: 24px; float:left; margin-top:10px;} input#customfield_newsletter { width:20px !important; border:none!important;} #form-box span#forgot-pwd{ border-left:1px solid #CCCCCC; font-size:12px; font-weight:normal; margin-left:10px; padding-left:10px;} #form-box input, #form-box input{ width:278px; padding:5px; border:1px solid #CCCCCC;} #form-box #form-box{ padding:5px 0; width:290px;} #signin-button-container{ margin:0 auto; width:98px;} #signin-button{ text-indent:-999em; float: left; background-image:url(images/button-signin.gif); width:98px; height:32px; background-position:0 0; background-repeat:no-repeat; border:none;} #signin-button-container-40{ margin:0 auto; width:123px;} #signin-button-40{ text-indent:-999em; background-image:url(images/button-signin-40.gif); width:123px; height:40px; background-position:0 0; background-repeat:no-repeat; border:none;} #signup-button{ margin-bottom:10px; text-indent:-999em; background-image:url(images/button-signup.gif); width:98px; height:32px; background-position:0 0; background-repeat:no-repeat; border:none;} input#checkbox{width:20px;} #signin-facebox p#sign-upp{border:none;} #signin-facebox h1{ font-size:18px; border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin-bottom:15px;} #form-box .field-header{ width: 290px; margin:0;} button#edit-profile{ background-image:url(images/button-submit.gif); border:medium none !important; color:transparent; height:32px !important; width:98px !important; margin-left:85px; } input#contribution-submit{ background-image:url(images/button-submit.gif); border:medium none !important; color:transparent; height:32px !important; width:98px !important; } #usergroups { float:left;} #usergroups .avatar { width: 40px; height:30px;} #usergroups .avatar img{ width:40px; height:30px;} #usergroups .name { float: left; font-size:13px;} #sign-in-box input { -moz-border-radius:5px;} #sign-in-box textarea { width:278px; height:100px; } /* ERROR-SUCCESS-ALERT-INFO MESSAGES */ .msg a.close-me { background:transparent url(images/icon_close.png) no-repeat scroll 3px 4px; display:block; float:right; height:15px; margin:0; min-width:0; margin-top:2px; width:15px; } .msg a.close-me span{visibility:hidden; } .msg a:hover { text-decoration: none;} .msg { background-position:12px center; background-repeat:no-repeat; margin:0 0 20px; padding:16px 10px 16px 46px; width: 264px; float:right; } .msg-error { background-color:#FFFF99; background-image:url(images/icon_error.png); border:1px solid #FF9900; } .msg-info { background-color:#FFFFFF; background-image:url(images/icon_info.gif); } .msg-alert { background-color:#FFFF99; background-image:url(images/icon_alert.png); border: 1px solid #FF9900; } .msg-success { background-color:#CCFFCC; background-image:url(images/icon_success.png); border:1px solid #006600; } .error, .notice, .success { margin-bottom:10px; padding:5px 10px; } .error{ display:block; width:200px;} #zip-search label.error{ margin-top:10px;} /* PAYPAL FORM */ .landingPageContent { } .htmlContent{ margin-bottom:15px; } .landingPageInfoForm { } .landingPageInfoForm h4{ text-transform:uppercase; font-size:12px;} .landingPageInfoForm label { width:120px; text-align:right; float:left; margin-right: 5px; margin-bottom:10px;} .landingPageInfoForm input{ border:1px solid #CCC; padding:2px 4px; margin-bottom:10px;} .landingPageInfoForm input#submit{ padding:10px;} #actionstream_archive h3, #community-actions h3{ margin-bottom: 5px;} #community-actions ul.action-stream-list{ margin-bottom:10px;} #community-actions ul.action-stream-list li{ width:290px;} #actionstream_archive h3, #community-actions h3{ margin-bottom: 5px;} ul.action-stream-list{ margin-bottom:10px; list-style:none; margin:0; float:left;} ul.action-stream-list li { clear:both; margin-bottom:10px; float: left;} ul.action-stream-list .userpic { border:1px solid #CCCCCC; padding:2px; float:left; margin-right:10px; width:30px;} ul.action-stream-list .userpic img{ width:30px; height:30px;} ul.action-stream-list .useraction { float:left; width:244px;} #community-actions-archive ul.action-stream-list .useraction { width:584px;} #community-actions-archive h3{ margin:10px 0;} /*hiding signout link in edit profile and profile pages */ #edit-profile #sign-out, #profile-view #sign-out {display:none;} /* GLOBAL CLASSES */ .date, .meta{font-size:11px; color: #999999; font-weight:normal;} .meta abbr{ border:none;} .date abbr, acronym {border:none;} a.more{ float:right; display:block; font-weight: bold; text-align: right;} a.more:before {content:"ยป ";} select {margin:0;} .avatar { background-color:#F0F0F0; border:1px solid #CCCCCC; float:left; height:48px; margin-right:10px; width:48px; } .module-search-feed{ display:none;} /*issues and campaigns title image */ #title-image{ width:658px; margin-bottom:10px; float:left; text-indent:-999em; border:1px solid #CCCCCC; overflow:hidden;} input#search{ border: 1px solid #CCCCCC; background-color: #EEEEEE; padding:2px 10px; } #sidebar input#search { margin-left:20px; width:235px; margin-bottom:5px;} #checkbox input{ border:none;} span.more { font-weight: bold;} /* Media Module ---------------------------------------------------------------------------------- */ #media h3{margin:0 0 5px;} .flickr_badge_image img{ float: left; width: 65px; height: 65px; margin: 0 10px 10px 0; } #flickr_badge_image4 img, #flickr_badge_image8 img{ margin-right:0;} #flickr_badge_image9, #flickr_badge_image10{ display:none;} #media .media-box{ float:left; margin-bottom:10px; width:290px;} #media #podcasts { float: left; background: url(images/podcast.gif) no-repeat 0 35px; width: 290px; } #media #podcasts ul {margin-left:100px; margin-top:15px;} #media h3{margin-bottom:5px;} /* Podcasts ---------------------------------------------------------------------------------- */ .podcasts a.feed { display: block; height: 66px; background:url(images/podcast.gif) no-repeat; padding: 20px 0 0 80px; font: 32px Georgia, "Times New Roman", Times, serif; } /* Petition ---------------------------------------------------------------------------------- */ #petition_landing{} #petition_landing #recaptcha_script{ float:left; margin-left:130px; width:475px; margin-bottom:10px;} #petition_landing #data6-field .field-header{ width: 600px;} #petition_landing #data6-field .field-content { margin-left:130px; margin-top:10px;} #petition-submit input { background-image:url(images/button-submit.gif); border:medium none !important; color: #EEEEEE; height:32px !important; margin-left:130px; width:98px !important; padding-top:28px !important;} #petition_landing .msg{ width:572px !important;} #petition-form { float:left; margin-bottom:10px;} #petition-form input, #petition-form select { width: 300px; border:1px solid #CCC; padding:4px 8px;} #petition-form input.short { width:70px;} .mt-image-left { float: left; margin: 0 20px 20px 0; } .mt-image-center { display: block; margin: 0 auto 20px; text-align: center; } .mt-image-right { float: right; margin: 0 0 20px 20px; } /* Fixing image layout in entrylisting pages... */ form.left{ float:left; margin-right:20px;} form.right{ float:right; margin-left:20px;} /* removing border on checkbox and radio buttons */ input[type="checkbox"], input[type="radio"]{ background: transparent; border: 0; } .featured-entry span.more{ float:right; font-size:120%; font-weight:bold; margin-bottom:5px;} /* People search results page */ #search-nav { border-top:1px dotted #CCCCCC; clear:both; float:left; margin:10px 0; padding-top:10px; text-align:center; width:630px; } #search-nav .results{ } #search-nav #results-current-page, #search-nav .results{ border:1px solid #CCCCCC; float:left; height:22px; line-height:22px; min-width:22px; margin:0 2px;} #search-nav .results a{ } #search-nav .results-previous-link { height:22px; line-height:22px; margin-right:10px; } #search-nav #results-current-page { font-weight:bold;} #search-nav .results-next-link { height:22px; line-height:22px; margin-left:10px; } #search-nav .results, #search-nav .results-previous-link, #search-nav #results-current-page, #search-nav .results-next-link { float: left; margin-bottom:5px;}