/* main ----------------------------------------------- */ * { margin: 0; padding: 0; } body { margin: 0; font-family: "Lucida Grande", Helvetica, Arial, Verdana, Tahoma, Geneva, sans-serif; font-size: 12px; color: #252525; line-height: 1.7em; -webkit-text-size-adjust: none; } h1, h2, h3, h4, h5, h6 { line-height: 1.2em; } h1 { font-size: 36px; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 10px; } p { margin-bottom: 0.8em; } .small { font-size: 10px; } blockquote { margin-right: 0; margin-left: 20px; } ol { margin-left: 15px; padding-left: 15px; } #url_print, #logo_print { display: none; } /* site layout ----------------------------------------------- */ #head { margin-bottom: 10px; text-align: left; } #container { margin: 0 auto; padding: 0; width: 80%; min-width: 1000px; } #minwidth { width: 1000px; height: 0; overflow: hidden; } #left { margin: 20px 0 0 0; float: left; width: 660px; \width: 660px; w\idth: 660px; } #right { margin: 20px 0 0 0; float: right; width: 300px; \width: 300px; w\idth: 300px; overflow: hidden; } #gallery { margin: 20px 0 0 0; } #foot { clear: both; padding: 150px 0 20px 25px; text-align: center; } #foot a { margin: 0.8em; font-size: 11px; line-height: 1.9em; text-decoration: none; } /* logo ----------------------------------------------- */ #logo h1, #logo_frnds h1, #logo_media_kit h1 { width: 1000px; height: 57px; margin: 0; padding: 0 0 10px 0; text-indent: -9999px; overflow: hidden; } #logo h1 { background: url(http://www.freemagaz.in/skin/default/images/logo1000.jpg) no-repeat top left; } #logo_frnds h1 { background: url(x/media/logo_frnds.gif) no-repeat top left; } #logo_media_kit h1 { background: url(x/media/logo_media_kit.gif) no-repeat top left; } #logo h1 a, #logo_frnds h1 a, #logo_media_kit h1 a { display: block; width: 1000px; height: 181px; } /* topmenu ----------------------------------------------- */ #topmenu { padding: 5px 0 10px 0; clear: both; text-align: left; border-bottom: solid #cd0067 20px; } #topmenu a { margin-right: 20px; font-weight: bold; font-size: 14px; color: #cd0067; text-decoration: none; } /* article menu ----------------------------------------------- */ #article_menu_back { width: 100%; float: left; } #article_menu { margin: 5px 0 5px 0; float: left; width: 660px; \width: 660px; w\idth: 660px; } #article_menu_links { float: left; } #article_menu_links a { font-weight: bold; font-size: 12px; margin-right: 1.5em; color: #cd0067; text-transform: lowercase; text-decoration: none; } #article_menu_links a:hover { color: #000; } #article_menu_links a.active_section, #article_menu_links a.active { font-weight: bold; color: #000; } #article_menu_images { float: left; padding-top: 3px; } #article_menu_images img { margin-right: 15px; } #article_menu_images a:hover, .media_icons:hover, .color_trend:hover, input:hover { opacity: 0.5; -moz-opacity: 0.5; filter: Alpha(Opacity=50); } #search-result { clear: both; padding: 0 0 5px 0px; margin-bottom: 10px; font-size: 10px; color: #000; text-transform: uppercase; border-bottom: 1px dotted #cd0067; } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .color_trend_history { margin: 20px 0; } /* photoblog entry ----------------------------------------------- */ #photoblog_wrapper { margin: 0 0 10px 0; float: left; } .photoblog_article_image { border: solid 6px #252525; float: left; } .photoblog_description_div { float: right; width: 170px; margin: 0 0 0 18px; } .photoblog_date, .photoblog_name { text-transform: uppercase; font-weight: bold; } .photoblog_data, .photoblog_name, .photoblog_more { margin: 20px 0 20px 0; } .photoblog_date { float: left; width: 60%; font-size: 60px; text-align: center; line-height: 1em; padding:0; } .photoblog_name h3 { padding-bottom: 10px; font-family: Desyrel, Comic Sans MS, Bradley Hand ITC TT; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); } .photoblog_name a { text-decoration: none; } .photoblog_data, .directory_data { font-size: 10px; } .photoblog_data a { text-decoration: none; font-weight: bold; } .photoblog_more a { text-decoration: none; text-transform: uppercase; font-weight: bold; } .photoblog_more_button a { display: block; width: 80%; text-decoration: none; text-transform: capitalize; font-weight: bold; text-align: center; color: #fff; background-color: #a6a6a6; padding: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .photoblog_more_button a:hover { color: #fff; background-color: #454545; } .photoblog_more_button a:active { color: #fff; background-color: #252525; } #photoblog_body { font-size: 11px; text-align: center; } #photoblog_body img { border: solid 6px #252525; } .photoblog_profile { width: 100%; float: left; text-align: left; font-size: 10px; padding: 20px 0 0 0; } .profile_photo { border: 0 !important; } .profile_recent_photos { padding: 0 0 25px 0; } .profile_recent_photos img { margin-right: 4px; border: solid 3px #252525; } #currency { margin: 20px 0 20px 0; font-size: 10px !important; padding: 10px; background-color: #eee; } .currency_text { float: left; width: 65%; } .currency_rates { float: right; background-color: #eee; padding: 15px; width: 20%; text-align: center; } #article_navigation { margin: 0 0 10px 0; font-weight: bold; text-align: center; } #article_navigation a { margin-right: 10px; color: #cd0067; text-decoration: none; } #article_navigation a:hover { color: #252525; } #photobloglist { float: left; margin: 0 11px 11px 0; height: 152px; } .photobloglistimg { border: 3px #252525 solid; } /* text overlay on image ----------------------------------------------- */ .photoblog_article_image { position: relative; text-decoration: none; } a.hoverable { text-decoration: none; } a.hoverable div { position: absolute; display: none; top: 133px; left: 0; width: 440px; padding: 10px 10px 5px 10px; background-color: #000; color: #fff; font-size: 10px; opacity: 0.6; -moz-opacity: 0.6; filter: Alpha(Opacity=60); } a.hoverable:hover div { display: block; } /* blog (entry) ----------------------------------------------- */ .select-article { margin: 0 0 30px 0; } a.title:visited:after { margin-left: 10px; color: #cd0067; content: "✓"; } .article_category_link { font-size: 11px; margin-bottom: 5px; color: #8c8c8c; } .article_category_link a { text-decoration: none; color: #cd0067; } .article_category_link a:hover { text-decoration: none; color: #252525; } .article_comment_count { display: inline-block; width: 30px; text-align: center; background-color: #cd0067; color: #fff; margin-right: 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .article_comment_count:hover { background-color: #252525; } .article_excerpt { font-size: 11px; margin-top: 10px; } #article_list { float: left; width: 460px; } #article_contributors { float: right; width: 170px; } #article_contributors a { color: #cd0067; font-weight: bold; line-height: 1.7em; text-decoration: none; } #article_contributors a:hover { color: #252525; } #article_wrapper { float: left; width: 460px; } .byline { font-size: 10px; } .blog_article_image { border: solid 6px #252525; margin: 10px 0 10px 0; } #article_info { float: right; width: 160px; } .article_intro { margin: 0 0 40px 0; } .article_intro p { color: #cd0067; font-size: 22px; line-height: 1.6em; font-family: Helvetica, Arial, Verdana, Tahoma, Geneva, sans-serif; } #share_this { margin: 30px 0 60px 0; } /* pagination ----------------------------------------------- */ #pagination { margin: 20px 0 0 0; font-size: 11px; font-weight: bold; } #pagination li { display: inline; margin-right: 10px; } #pagination a { text-decoration: none; color: #cd0067; } #pagination a:hover { color: #252525; border-top: solid #cd0067 4px; } /* right column ----------------------------------------------- */ .right_column { margin: 0 0 20px 0; } .right_column_article { margin: 5px 0 15px 0; } .right_column_article h6 { margin: 0 0 5px 0; } .right_column_article p { font-size: 10px; font-weight: normal; line-height: 1.5em; } .right_column_article a { text-decoration: none; } .right_column_category { text-transform: uppercase; letter-spacing: 0.1em; background-color: #252525; color: #fff; width: 60px; text-align: center; display: inline-block; zoom: 1; *display: inline; font-size: 10px; margin-right: 5px; } .right_column_header_top { margin: 0 0 15px 0; } .right_column_header { margin: 25px 0 15px 0; } .media_icons { margin-right: 5px; float: left; } .media_icons:hover { position: relative; top: -3px; } .color_trend { width: 26px; height: 26px; margin: 0 4px 4px 0; float: left; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } .color_trend:hover { position: relative; top: -3px; } .photo_archive_links { margin: 10px 0 10px 0; font-size: 10px; line-height: 1.5em; } .photo_archive_links a { margin-right: 10px; text-decoration: none; } /* recent comments ----------------------------------------------- */ .right_column ul { list-style-type: none; } .wet_recent_comments { font-size: 10px; line-height: 1.5em; } .wet_recent_comments cite { font-weight: bold; font-style: normal; line-height: 2em; } .wet_recent_comments li a { text-decoration: none; } /* advertisements ----------------------------------------------- */ #ad_125_125_wrapper { width: 310px !important; } #ad_125_125 { border: 1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; float: left; width: 125px; \width: 143px; w\idth: 125px; height: 125px; padding: 9px; margin: 10px 10px 0 0; } #ad_125_125:hover { background-color: #eee; } .ad_wrapper { padding-bottom: 10px; } .text_ad { margin: 10px 0 0 0; font-size: 10px; } .text_ad a { text-decoration: none; } #featured_sponsor { background-color: #eee; margin: 0 0 10px 0; padding: 10px; text-align: center; } /* directory ----------------------------------------------- */ .select-article-directory { margin: 0 0 20px 0; } .select-article-directory h3 { padding: 0; margin: 0; } .select-article-directory h3 a { line-height: 1.0em; } .select-article-directory p { float: left; font-size: 11px; line-height: 1.7em; padding: 0; margin: 15px 0 5px 0; width: 360px; max-width: 360px; } p.tags { padding-left: 23px; font-size: 10px; line-height: 1.3em; width: 340px; max-width: 340px; background: url(x/media/59.gif) no-repeat center left; } p.tags a { text-decoration: none; } .article_image { float: left; margin: 0 10px 0 0; padding: 5px; background-color: #fff; border: 1px solid #e0e0e0; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #directory_article p { margin: 10px 0 10px 0; padding: 0; } #directory_article_title p { font-weight: bold; } .directory_photos, .title_link { text-decoration: none; text-transform: uppercase; font-weight: bold; color: #cd0067; } .directory_photos:hover { color: #252525; } .directory_data a { text-decoration: none; color: #cd0067; text-transform: capitalize; } .directory_data a:hover { color: #252525; } #directory-tags { float: left; margin: 0 0 10px 0; padding: 10px 0 10px 0; width: 660px; max-width: 660px; font-size: 11px; } #directory-tags a { text-decoration: none; color: #cd0067; margin-right: 10px; } #directory-tags a:hover { color: #252525; } #directory-tags ul { margin: 0; padding: 0; list-style-type: none; } #directory-tags li { clear: both; line-height: 1.9em; padding: 4px 0 4px 0; /*standard compliant browsers*/ #padding: 1px 0 1px 0; /*setting for IE7*/ _padding: 1px 0 1px 0; /*setting for IE6*/ } .directory_share { text-align: right; } .index_label { display: inline-block; width: 80px; font-weight: bold; } /* tag/category labels */ #directory-tags li strong { float: left; margin-right: 10px; width: 100px; text-align: right; } #directory-tags ul span { float: left; width: 530px; max-width: 530px; } /* misc containers ----------------------------------------------- */ .clear { clear: both; height: 0; font-size: 0; line-height: 0; } .related_articles a { text-decoration: none; color: #cd0067; } .faq a { text-decoration: none; } .faq a:hover { color: #cd0067; } #article h3 { margin: 30px 0 10px 0; } .profile { font-size: 10px; line-height: 2em; margin: 0 0 40px 0; } .profile a, .register_now { text-decoration: none; color: #cd0067; font-weight: bold; } .profile a:hover, .register_now:hover { color: #252525; } .profile_photo { float: left; margin: 5px 10px 0 0; } #title { margin-bottom: 10px; } .friends { background: url(x/media/friends_background.jpg) no-repeat bottom right; } /* comments, contact form & login boxes ----------------------------------------------- */ .comment_header { background-color: #cd0067; padding: 5px 0 5px 15px; margin-top: 15px; color: #fff; } .comment { margin: 10px 0 30px 0; } .message { background: #eee url(x/media/bg-comment.gif) no-repeat left bottom; padding: 12px 12px 12px; margin-bottom: 5px; font-size: 11px; } .poster { font-size: 10px; } .poster a { text-decoration: none; color: #cd0067; } .poster a:hover { color: #252525; } .author_comment { background-color: #ccc; } .author-string { font-weight: bold; } .gravatar { float: left; margin: 0 10px 0 0; } .gravatar_comment { margin: 20px 0 20px 0; } .gravatar_comment a { font-weight: bold; text-decoration: none; color: #cd0067; } .gravatar_comment a:hover { color: #252525; } #txpCommentInputForm { clear: both; margin-top: 30px; } .comments-wrapper { clear: both; margin-top: 30px; width: 100%; } #comment_forms_box { float: left; margin: 10px 10px 0 0; display: inline; } #comment_forms_box p, #comment_submit_box p { font-size: 10px; line-height: 1.7em; } #comment_forms_box label { vertical-align: top; float: left; width: 130px; display: inline; } * #comment_forms_box label { float: none; display: inline-block; } #comment_submit_box { float: right; margin-top: 10px; text-align: right; } /* form styling ----------------------------------------------- */ #search-input-photo { margin: 5px 0 5px 0; float: right; width: 300px; \width: 300px; w\idth: 300px; } .comment_name_input, .comment_email_input, .comment_web_input, .txpCommentInputMessage, #asy_cpt_code, input.zemText, textarea.zemTextarea { background-color: #eee; border: none; padding: 0 4px 0 4px; color: #888888; } .comment_name_input, .comment_email_input, .comment_web_input, #asy_cpt_code, input.zemText { height: 20px; } .search_input, .email_input { background-color: #f6f6f6; border: 1px solid #c4c4c4; padding-left: 2px; color: #888888; } .search_input, .email_input { height: 17px; } .search_input { width: 269px; vertical-align: top; margin-right: 3px; } .email_input { width: 142px; margin-bottom: 6px; } .txpCommentInputMessage, textarea.zemTextarea { font-size: 12px; line-height: 1.5em; color: #252525; padding: 5px; width: 98%; height: 50px; } #txpCommentHelpLink, .zemThanks, .zemError { font-weight: bold; text-decoration: none; color: #cd0067; } #txpCommentHelpLink:hover { color: #252525; } .zemError { list-style-type: none; } .captcha { width: 200px; margin-bottom: 10px; } .comments_error { margin: 5px 0 5px 0; color: #252525; padding: 5px; font-weight: bold; border: 1px solid #cd0067; } .button, .zemSubmit { padding: 4px 10px 4px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #b3b3b3; border: 0; font-weight: bold; font-size: 12px; color: #fff; } .disabled { display: none; } select { background-color: #ffffff; margin: 0 0 5px 0; color: #333; border-width: 1px; border-style: solid; border-color: #cacaca; } /* links ----------------------------------------------- */ a { color: #252525; } a:hover { color: #cd0067; } a img { border: none; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } #topmenu a:hover { color: #252525; } #foot a:hover { color: #cd0067; } body#default a#menu-home, body#photoblog a#menu-home, body#reports a#menu-reports, body#shopping a#menu-shopping, body#directory a#menu-directory, body#fashion-brands a#menu-directory, body#fashion-schools a#menu-directory, body#fashion-mags a#menu-directory, body#fashion-people a#menu-directory, body#fashion-links a#menu-directory, body#fashion-brands a#menu-brands, body#fashion-schools a#menu-schools, body#fashion-mags a#menu-mags, body#fashion-people a#menu-people, body#fashion-links a#menu-links, body#about a#menu-about, body#friends a#menu-friends, body#About a#menu-about, body#ジャパニーズストリーツについて a#menu-about, body#Editorial a#menu-editorial, body#概要 a#menu-editorial, body#Audience a#menu-audience, body#閲覧者 a#menu-audience, body#Banners a#menu-banners, body#バナー a#menu-banners, body#Deals a#menu-deals, body#お得情報(Deals) a#menu-deals, body#Advertorials a#menu-advertorials, body#記事広告 a#menu-advertorials, body#Channels a#menu-channels, body#チャンネル a#menu-channels, body#Contact a#menu-contact, body#お問い合わせ a#menu-contact { color: #252525; } /* images ----------------------------------------------- */ .image { float: right; display: block; margin: 3px 3px 3px 12px; } .imageleft { float: left; display: block; margin: 3px 12px 3px 0px; } /* still used???? ----------------------------------------------- */ .reports_photo_caption { position: absolute; top: 5px; left: -235px; font: 0.8em Verdana, Arial, Helvetica, sans-serif; color: #fff; width: 250px; } /* gallery hover style ----------------------------------------------- */ #gallery img, .profile_recent_photos img { opacity: 0.6; -moz-opacity: 0.6; filter: Alpha(Opacity=60); } #gallery img:hover, .profile_recent_photos img:hover, .select-article-directory:hover { opacity: 1.0; -moz-opacity: 1.0; filter: Alpha(Opacity=100); -o-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out; transition: opacity 0.6s ease-in-out; } .select-article-directory img:hover { opacity: 0.6; -moz-opacity: 0.6; filter: Alpha(Opacity=60); } /* youtube ----------------------------------------------- */ .youtube { border: 6px solid #252525; margin: 5px 0 10px 0; } /* announcements ----------------------------------------------- */ #announcement { font-size: 11px; color: #cd0067; margin-bottom: 20px; } /* traditional colors ----------------------------------------------- */ .traditional_colors { margin: 0; padding: 0; width: 460px; } .traditional_colors li { list-style-type: none; padding: 20px; font-size: 10px; } .color_name { padding: 4px 8px; background-color: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; }