/*********************** DISPLAY PAGES *********************************/ /**** Email A Friend page new 1.4 ***/ .email_friend_body { background-color:#666666; font-family:verdana,arial,helvetica,sans-serif; font-size:10px; color:#e2e2e2; margin:0px; } #email_friend .header { border-bottom: 1px dotted #ffffff; } #email_friend .header_image { margin:0 0 8px 0; } #email_friend .message { text-align:center;font-size:12px;margin:24px;padding:12px;background-color:#777777;border:1px solid #888888;color:#ffffff; } #email_friend .close_window { text-decoration:underline;font-size:12px; } #email_friend .credit { text-align:right;font-size:9px;color:#cccccc;margin-bottom:8px; } #email_friend .caption { margin:0px 0 8px 0;text-align:left; } #email_friend .gallery_name { color:#ffffff;font-weight:bold; } #email_friend .subhead { margin:8px 0 4px 0; font-family:arial; font-size:15px; color:#dfdfdf; } #email_friend .text { margin:4px 0 4px 0; } #email_friend .textarea { width:256px; font-size:11px; font-family:verdana,arial,helvetica,sans-serif; border:1px solid #000;height:65px; padding:4px 2px 2px 4px; margin:0px; } #email_friend .checkbox { margin:0; line-height:1.5em; } #email_friend .input { width:256px; font-size:11px; font-family:verdana,arial,helvetica,sans-serif; border:1px solid #000;height:16px;padding:2px 2px 2px 4px; } #email_friend .submit { border:0px;margin:8px 0 8px 0; font-family:arial; font-size:15px; color:#dfdfdf; } #email_friend .close { padding-left: 150px;border:0px;margin:8px 0 8px 0; font-family:arial; font-size:15px; color:#dfdfdf; } /********** end v1.4 ****************/ /*** Contest Results page new 1.4 ***/ .contest_results { border: 1px solid #000000; margin-bottom: 5px; margin-left:10px; } .contest_results_header_you { padding-top: 2px;padding-bottom: 2px;background-color: #9a5254;color: #ffffff;font-size: 12px;font-weight: bold;border-bottom: 1px solid #000000; } .contest_results_header_we { padding-top: 2px;padding-bottom: 2px;background-color: #4a719c;color: #ffffff;font-size: 12px;font-weight: bold;border-bottom: 1px solid #000000; } .contest_results_body_you_1 { font-size: 11px;padding-top: 2px;padding-bottom: 2px;color: #000000; background-color: #555555;border-right: 1px solid #9a5254; } .contest_results_body_we_1 { font-size: 11px;padding-top: 2px;padding-bottom: 2px;color: #000000; background-color: #555555;border-right: 1px solid #4a719c; } .contest_results_body_you_2 { font-size: 11px;padding-top: 2px;padding-bottom: 2px;color: #000000; background-color: #777777;border-right: 1px solid #9a5254; } .contest_results_body_we_2 { font-size: 11px;padding-top: 2px;padding-bottom: 2px;color: #000000; background-color: #777777;border-right: 1px solid #4a719c; } /********** end v1.4 ****************/ /******** Galleries Page ***********/ #gallery { background: #333; color: #fff; width: 502px; } /* main content cell */ #gallery table { margin: 12px 6px 0; } /* margin around inner content */ #gallery table .pages { padding: 0 3px 9px 0; text-align: right; } /* page navigation */ #gallery table .pages a { font-size: 13px; margin: 0 2px; } /* page navigation link */ #gallery table .pages a.selected { color: #777; } /* page navigation link */ #gallery table .thumbnail { border-right: 3px solid #333; border-bottom: 3px solid #333; padding: 4px 4px 16px; width: 112px; } /* gallery table cell */ #gallery table .thumbnail .title { display: block; margin: 0 0 4px; } /* gallery name */ #gallery table .we { background: #46537d; } /* we background color */ #gallery table .you { background: #692122; } /* you background color */ /***** NEW 1.7 *******/ #gallery .comment { font-size:12px;font-weight:normal; } #gallery .comment_border { border-bottom:1px dotted #ccc;padding:8px 0 8px 0; } /**** END NEW 1.7 ****/ /******** Category Page ************/ #category { padding: 0px 0px 0px 18px; margin: 12px 0 18px 0; } /* spacing between each category block */ #category table .padding { padding: 0px 12px 0px 12px; } /* padding on the left and right of each category text block */ #category .name { font-size:15px; font-weight:bold; } /* font for the category name */ #category .sub_name { font-size:12px; } /* font for the subcategory names */ #category .arrow_size { font-size:12px; } /* font size of the arrow next to the category name */ #category .gallery_text { padding:6px 0 6px 0; } /* padding around the gallery and photo count */ #category .bullet { color:#666666; } /* color of the bullet in-between subcategory names */ /******* Before and After v1.7 *****/ #b_and_a { padding: 0px 0px 0px 6px; margin: 3px 0 3px 0; } #b_and_a table .padding { padding: 0px 9px 0px 9px; } /* padding on the left and right of each category text block */ #b_and_a .name { font-size:15px; font-weight:bold; } /* font for the category name */ #b_and_a .sub_name { font-size:12px; } /* font for the subcategory names */ #b_and_a .arrow_size { font-size:12px; } /* font size of the arrow next to the category name */ #b_and_a .gallery_text { padding:6px 0 6px 0; } /* padding around the gallery and photo count */ #b_and_a .bullet { color:#666666; } /* color of the bullet in-between subcategory names */ #b_and_a .sponsor { font-size:11px; font-weight:normal; } #b_and_a .sponsor_name { font-size:12px; font-weight:bold; } #b_and_a .sponsor_logo { padding:8px; } #b_and_a .before_header { margin-bottom:3px;text-align:center;font-size:12px;font-weight:bold;color:#fff;} #b_and_a .after_header { margin-bottom:3px;text-align:center;font-size:12px;font-weight:bold;color:#fff;} /******* End New 1.7 ***************/ /******** User Page ****************/ #user { color: #fff; width: 502px; } /* background of the content part */ #user table { margin: 6px 6px 0px 12px; } /* outside margin of the users table */ #user table .pages { padding: 0 3px 9px 0; text-align: right; } /* page navigation */ #user table .pages a { font-size: 13px; margin: 0 2px; } /* page navigation link */ #user table .pages a.selected { color: #777; } /* page navigation link */ #user table .user_brief { padding:6px 4px 20px 8px; } /* padding for the text part of the user block */ /********* Help Page new v 1.1 *****/ #help .subhead { color: #ffffff; font-size: 11px; font-weight: bold; } #help .common_term { color: #ffaaaa; font-weight: lighter; text-transform: uppercase; } #help .feature { border:1px solid #40100f; margin: 5px; padding: 0px; } #help .featureTITLE { background-color: #40100f; color: #fff; font-size: larger; margin: 0px; padding: 5px; text-align: left; text-transform:uppercase; } #help .featureBODY{ margin: 0px; padding: 0px 10px 0px 10px; text-align: left; color: #fff; } #help .featureFOOTER { background-color: #40100f; color: #fff; font-size: x-small; margin: 0px; padding: 2px; text-align: right; } #help .featureFOOTER a { color: #fff; text-transform: lowercase; } /********** end v1.1 ****************/ /******** Contest v1.5 **************/ .contest_rate_bar_you { background:#9a5254; border:1px solid #000; padding:4px 1px 1px 1px; } .contest_rate_bar_we { background:#4a719c; border:1px solid #000; padding:4px 1px 1px 1px; } .contest_rate_bar_form { background: url('') repeat-x 0px bottom; line-height: 15px; padding: 0px; margin:0px; } .contest_rate_text { font-size:14px;font-weight:bold; } /********** end v1.5 ****************/ /******** User Detail Page **********/ #user_detail { color: #fff; width: 506px; } /* background for the main content table */ #user_detail .big_name { font-family:georgia,serif; font-size:23px; margin:12px 0 12px 3px; border-bottom:1px dashed #90605F; } #user_detail .avatar { border:1px solid #60302F; margin-right:12px; } /* the user's avatar */ #user_detail .gallery_table { margin: 0 0 0 6px; } /* padding on the content table */ #user_detail .gallery_info_padding { padding: 6px; } /* padding in the collection name bar */ #user_detail .collection_table { background-color:#2c100F;margin:0 0 12px 0; } /* collection bar */ #user_detail .galleries_text { padding:3px 0 0 0; } /* padding around the gallery/photo text in the collection bar */ #user_detail .collection_name { padding-right:6px;color:#cfbcba;font-size:15px;font-weight:bold; } /* collection name in the collection bar */ #user_detail .right_rail_padding { padding-left: 5px; padding-right: 15px; } /* padding on the outside of the right rail */ #user_detail .right_picks_text { padding:6px 0 12px 0;color:#cfcfca; } /* padding around the text at the top of the rail */ #user_detail .scrapbooks { padding:0 0 0 3px; } /* padding around each scrapbook block */ #user_detail .scrapbook_info { padding-left: 12px; } /* padding around the text part of the scrapbook block */ #user_detail .create_scrapbook { padding:12px;margin:0 6px 16px 6px;border:1px dashed #666666;text-align:center; } /* create scrapbook box */ /******** Photographer v1.7 **************/ #user_detail .photog_big_name { font-family:georgia,serif; font-size:23px; margin:12px 0 12px 3px; border-bottom:1px dashed #A9b7Db; } #user_detail .mugshot { border:1px solid #A9b7Db; margin-right:12px; } /* the user's avatar */ #user_detail .event_table { background-color:#A9b7Db;margin:0 0 12px 0; } /* collection bar */ #user_detail .event_name { padding-right:6px;color:#000;font-size:15px;font-weight:bold; } /* collection name in the collection bar */ #user_detail .event_galleries_text { padding:3px 0 0 0;color:#000; } /******** END Photographer v1.7 **************/ /*** Gallery/Photo/Big Photo Pages ***/ #main.photos #gallery { background: #293043; width: 494px; } #main.photos #gallery table .thumbnail { background: #293043; border-right: none; border-bottom: none; padding: 0; } #gallery_page { color: #fff; } /* main content cell */ #gallery_page .bottom-margin { margin: 0 0 6px 0; } /* margin under photo */ #gallery_page .zoom { width: 748px; } /* size of content cell for photo */ #gallery_page .normal { width: 494px; } /* size of content cell for big photo */ .gallery_page-we { background: #293043; } /* background color for we */ .gallery_page-you { background: #333; } /* background color for you */ .gallery_page-nav-we td { margin-top:2px; background: url("/images/we/gallery_nav_bkg.gif") bottom repeat-x; } .gallery_page-nav-you td { margin-top:2px; background: url("/images/you/gallery_nav_bkg.gif") bottom repeat-x; } #gallery_page-nav .upper { color: #fff; text-transform: uppercase; } /* gallery dropdown bar */ #gallery_page-nav .middle { vertical-align:middle; } /* gallery dropdown bar */ #gallery_page-nav .gallery_title { color: #fff; padding:0 0 0 6px;font-size:14px;font-family:georgia,serif;text-align:left; } /* gallery dropdown bar */ #gallery_page .gallery_nav_bar { padding:2px 0 0 0;cursor:pointer; } #gallery_page .pages { margin-top: -4px; font-size: 11px; } /* page nav */ #gallery_page .pages, #gallery_page .pages a { color: #b8bed0; } #gallery_page .pages a { border-right: 1px solid #b8bed0; } #gallery_page .pages a { padding: 0 7px 0 2px; } #gallery_page .pages a.selected { color: #124; } #gallery_page .pages a.last { border: 0px; } #gallery_page_inside { margin: 0px 3px 5px 6px; padding-top: 5px; } /* padding around the picture block */ #gallery_page_inside .info { padding: 11px 4px 15px; } /* padding around the page nav row on top and bottom */ #gallery_page .bullet { color:#777777; } /* bullet color on the arrow nav row on the photo pages */ #gallery_page .gallery_credit {padding:6px 0 6px 0;color:#cccccc;font-size:10px;text-align:right; } #gallery_page .gallery_toolbar_bottom {padding:12px 0 12px 0;border-top:1px dashed #5f5f5a;text-align:center;margin:6px 0 0 0;} /* bottom section with add to scrap link on photo pages */ #gallery_page .abuse_textarea { font-family:verdana,arial;width:250px;height:144px;font-size:12px; } /* comments area on the report abuse page */ /*** New to V 1.1 ***/ #gallery_page .gallery_caption { padding:8px 0 6px 0px;text-align:left;color:efefea;font-size:10px;font-weight:bold; } /*** End New ***/ #about { color: #fff; margin: 20px 10px; } /* padding around gallery information */ #about h3 { margin: 0; font-size: 12px; } /* gallery information header */ #about ul { margin: 10px 0; padding: 0; } /* padding around gallery list */ #about li { margin: 3px 13px; } /* padding around gallery list items */ #more_from { padding:10px 6px 12px 10px; margin:8px 12px 0 3px; color: #fff; } /* spacing around the 'more from' list */ #more_from .header { margin:0 0 14px -3px; font-size:12px; font-weight:bold; } /* collection or gallery type name */ #more_from .more_text { font-size:10px; } /* the rest of the header */ #more_from .list { margin:0 0 6px 0; } /* padding around list */ #more_from ul { padding:0 0 0 18px; margin:0; list-style-image:url('/images/site/gallery_bullet.gif'); } /* list style */ #more_from li { margin:0; padding:0 0 8px 5px; } /* padding around individual list items */ .we_comments_column {color: #fff; background-color:#3C4563;padding:0px 0 12px 0;margin:12px 0 6px 0;} /* color and style for comments on an event page */ .you_comments_column {color: #fff; background-color:#330D0C;padding:0px 0 12px 0;margin:12px 0 6px 0;} /* color and style for comments on a user gallery page */ #comments .comments_header { font-size:12px;font-weight:bold;padding:18px 6px 18px 6px;text-align:center;border-bottom:1px dashed #666666; } /* comments text */ #comments .comment {padding:14px 12px 12px 14px; border-bottom:1px dashed #6f6f6a;} /* style of each comment block */ #comments .avatar { margin:0 6px 6px 0; } /* padding around the avatar */ #comments .comment_body p {margin:0;padding:0 0 6px 0;} /* comment text */ #comments .comment_date {font-size:9px;padding:0 0 3px 0;color:#999999;} /* comment date text */ #comments .comment_box { width:270px;margin:6px 0 0 6px;background-color:#cccccc;color:#000000;text-align:center;padding:3px 0 0 0;border:1px solid black; } #comments .your_message { text-align:left;font-weight:bold;padding:6px 3px 3px 3px; } /* text at top of textarea */ #comments .textarea { width:264px; height:150px;border:1px solid #ffffff;font-family:verdana;font-size:10px; } /* post a comment textarea */ /********* Right Rail ****************/ #right-rail-user { margin-top: 12px; color: #fff; text-align: left; width: 205px; overflow: hidden; } /* right rail on the user_detail page */ .right-rail-user-you { border: 1px solid #9a5254; padding:12px 12px; } /* right rail on user_detail page */ /*********** Changed v 1.5 ******************/ #right-rail { color: #fff; text-align: left; width: 244px; } /* right rail on gallery and photo pages */ /********* End Changed v 1.5 ****************/ .right-rail-we { border: 1px solid #4a719c; } /* border color for we */ .right-rail-you { border: 1px solid #9a5254; } /* border color for you */ .right-rail-we h2 { background: url("/images/we/hdr_bkg_blue.gif") right top; border-bottom: 1px solid #4a719c; border-top: 1px solid #4a719c; } /* background image on the right rail headers */ .right-rail-you h2 { background: url("/images/you/hdr_bkg_red.gif") right top; border-bottom: 1px solid #9a5254; border-top: 1px solid #9a5254; } #right-rail h2 { height: 16px; margin: 0; padding: 3px 3px 0; } /* header */ #right-rail h3 { font-size: 12px; margin: 0; padding: 0; } /* subhead */ #right-rail h4 { font-size: 11px; margin: 0; padding: 0; border-top: 1px dashed #6f6f6a; padding-top: 8px; } /* event name */ #right-rail p { margin: 0; padding: 0; } #right-rail .content { padding: 9px 5px 23px 10px; } #right-rail .content-picks { padding: 9px 5px 10px 10px; } #right-rail .picks { margin: 10px 0 0; } /*********** New v 1.5 ******************/ #right-rail .header { margin-bottom:4px;font-size:14px;font-weight:bold; } #right-rail .new_messages { margin-top:6px;text-align:left;font-size:11px;font-weight:bold; } #right-rail .messages { margin-top:6px;text-align:left;font-size:10px;font-weight:normal; } #right-rail .previous_photo { padding:6px;font-size:14px;font-weight:bold; } #right-rail .votes_text { color:#000;font-size: 11px; padding-left: 5px; padding-top: 2px; font-weight: bold; } #right-rail .contest_subhead_you { padding-top: 2px;padding-bottom: 2px;background-color: #9a5254;color: #ffffff;font-size: 12px;font-weight: bold;border-bottom: 1px solid #000000;font-size: 9px; } #right-rail .contest_subhead_we { padding-top: 2px;padding-bottom: 2px;background-color: #4a719c;color: #ffffff;font-size: 12px;font-weight: bold;border-bottom: 1px solid #000000;font-size: 9px; } #right-rail .contest_rating { font-size: 24px; font-weight: bold; border-left: 1px solid #000000; border-bottom: 1px solid #000000;padding-top: 2px;padding-bottom: 2px;background-color: #ffffff;color: #000000;} #right-rail .previous_photo_table_you { background:#cccccc;border: 1px solid #9a5254;margin-bottom: 10px;margin-top:5px; } #right-rail .previous_photo_table_we { background:#cccccc;border: 1px solid #4a719c;margin-bottom: 10px;margin-top:5px; } /*********** end new v 1.1 **************/ /*********** New v 1.1 ******************/ .right-rail-general { border: 1px solid #333; } .right-rail-general h2 { background: url("/images/site/hdr_bkg.gif") right top; border-bottom: 1px solid #333; border-top: 1px solid #333; } /*********** end new v 1.1 **************/ /***************************** END DISPLAY PAGES *************************/ #index { width:760px;color:#fff; } #index .we {background-color:#49557b} #index .you {background-color:#692122} /***** We Spotted ******/ #index .we_spotted { width:254;border-right:1px solid #69759b; } #index .we_spotted_header { margin:18px 0 0 0px; padding-left:3px;} #index .upcoming_events { margin:12px 0px 0 0px; padding-left:0px;} #index .event { margin-bottom: 10px; } #index .event_photo_padding { padding-left:4px; } #index .event_info_padding { padding-left:8px; } #index .event_link { font-size:11px; } #index .event_subinfo { color:#9999cc;padding:6px 0 0 0; } #index .browse_recent_events_box { margin:2px 0 12px 0px;padding:3px;background-color:#69759b; } #index .upcoming_events_box { margin:3px 0 0 0px;padding:12px 3px 12px 12px;background-color:#39456b; } #index .upcoming_events_header { font-weight:bold;font-size:11px; } #index .event_name { padding:10px 0 0 0; font-size:11px; font-weight:bold;} #index .upcoming_event_info { margin:2px 6px 2px 12px; } /***** Flash ******/ #index .flash_cell { background-color:#878787; } #index .spotlight { background-image:url('/images/front/hdr_spotlight.gif');width:506px;height:44px; } #index .flash_inner { width:506px;height:320px;overflow:hidden;background-color:#777777; } /***** Search Box ****/ #index .searchbox { margin:2px;padding:1px;border:1px solid #8F9182; } #index .searchbox_header { margin:12px 6px 12px 6px; } #index .searchbox_inner { background-color:#8F9182;margin:6px 0 0 0; } #index .searchbox_list { font-size:13px;line-height:2em;margin:6px 6px 0 12px;padding:0;list-style-type:none; } /****** You Spotted ********/ #index .you_spotted_header { margin:12px 0 12px 0; } #index .you_spotted_signup_box { border-bottom:1px dashed #9f5a5a;margin:0 6px 0 6px;padding:0 6px 12px 6px; } #index .you_spotted_signup_inner { padding:6px;background-color:#D4B1B1;color:#330000;font-size:11px; } #index .you_spotted_signup_text { color:#550000; } #index .you_spotted_user { border-bottom:1px dashed #9f5a5a;margin:0 6px 0 6px;padding:0 6px 12px 6px; } #index .you_spotted.username { font-size:12px;font-weight:bold; } #index .you_spotted_subhead {color:#dfcfbc;font-size:11px;font-weight:bold} /****** Categories **********/ #index .most_popular_header { margin:12px 0 8px 12px;font-size:11px; } #index .most_popular_table { padding-left:10px; } #index .category_name { font-size:12px; } #index .category_photo_text { margin:3px 0 6px 0; } #index .category_padding { padding-right: 3px; } #index .browse_all_categories { margin:12px 0 8px 12px; } /****** Popular Galleries *****/ #index .most_popular_box { width:228px;margin:20px 3px 0 6px;padding:6px;background-color:#501010;border:1px dashed #9f5a5a; } #index .more_favorites_box { margin:6px 3px 6px 3px;padding:3px;background-color:#905050; } #index .more_favorites_header { font-size:11px; } #index .more_favorites_header_padding { padding-bottom: 8px; } #index .most_popular_number { padding-right: 3px; } #index .most_popular_name { padding-right: 10px; padding-bottom: 10px; } /***** Latest You ********/ #index .latest_you_header { margin:12px 0 12px 6px;font-size:12px; } #index .latest_you_galleries { margin:12px 6px 2px 6px; } #index .latest_you_name { font-size:12px; } #index .latest_you_info { margin:6px 0 6px 0;font-size:9px;color:#aa8888; } #index .latest_you_byline { margin:6px 0 6px 0; } #index .latest_you_padding { padding-right:12px; padding-bottom: 10px; }