/* CSS Document */ body, form, div, h1, h2, h3, h4, h5, ul, dl { margin: 0; padding: 0; } hr { height: 1px; } img a { text-decoration: none; } .clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; margin-bottom: -1px; } .content { padding: 1em; } #main_container { width: 759px; margin: 0 auto; padding-bottom: 5em; position: relative; } #adcol { position:absolute; left:770px; top:0px; width:208px; } #adcol h2 { font-size: 14px; } #adcol h2.one { margin: 1em; } #adcol h2.two { margin: 1em; } #adcol .head { padding: 0.5em; } #adcol .head h2 { font-size: 14px; } #adcol ul { margin: 0 1em 0.5em 1.0em; } #adcol ul li { margin-bottom: 0.1em; padding-left: 0.05em; list-style-type: none; } #adcol li a { font-size: 14px; font-weight: 900; text-decoration: none; } #adcol li a:hover { text-decoration: underline; } /* ------------------------ TOOLTIP EXAMPLE ------------------------ */ .jTip{ cursor: help; } #JT { padding: 0 1em 1em; position: absolute; z-index: 100; border: 2px solid #CCCCCC; background-color: #f6e497; } #JT ol { margin: 0; padding: 0; } #JT li { margin-left: 1em; } /* ------------------- Begin Header Styles, above navigation ------------------- */ #header { *height: 1%; } #header #top_form { padding: 3px 2px; text-align: center; } #header #top_form button, #header #top_form select { font-size: 9px; } #header #top_form .i_am { margin: 0 2px 0 1px; } #header #top_form .age { margin: 0 1px; } #header #top_form .country { margin: 0 2px; } #header #top_form .region { margin: 0 2px; } #header #top_form p { display: inline; } #header #logo_container { height: 62px; *height: 100px; } #header #logo_container h1 { margin: 20px 20px 0; padding: 0; position: relative; top: 5px; } #header #logo_container h1 a { display: block; width: 324px; line-height: 40px; height: 40px; margin: 0 0 0 46px; text-decoration: none; font-weight: normal; font-size: 24px; } #header #logo_container p { *position: relative; *top: 20px; float: right; margin: 0; padding: 0; width: 240px; height: 42px; margin: 7px 14px; } #header #logo_container p span { display: none; } #preloader { position: absolute; top: -1000px; visibility: hidden; } /* End Header Styles, above navigation */ /* ------------------- Begin Navigation Styles ------------------- */ #header #navigation { position: relative; width: 759px; height: 47px; _height: 49px; clear: both; font-weight: bold; } #header #navigation p { line-height: 24px; text-align: center; } #header #navigation a { display: block; height: 24px; _float: left; padding: 0 1em; line-height: 24px; text-decoration: none; font-weight: bold; } #header #navigation ul { list-style-type: none; } #header #navigation ul li { float: left; height: 24px; line-height: 24px; } #header #navigation ul li li a { font-weight: normal; } #header #navigation ul li li a:hover { text-decoration: underline; } #header #navigation .sub_nav { position: absolute; left: 0; top: 24px; width: 759px; height: 24px; visibility: hidden; } #header #navigation .selected .sub_nav { visibility: visible } #header #navigation li#home_nav.selected .sub_nav { visibility: visible; } /* End Navigation Styles */ /* ------------------- The homepage main content container and welcome text area ------------------- */ #main_content { padding: 1em; } #welcome_text { width: 420px; min-height: 260px; padding-right: 315px; } #welcome_text p { margin-bottom: 1em; } #welcome_text h2 em { display: block; font-size: 120%; font-style: normal; } #left_col { float: left; width: 360px; margin-right: 1em; } #right_col { float: left; width: 360px; } /* ------------------- Begin Homepage Left Column Styles ------------------- */ #box, #announcements, #newest_members, #recent_logins { margin-bottom: 1em; *height: 1%; } #box h2, #announcements h2, #newest_members h2, #recent_logins h2 { padding: 0.25em 0.5em; font-weight: normal; } #newest_members .member_photo_box, #recent_logins .member_photo_box { width: 20%; _width: 15%; float: left; margin: 0.5em; _margin: 0.4em; text-align: center; } #profile_stuff .member_photo_box, #profile_matches .member_photo_box { width: 18%; _width: 14%; float: left; margin: 0.3em; _margin: 0.2em; text-align: center; } #tell_your_friends { height: 139px; text-align: center; } #tell_your_friends form { position: relative; top: 95px; } #general_ad_360x292 { _overflow: hidden; } #general_ad_360x292 iframe { _height: 292px; } #trek_ad_100x360 { _overflow: hidden; } #trek_ad_100x360 iframe { _height: 100px; } /* End Left Column Styles */ /* ------------------- Begin Homepage Right Column Styles ------------------- */ #right_col * { _height: 1%; } #member_login h2 { float: left; width: 70px; padding: 25px; font-size: 28px; } #member_login h2 a { color:#FFFFFF; text-decoration:none; } #member_login form h3 { padding: 5px; text-align: center; } #member_login h4 { color:#00000; text-decoration:none; font-size: 10px; } #member_login h5 { color:#red; text-decoration:none; font-size: 10px; } #member_login form a, #member_login form p { margin: 0; padding: 0; font-size: 8px; } #member_login form a { line-height: 14px; } #member_login form input { font-size: 10px; width: 97%; } #member_login form button { float: right; font-size: 10px; } #member_login form div { margin-left: 120px; padding: 1em; _width: 170px; _margin: 0; } /* #chat_forum h2 { margin: 0.5em 0; width: 356px; height: 62px; } #chat_forum h2 span { display: none; } #chat_forum .head { margin: 0; padding: 0; text-align: center; height: 62px; *height: 134px; _margin-bottom: -65px; } #chat_forum .head a { display: block; position: relative; top: -75px; text-decoration: none; font-size: 16px; font-weight: 900; } */ #chat_forum .head h2 { background: #633 url(../images/shared/join_now_bg.gif) repeat-x left top; color:#FFFFFF; text-align:center; float: left; width: 347px; padding: 5px; font-size: 30px; } #chat_forum .head h2 a { padding:0; color:#FFFFFF; text-decoration:none; font-size: 14px; } #chat_forum #forum_post { margin: 0.25em 0; clear: left; } #chat_forum #forum_post .member_photo_box { float: left; width: 100px; padding: 0.5em; text-align: center; *margin-bottom: -4px; } #chat_forum #forum_post p.datetime { font-size: 10px; } #chat_forum #forum_post p { margin: 0.25em; padding: 0; } #chat_forum #forum_post em { font-weight: bold; font-style: normal; } #chat_forum #forum_post .post_content { margin-left: 120px; } #general_ad_360x292 { _overflow: hidden; } #general_ad_360x292 iframe { _height: 292px; } #special_forum h2 { margin: 0.5em 0; width: 356px; height: 62px; } #special_forum h2 span { display: none; } #special_forum .head { margin: 0; padding: 0; text-align: center; height: 62px; *height: 134px; _margin-bottom: -65px; } #special_forum .head a { display: block; position: relative; top: -75px; text-decoration: none; font-size: 16px; font-weight: 900; } /* ---------------------- Begin Profile Page ---------------------- */ #profile_page ul li { list-style-type: none; } #profile_page #left_col { float: left; width: 234px; margin-right: 1em; } #profile_page #right_col { float: left; width: 485px; margin: 0; } #profile_page #profile_img .head h2 { padding: 0.5em 1em; text-align: center; font-size: 14px; font-weight: normal; } #profile_page #profile_img .content { display:block; width:208px; text-align: center; float: left; text-align: center; } #profile_page #profile_actions li, #profile_page #profile_actions li a { font-size: 14px; font-weight: bold; text-decoration: none; } #profile_page #profile_looking_for ul { margin: 1em; } #profile_page #profile_looking_for ul li { margin-top: 1em; } #profile_page #profile_looking_for ul li em { display: block; font-weight: bold; font-style: normal; } #profile_page #profile_matches .head, #profile_page #profile_stuff .head, #profile_page #info_listing .head { font-size: 14px; font-weight: bold; } #profile_page #profile_matches .content embed, #profile_page #profile_stuff .content embed { display:block; height:350px; } /* margin:10px; padding:20px; display: block; background-color: #00f; } */ #profile_page #profile_matches, #profile_page #profile_stuff { margin-top: 1em; font-size: 105%; } #profile_page #profile_matches .content dl dt { float: left; width: 150px; clear: left; font-weight: 900; font-style: normal; } #profile_page #profile_stuff .content dl dt { float: left; width: 120px; clear: left; font-weight: 900; font-style: normal; } #profile_page #profile_matches .content dl dd { margin-left: 150px; } #profile_page #profile_stuff .content dl dd { margin-left: 120px; } /* end profile page */ /* ----------------------- Begin Search Results ----------------------- */ #search_results_page #left_col { width: 240px; } #search_results_page #right_col { width: 475px; } #search_results_page #search_results .head { height: 27px; } #search_results_page #search_results .head h2 { margin: 0 1em; padding-top: 0.2em; line-height: 27px; font-size: 14px; font-weight: bold; } #search_results_page #search_results .content { padding: 0; } /* GOOGLE */ #google_468x60 { _overflow: hidden; } #google_468x60 iframe { _height: 60px; } #google_336x280 { _overflow: hidden; } #google_336x280 iframe { _height: 280px; } #forum_page { } #search_results { width: 475px; } #search_results .head { width: 475px; } #search_results .head h2 { font-size: 14px; font-weight: 900; text-align: center; } #search_results table { width: 475px; } #search_results td { margin: 0; padding: 0; } #search_results td { width: 475px; padding: 6px; list-style-type: none; background-color: #fff; } #search_results td .member_photo_box { width: 110px; float: left; text-align: center; } #search_results td a { font-weight: 900; } #search_results td p { margin: 0 0 0.2em; margin-left: 110px; } #search_results td em { display: block; font-style: normal; } #search_results_page #searchbox { width: 240px; padding-bottom: 0.5em; background-color: #fff; } #search_results_page #searchbox p { display: inline; } #search_results_page #searchbox label { display: block; float: left; width: 18%; clear: left; margin-right: 0.5em; line-height: 18px; text-align:right; } #search_results_page #searchbox div { clear: left; margin-top: 0.25em; } #search_results_page #left_col .head { margin-top: 0; } #search_results_page #results_search #left_col .head h2 { font-size: 14px; font-weight: 900; text-align: left; } #search_results_page #results_search_btn { padding-left: 3px; } #search_results_page #searchbox label, #search_results_page #searchbox input, #search_results_page #searchbox button, #search_results_page #searchbox select { font-size: 10px; } #search_results_page #chat_forum { width: 240px; height: 91px; margin-top: 1em; } #search_results_page #chat_forum h2 { width: auto; margin: 0.5em 0; width: auto; height: auto; } #search_results_page #chat_forum h2 span { display: none; } #search_results_page #chat_forum .head { margin: 0; padding: 0; text-align: center; } #search_results_page #chat_forum .head a { display: block; position: relative; top: 25px; *top: 18px; text-decoration: none; font-size: 14px; font-weight: 900; } #search_results_page #tell_your_friends { width: 240px; height: 88px; margin-top: 1em; text-align: center; } #search_results_page #tell_your_friends form { position: relative; top: 62px; margin: 0; padding: 0; } #search_results_page #tell_your_friends input, #search_results_page #tell_your_friends button { font-size: 10px; } .pagination { width: 440px; padding:10px 0px 8px; text-align:center; } .pagination h5 { margin: 0; padding: 0; } .pagination a { padding: 0 0.2em; } /* end search results */ /* ---------------------- Begin Search Page ---------------------- */ #search_form { width: 720px; } #account_page .head, #search_form .head { height: 27px; } #account_page .head h2, #search_form .head h2 { margin: 0 1em; padding-top: 0.1em; line-height: 27px; font-size: 14px; font-weight: normal; } #search_form div { margin: 0 0 1em; } #search_form div div { margin: 0; } #search_form #search_quick p { display: inline; } /* ---------------------- Account Management ---------------------- */ #account_photo, #account_questions, #account_options, #account_actions { margin: 0 auto; } #account_options .head, #account_actions .head , #account_questions .head { background: #990033; color: #fff; padding: 1em 0em 1em 2em; } #account_options ,#account_actions { _height: 1%; } #account_options .content, #account_actions .content { padding: 0; } #account_options ul, #account_actions ul { float: left; width: 27%; padding: 1em 0em 1em 2em; } #account_options li, #account_actions li { margin: 0.5em; list-style-type: disc; } #account_options li a, #account_actions li a { text-decoration: none; font-size: 12px; font-weight: 900; } #account_actions_2 .head { background: #990033; color: #fff; padding: 1em 0em 1em 2em; } #account_marketing .head { background: lightpink; color: #fff; padding: 1em 0em 1em 2em; } #account_marketing p { float: left; width: 200px; padding: 10px; text-align: center; } #account_marketing a { font-weight: 900; font-size: 14px; text-decoration: none; } #account_questions { width: 500px; } #account_questions label { display: block; float: left; width: 140px; margin-right: 10px; text-align: right; font-weight: 900; } #account_questions .helptext { clear: left; margin: 0 0 1em 0; padding: 0; font-style: italic; font-size: 11px; } #account_questions .rowb, #account_questions .rowa { padding: 0.5em; } #account_questions #questions_height input { width: 40px; } #account_questions .textholder label { width: auto; float: none; text-align: left; } #account_questions .textholder textarea { width: 360px; _width: 350px; height: 100px; } #account_questions #submit { text-align: right; } .photobox .photo_container { width: 50%; text-align: center; float: left; } .photobox .photo_container img { margin: 0.5em; } .photobox .photo_details { width: 50%; float: left; } .photobox .photo_details ul { margin-top: 1em; } .photobox .photo_details li { list-style-type: none; margin-bottom: 0.5em; font-size: 12px; } .photobox .photo_details li span { font-weight: bold; } #photo_upload label { float: none; width: 100%; text-align: left; } .caveat { margin: 1em 2em; } .caveat li { margin-bottom: 1em; list-style-type: square } #edit_description_table td, #current_memberships_table td { padding: 1em; } #edit_description_table label { width: auto; display: inline; float: none; } #edit_description_table textarea { width: 100%; *width: 80%; height: 100px; } #edit_description_table em { font-size: 12px; font-weight: 900; font-style: normal; } #edit_description_table .wordcount { width: 35px; } #bottomnav { text-align:center; }