/*==================================================== Title: 1280thezone.com Version: 1.0 Author: mcd Date: 20080103 ==================================================== Colors: ====================================================*/ /*blue*/ /*lighter_blue*/ /*red*/ /*orange_yellow*/ /*darker_orange_yellow*/ /* reset (modified eric meyer) ====================================================*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; } :focus {outline: 0;} /* remember to define focus styles! */ body {font-family: "lucida grande", verdana, sans-serif; font-size: 62.5%; background: #999;} ol, ul {list-style: none;} table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ caption {display: none;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* general styles ====================================================*/ h1, h2, h3 {color: #fff; font-family: 'lucida grande', 'trebuchet ms', verdana, arial, sans-serif;} h1 {font-size: 1.8em; text-transform: uppercase;} h2 {font-size: 1.6em;} h3 {font-size: 1.4em;} h4 {font-size: 1.2em;} h5 {color: #ccc; font-size: 1.1em; font-style: italic;} h6 {font-size: .9em;} p, a, li {font-size: 1.3em; line-height: 1.5em;} p a, li a {font-size: 1em;} p {padding: 10px 20px;} hr {clear: both; visibility: hidden;} strong {font-weight: bold;} .right {float: right;} .left {float: left;} .text_center {text-align: center;} .text_right {text-align: right;} .clear {clear: both;} .clear_right {clear: right;} ul.inline li {display: inline; float: left;} a {color: #ffba00; text-decoration: none;} a:hover { color: #ee9900; text-decoration: underline; } /* layout ====================================================*/ #wrap {background: #063f61 url(http://1280thezone.com/images/zone/bg_wrap.gif) repeat-y 0 0; margin: 20px auto 0; width: 960px;} #head {background: #000 url(http://1280thezone.com/images/zone/head.jpg) 0 100% no-repeat; height: 275px; position: relative;} #main {float: left; width: 720px;} #primary {color: #ddd; float: left; width: 400px;} #secondary {color: #333; float: right; width: 320px;} #sidebar {float: right; width: 240px;} #foot {background: #222; border-top: solid 2px #bb0b0b; clear: both; font-size: .9em;} #bottom_spacer {height: 20px;} /* sections ====================================================*/ #head ul#head_member {color: #ccc; float: left; font-size: .8em; letter-spacing: .2em; padding: 7px 0 0 10px; text-align: left;} #head ul#head_member li {padding-right: 20px;} #head ul#head_member li a {font-weight: bold;} #head ul#head_contact {color: #ccc; float: right; font-size: .8em; letter-spacing: .2em; padding: 7px 10px 0 0; text-align: right;} #head ul#head_contact li {padding-left: 20px;} #head #top_links {border-bottom: solid 2px #111; height: 2.7em;} #head a#go_home {height: 180px; left: 10px; position: absolute; text-indent: -999em; top: 27px; width: 270px;} #main img.lineup_graphic { margin: 20px 0; } #primary img#feature {margin: 0 0 5px 5px;} #primary h1 {background: #063f61 url(http://1280thezone.com/images/zone/bg_primary_h1.jpg) no-repeat 0 0; border: solid 3px #164f7b; border-width: 3px 0; height: 22px; padding: 3px 0 0 20px;} #primary h2 {background: #bb0b0b url(http://1280thezone.com/images/zone/bg_primary_h2.jpg) no-repeat 0 0; border: solid 3px #bb0b0b; border-width: 3px 0; height: 22px; padding: 3px 0 0 40px;} #primary div img {display: block;} /*displaying these images as black is the only way I could get them to sit flush with the heading directly below each image*/ #primary ul#featured_items {width: 380px;} #primary ul#featured_items li {border-bottom: solid 2px #164f7b; float: left; margin-left: 20px; padding: 10px 0 10px 5px;} #primary ul#featured_items li a {display: block; font-size: .85em; width: 165px;} #primary #zone_girls {margin-top: 15px;} #freeloader .deal {border-top: solid 2px #333; padding: 10px;} #freeloader .deal img {background: #393e42; border: solid 1px #0181e3; float: left; margin: 0 5px 10px 0; padding: 3px;} #freeloader .deal img.no_border {background: transparent; border: none; padding: 0;} #freeloader .deal h2, #freeloader .deal p {margin-left: 100px;} #freeloader .deal.odd {background: #bb0b0b;} #freeloader .deal.even {background: #063f61;} #freeloader .one_third {margin-bottom: 20px;} #freeloader .one_third img {display: block; margin: 0 auto 20px;} #freeloader .one_third p {font-size: 1.1em; padding: 0 10px;} #freeloader .one_third p.huge {font-family: serif; font-size: 3em;} #news_page #content {color: #333; font-size: .9em; width: 960px;} #news_page #content h1 {margin-bottom: 15px;} #news_page #content h1 span#key_concert {background: url(../images/movin/bg_whats_up_concert.gif) repeat-x top left; border: solid 1px #333; display: inline; margin: 0 7px 0 0;} #news_page #content h1 span#key_event {background: url(../images/movin/bg_whats_up_event.gif) repeat-x top left; border: solid 1px #333; display: inline; margin: 0 7px 0 5px;} #news_page #content #concert_event {float: left; margin: 20px 0 20px 20px; width: 615px;} #news_page #content #concert_event img {background-color: #ddd; border: solid 1px #555; float: left; margin-right: 10px; padding: 1px;} #news_page #content #concert_event p {padding-left: 10px;} #news_page #content #concert_event div.event_wrap, #news_page #content #concert_event div.concert_wrap {margin-bottom: 15px; border: solid 1px #555; border-width: 1px 0; padding: 7px;} #news_page #content #concert_event div.event_wrap h2, #news_page #content #concert_event div.concert_wrap h2 {margin-bottom: 7px;} #news_page #content #concert_event div.event_wrap h2 a, #news_page #content #concert_event div.concert_wrap h2 a {color: #333;} #news_page #content #concert_event div.event_wrap h2 a:hover {color: #555;} #news_page #content #concert_event div.concert_wrap h2 a:hover {color: #555;} #news_page #content #concert_event h6 {padding-left: 10px;} #news_page #content #concert_event h6 a {color: #555; font-size: 1.3em; font-weight: normal; line-height: 3em;} #news_page #content #concert_event h6 a:hover {color: #555;} #news_page #content #concert_event div.event_wrap {background-color: #90c753;} #news_page #content #concert_event div.concert_wrap {background-color: #f9c646;} #news_page #content #concert_event div.event {background: url(../images/movin/bg_whats_up_event.gif) repeat-x top left; padding: 7px;} #news_page #content #concert_event div.concert {background: url(../images/movin/bg_whats_up_concert.gif) repeat-x top left; padding: 7px;} #news_page #content #news_wrap {float: right; margin: 20px 20px 20px 0; width: 280px;} #news_page #content #news_wrap h1 {background: url(../images/movin/news.gif) no-repeat left center; padding-left: 30px;} #news_page #content #news_wrap #news {background-color: #765273; border: solid 1px #555; border-width: 1px 0; color: #ccc; font-size: .95em; padding: 0 7px 7px;} #news_page #content #news_wrap #news .news_item {margin: 5px 0 10px; padding-bottom: 7px;} #news_page #content #news_wrap #news .news_item p {margin: 0 10px 7px;} #news_page #content #news_wrap #news .news_item h3 {color: #f9c646; margin-bottom: 5px; margin-left: 5px;} #news_page #content #news_wrap .news_item_date {background:transparent url(../images/movin/news_item_line.gif) repeat-x scroll left center; margin-top: 10px; text-align:right;} #news_page #content #news_wrap .news_item_date span.date {background:#765273 none repeat scroll 0%; font-size: 1.3em; padding: 0 .2em 0 .4em;} #secondary .show, #secondary #show_schedule {border-bottom: solid 15px #333;} #secondary h2 {color: #bb0b0b; font-weight: bold; padding-top: 40px; text-align: center; text-transform: uppercase;} #secondary h3 {color: #333; text-align: center;} #secondary h3 span {font-size: .9em;} #secondary img {float: left; margin: 20px 0 20px 20px;} #secondary .show p { background: #164f7b; border-top: solid 2px #063f61; color: #eee; font-size: 1.2em; margin: 0 10px 10px 10px; } #secondary .show a.show_more {display: block; font-weight: bold; text-align: right;} #secondary .show h4 { background: #063f61; border-bottom: solid 1px #222; margin: 0 10px; padding: 8px; text-align: center; } #secondary .show h4 a { font-size: 1em; font-weight: bold; line-height: .9em; text-transform: uppercase; } #secondary #show_schedule h2 {padding-top: 20px;} #secondary #show_schedule table {color: #555; font-size: .9em; margin: 20px;} #secondary #show_schedule table td {padding: 0 0 5px 5px;} #secondary #show_schedule table td.show_time {width: 100px;} #secondary #show_schedule table td.show_name {font-weight: bold; text-transform: uppercase; width: 170px;} #secondary #show_schedule table td { font-size: 1.2em; } .sidebar_section h2 {margin: 5px 20px 0 20px;} .sidebar_section ul {border-top: solid 2px #333; color: #ffba00; margin-bottom: 20px;} .sidebar_section ul li {border-bottom: solid 2px #333; border-top: solid 1px #444;} .sidebar_section ul li a {display: block; font-size: .9em; padding: 5px 20px 5px 20px;} .sidebar_section ul li a:hover {background: #353535; /*color: #ee9900; */text-decoration: none;} .sidebar_section ul li.more_sidebar_items {border-bottom: none; list-style-type: none; padding: 10px 0 0 0; text-align: right;} .sidebar_section ul li.more_sidebar_items a {font-size: 1.5em;} #sidebar_poll p {color: #fff; margin: 5px 20px 20px; padding: 0;} .sidebar_section p { color: #bbb; font-size: 1.1em; padding: 20px; } /* top_stories fix . . . the script used to generate the National Headlines is not awesome so these rules are necessary to mask out some unwanted text */ #top_stories_coverup {position: relative;} #top_stories_coverup #cover_box {background: #3a3a3a; border-bottom: solid 2px #333; height: 1.3em; position: absolute; width: 240px;} .sidebar_section h2#local_headlines {padding-bottom: .9em;} #tertiary {clear: both;} #tertiary .bottom_ads {background: #2a2a2a; border-top: solid 2px #bb0b0b; float: left; height: 120px;} #tertiary .two_fifths {width: 384px;} #tertiary .one_fifth {width: 192px;} /* blogs ====================================================*/ #blog_head_index { background: transparent url(http://1280thezone.com/images/zone/blog_head_index.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_head_index ul { height: 165px; position: absolute; width: 720px; } #blog_head_index ul li { float: left; list-style-type: none; margin: 0; padding: 0; text-indent: -999em; } #blog_head_index ul li a { background: transparent url(http://1280thezone.com/images/zone/blog_head_index.gif) no-repeat 0 0; display: block; height: 165px; } #blog_head_index ul li#manly_morning_index a { width: 240px; } #blog_head_index ul li#jake_jim_index a { width: 240px; } #blog_head_index ul li#big_show_index a { width: 240px; } #blog_head_index ul li#manly_morning_index a:link, #blog_head_index ul li#manly_morning_index a:visited { background-position: 0px 0px; } #blog_head_index ul li#jake_jim_index a:link, #blog_head_index ul li#jake_jim_index a:visited { background-position: -240px 0px; } #blog_head_index ul li#big_show_index a:link, #blog_head_index ul li#big_show_index a:visited { background-position: -480px 0px; } #blog_head_index ul li#manly_morning_index a:hover, #blog_head_index ul li#manly_morning_index a:focus { background-position: 0px -165px; } #blog_head_index ul li#jake_jim_index a:hover, #blog_head_index ul li#jake_jim_index a:focus { background-position: -240px -165px; } #blog_head_index ul li#big_show_index a:hover, #blog_head_index ul li#big_show_index a:focus { background-position: -480px -165px; } #blog_head_manly { background: transparent url(http://1280thezone.com/images/zone/blog_head_manly_morning.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_head_big { background: transparent url(http://1280thezone.com/images/zone/blog_head_big_show.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_head_jj { background: transparent url(http://1280thezone.com/images/zone/blog_head_jake_jim.gif) no-repeat 0 0; height: 165px; position: relative; width: 720px; } #blog_other_links { left: 450px; position: absolute; top: 40px; width: 215px; text-transform: uppercase; } #blog_other_links h3 { color: #333; font-weight: bold; margin-bottom: 5px; } #blog_other_links ul { font-size: .9em; font-weight: bold; text-align: center; } #blog_other_links ul li.current_nav a { color: #063f61; text-decoration: underline; } #blog_title { left: 200px; position: absolute; text-align: center; top: 60px; width: 200px; } #blog_title h2 { margin-bottom: 10px; } #blog_title h4 { color: #999; } .blog_entry h2 { background: transparent url(http://1280thezone.com/images/zone/floating_window_top.gif) no-repeat 0 0; display: block; line-height: .5em; padding: 20px 60px 20px 60px; } .blog_entry h2 span { color: #ee9900; font-size: .7em; letter-spacing: 3px; } .blog_entry .blog_entry_body { background: transparent url(http://1280thezone.com/images/zone/floating_window_center.gif) repeat-y 0 0; display: block; } .blog_entry .blog_entry_body h1, .blog_entry .blog_entry_body h2, .blog_entry .blog_entry_body h3, .blog_entry .blog_entry_body h4, .blog_entry .blog_entry_body h5, .blog_entry .blog_entry_body h6, .blog_entry .blog_entry_body img, .blog_entry .blog_entry_body a { padding: 0 60px; } .blog_entry .blog_entry_body p { color: #111; padding: 0 60px 20px 60px; } .blog_entry .blog_entry_body p img, .blog_entry .blog_entry_body p a { padding: 0; } .blog_entry .blog_entry_bottom { background: transparent url(http://1280thezone.com/images/zone/floating_window_bottom.gif) no-repeat 0 0; display: block; height: 40px; } #blog_next_prev { padding-bottom: 25px; width: 720px; } #blog_next { color: #ccc; float: right; width: 350px; } #blog_prev { color: #ccc; float: left; width: 350px; } #blog_next p, #main_content #blog_next a { background: #164f7b; margin: 10px 40px 10px 0; text-align: right; border: solid 1px #444;} #blog_prev p, #main_content #blog_prev a { background: #164f7b; margin: 10px 0 10px 40px; text-align: left; border: solid 1px #444;} /* list pages (audio and events) ====================================================*/ #list_page #main h1 { background: transparent url(http://1280thezone.com/images/zone/floating_window_top.gif) no-repeat 0 0; color: #063f61; display: block; line-height: .5em; margin-top: 20px; padding: 20px 60px 20px 60px; } #list_page #main .audio_table { background: transparent url(http://1280thezone.com/images/zone/floating_window_center.gif) repeat-y 0 0; padding: 0 60px; } #list_page #main table { /*background: transparent url(http://1280thezone.com/images/zone/floating_window_center.gif) repeat-y 0 0; */color: #333; display: block; /*padding: 0 60px;*/ } #list_page th { font-size: 1.2em; font-weight: bold; padding-bottom: 5px; } #list_page th.col_01 { color: #87a1ad; width: 340px; } #list_page th.col_01 a { font-size: 1em; font-weight: normal; } #list_page th.col_02 { color: #4b738c; padding-left: 10px; } #list_page td { padding: 10px 20px 10px 10px; } #list_page td ul, #list_page td p { padding: 0; } #list_page #main td.list_name { border-top: solid 2px #87a1ad; } #list_page #main td.list_notes { border-top: solid 2px #4b738c; color: #4b738c; font-size: .9em; padding-left: 10px; padding-right: 0; } #list_page #main ul li.audio_track_name { color: #eee; } #list_page #main ul li.audio_track_category { color: #87a1ad; font-size: 1.2em; text-align: right; } #list_page #main ul li.audio_track_category span { color: #ccc; } #list_page #main ul li.event_list_subhead { color: #4b738c; font-size: .8em; } #list_page #main ul li.event_list_name { color: #333; } #list_page #main ul li.event_list_details_name { color: #ddd; padding-bottom: 15px; } #list_page #main ul li.event_list_location { color: #eee; } #list_page #main ul li.event_list_time { color: #eee; padding-bottom: 5px; } #list_page #main ul li.event_list_info { color: #333; font-size: 1.2em; padding-left: 10px; } #list_page .window_bottom { background: transparent url(http://1280thezone.com/images/zone/floating_window_bottom.gif) no-repeat 0 0; display: block; height: 40px; margin-bottom: 20px; } /* contact info ====================================================*/ #contact_page #main #primary h2 { margin-top: 20px; } #contact_page ul.contact li, #contact_page ul.contact_emails li { padding-left: 40px; } #contact_page ul.contact li.contact_title { font-size: 1.5em; font-weight: bold; padding-top: 10px; padding-bottom: 10px; } #contact_page ul.contact li.contact_number { padding-left: 70px; } #contact_page ul.contact_emails { margin: 20px 0; } #contact_page #secondary .contact_etc p { text-align: center; } /* featured ====================================================*/ #featured h1 { background: transparent url(http://1280thezone.com/images/zone/floating_window_top.gif) no-repeat 0 0; display: block; line-height: .5em; padding: 20px 60px 20px 60px; } #featured #feature_wrap { background: transparent url(http://1280thezone.com/images/zone/floating_window_center.gif) repeat-y 0 0; display: block; } #featured #feature_wrap img#feature_main_image { background: #ccc; border: solid 2px #bbb; margin: 20px 0 20px 160px; padding: 3px; } #featured #feature_wrap form { margin: 0 0 0 150px; } #featured #feature_wrap p, #featured #feature_wrap ul, #featured #feature_wrap ol, #featured #feature_wrap a, #featured #feature_wrap h1, #featured #feature_wrap h2, #featured #feature_wrap h3, #featured #feature_wrap h4, #featured #feature_wrap h5, #featured #feature_wrap h6 { padding: 0 80px; } #featured #feature_wrap p a { padding: 0; } #featured #feature_wrap p { padding-bottom: 20px; } #featured #feature_bottom { background: transparent url(http://1280thezone.com/images/zone/floating_window_bottom.gif) no-repeat 0 0; display: block; height: 40px; } #featured #feature_wrap .already_entered { background: #ffba00; border: solid 3px #ee9900; border-width: 3px 0; text-align: center; width: 400px; } #featured #feature_wrap .already_entered p { padding: 10px 20px; } #featured #feature_wrap #form_wrap h3 { padding: 0; } #featured #feature_wrap #form_wrap { margin: 0; } /* navigation ====================================================*/ .nav_main {background: #063f61 url(http://1280thezone.com/images/zone/nav_matrix.jpg) no-repeat 0 0; height: 60px; position: relative; width: 960px;} .nav_main ul { height: 38px; left: 60px; position: absolute; top: 5px; width: 870px; } .nav_main ul li {float: left; list-style-type: none; margin: 0; padding: 0; text-indent: -999em;} .nav_main ul li a {background: transparent url(http://1280thezone.com/images/zone/nav_matrix.jpg) no-repeat; display: block; height: 38px;} .nav_main li#nav_main_home a {width: 77px;} .nav_main li#nav_main_p1 a {width: 40px;} .nav_main li#nav_main_blogs a {width: 66px;} .nav_main li#nav_main_audio a {width: 70px;} .nav_main li#nav_main_events a {width: 78px;} .nav_main li#nav_main_lineup a {width: 72px;} .nav_main li#nav_main_zonegirls a {width: 102px;} .nav_main li#nav_main_contact a {width: 94px;} .nav_main li#nav_main_spacer a {visibility: hidden; width: 87px;} .nav_main li#nav_main_listen a {width: 184px;} .nav_main li#nav_main_home a:link, li#nav_main_home a:visited {background-position: -62px -5px;} .nav_main li#nav_main_p1 a:link, li#nav_main_p1 a:visited {background-position: -139px -5px;} .nav_main li#nav_main_blogs a:link, li#nav_main_blogs a:visited {background-position: -179px -5px;} .nav_main li#nav_main_audio a:link, li#nav_main_audio a:visited {background-position: -245px -5px;} .nav_main li#nav_main_events a:link, li#nav_main_events a:visited {background-position: -315px -5px;} .nav_main li#nav_main_lineup a:link, li#nav_main_lineup a:visited {background-position: -393px -5px;} .nav_main li#nav_main_zonegirls a:link, li#nav_main_zonegirls a:visited {background-position: -465px -5px;} .nav_main li#nav_main_contact a:link, li#nav_main_contact a:visited {background-position: -567px -5px;} .nav_main li#nav_main_spacer a:link, li#nav_main_spacer a:visited {background-position: -661px -5px;} .nav_main li#nav_main_listen a:link, li#nav_main_listen a:visited {background-position: -748px -5px;} /* .nav_main hover tab / a:focus is for accessibility for screen readers */ .nav_main li#nav_main_home a:hover, li#nav_main_home a:focus {background-position: -62px -65px;} .nav_main li#nav_main_p1 a:hover, li#nav_main_p1 a:focus {background-position: -139px -65px;} .nav_main li#nav_main_blogs a:hover, li#nav_main_blogs a:focus {background-position: -179px -65px;} .nav_main li#nav_main_audio a:hover, li#nav_main_audio a:focus {background-position: -245px -65px;} .nav_main li#nav_main_events a:hover, li#nav_main_events a:focus {background-position: -315px -65px;} .nav_main li#nav_main_lineup a:hover, li#nav_main_lineup a:focus {background-position: -393px -65px;} .nav_main li#nav_main_zonegirls a:hover, li#nav_main_zonegirls a:focus {background-position: -465px -65px;} .nav_main li#nav_main_contact a:hover, li#nav_main_contact a:focus {background-position: -567px -65px;} .nav_main li#nav_main_spacer a:hover, li#nav_main_spacer a:focus {background-position: -661px -65px;} .nav_main li#nav_main_listen a:hover, li#nav_main_listen a:focus {background-position: -748px -65px;} /* .nav_main active tab */ /* added the #wrap selector to these rules so that the hover state will not override the active state in the navigation */ #wrap .nav_main li#nav_main_home.current_nav a {background-position: -62px -125px;} #wrap .nav_main li#nav_main_p1.current_nav a {background-position: -139px -125px;} #wrap .nav_main li#nav_main_blogs.current_nav a {background-position: -179px -125px;} #wrap .nav_main li#nav_main_audio.current_nav a {background-position: -245px -125px;} #wrap .nav_main li#nav_main_events.current_nav a {background-position: -315px -125px;} #wrap .nav_main li#nav_main_lineup.current_nav a {background-position: -393px -125px;} #wrap .nav_main li#nav_main_zonegirls.current_nav a {background-position: -465px -125px;} #wrap .nav_main li#nav_main_contact.current_nav a {background-position: -567px -125px;} #wrap .nav_main li#nav_main_spacer.current_nav a {background-position: -661px -125px;} #wrap .nav_main li#nav_main_listen.current_nav a {background-position: -748px -125px;} #foot ul {margin: 20px 20px 20px 30px;} #foot ul li {color: #555; padding: 0 10px 20px 10px;} #foot ul#nav_foot li {background: #063f61; padding-bottom: 0;} #foot ul#nav_foot li#nav_foot_label {color: #aaa;} #foot ul#nav_foot li a {padding: 3px 10px;} #foot ul#nav_foot li a:hover {background: #ffba00; color: #333; text-decoration: none;} #foot ul#nav_foot li.current_nav a {background: #ffba00; color: #333;} /* forms ====================================================*/ #form_wrap {background-color: #e0e0e0; border: solid 1px #fff; border-bottom: solid 2px #cdcdcd; font-size: 90%; margin: 10px 0 20px; padding: 10px; width: 400px;} #form_wrap p {color: #666; font-size: 1.2em; margin: 15px 0 5px 5px;} #form_wrap h3 {color: #666; font-size: 1.4em; font-weight: normal; margin: 10px 0;} #form_wrap h3.member_search {margin: 5px 0 10px 0; text-align: center;} #form_wrap h3.member_result {color: #36c; margin: 5px 0 0 0; text-align: center;} #form_wrap div.clear {clear: both; height: 1px;} #form_wrap #member_result_wrap {background-color: #eee; border: solid 1px #fff; border-bottom: solid 2px #cdcdcd; color: #666; margin: 5px; padding: 10px 0 15px 15px;} #form_wrap fieldset {background-color: #eee; border: solid 1px #bbb; border-bottom: solid 2px #cdcdcd; color: #666; margin: 5px; padding: 10px 0 5px 15px;} #form_wrap fieldset p {margin-left: 10px;} #form_wrap legend {color: #666; font-size: 2em; font-weight: bold;} #form_wrap label {font-size: 1.4em; font-weight: bold;} #form_wrap label.radio {display: inline; float: left; margin-left: 10px; width: 5em;} #form_wrap label.text {float: left; width: 9em;} #form_wrap em.required {color: #999; font-size: .8em; font-style: italic; font-weight: normal; padding-left: 5px; padding-right: 10px;} #form_wrap input.submit {font-size: 1.5em;} #form_wrap input.radio {margin-left: 20px; margin-top: 3px; float: left;} #form_wrap input.text {color: #777; font-size: 1.3em; margin: 10px 20px 3px; width: 260px;} #form_wrap textarea {color: #777; font-size: 1.3em; margin: 0 20px 10px; width: 260px;} #form_wrap input:focus, textarea:focus {background: #ff8;} #form_wrap div.submit {clear: both; margin: 15px 0 5px; text-align: center;} #form_wrap_narrow { color: #333; margin: 40px 10px; } #form_wrap_narrow label { display: block; font-size: 1.2em; margin-top: 10px; } #form_wrap_narrow legend { font-size: 2em; } #form_wrap_narrow fieldset { padding: 10px; } #form_wrap_narrow input.text {color: #777; font-size: 1.3em; margin: 10px 20px 3px; width: 230px;} /* BABY IDOL ====================================================*/ #baby_idol #content {margin-left: 20px; padding: 20px 0; width: 960px;} #baby_idol #content div.entry {float: left; height: 340px; margin: 10px 15px 30px; position: relative; text-align: center; width: 275px;} #baby_idol #content div.entry img {border: solid 4px #765273;} #baby_idol #content div.entry img.voted {border: none; left: 180px; position: absolute; top: 180px;} #baby_idol #content div.entry img.voted_right {border: none; left: 0; position: absolute; top: 135px;} #baby_idol #content div.entry p {font-size: 1.6em;} #baby_idol #content div.entry p span {font-size: .9em; font-style: italic;} #thanks {background: #90c753 url(../images/movin/bg_feature_sub.png) repeat top left; border: solid 3px #41a84d; border-width: 3px 0; color: #333; margin: 30px auto 20px; width: 768px;} #thanks p {font-family: georgia, serif; font-size: 2em; padding: 20px 10px 20px 85px;} #thanks h1 {padding: 20px 20px 0 60px;} #thanks img {margin: 8px 10px 0 20px;} #baby_idol #intro p {background: #90c753 url(../images/movin/bg_feature_sub.png) repeat top left; border: solid 3px #41a84d; border-width: 3px 0; color: #333; /*font-family: georgia, serif; */ line-height: 1.7em; padding: 20px 30px; margin: 30px auto 20px; width: 768px;} #baby_idol #intro p div {margin-left: 30px;} #baby_idol #intro p img {float: right; margin-left: 20px;} .message {background: #90c753 url(../images/movin/bg_feature_sub.png) repeat top left; border: solid 3px #41a84d; border-width: 3px 0; color: #333; margin: 30px auto 20px; width: 768px;} .message img {margin: 15px 10px 0 20px;} .message img.center {display: block; margin: 20px auto 40px;} .message p {margin: 10px 20px 20px 50px;} .message h1 {margin: 20px 20px 20px 40px;} .message p.indent {line-height: 1.7em; margin: 10px 0 0; padding: 0px 30px 20px 130px;} .message h1.indent {margin: 0; padding: 20px 30px 20px 130px;} .message img.indent {margin: 7px 20px 20px 20px;} .message div.sponsor {margin-left: 60px;} .message div.sponsor h3 {margin-bottom: 5px;} #baby_idol #content #pages {width: 930px;} ul.paginate {display: block; list-style-type: none; margin: 20px 0 10px; text-align: center; width: 900px;} ul.paginate li {display: inline; font-size: 4em; padding: 10px 25px;} ul.paginate li a span {font-size: .35em; margin-right: 5px;} ul.paginate li a:hover {text-decoration: none;} ul.paginate li a.current_page {color: #90c753;} ul.vote {width: 161px; height: 31px; list-style: none; background: url(../images/movin/rate/star.gif) no-repeat top left; padding: 0; margin: 0px auto; position: relative;} ul.vote li {position: absolute; display: block; height: 31px; text-indent: -10000px; } ul.vote li a {display: block; height: 31px; width: 100%; background-repeat: no-repeat;} ul.vote li.r1 { width: 32px; z-index: 200; } ul.vote li.r2 { width: 64px; z-index: 190; } ul.vote li.r3 { width: 97px; z-index: 180; } ul.vote li.r4 { width: 129px; z-index: 170; } ul.vote li.r5 { width: 162px; z-index: 160; } ul.vote li.r1 a:hover { background: url(../images/movin/rate/star_1.gif) no-repeat; } ul.vote li.r2 a:hover { background: url(../images/movin/rate/star_2.gif); } ul.vote li.r3 a:hover { background: url(../images/movin/rate/star_3.gif); } ul.vote li.r4 a:hover { background: url(../images/movin/rate/star_4.gif); } ul.vote li.r5 a:hover { background: url(../images/movin/rate/star_5.gif) no-repeat; } ul#rating li a:hover { background-position: 0 0px; } #baby_idol #content table {color: #333; margin-left: 20px; margin-top: 20px;} #baby_idol #content table th {text-align: left;} #news_page #content table th {color: #f9c646; font-size: 1.3em; font-weight: normal; padding: 10px 0 5px 15px; text-align: left;} #baby_idol #content table th#rate_image {width: 60px;} #news_page #news_wrap h1 span {color: #eee; font-family: arial, sans-serif; font-size: .6em; font-weight: normal;} #news_page #content table td img {background-color: #876580; /*border: 1px solid #555;*/ margin: 7px 25px 8px 15px; padding: 4px;} #baby_idol #content table td.rate_name {width: 100px;} #news_page #content table td.rate_name h2 {color: #f9c646;} #baby_idol #content table th#rate_count, #baby_idol #content table th#rate_sum, #baby_idol #content table th#rate_avg {width: 70px;} #baby_idol #content table tr {border-bottom: solid 1px #333;} #baby_idol #content table img {padding: 2px 10px 0 2px;} #news_page #content #concert_event img#go_vote {border: none; display: block; float: none; margin: 20px auto; padding: 0;} #baby_idol #content h1#check_results {padding: 10px 0 20px 0; text-align: center;} ul.advance {list-style-type: none;} ul.advance li {display: inline;} div#baby_idol_history {text-align: center; width: 950px;} div#baby_idol_history h1 {font-size: 4em;} div#baby_idol_history p {font-size: 1.8em;} div#baby_idol_history img {border: solid 2px #765273; background-color: #f9c646; padding: 4px;} div#baby_idol_01 {margin: 30px auto 15px;} div#baby_idol_others_01 {margin: 0 auto; width: 400px;} div#baby_idol_others_02 {margin: 0 auto; width: 600px;} div#baby_idol_others_03 {margin: 0 auto; width: 750px;} div.baby_idol_top_three {float: left; margin-bottom: 15px; width: 200px;} div.baby_idol_finalist {float: left; margin-bottom: 15px; width: 150px;} div.baby_idol_finalist p span {font-size: .7em;}