/* Theme Name: IndyCREW Author: DTP Version: 1.0 Tags: custom */ html, body { height: 100%; /* required */ } body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background: #fff; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ } a img { border: none; } a:link { color: #000; text-decoration: underline; } a:visited { color: #000; text-decoration: underline; } a:hover { color: #ccc; text-decoration: underline; } a:active { color: #ccc; text-decoration: underline; } #wrap { margin: 0 auto; width: 900px; height:100%; background: #fff; } /*------------------------------------------- header -------------------------------------------*/ #header-home { width: 900px; height: 400px; margin: 0 auto; position: relative; text-align: left; background-image: url(images/home-main.gif); background-repeat: no-repeat; background-position: top center; } #header { width: 900px; height: 170px; margin: 0 auto; position: relative; text-align: left; } #header-markets { width: 820px; height: 230px; margin: 0 auto; position: relative; text-align: center; } #spacer { width: 650px; margin: 0; padding: 0; height: 50px; text-align: left; } #headlines { width: 650px; margin-top: 20px; padding: 0; height: 50px; text-align: left; } #membernav { width: 850px; height: 40px; margin: 0; padding: 0; } #membernav { width: 125px; height: 40px; background: url(images/nav-membership.gif); margin: 0; padding: 0; position: relative; float: right; } #membernav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #membernav li a { height: 0px; display: block; padding-top: 50px; overflow: hidden; } #membernav1 { left: 0; width: 125px; } #membernav1 a:hover { background: transparent url(images/nav-membership.gif) 0 -40px no-repeat; } #allnav { width: 650px; margin: 0; padding: 0; } #nav { width: 650px; height: 50px; background: url(images/nav.gif); margin: 0; padding: 0; position: relative; } #nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #nav li a { height: 0px; display: block; padding-top: 50px; overflow: hidden; } #nav1 { left: 20px; width: 55px; } #nav2 { left: 75px; width: 65px; } #nav3 { left: 140px; width: 95px; } #nav4 { left: 235px; width: 140px; } #nav5 { left: 375px; width: 155px; } #nav6 { left: 530px; width: 70px; } #nav1 a:hover { background: transparent url(images/nav.gif) -20px -50px no-repeat; } #nav2 a:hover { background: transparent url(images/nav.gif) -75px -50px no-repeat; } #nav3 a:hover { background: transparent url(images/nav.gif) -140px -50px no-repeat; } #nav4 a:hover { background: transparent url(images/nav.gif) -235px -50px no-repeat; } #nav5 a:hover { background: transparent url(images/nav.gif) -375px -50px no-repeat; } #nav6 a:hover { background: transparent url(images/nav.gif) -530px -50px no-repeat; } #navsub { width: 650px; height: 30px; background: url(images/nav-sub.gif); margin: 0; padding: 0; position: relative; } #navsub li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #navsub li a { height: 0px; display: block; padding-top: 30px; overflow: hidden; } #navsub1 { left: 20px; width: 55px; } #navsub2 { left: 75px; width: 55px; } #navsub3 { left: 130px; width: 65px; } #navsub4 { left: 190px; width: 95px; } #navsub5 { left: 285px; width: 140px; } #navsub6 { left: 425px; width: 155px; } #navsub7 { left: 580px; width: 70px; } #navsub1 a:hover { background: transparent url(images/nav-sub.gif) -20px -50px no-repeat; } #navsub2 a:hover { background: transparent url(images/nav-sub.gif) -75px -50px no-repeat; } #navsub3 a:hover { background: transparent url(images/nav-sub.gif) -130px -50px no-repeat; } #navsub4 a:hover { background: transparent url(images/nav-sub.gif) -190px -50px no-repeat; } #navsub5 a:hover { background: transparent url(images/nav-sub.gif) -285px -50px no-repeat; } #navsub6 a:hover { background: transparent url(images/nav-sub.gif) -425px -50px no-repeat; } #navsub7 a:hover { background: transparent url(images/nav-sub.gif) -580px -50px no-repeat; } #navsub1.current a { background: transparent url(images/nav-sub.gif) -20px -50px no-repeat; } #navsub2.current a { background: transparent url(images/nav-sub.gif) -75px -50px no-repeat; } #navsub3.current a { background: transparent url(images/nav-sub.gif) -130px -50px no-repeat; } #navsub4.current a { background: transparent url(images/nav-sub.gif) -190px -50px no-repeat; } #navsub5.current a { background: transparent url(images/nav-sub.gif) -285px -50px no-repeat; } #navsub6.current a { background: transparent url(images/nav-sub.gif) -425px -50px no-repeat; } #navsub7.current a { background: transparent url(images/nav-sub.gif) -580px -50px no-repeat; } /*--- about ---*/ #snav-about { width: 598px; height: 20px; background: url(images/snav-about.gif); margin: 0 0 0 58px; padding: 0; position: relative; } #snav-about li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #snav-about li a { height: 0px; display: block; padding-top: 20px; overflow: hidden; } #snav-about1 { left: 20px; width: 105px; } #snav-about2 { left: 125px; width: 115px; } #snav-about3 { left: 235px; width: 115px; } #snav-about4 { left: 350px; width: 120px; } #snav-about5 { left: 470px; width: 90px; } #snav-about1 a:hover { background: transparent url(images/snav-about.gif) -20px -20px no-repeat; } #snav-about2 a:hover { background: transparent url(images/snav-about.gif) -125px -20px no-repeat; } #snav-about3 a:hover { background: transparent url(images/snav-about.gif) -235px -20px no-repeat; } #snav-about4 a:hover { background: transparent url(images/snav-about.gif) -350px -20px no-repeat; } #snav-about5 a:hover { background: transparent url(images/snav-about.gif) -470px -20px no-repeat; } #snav-about1.current a { background: transparent url(images/snav-about.gif) -20px -20px no-repeat; } #snav-about2.current a { background: transparent url(images/snav-about.gif) -125px -20px no-repeat; } #snav-about3.current a { background: transparent url(images/snav-about.gif) -235px -20px no-repeat; } #snav-about4.current a { background: transparent url(images/snav-about.gif) -350px -20px no-repeat; } #snav-about5.current a { background: transparent url(images/snav-about.gif) -470px -20px no-repeat; } /*--- blank ---*/ #snav-blank { width: 533px; height: 20px; margin: 0 0 0 117px; padding: 0; position: relative; } /*--- events ---*/ #snav-events { width: 533px; height: 20px; background: url(images/snav-events.gif); margin: 0 0 0 117px; padding: 0; position: relative; } #snav-events li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #snav-events li a { height: 0px; display: block; padding-top: 20px; overflow: hidden; } #snav-events1 { left: 20px; width: 120px; } #snav-events1 a:hover { background: transparent url(images/snav-events.gif) -20px -20px no-repeat; } #snav-events1.current a { background: transparent url(images/snav-events.gif) -20px -20px no-repeat; } /*--- membership ---*/ #snav-membership { width: 440px; height: 20px; background: url(images/snav-membership.gif); margin: 0 0 0 178px; padding: 0; position: relative; } #snav-membership li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #snav-membership li a { height: 0px; display: block; padding-top: 20px; overflow: hidden; } #snav-membership1 { left: 20px; width: 145px; } #snav-membership2 { left: 165px; width: 75px; } #snav-membership3 { left: 240px; width: 100px; } #snav-membership4 { left: 340px; width: 100px; } #snav-membership1 a:hover { background: transparent url(images/snav-membership.gif) -20px -20px no-repeat; } #snav-membership2 a:hover { background: transparent url(images/snav-membership.gif) -165px -20px no-repeat; } #snav-membership3 a:hover { background: transparent url(images/snav-membership.gif) -240px -20px no-repeat; } #snav-membership4 a:hover { background: transparent url(images/snav-membership.gif) -340px -20px no-repeat; } #snav-membership1.current a { background: transparent url(images/snav-membership.gif) -20px -20px no-repeat; } #snav-membership2.current a { background: transparent url(images/snav-membership.gif) -165px -20px no-repeat; } #snav-membership3.current a { background: transparent url(images/snav-membership.gif) -240px -20px no-repeat; } #snav-membership4.current a { background: transparent url(images/snav-membership.gif) -340px -20px no-repeat; } /*--- resources ---*/ #snav-resources { width: 413px; height: 20px; background: url(images/snav-resources.gif); margin: 0 0 0 277px; padding: 0; position: relative; } #snav-resources li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #snav-resources li a { height: 0px; display: block; padding-top: 20px; overflow: hidden; } #snav-resources1 { left: 20px; width: 155px; } #snav-resources2 { left: 175px; width: 105px; } #snav-resources1 a:hover { background: transparent url(images/snav-resources.gif) -20px -20px no-repeat; } #snav-resources2 a:hover { background: transparent url(images/snav-resources.gif) -175px -20px no-repeat; } #snav-resources1.current a { background: transparent url(images/snav-resources.gif) -20px -20px no-repeat; } #snav-resources2.current a { background: transparent url(images/snav-resources.gif) -175px -20px no-repeat; } /*--- hot topics ---*/ #snav-hottopics { width: 420px; height: 20px; background: url(images/snav-hottopics.gif); margin: 0 0 0 230px; padding: 0; position: relative; } #snav-hottopics li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #snav-hottopics li a { height: 0px; display: block; padding-top: 20px; overflow: hidden; } #snav-hottopics1 { left: 20px; width: 100px; } #snav-hottopics2 { left: 120px; width: 200px; } #snav-hottopics3 { left: 320px; width: 105px; } #snav-hottopics1 a:hover { background: transparent url(images/snav-hottopics.gif) -20px -20px no-repeat; } #snav-hottopics2 a:hover { background: transparent url(images/snav-hottopics.gif) -120px -20px no-repeat; } #snav-hottopics3 a:hover { background: transparent url(images/snav-hottopics.gif) -320px -20px no-repeat; } #snav-hottopics1.current a { background: transparent url(images/snav-hottopics.gif) -20px -20px no-repeat; } #snav-hottopics2.current a { background: transparent url(images/snav-hottopics.gif) -120px -20px no-repeat; } #snav-hottopics3.current a { background: transparent url(images/snav-hottopics.gif) -320px -20px no-repeat; } /*--- news ---*/ #snav-news { width: 233px; height: 20px; background: url(images/snav-news.gif); margin: 0 0 0 410px; padding: 0; position: relative; } #snav-news li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #snav-news li a { height: 0px; display: block; padding-top: 20px; overflow: hidden; } #snav-news1 { left: 20px; width: 116px; } #snav-news2 { left: 136px; width: 106px; } #snav-news1 a:hover { background: transparent url(images/snav-news.gif) -20px -20px no-repeat; } #snav-news2 a:hover { background: transparent url(images/snav-news.gif) -136px -20px no-repeat; } #snav-news1.current a { background: transparent url(images/snav-news.gif) -20px -20px no-repeat; } #snav-news2.current a { background: transparent url(images/snav-news.gif) -136px -20px no-repeat; } #home-image { width: 660px; margin: 0; padding: 0; height: 300px; text-align: left; } /*------------------------------------------- page structure -------------------------------------------*/ #mainContent { width: 820px; padding: 0px; margin-top: 50px; text-align: center; background-image: url(images/main_bg-mid.gif); } #homeContent { width: 900px; padding: 0px; margin: 0; text-align: left; } #subContent { width: 900px; padding: 0; margin: 0; text-align: left; } #boardContent { width: 870px; padding: 0px; margin: 20px 0 0 30px; text-align: left; } #mainDivider .column { position: relative; float: left; } #h_left { width: 500px; padding: 0px; margin: 0 0 0 30px; text-align: left; } #yellow-callout { width: 470px; padding: 15px; margin: 0; text-align: left; background-color: #ffe230; } .right { float: right; } .greyTitle { color: #fff; padding: 10px 0 10px 15px; background-color: #ffe230; } .sponsorTitle { color: #666; font-size: 11px; } .redTitle { color: #be1e2d; } .blueTitle { color: #283891; } .red:link { color: #be1e2d; text-decoration: none; } .red:visited { color: #be1e2d; text-decoration: none; } .red:hover { color: #000; text-decoration: none; } .red:active { color: #000; text-decoration: none; } .blue:link { color: #283891; text-decoration: none; } .blue:visited { color: #283891; text-decoration: none; } .blue:hover { color: #000; text-decoration: none; } .blue:active { color: #000; text-decoration: none; } .redBackground:link { color: #fff; background-color: #be1e2d; text-decoration: none; } .redBackground:visited { color: #fff; background-color: #be1e2d; text-decoration: none; } .redBackground:hover { color: #000; background-color: #be1e2d; text-decoration: none; } .redBackground:active { color: #000; background-color: #be1e2d; text-decoration: none; } #h_right { width: 320px; padding: 0; margin: 0 0 0 20px; text-align: left; } #a_left { width: 620px; padding: 0px; margin: 0 0 0 30px; text-align: left; line-height: 16px; } #a_right { width: 230px; padding: 0; margin: 0 0 0 20px; text-align: left; } #l_left { width: 425px; padding: 0px; margin: 0 0 0 30px; text-align: left; line-height: 16px; } #l_right { width: 425px; padding: 0; margin: 0 0 0 20px; text-align: left; } #t_left { width: 720px; padding: 0px; margin: 0 0 0 30px; text-align: left; line-height: 16px; } #t_right { width: 130px; padding: 0; margin: 0 0 0 20px; text-align: left; } #c_left { width: 340px; padding: 0px; margin: 0 0 0 30px; text-align: left; line-height: 16px; } #c_right { width: 480px; padding: 0; margin: 0 0 0 20px; text-align: left; } #con_left { width: 180px; padding: 0px; margin: 0 0 0 30px; text-align: left; line-height: 16px; } #con_right { width: 640px; padding: 0; margin: 0 0 0 20px; text-align: left; } #p_left { width: 275px; padding: 0px; margin: 0 0 0 30px; text-align: left; line-height: 16px; } #p_mid { width: 275px; padding: 0; margin: 0 0 0 20px; text-align: left; line-height: 16px; } #p_right { width: 275px; padding: 0; margin: 0 0 0 20px; text-align: left; line-height: 16px; } #photo_left { width: 570px; padding: 0px; margin: 0 0 0 30px; text-align: left; line-height: 16px; } #photo_right { width: 275px; padding: 0; margin: 0 0 0 20px; text-align: left; line-height: 16px; } #subContent div.portH { float: left; width: 160px; height: 140px; margin: 0 13px 13px 0; display: inline; background-color: #fff; text-align: center; } #subContent div.portendH { float: left; width: 160px; height: 140px; margin: 0 0 13px 0; display: inline; background-color: #fff; text-align: center; } #subContent div.port { float: left; width: 160px; height: 120px; margin: 0 13px 13px 0; display: inline; background-color: #fff; text-align: center; } #subContent div.portend { float: left; width: 160px; height: 120px; margin: 0 0 13px 0; display: inline; background-color: #fff; text-align: center; } .required, .reqtxt, .emailreqtxt { font-size:10px; font-weight:normal; color:#666; letter-spacing: 1px; word-spacing: 1px; } .input { width: 330px; padding-left: 5px; margin: 0; border-style: solid; border-width: thin; border-color: #999; background-color: #fff; } .input400 { width: 380px; padding-left: 5px; margin: 0; border-style: solid; border-width: thin; border-color: #999; background-color: #fff; } .input270 { width: 220px; padding-left: 5px; margin: 0; border-style: solid; border-width: thin; border-color: #999; background-color: #fff; } .indent { margin: 0 0 0 50px; font-size: 11px; line-height: 13px; } /*------------------------------------------- Alts for Wordpress -------------------------------------------*/ #l_left.cre { width: 880px; margin-left: 0; } .cre-link { float: left; padding-left: 30px; height: 250px; } .board-member { width: 400px; float: left; margin-bottom: 20px; height: 135px; } .board-left { float: left; width: 100px; padding-right: 20px; } .board-right { float: left; width: 280px; white-space: normal; } p.contact-form { width: 400px; } table#sponsor-table td p { margin: 0; } table.chairs { float: left; } #tools-bg { display: none; } /*------------------------------------------- Clear -------------------------------------------*/ .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } /*------------------------------------------- Footer -------------------------------------------*/ #footer { width: 870px; height: 100px; padding: 20px 0 0 0; margin: 20px 0 0 30px; text-align: left; font-size:10px; font-weight:normal; color:#666; line-height: 16px; background-image: url(images/break-footer.gif); background-repeat: no-repeat; background-position: top center; } .footerlink:link { color: #666; text-decoration: underline; } .footerlink:visited { color: #666; text-decoration: underline; } .footerlink:hover { color: #000; text-decoration: underline; } .footerlink:active { color: #000; text-decoration: underline; } /*------------------------------------------- Member Directory -------------------------------------------*/ #tern_members { color:#333; width: 610px; } #tern_members, #tern_members * { text-align:left; } #tern_members ul, #tern_members li { list-style:none; text-indent:0; } .tern_members_search, .tern_members_alpha, .tern_members_view, .tern_members_sort { border-bottom:1px dashed #ccc; } .tern_members_search, .tern_members_alpha, .tern_members_view, #tern_members .tern_pagination, .tern_members_sort, .tern_wp_members_list { clear:both; padding:20px 0; } #tern_members .tern_pagination { border-top:1px dashed #ccc; margin-top:20px; } #tern_members .tern_members_view .tern_pagination { border:0; margin:0; padding-bottom:0; } .tern_members_search h2 { margin:10px 0; } #tern_members input, #tern_members select { font-size:16px; } #tern_members .blur { color:#ccc; } #tern_members .focus { color:#333; } .tern_members_alpha span { font-size:10px; font-style:italic; } .tern_members_alpha a { display:inline-block; padding:0 8px 0 0; } #tern_members .tern_pagination { display:block; } .tern_pagination a, .tern_pagination a:visited { display:inline-block; background:#f6f6f6; border:1px solid #ccc; margin-right:6px; padding:0 4px; line-height:22px; color:#666; text-decoration:none; } .tern_pagination_current a, .tern_pagination_current a:visited { color:#ccc; } .tern_members_sort label { padding-right:10px; font-weight:bold; float: left; display: inline; } #tern_members .tern_members_sort ul { } #tern_members .tern_members_sort li { padding:0px 6px; display: inline; float: left; } .tern_members_sort li a { text-decoration:none; } .tern_members_sort li.tern_members_sorted_u a { padding-left:20px; background:transparent url(http://72.18.130.197/~indycrew/wp-content/themes/indyCREW/images/up.gif) no-repeat center left; color:#333; } .tern_members_sort li.tern_members_sorted_d a { padding-left:20px; background:transparent url(http://72.18.130.197/~indycrew/wp-content/themes/indyCREW/images/down.gif) no-repeat center left; color:#333; } #tern_members .tern_wp_members_list, #tern_members .tern_wp_members_list li { } #tern_members .tern_wp_members_list li { } html>body #tern_members .tern_wp_members_list li { } .tern_wp_member_gravatar img { float:left; width:60px; height:60px; border:1px solid #ccc; padding:1px; margin:0px 10px 0px 0px; } #tern_members .tern_wp_members_list h3 { margin:0; } /*
    • */ #tern_members ul.tern_wp_member_info { list-style: none; margin: 0 0 15px 0; padding: 0 0 15px 0; float: left; clear: left; border-bottom: 1px dashed #b7b7b7; width: 610px; } #tern_members ul.tern_wp_member_info li { display: inline; float: left; } li.tern_wp_members_first_name, li.tern_wp_members_last_name, li.tern_wp_members_tag { font-size: 16px; font-weight: bold; padding: 0 3px 1px 0; } li.tern_wp_members_tag { font-size: 10px; line-height: 10px; margin-top: 5px; font-weight: normal; } li.tern_wp_members_title, li.tern_wp_members_company { clear: left; font-size: 11px; font-style: italic; padding: 0 3px 0 0; } li.tern_wp_members_company { clear: none; } li.tern_wp_members_address { clear: left; } li.tern_wp_members_address, li.tern_wp_members_city, li.tern_wp_members_state, li.tern_wp_members_zip { margin-top: 12px; padding: 0 5px 0 0; } li.tern_wpmembers_state { padding: 0 10px 0 0; } li.tern_wp_members_workphone, li.tern_wp_members_user_email, li.tern_wp_members_primespecial { clear: left; padding: 0 0 1px 0; font-size: 11px; } li.tern_wp_members_workphone { margin-top: 8px; } .tern_members_sort ul { margin: 0; } ul.tern_pagination { margin: 0; height: 15px; } ul.tern_pagination li { display: inline; float: left; } p.error { color: #ff0000; margin-bottom: 0; } form#setupform label { font-weight: bold; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } ul.tern_wp_members_list { list-style:none; float: left; margin-left: 0; } #tern_members { _margin-left: 10px; } #tern_members ul.tern_wp_member_info li.tern_wp_members_company, #tern_members ul.tern_wp_member_info li.tern_wp_members_address, #tern_members ul.tern_wp_member_info li.tern_wp_members_city { clear: left; } li.tern_wp_members_city { padding-top: 0; margin-top: 3px; }