/* --- SITE ELEMENTS --- */ * { padding:0; margin:0; } body { background:url(/skins/default/imgs/bg_tile.gif) repeat-x; background-color:white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; } p { margin-bottom:14px; } li { margin:0 0 8px 20px; } h1 { margin-bottom:14px; font:normal 24pt Georgia, "Times New Roman", Times, serif; color:#54280a; } h3 { margin-bottom:14px; font:bold italic 14pt Georgia, "Times New Roman", Times, serif; color:#778211; } #site_wrap { margin:auto; width:850px; background:url(/skins/default/imgs/layout_bg.gif) repeat-y; } #left_col { width:260px; float:left; display:inline; } #right_col { width:590px; float:left; display:inline; } #mast_wrap { text-align:center; } #mast_wrap img { margin:30px auto auto auto; } /* navigation links */ #mast_wrap div { } #mast_wrap div a { font-size:10px; text-transform:uppercase; color:#fff; text-decoration:none; padding:0 0px; } #mast_wrap div a:hover { background-color:#eac10f; color:#000; } #mast_wrap div a.active { background-color:#c16020; color:#fff; } #mast_wrap div img { margin:25px 0 0 0; } #content { margin:50px 0 0 10px; font-size:9pt; color:#4d4029; line-height: 1.4em; } #inner_content { margin:0 0 60px 14px; font-size:9pt; color:#4d4029; } #inner_content.press_releases div { margin-bottom:10px; } /* gallery */ #gallery_wrap { width:560px; height:198px; overflow:hidden; margin:auto; } #gallery_btn_left { float:left; } #gallery_btn_left a:active { } #gallery_btn_right { float:left; } #gallery_images { float:left; width:501px; height:198px; background:#717923; } .gallery_image_wrap { overflow:hidden; white-space:nowrap; } .gallery_image { float:left; margin:7px 0; } .gallery_image img { height:184px; } .gallery_caption_wrap { float:left; width:100%; display:block; position:absolute; z-index:10; cursor:pointer; background-color:#000; opacity:.70; filter:alpha(opacity=70); -moz-opacity:0.7; bottom:0px; } .gallery_caption { font-size:8pt; margin:5px; color:white; text-align:left; } .gallery_caption .type { font-size:8pt; display:block; color:gray; } #gallery_bar { width:260px; height:20; background:transparent url(/skins/default/imgs/gallery_bar.gif) no-repeat; text-align:center; } #foot_nav { margin-top:20px; text-transform:uppercase; font-size:7pt; font-weight:bold; color:#727a26; text-align:center; line-height:14pt; padding-left:275px; } #foot_nav a { color:#959576; padding:0 1px; text-decoration:none; } #foot_nav a:hover { text-decoration:underline; } #copyright { color:#c9c9af; font-weight:normal; } #prosper_logo { float:left; margin:-50px 0 0 50px; } /* left column */ #lcol_join { text-align:center; background:url(/skins/default/imgs/lcol_yellow_bg.gif) repeat-y; } #lcol_join_form { display:inline; } #lcol_join_email { background-color:#897f7f; color:#fff; border:0; border-top:1px solid black; border-left:1px solid #666; border-bottom:1px solid #ffc; border-right:1px solid #ffc; text-align:center; height:15px; font:8pt Verdana, Arial, Helvetica, sans-serif; width:160px; padding-top:4px; } #lcol_join_btn { margin-bottom:-4px; } #lcol_nav { background:url(/skins/default/imgs/lcol_red_bg.gif) repeat-y; } #lcol_nav .lcol_nav_sep { margin:2px 0 2px 20px; display:block; } #lcol_arrow_down { margin-bottom:0px; } .lcol_nav_item span { padding-left:12px; } .lcol_nav_item .lcol_nav_bullet { float:left; margin:3px 0 0 17px; } .lcol_nav_item span a { font:bold 9pt Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; } .lcol_nav_item span a:hover { text-decoration:underline; } #lcol_red_bottom { display:block; } #video_player { background:#bcbc96; } #video_viewer { text-align:center; } #lcol { background:#bcbc96; } #asset_desc { background:black; color:gray; font-size:8pt; margin:auto; padding:4px; width:250px; } #asset_desc .title { color:white; font-weight:bold; } #asset_desc .summary { font-size:7pt; } #lcol_media { font-size:8pt; margin-bottom:70px; } #lcol_media h2 { border:1px solid #b7bb92; border-left:0; border-right:0;font:normal 11pt Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#43490d; padding:3px 10px; line-height:18pt; } #lcol_media .media_item { background:url(/skins/default/imgs/lcol_button_bg_green.gif) repeat-x; height:31px; overflow:hidden; } #lcol_media .selected { background:url(/skins/default/imgs/lcol_button_bg_gray.gif) repeat-x; height:31px; overflow:hidden; } #lcol_media .media_item img { float:left; } #lcol_media .media_item div { padding:8px 0 0 12px; } #lcol_media .media_item div a { color:#fff; text-decoration:none; /* white-space:nowrap; */ } /* #lcol_media .media_item div a:hover { text-decoration:underline; } */ #lcol_media .more { margin:10px 0 14px 10px; } #lcol_media .more a { text-decoration:none; font-size:7pt; color:#43490d; font-weight:bold; } #on_the_web .content_wrap { background:url(/skins/default/imgs/lcol_ontheweb_tile.gif) repeat-y; text-align:center; } #on_the_web .content { margin:0 40px; } #on_the_web .content img { display:inline; } #on_the_web .title { text-transform:uppercase; text-align:center; color:#565a25; font-size:9pt; } /* index */ .article { margin:10px 16px 20px; } .article img { float:left; margin:5px 10px 0 5px; position:absolute; } .article .title { font:bold 9pt Verdana, Arial, Helvetica, sans-serif; display:block; margin-bottom:4px; } .article .title a { color:#4D4029; text-decoration:none; } .article .title a:hover { text-decoration:underline; } .article .date { font:bold 8pt Verdana, Arial, Helvetica, sans-serif; color:#778211; border-right:1px solid #778211; padding-right:4px; } .article .summary { display:inline; } .article .summary a { color:#778211; text-decoration:none; } .article .summary a:hover { text-decoration:underline; } .icon { padding:0 0 0 30px; } #donate08 { position:absolute; margin:25px 0 0 220px; border:0; } .article .venue { display:block; } /* --- Homepage Latest News --- */ .hp_left_column, #hp_blog, .hp_right_column { width:50%; margin:20px 0 0 0; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#4d4029; } #hp_blog h2, .hp_left_column h2, .hp_right_column h2 { border:1px solid #b7bb92; border-left:0; border-right:0; font:normal 13pt Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#54280a; padding:3px 10px; line-height:18pt; } .hp_right_column h2 img, .hp_left_column h2 img { margin:0 0 -4px 5px; border:0; } .hp_left_column .more, .hp_right_column .more.special {margin:10px 0 10px 10px; font-size:7pt; color:#43490d; font-weight:bold; } .hp_right_column .more { margin:10px 0 10px 40px; font-size:7pt; color:#43490d; font-weight:bold; } .hp_right_column img, .hp_left_column img { margin-bottom:-1px; } .hp_right_column .summary.block { display:block; } .hp_left_column p { margin:10px 16px 4px; } #hp_comm_bar { margin:0 3px 0 8px; width:497px; height:64px; padding:9px 0 0 14px; float:left; background:url(/skins/default/imgs/center_column_green_header.gif) no-repeat; } #hp_comm_bar .title { font:normal 16pt Georgia, "Times New Roman", Times, serif; color:#fff; } #hp_comm_bar .subtitle { font-size:9pt; font-weight:bold; color:#fff; } #hp_comm_bar img { float:left; } #hp_mind_bar { background:url(/skins/default/imgs/center_section_bg.gif) repeat-x; width:573px; margin:10px 0 20px 7px; } #hp_mind_bar_mast { background:url(/skins/default/imgs/center_section_header.gif) no-repeat; width:573px; height:52px; padding:13px 0 0 20px; } #hp_mind_bar .title { font:normal 16pt Georgia, "Times New Roman", Times, serif; color:#fff; } #hp_mind_bar .title img { margin:0 0 -2px 5px; border:0; } #hp_mind_bar .title span { text-transform:uppercase; color:#fff; font:bold 7pt Verdana, Arial, Helvetica, sans-serif; padding-left:4px; text-transform:uppercase; } #hp_mind_bar .more { margin:10px 0 14px 10px; } #hp_mind_bar .more a { text-decoration:none; font-size:7pt; color:#43490d; font-weight:bold; } #articles_wrap { font:8pt Verdana, Arial, Helvetica, sans-serif; color:#4d4029; } #articles_wrap .indent { padding:10px; } #articles_wrap .item { margin:0 0 10px 0; } #articles_wrap .item .title { margin-bottom:14px; } #articles_wrap .item .title a { font:bold italic 14pt Georgia, "Times New Roman", Times, serif; color:#778211; text-decoration:none; } #articles_wrap .item .title a:hover { text-decoration:underline; } #articles_wrap .item .date { } #articles_wrap .item .byline { margin-bottom:6px; } #articles_wrap .item .content { } #articles_wrap .item .content a { color:#778211; text-decoration:none; } #articles_wrap .item .content a:hover { text-decoration:underline; } #articles_wrap .separator { border-top:1px solid #b7bb92; margin:16px 0; } /* blog post pages (roger, issues, supporters, et. al.) */ #post_content h1 { margin-bottom:14px; font:normal 24pt Georgia, "Times New Roman", Times, serif; color:#54280a; } #post_content h3 { margin-bottom:14px; font:bold italic 14pt Georgia, "Times New Roman", Times, serif; color:#778211; } /* homepage Carousel */ #mygallery div div a { text-decoration:none; color:white; } #mygallery div div a img { height:198px; } .stepcarousel{ background:#717923; position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 505px; /*Width of Carousel Viewer itself*/ height: 220px; /*Height should enough to fit largest content's height*/ margin:auto; } .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; padding-top:7px; } .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin:5px 10px 0 10px; /*margin around each panel*/ /* width: 250px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height:178px; } .stepcarousel .panel img { border:3px solid #333; } .stepcarousel .link { margin:196px 0 14px 10px; } .stepcarousel .link a { text-decoration:none; font-size:7pt; font-weight:bold; color:#43490d; } #Roger_icon { float:left; margin-right:20px; } #Roger_pullquote { float:right; font:bold italic 12pt Georgia, "Times New Roman", Times, serif; margin:0 0 20px 20px; text-align:right; width:220px; line-height:20pt; } #Roger_pullquote a { text-decoration:none; color:#778211; } #Roger_pullquote a:hover { text-decoration:underline; }