/* :::::::: CSS Styles :::::::: Title: Wild Rockies Race Team Author: Lynn Stott URL: www.stottdesign.com Version: 1 Created: 5/3/2007 Modified: /* ---------------------------------------------------------------------- Pre-sets ------------------------------------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } /* ---------------------------------------------------------------------- Global settings ------------------------------------------------------------------------- */ :focus { -moz-outline-style: none; } .hide { display: none; } img { border: 0; } p { padding-top: 9px; } /*.clearfloat { clear: both; line-height: 0px; height: 1px; display: block;}*/ .clearfloat { clear: both; } .noborder { border: 0; } .block { display:block; } .bold { font-weight:bold; } .italic { font-style:italic; } p.clear { clear:both; font-size:.2em; height:0; padding:0; } .imp { color:red; font-weight:bold; } a { text-decoration:none; } .img_float_left { background: url(xxbg_sm_frame.gif) 0 0 no-repeat; float: left; margin:0 7px 0 0; padding:9px 12px 8px 10px; } /* ---------------------------------------------------------------------- LISTS ------------------------------------------------------------------------- */ ul { list-style:none; } li { float:left; } /* ---------------------------------------------------------------------- Base default font size, type, and line height ------------------------------------------------------------------------- */ body { background: url(bg.jpg); text-align:center; } html body, input, select, textarea { font-size: 62%; font-family: Arial, Helvetica, Verdana, sans-serif; color: #666; } html>body, input, select, textarea { font-size: 62%; font-family: Arial, Helvetica, Verdana, sans-serif; color: #666; } select, input, textarea { font:99% arial, helvetica, clean, sans-serif; } /* ---------------------------------------------------------------------- LINKS ------------------------------------------------------------------------- */ a, a:link, a:visited, a:focus { color: #436AD1; border-bottom: 1px solid #E4E1E1; /*background: transparent url(bg_dot.gif) 0 16px repeat-x;*/ } a:hover { color: #436AD1; border-bottom: 1px solid #999; background-color: #ECFBFF; } a:active { } a.more, a.more:visited, a.more:link, a.more:focus { background: transparent url(bullet_blue_circle.gif) 0 center no-repeat; padding-left:13px; border-bottom:0; } a.more:hover { text-decoration:underline; background-color: transparent; border-bottom:0; } /* ---------------------------------------------------------------------- PAGE STRUCTURE | LAYOUT ------------------------------------------------------------------------- */ #wrap {width:979px; margin:7px auto 0 auto; padding-bottom:25px; overflow:hidden; /* need for Mozilla to clear float */ } #header {width:979px; height:194px; position:relative; background: transparent url(bg_header.jpg) 0 0 no-repeat; } #nav_bg {width:979px; position:absolute; left:0; top:154px; font-size:1.2em; line-height:1.5em; height:48px; clear:both; } #content {width:979px; font-size:1.35em; line-height:1.8em; background:transparent url(bg_content.gif) 0 0 repeat-y; text-align:left; overflow:hidden; /* need for Mozilla to clear float */ padding:0 0 30px 0; } #footer {background: transparent url(bg_content_bottom.gif) 0 0 repeat-y; border-top:0; clear: both; width:979px; height:80px; text-align:center; } #left_col {float: left; width: 171px; padding:42px 0 0 0; background: transparent url(bg_left_top.gif) 7px 0 no-repeat; } #right_col {float: left; width:801px; margin:37px 0 0 0; } #right_col .nest {float:left; } .col_1, .col_2 { float:left; width:353px; background: url(dots_vert.gif) right 0 repeat-y; margin:25px 0 0 0; } .col_1 .nest { padding: 0 35px 0 15px; } .col_2 .nest { padding: 0 35px 0 40px; } #races_pg #right_col .nest, #results_pg #right_col .nest, #news_pg #right_col .nest {padding:5px 0 30px 47px;} /* ---------------------------------------------------------------------- HEADINGS ------------------------------------------------------------------------- */ h1 { font-size:1.3em; } h2 { font-size:1.2em; text-indent:-9999em; } h3 { font-size:1.1em; text-indent:-9999em; } h4 { float:left; padding:35px 0 0 45px; font-weight:normal; text-transform:uppercase; font-size:.90em; color:#999; } h3#tag { float:right; width:400px; margin-top: 30px; height: 25px; } #tamarack_logo { border:0; background: transparent url(logo-wild-rockies-racing.png) no-repeat 50px 49px; text-decoration:none; text-indent:-9999em; float:left; display:block; height:106px; width: 375px; } /* ---------------------------------------------------------------------- PAGE HEADINGS ------------------------------------------------------------------------- */ h2.team {background: transparent url(txt_team) 171px 40px no-repeat; padding:40px 0 0 180px; width:145px; height:20px; } h2.proWomen {background: transparent url(txt_pro_women.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.proMen {background: transparent url(txt_pro_men.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.club {background: transparent url(txt_club_members.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.races {background: transparent url(txt_races.gif) 180px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.all_races {background: transparent url(txt_all_races.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.mtn_races {background: transparent url(txt_mtn_races.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.road_races {background: transparent url(txt_road_races.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.multi_races {background: transparent url(txt_multi_races.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.results {background: transparent url(txt_results.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.mtn_results {background: transparent url(txt_mtn_results.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.road_results {background: transparent url(txt_road_results.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.multi_results{background: transparent url(txt_multi_results.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.news {background: transparent url(txt_news.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.local_news {background: transparent url(txt_local_news.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.national_news{background: transparent url(txt_national_news.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.blog {background: transparent url(txt_blog.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.error_pg {background: transparent url(txt_error_pg.gif) 171px 40px no-repeat; padding:40px 0 0 180px; width: 356px; height:20px; } h2.title_sponsors{ background: transparent url(txt_title_sponsors.gif) 0 0 no-repeat; padding:40px 0 0 0; width: 100px; height:5px; position:relative; } /* ---------------------------------------------------------------------- HOME PAGE ------------------------------------------------------------------------- */ #home_pg #left_col { width: 721px; margin:33px 0 0 23px; background:none; padding:0; } #home_pg #right_col { width: 210px; margin:39px 0 0 0; position:relative;} #home_pg #content a.bold { font-weight:bold; padding:2px 0; letter-spacing:.3px; } #home_pg #content { font-size: 1.1em; background: transparent url(bg_content_hm.gif) 0 0 repeat-y; } #home_pg #footer { background: transparent url(bg_content_bottom_hm.gif) 0 0 repeat-y; } #home_pg #content p { padding:3px 0 6px 0; line-height:1.4em; } #home_pg #content p.news_summary, #home_pg .col_2 p { padding:3px 0 11px 0; } img.home_img { padding:17px 0 0 18px; } div.home_pg_img { background:url(bg_home_pic.png) 0 0 no-repeat; height:381px; width:721px; } #rider_recommends { float:left; text-align:left; margin:45px 0 0 0; background:url(bg_riderRecommends.png) center 0 no-repeat; height:208px; width:100%; } #rider_recommends .nest { padding:45px 25px 15px 27px; } #home_pg #right_col a.logo { float:left; display:inline; border:0; } a.logo:hover { background-color:transparent; } a.logo img { display:block; margin:33px 0 0 0; } h3.noteworthy { background: url(txt_noteworthy.gif) 0 0 no-repeat; width: 194px; height: 25px; } h3.news { background: url(txt_latest_news.gif) 0 0 no-repeat; width: 107px; height: 25px; } /* ---------------------------------------------------------------------- TEAM PAGES ------------------------------------------------------------------------- */ #team_pg #right_col .nest { padding:5px 0 0 35px; } #team_pg .col_1, #team_pg .col_2 {float:left; width:200px; background:none; margin:0; } #team_pg .col_1 {clear:left; } ul.club_members {float:left; width:200px; margin:0; } ul.club_members li {float:none; border-bottom:1px solid #ccc; padding:4px 0; } img.athlete {float:right; display:inline; } #team_pg p {clear:left; } .extra {padding:15px 0 5px 0; font-weight:bold; color:#999; } #content ul#bio {float:left; margin:14px 0; } #content ul#bio li {float:none; font-size:1.1em; line-height:1.3em; } #content ul#bio .left {float:left; font-weight:bold; width:7em; font-weight:bold; color:#999; } #content ul#bio .right {width:580px; color:#333; } ul#highlights {float:left; clear:none; } ul#highlights li {float:none; padding:0 0 0 18px; background: url(bullet_green.gif) 0 .5em no-repeat; line-height:1.6em; } ul.pros_block {float:left; margin:10px 0 0 0; width: 700px; } ul.pros_block li {float:left; padding:0 0 0 2px; } ul.pros_block li a {background:none; display: block; margin:0; height: 170px; width:80px; border:0; background-position: 0 0; text-indent: -9999em; } ul.pros_block li a:hover{ background-color:transparent; border:0; background-position: 0 170px; } h3.kevin {background: url(txt_kevin.gif) 0 0 no-repeat; width: 273px; height:26px; } h3.jon {background: url(txt_jon.gif) 0 0 no-repeat; width: 201px; height:26px; } h3.keith {background: url(txt_keith.gif) 0 0 no-repeat; width: 247px; height:26px; } h3.darren {background: url(txt_darren.gif) 0 0 no-repeat; width: 411px; height:26px; } h3.eric {background: url(txt_eric.gif) 0 0 no-repeat; width: 288px; height:26px; } h3.dustin {background: url(txt_dustin.gif) 0 0 no-repeat; width: 257px; height:26px; } h3.richard {background: url(txt_richard.gif) 0 0 no-repeat; width: 308px; height:26px; } h3.lorien {background: url(txt_lorien.gif) 0 0 no-repeat; width: 326px; height:26px; } h3.maryann {background: url(txt_maryann.gif) 0 0 no-repeat; width: 319px; height:26px; } h3.joanna {background: url(txt_joanna.gif) 0 0 no-repeat; width: 368px; height:26px; } h3.stacey {background: url(txt_stacey.gif) 0 0 no-repeat; width: 319px; height:26px; } h3.monique {background: url(txt_monique.gif) 0 0 no-repeat; width: 328px; height:26px; } h3.lynn {background: url(txt_lynn.gif) 0 0 no-repeat; width: 274px; height:26px; } h3.jenny {background: url(txt_jenny.gif) 0 0 no-repeat; width: 235px; height:26px; } h3.brooke {background: url(txt_brooke.gif) 0 0 no-repeat; width: 354px; height:26px; } h3.raul {background: url(txt_raul.gif) 0 0 no-repeat; width: 299px; height:26px; } h3.carl {background: url(txt_carl.gif) 0 0 no-repeat; width: 222px; height:26px; } h3.pro_m {background: url(txt_pro_men.gif) 0 0 no-repeat; width: 60px; height:12px; margin:7px 0 0; } h3.pro_w {background: url(txt_pro_women.gif) 0 0 no-repeat; width:700px; height:12px; margin:25px 0 0; float:left; clear:left; } h3.non_pro {background: url(txt_non_pro.gif) 0 0 no-repeat; width:700px; height:12px; margin:25px 0 15px; float:left; clear:left; } h3.club {background: url(txt_club.gif) 0 0 no-repeat; width: 700px; height:12px; margin:25px 0 15px; float:left; clear:left; } /* ---------------------------------------------------------------------- SMALL SPONSOR LOGOS IN THE LEFT SUBNAV ------------------------------------------------------------------------- */ ul#sponsors_left { width:155px; float:right; text-align:center; margin-top:10px; } ul#sponsors_right { float:none; width:208px; margin:0; text-align:center; } ul#sponsors_right li, ul#sponsors_left li { float:none; clear:both; /* needed for mozilla to display center and list-style */ margin:0 auto; padding:0; } ul#sponsors_right li a, ul#sponsors_left li a { float:left; border:0; } ul#sponsors_right li a img { padding:25px 0 0 0; } ul#sponsors_left li a img { padding:20px 0 0 0; } ul#sponsors_right li a:hover, ul#sponsors_left li a:hover{ background:none; } /* ---------------------------------------------------------------------- NEWS PAGES ------------------------------------------------------------------------- */ a.strong { font-weight:bold; } p.summary { margin-bottom:10px; } .post { margin: 0 100px 10px 0; } .post p.strong { font-weight:bold; color:#8B9C41; clear:left; } .post h2 { text-indent:0; font: normal 1.5em/.95em Georgia, "Times New Roman", Times, serif; letter-spacing: -0.03em; color: #000; margin: 0 0 3px 0; padding: 0 0 2px 0; border-bottom: 1px dotted #bbb; } #right_col .post a { } #right_col .post h2 a { color:#8B9C41; border:0; } #right_col .post h2 a:hover { color:#666; background:none; } p.date { margin: 0 0 5px 0; padding:0; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; font-size:.90em; letter-spacing: 0.1em; color: #999; } .postmetadata { font-size:.90em; color:#777; padding-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif; clear:left; } .postmetadata a { border:0; } .post ul { padding:5px 20px 0 20px; } .post ul li { background: transparent url(bullet_post.gif) 0 11px no-repeat; float:none; line-height:1.5em; padding: 5px 0 0 13px; } ul#table_style { padding:0; margin:15px 0 0 0; width:580px; float:left; } ul#table_style li { float:left; font-weight:bold; text-align:right; padding:0; background:none; width:80px; } ul#table_style li.right { float:left; font-weight:normal; text-align:left; width:480px; padding-left:8px; } a.pdf { background: url(pdf.gif) no-repeat right 1px; padding:3px 20px 0 0; } a.pdf:hover { color: #436AD1; border-bottom: 1px solid #ECFBFF; background-color: #ECFBFF; } /* ---------------------------------------------------------------------- MAIN NAVIGATION ------------------------------------------------------------------------- */ #nav, #nav ul {width:849px; list-style:none; padding:0; } #nav {float: left; position:absolute; top:2px; left:104px; background: transparent url(nav.gif) 0 -32px no-repeat; height:34px; } #nav li {float: left; height:33px; width:100px; position:absolute; } #nav a {border:0; display: block; height:33px; background: transparent url(nav.gif) 0 0 no-repeat; text-align:left; text-indent:-9999em; padding:0; } #home { left:0; } #team { left:140px; } #races { left:274px; } #results { left:418px; } #news { left:578px; } #blog { left:713px; } /* Class main is needed for the hover effect in the sub_nav. There would be background none, if not for a specific a.class */ #home a.main { background-position: 0 5px; } #team a.main { background-position: -140px 5px; } #races a.main { background-position: -274px 5px; } #results a.main { background-position: -418px 5px; } #news a.main { background-position: -578px 5px; } #blog a.main { background-position: -713px 5px; } #nav a.main:hover, #nav li:hover a.main, #nav li.navhover a.main { background: none !important; } #home a.main:hover { background-position: 0 -37px; } #team a.main:hover { background-position: -140px -32px; } #races a.main:hover { background-position: -274px -32px; } #results a.main:hover { background-position: -418px -32px; } #news a.main:hover { background-position: -578px -32px; } #blog a.main:hover { background-position: -713px -32px; } #home_pg #home a.main { background: transparent url(nav.gif) 0 -32px no-repeat; cursor:text; } #team_pg #team a.main { background: transparent url(nav.gif) -140px -32px no-repeat; } #races_pg #races a.main { background: transparent url(nav.gif) -274px -32px no-repeat; } #results_pg #results a.main { background: transparent url(nav.gif) -418px -32px no-repeat; } #news_pg #news a.main { background: transparent url(nav.gif) -578px -32px no-repeat; cursor:text; } #blog_pg #blog a.main { background: transparent url(nav.gif) -713px -32px no-repeat; } #nav li ul { background:none; height:auto; left: -9999px; position: absolute; background: url(bg_subnav.png) 0 bottom no-repeat; padding:0 4px 9px 5px; } #nav li ul, #nav li ul li { width: 127px; } #nav li:hover ul, #nav li.navhover ul { left: auto; } #nav li ul li { position:relative; text-indent:0; background:transparent url(sub_link_divider.gif) center bottom no-repeat; line-height:1.25em; height:auto; padding-bottom:1px; } #nav li ul li a { background:transparent url(nav_arrow.gif) 8px center no-repeat; text-indent:0; height:auto; line-height:1.25em; } #nav li ul li a:hover { background-color: #D0E676; color:#000; } #nav li:hover ul li a, #nav li.navhover ul li a, #nav li ul li a { display: block;color: #333; padding: 4px 0 4px 21px;} #nav li:hover ul, #nav li li:hover ul, #nav li.navhover ul, #nav li li.navhover ul, #nav li li li.navhover ul { left: -5px; } /* ---------------------------------------------------------------------- LEFT NAVIGATION ------------------------------------------------------------------------- */ #menu { float:right; text-align:right; padding-right:1px; } #menu a { border:0; } dl#menu { width: 150px; } dl#menu dt { margin: 2px 0; height: 27px; line-height: 27px; } dl#menu li { text-align: right; float:none; } dl#menu dt a { font-family:Arial; color:#333; display: block; height: 100%; padding-right: 19px; font-size:1.2em; } dl#menu li a { color:#999; display: block; height: 100%; padding:0 19px 0 0; line-height:1.6em; } dl#menu dt a:hover, dl#menu dt a.on { background:transparent url(bg_left_menu.gif) 0 center repeat-y; } dl#menu li a:hover { background:transparent url(bg_menu_subhover.gif) 0 center no-repeat; color:#424A22; } dl#menu li a.active, dl#menu li.current-cat a { background:transparent url(bg_menu_subhover.gif) 0 center no-repeat; color:#4F5829; } dd { display:none; } dd#open { display:block; } /* ---------------------------------------------------------------------- FOOTER -- Secondary sponsors on bottom ------------------------------------------------------------------------- */ #footer ul { float:right; margin:0 25px 0 0; width:725px; } #home_pg #footer ul { margin:0 115px 0 0; } #footer ul li { float:left; margin: 0 25px; } #footer ul li a { float:left; border:0; background:none;} #footer img { position:relative; } p.contact { line-height:1.2em; padding:0; width:100%; } #wrap a#contact_us { float:right; display:block; background:transparent url(btn_contact.gif) 0 0 no-repeat; text-indent:-9999em; width:109px; height:21px; border:0; } #wrap a#contact_us:hover { background:transparent url(btn_contact.gif) 0 -21px no-repeat; } /* ---------------------------------------------------------------------- CALENDAR - LIST VIEW ------------------------------------------------------------------------- */ #month #right_col .nest, #viewentry #right_col .nest, #editentry #right_col .nest { padding:5px 25px 0 25px; } #admin #content { background-color:#FCF7DA; } /* ---------------------------------------------------------------------- CALENDAR - RACE LISTING PAGE ------------------------------------------------------------------------- */ table { font-size:inherit; } #viewentry td { padding-top:2px; padding-bottom:2px; } th, td { text-align:left; vertical-align:top; } table.races, table.mos, ul.key { width:718px; } table.races { margin-bottom:10px; } table.mos { border:0; margin-bottom:10px; } .races th, .races td { vertical-align:middle; padding:0 0 0 4px; } .races td { border-right:1px solid #fff; height:22px; } .races .head th { width:auto; font-weight:bold; border-right:1px solid #666; height:28px; white-space:nowrap; font-size:.93em; background:url(bg_store_nav.gif) 0 0 repeat-x; color:#ccc; } .mos th { border:0; width:58px; border-right:1px solid #f1f1f1; text-align:center; padding:0; } .races td.link, .races td.img_link { padding:0; vertical-align:middle; } .mos th a, .mos th a:link { display:block; font-weight:normal; border:0; } .races td.link a, .races td.img_link a, .races td.link a:link { font-weight:normal; padding:0; border:0; } .races td.link a { margin-left:6px; } .races td.link a:hover { border-bottom: 1px solid #ccc; background:none; } .races td.img_link a { float:left; padding:0; } .races td.img_link a img { float:left; padding:2px 0 1px 13px; } .races td.img_link a:hover { border:0; background:none; } .mos th a, .mos th a:link, .mos th a:link:visited { padding:4px 0 4px 0; width:100%; } .races th.date { border-left:0; color:#8B9C41; width:45px; } .races th.event { width:260px; } .races th.type { width:140px; } .races th.loc { width:117px; } .races th.reg { width:57px; border-right:0; } .races .head th.icon { vertical-align:middle; padding:0; } .races .head th.icon img{ padding:0 1px 0 1px; } .races td.date, .races td.month { font-weight:bold; font-size:1em; padding-right:5px; padding-left:0; } .races td.month { border-right:0; padding:11px 0 4px 0; color:#204404; text-transform:uppercase; letter-spacing:1px; } .races td.date { text-align:right; color:#666; } .races td.cat { width:16px; padding:0 0 0 6px; } .races td.type { width:110px; } .races td.reg { width:48px; text-align:center; padding:0; } .races td.icon { padding:2px 0 0 0; } .races .teamat { padding-right:10px; width:22px; } .races td.reg { width:60px; padding-right:0; } th.last, td.last { border-right:0; } .races td.edit { padding:0 2px; } ul.key { padding-top:8px; font-size:.90em; float:left; } ul.key li { padding-right:10px; } ul.key li.cat1 { background: url(../calendar/images/cat1.gif) 0 center no-repeat; padding-left:13px; } ul.key li.cat2 { background: url(../calendar/images/cat2.gif) 0 center no-repeat; padding-left:13px; } ul.key li.cat3 { background: url(../calendar/images/cat3.gif) 0 center no-repeat; padding-left:13px; } ul.key li.team_at { background: url(../calendar/images/bull_green_check.gif) 0 center no-repeat; padding-left:17px; padding-right:15px; } ul.key li.team_results { background: url(../calendar/images/icon_down_arrow.gif) 0 center no-repeat; padding-left:19px; padding-right:15px; height:15px; } ul.key li.last { padding-right:0; } td.pr, .alt td { background:#f1f1f1; } .alt td.pr { background:#ddd; }