/* CEOs For Cities Stylesheet 2008 CEOs For Cities Main Site Stylesheet Design by Green Egg Media www.greeneggmedia.com @March-May 2008 */ /* a. Globals */ * {padding: 0; margin: 0; font-weight: normal; border: none;} html {min-height: 100%;} body {font-family: Gill Sans, Arial, Tahoma; background: #f1f1f1; height: 100%;} .error {padding: 5px; background: #FFD95C; width: 100%; margin: 2px 0; color: #B36500; border: 2px solid #FFF4C9;} h4 {color: #A2A2A2;} strong {font-weight: bold;} strong span {font-weight: bold;} /* b. Page Layout */ #uber_wrapper {width: 100%; background-image: url(../images/elements/bg_fill.jpg); background-repeat: repeat-y; background-position: center; } #wrapper {width: 869px; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 auto; height: 100%; overflow: hidden; background: #fff;} #content {overflow: hidden; margin: 15px 25px;} #main_content {width: 580px; float: right;} #main_sec_content {width: 180px; float: left;} #sec_header {position: relative; height: 230px; margin-bottom: 17px;} #home_action {height: 169px;} img#sec_head_pic {border: 10.5px solid #cccccc; position: absolute; top: 10px; right: 0;} #main_action {border: 10px solid #cccccc; overflow: hidden; height: 475px; width: 551px; background-image: url(../images/mainpics/3.jpg);} /* b1. Menu */ ul#nav_menu {list-style-type: none; margin-left: -3px; width: 150px; position: absolute; top: 10px; left: 0;} ul#nav_menu li {padding: 0;} ul#nav_menu li a {text-decoration: none; color: #454545; display: block; padding-left: 3px;} ul#nav_menu li.highlight a {color: #d65c47;} ul#nav_menu li a:hover {text-decoration: underline;} ul#nav_menu li a.selected {background: #cccccc; color: #fff;} ul#nav_menu li a:hover.selected {text-decoration: none;} ul#nav_menu li#members a {color: #A2CC1A;} ul#nav_menu li#members a.selected {color: #cccccc;} ul#nav_menu_main {list-style-type: none; margin-left: -3px; width: 150px;} ul#nav_menu_main li a {text-decoration: none; color: #454545; display: block; padding-left: 3px;} ul#nav_menu_main li.highlight a {color: #d65c47;} ul#nav_menu_main li a:hover {text-decoration: underline;} ul#nav_menu_main li a.selected {background: #cccccc; color: #fff;} ul#nav_menu_main li a:hover.selected {text-decoration: none;} ul#nav_menu_main li#members a {color: #A2CC1A;} ul#nav_men_mainu li#members a.selected {color: #cccccc;} /* b2. Main Banner */ #banner {width: 100%; height: 193px; background-image: url(../images/elements/banner_bg2.jpg); border-bottom: 6px solid #d5e7f1;} #banner img {float: left;} #banner img.logo {margin: 45px 15px 0 38px; width: 250px;} #banner img.main_flash {margin-top: 15px;} #banner h1 {color: #505050; font-size: 13pt; margin-top: 56px; margin-left: 17px; float: left;} #flash_header {padding-top: 18px; padding-left: 20px;} /* d. Regulars */ /* search bar */ #search_main {margin: 20px 0;} #search_main form input {border: none; border-bottom: 2px dotted #747474; width: 140px; padding: 3px;} #wrapper #search_submit {background-image: url(../images/elements/search_button.gif); background-repeat: no-repeat; width: 20px; height: 15px; border: none; background-color: #fff;} #search_main h2 {color: #747474; font-size: 10pt;} /* e. Footer */ #footer {width: 869px; height: 120px; background: #414141; border-top: 6px solid #d5e7f1; color: #9e9e9e; overflow: hidden; margin-top: 30px;} #footer a {color: #fff;} #footer p.login {float: left; margin: 10px 0 0 15px;} #footer p.login a {text-decoration: none;} #footer p.login a:hover {color: #d5e7f1;} #footer .copyright {float: right; margin: 10px 15px 0 0; font-size: 10pt; text-align: right;} #footer .copyright a:hover {text-decoration: none;} #footer .copyright p {margin-bottom: 3px;} #footer .copyright a.sub_nabv {color: #9ED6F0;} /* ######## PAGES ########## */ /* Sub Page Styles */ h1.header {background: #cccccc; color: #fff; margin-bottom: 25px;} h1.headline {color: #000; margin-bottom: 20px;} #text_column {width: 500px; margin-top: 4px;} #text_column ul {margin-left: 25px; margin-bottom: 10px;} #text_column p {color: #383838; font-size: 11pt; margin-bottom: 10px;} #text_column p a {color: #45adbe; text-decoration: underline;} #text_column p a:hover {text-decoration: none;} #text_column span.highlight {color: #E22F2F;} #text_column img.push {border: 1px solid #d5d5d5; padding: 12px; float: right; margin: 10px -40px 10px 10px;} ul#sub_menu {list-style-type: none; margin: 0 0 15px -5px;} #wrapper ul#sub_menu li.more {font-size: 12pt; color: #45adbe; margin-left: 5px;} #wrapper ul#sub_menu li {font-size: 16pt; margin-bottom: 15px; line-height: 24px;} ul#sub_menu li a {color: #383838; text-decoration: none; display: block; padding: 5px;} ul#sub_menu li a:hover {text-decoration: underline;} ul#sub_menu li a.selected {color: #D1D1D1;} ul#sub_menu li a:hover.selected {text-decoration: none;} /* Home Page */ #elevator {width: 300px; color: #000; font-size: 13pt; margin-top: 320px; margin-left: 20px; float: left;} #elevator span.ceos {color: #E24848;} #elevator h1 {color: #7C963C; font-size: 22pt; margin-top: 10px;} #action_items {float: right; margin-top: 300px;} #action_items p {margin: 4px 0;} #action_items a {background: #ca2525; width: 150px; display: block; color: #fff; font-size: 22pt; padding: 2px 4px; text-decoration: none;} #action_items a:hover {color: #FFBEBE;} .main_page_throw {margin-top: 20px;} .main_page_throw h2, h3, h5 {color: #747474;} .main_page_throw h5 {font-size: 10pt; margin-top: 14px;} .main_page_throw h3 {font-size: 11pt;} .main_page_throw h5.tags {color: #747474; margin-top: 2px;} .main_page_throw .throw_content h3.posted_by {font-size: 10pt;} .main_page_throw h5.tags a {color: #A7DFEB;} .main_page_throw h3 a, h5 a {color: #45adbe; text-decoration: none;} .main_page_throw h3 a:hover, h5 a:hover {text-decoration: underline;} .throw_content {overflow: hidden; height: 100%;} .throw_info {width: 210px; float: left; height: 100%;} .throw_body {width: 350px; float: right; } .throw_body a {color: #45adbe;} .throw_body p {color: #383838; font-size: 10pt; margin-bottom: 6px;} .throw_body .bod a {color: #45adbe; text-decoration: underline;} .throw_body .bod a:hover {text-decoration: none;} p.tags a {color: #eb4343; } p.tags a:hover {text-decoration: none;} p.tags {color: #eb4343; margin-top: 15px;} #separate {border-bottom: 1px dotted #747474; padding-bottom: 20px;} a.pdf {color: #b6c75f;} #news_events_main h1 {color: #747474; font-size: 18pt; margin-bottom: -5px;} #news_events_main p a {color: #45adbe; text-decoration: underline; font-size: 11pt;} #news_events_main p.story a {color: #383838; font-size: 14pt; text-decoration: none;} #news_events_main p.story a:hover {text-decoration: underline;} #news_events_main p.story { margin-top: 14px;} #news_events_main p.story_date {color: #888888; font-size: 10pt;} .event_small {margin: 10px 0; border-left: 4px solid #e42d2d; padding-left: 5px;} .event_small h1 {font-size: 16pt;} .event_small h1 a {color: #000; text-decoration: none;} .event_small h1 a:hover {text-decoration: underline;} .event_small h2 {font-size: 12pt; color: #838383;} .event_small h3 {color: #A7A7A7; font-size: 11pt;} #signup_main {height: 147px; width: 180px; background-image: url(../images/home/signup_bg.jpg); margin-top: 10px; padding: 10px;} #signup_main p {color: #a8bb3b; font-size: 15pt;} #signup_main p span {color: #41413f;} #signup_main form input.t_f {background: transparent; border: none; border-bottom: 2px dotted #fff; padding: 3px; color: #41413f; width: 150px; font-size: 12pt;} #signup_main form input#newsletter_submit {color: #fff; padding: 4px; background: #6a7624; border: none; margin-top: 10px; font-size: 15pt;} /* About Page */ #four_cities {width: 675px; height: 532px; background-image: url(../images/about/cities_bg.gif); margin-left: -150px; position: relative;} .city_box {width: 200px; border: 1px solid #d5d5d5; padding: 5px;} .city_box span {color: #446CA2;} #talented {position: absolute; top: 160px; left: 180px;} #connected {position: absolute; top: 15px; left: 320px;} #distinctive {position: absolute; top: 170px; left: 440px;} #innovative {position: absolute; top: 60px; left: 40px;} #membership_form {padding: 6px; border: 2px solid #F3F3F3; margin-bottom: 10px; margin-top: 15px;} #membership_form input {border: 1px solid #888888; padding: 2px; width: 200px;} #main #text_column #membership_form form#mem input#mem_signup {background: #d33921; color: #d33921; width: 100px;} /* Blog */ .blog_post {border-bottom: 1px dotted #747474; padding-bottom: 10px; overflow: hidden; margin-bottom: 20px;} .blog_post h1 a {color: #000; text-decoration: none;} .blog_post h1 a:hover {text-decoration: underline;} .blog_post h3 a {color: #45adbe;} .post_info {width: 560px; float: left; margin: 0 10px 30px 0;} .post_body {width: 560px; margin-left: 0; margin-bottom: 30px;} .post_body a {text-decoration: underline; color: #45adbe;} .post_body a:hover {text-decoration: none;} .post_body p {color: #383838; font-size: 11pt; margin-bottom: 8px;} .post_body p.with {color: #ff0000; font-size: 13pt;} .post_body strong {font-weight: bolder;} .post_options {width: 100%; background: #C2C2C2; padding: 5px; overflow: hidden; margin-top: 35px;} .post_options p.discuss {font-size: 14pt; float: left;} .post_options p.post_tags {float: right; width: 200px; text-align: right;} .post_options p {color: #fff;} .post_options p a {color: #fff; text-decoration: none;} .post_options p.discuss a:hover {color: #E74C4C;} .post_options p.post_tags a:hover {color: #45adbe;} #end {border-bottom: none;} #top {margin-top: 0;} h2#info_head {color: #6e9abd; font-size: 18pt; margin-bottom: -32px; margin-top: 20px;} p.about {color: #383838; font-size: 11pt;} h2.sub_topic {background: #e42d2d; color: #fff; margin: 10px 0 10px 0; text-align: right; padding: 0 4px;} ul.posts li a {color: #363636; text-decoration: none; font-size: 10pt; margin-left: 2px;} ul.posts li a:hover {text-decoration: underline;} #blog_rss {margin-top: 30px; margin-bottom: 25px;} #blog_rss img {width: 30px;} #blog_rss p {color: #383838;} #blog_rss p a {color: #383838; text-decoration: underline;} #blog_rss p a:hover {text-decoration: none;} form#comment_form {border-left: 3px solid #6D6D6D; border-top: 8px solid #6D6D6D; padding-left: 10px; margin-top: 10px;} form#comment_form textarea {width: 300px; height: 140px; border: 1px dashed #888888;} form#comment_form input {border: none; border-bottom: 1px solid #cccccc; padding: 2px; font-size: 14pt;} form#comment_form p {color: #888888;} form#comment_form p span {color: #E66363;} form#comment_form input#post_comment {background: #6D6D6D; color: #fff;} form#comment_form p.comment_title {color: #6D6D6D; font-size: 19pt;} .comment {padding: 10px; border-left: 3px solid #F1F1F1; border-top: 2px solid #F1F1F1; margin: 10px 0;} #wrapper #comments .comment h5 {color: #888888; font-size: 11pt; margin-bottom: 4px;} #comment_confirm {border: 5px solid #8AB944; padding: 4px; background: #E1F5C4;} #comment_confirm h2 {color: #435824;} #wrapper #comment_confrim p {color: #6F992F;} #comment_confirm_yes {border: 5px solid #EBC54A; padding: 4px; background: #F5E9B8;} #comment_confirm_yes h2 {color: #815F2D;} #wrapper #comment_confrim_yes p {color: #6F992F;} /* Login */ #login_form input {border: none; background: #e4e4e4; padding: 4px; font-size: 16pt; color: #414141;} #login_form p {margin-bottom: 10px; color: #383838;} #login_form input#login {background: #d33921; color: #fff;} span.note a {color: #45adbe; text-decoration: none;} span.note a:hover {text-decoration: underline;} /* Contact Page */ .contact {padding: 4px; margin-bottom: 10px;} #text_column .contact p {color: #658ACA; margin-bottom: 2px;} #text_column .contact p a {color: #658ACA; text-decoration: underline;} #text_column .contact p a:hover {text-decoration: none;} #address {padding: 4px; margin-bottom: 10px; margin-top: 15px;} #text_column #address p {color: #658ACA; margin-bottom: 2px;} #text_column #address p a {color: #658ACA; text-decoration: underline;} #text_column #address p a:hover {text-decoration: none;} .blog_post .post_body img.listen {margin-top: 0; margin-left: -10px; margin-bottom: 10px; z-index: 100;} /* Research */ .section_item {overflow: hidden; border-top: 2px solid #2F507A; margin-bottom: 8px; background: #fff; padding: 3px;} .section_item h1 {font-size: 22pt;} #section_expose .section_item a {color: #83ADE4; text-decoration: none;} .section_item p {width: 200px; float: right; text-align: right; margin-right: 5px; margin-top: -30px;} .media {margin-top: 5px; margin-bottom: 12px; font-size: 14pt;} .media img {margin-bottom: -6px;} .media img.media_icon {margin-bottom: -6px; margin-right: 10px;} .media a {text-decoration: none; color: #b6c75f;} .media a:hover {text-decoration: none; color: #83ADE4;} #booklets_bar {margin-top: 25px;} #booklets_bar p {font-size: 11pt; color: #C0C0C0;} #booklets_bar p.book_title {color: #83ADE4; font-size: 18pt;} #booklets_bar a {text-decoration: underline; color: #83ADE4;} /* Tags */ #tag_glance {border: 4px solid #888888; padding: 4px; color: #FF5555; overflow: hidden;} #tag_glance p {color: #3E6997;} #tag_glance ul {list-style-type: none;} #tag_glance ul li {float: left; margin-right: 5px;} #tag_glance ul li a {color: #888888; text-decoration: none;} #tag_glance ul li a.hot {color: #FF3B3B;} p.type {color: #FF5555;} #tag_cloud {margin-top: 2px; margin-left: 2px;} #tag_cloud h1 {color: #747474; font-size: 18pt; margin-bottom: 10px;} #tag_cloud a {text-decoration: none; color: #3E6997;} #tag_cloud a:hover {color: #78A6D6;} /* YouTube Class */ table.videoList { width: 550px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; } .videoList td { padding: 5px; border: 1px solid; vertical-align: top; } p.videoTitle { font-weight: bold; } p.videoDescription { margin: 0; padding: 0; /* overflow: scroll; */ font-size: small; } p.videoCategory { margin: 0; padding: 0; /* overflow: scroll; */ font-size: x-small; } p.videoTags { margin: 0; padding: 0; /* overflow: scroll; */ font-size: x-small; } .ytform input {border-bottom: 1px dotted; background: #ABBBEE;} .ytform input#ytsubmit {border: 1px dashed; background: #ABBBEE; padding: 4px; font-size: 16pt; color: #414141;} /* Members Stuff */ #members_bar {background: #DACBAD; overflow: hidden; height: 35px; padding: 2px 15px; border-bottom: 5px solid #F7F1E6;} #members_bar h2 {float: left; color: #807559; font-size: 13pt; margin-top: 7px; margin-right: 5px;} #members_bar ul {list-style-type: none;} #members_bar ul li {float: left; padding: 4px;} #members_bar ul li a.lonely {background: #DACBAD; color: #F0E6D8;} #members_bar ul li a:hover.lonely {background: #DACBAD; color: #F0E6D8;} #members_bar ul li a {color: #FFFDF8; text-decoration: none; display: block; padding: 4px;} #members_bar ul li a:hover {text-decoration: none; background: #F7F1E6; color: #59ADD4;} p.sub_text {color: #7E7E7E; font-size: 10pt;} p.sub_text a {color: #DB3333; text-decoration: underline;} p.sub_text a:hover {text-decoration: none;} #member_rsvp {background: #DACBAD; overflow: hidden; padding: 4px; width: 100%; margin-top: 10px; padding-left: 10px; border-bottom: 5px solid #F7F1E6;} #member_rsvp h1 {color: #807559; font-size: 13pt; margin-top: 7px; margin-right: 5px;} input#rsvp {padding: 4px; font-size: 16pt; color: #fff; background: red; margin-bottom: 10px;} #members_bar a.member_select {background: #F7F1E6; color: #807559;} #members_bar a:hover.member_select {color: #807559;} /* Search results */ .search_result {margin-bottom: 10px;} .search_result h2 a {color: #383838; text-decoration: none;} .search_result h2 a:hover {text-decoration: underline;} p.no_results {color: #A2A2A2; margin-bottom: 15px;} p.found {color: #E44A4A; margin-bottom: 15px;} p.when {color: #A5A5A5;} p.when span {color: #E44A4A;} .search_result p a {color: #45adbe; text-decoration: underline;} .search_result p a:hover {text-decoration: none;} h2.tag_result {margin-bottom: 4px;} h2.tag_result a {color: #3967AD; text-decoration: none;} h2.tag_result a:hover {text-decoration: underline;} #tag_results {margin-bottom: 10px;} #cranberries {display: none;} /* Publications */ #pub_sub {list-style-type: none; margin-bottom: 15px;} #pub_sub li a {display: block; padding: 8px; margin-bottom: 2px; background: #ACDA3A; color: #fff; text-decoration: none;} #pub_sub li a:hover {background: #FCBD36;} /* Action */ #learning_networks {background-image: url(../images/action/block1.jpg);} #learning_networks p {color: #B1CCE6;} #creative_cities {background-image: url(../images/action/block2.jpg);} #creative_cities p {color: #FFFDF0;} #publications {background-image: url(../images/action/block3.jpg);} #publications p {color: #E6FDCE;} .network_teaser {width: 167px; height: 180px; padding: 6px; margin-bottom: 10px;} .network_teaser h1 {color: #fff;} .network_teaser a {color: #fff; text-decoration: none;} .network_teaser a:hover {background-color: #ff0000;} a#port {text-decoration: none;} p.network_about {color: #5E5E5E;} #wrapper .booklet {margin-bottom: 25px; overflow: hidden;} #wrapper .booklet img.book {float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 5px; border: 1px solid #5E5E5E;} .booklet p {color: #5E5E5E; width: 400px; float: right; margin-bottom: 5px;} .booklet p a {color: #E04242;} .booklet p a:hover {text-decoration: none;} a.mem_email {color: #555454;}