/* :::::::: CSS Styles :::::::: Title: Winter Games of Idaho | www.wintergamesofidaho.com Author: Lynn Stott URL: www.stottdesign.com Version: 1 Descrip: Winter Games of Idaho | www.wintergamesofidaho.com Created: 1/15/2008 Modified: /* ---------------------------------------------------------------------- Pre-sets ------------------------------------------------------------------------- */ * { margin:0; padding:0; } table { border-collapse: collapse; } body { font: .76em/1.5em "Trebuchet MS", Arial, Verdana, "Lucida Sans", Helvetica, sans-serif; color: #4b4b4b; text-align:center; /* keep this for incomp. browsers */ background-color:#666; } /* ---------------------------------------------------------------------- Global settings ------------------------------------------------------------------------- */ :focus { -moz-outline-style: none; } .hide { display: none; } img { border: 0; } ul { list-style:none; float:left; } li { float:left; } img { border:0; display:block; } a { color:#09f; background: transparent url(bg_dotted_line.gif) 0 95% repeat-x; text-decoration:none; } a:hover { color: #17216E; background: #F2F9FF; } a:focus { -moz-outline: none -moz-mac-focusring; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { text-decoration:underline; } .red { color:#C20C22; text-decoration:underline; } .no_pad { padding:0; } em { background-color:#FFFFCC; color:#000; font-style:normal; } p.clear { padding:0; clear:both; } /* ---------------------------------------------------------------------- PAGE STRUCTURE | LAYOUT ------------------------------------------------------------------------- */ #wrap { position:relative; width: 807px; margin: 0 auto; background: transparent url(bg.gif) 0 0 repeat-y; overflow:hidden; /* need for Mozilla to clear float */ } #header { float:left; margin-left:4px; position:relative; width:799px; height:217px; } #slideshow { float:left; background: url(../images/header_image1.jpg) top left no-repeat; width: 799px; height:153px; } #content { float:left; width:807px; text-align:left; background: transparent url(bg_content.gif) 4px 0 no-repeat; overflow:hidden; /* need for Mozilla to clear float */ } #footer { float:left; width:807px; height:157px; margin-top:25px; background: transparent url(bg_footer.gif) 0 0 no-repeat; } #copy { margin:0 auto; width:807px; } #left_col { float: left; width: 162px; margin:50px 0 0 0; } #right_col { float: left; width: 570px; margin:50px 0 0 0; font-size:.95em; line-height:1.5em; background: transparent url(bg_vert_line.gif) 0 0 repeat-y; } #right_col .nest, #left_col .nest { float:left; padding: 0 0 15px 34px; } #left_col .nest { padding-left:20px; } #right_col .nest p { padding-top:11px; } #right_col .nest strong { color:#17216E; } /* ---------------------------------------------------------------------- PAGE SPECIFIC ------------------------------------------------------------------------- */ #events_pg #right_col { width: 640px; } #calendar_pg #right_col { width: 600px; } #hm_pg #content { background: transparent url(bg_home_2008.gif) 4px 0 no-repeat; height:906px; } #hm_pg #footer { background: #666 url(bg_footer_home.gif) 0 0 no-repeat; height:132px; } #hm_pg #sponsors { position:absolute; z-index:10; top:887px; left:0; } #hm_pg #footer { margin-top:0; } #hm_pg #footer a { background:none; } #archive_pg #right_col { background:none; margin-left:30px; width:750px; } #archive_pg h3 { font-size:1.1em; font-weight:bold; padding:9px 0; } /* ---------------------------------------------------------------------- HEADINGS ------------------------------------------------------------------------- */ h1 { display:inline; font-size:1.4em; } h2 { font-size:1.4em; color:#C20C22; font-family:"Trebuchet MS", Arial, Verdana, Helvetica; font-weight:bold; } #events_pg h2 { padding-left:35px; } h4 { float:left; padding:35px 0 0 45px; font-weight:normal; text-transform:uppercase; font-size:.90em; color:#999; } h3#tag { position:absolute; z-index:90; top:154px; left: 27px; text-indent:-9999em; font-size:.80em; background:transparent url(txt_tagline2.gif) 0 0 no-repeat; width:271px; height: 17px;} #header h1 { z-index:100; position:absolute; top:60px; left: 35px; background-image: url(logo_winter_games_of_idaho.png); background-position: 0 0; background-repeat:no-repeat; display:block; height:82px; width: 251px; } #logo { text-decoration:none; text-indent:-9999em; float:left; display:block; height:82px; width: 251px; background:none; } #hm_pg h4 { text-indent:-9999em; position:absolute; top: 170px; left:200px; background: transparent url(2009_badge.png) 0 0 no-repeat; height:257px; width:399px; } /* ---------------------------------------------------------------------- LISTS ------------------------------------------------------------------------- */ ul#top_nav { width:799px; height:34px; float:right; background: transparent url(bg_header_top.gif) right 0 no-repeat; } ul#top_nav li { float:right; margin:7px 0 0 0; padding:0 20px; border-right:1px solid #ccc; } ul#top_nav a { color:#fff; font-size:.90em; font-weight:bold; background:none; border:0; } ul#top_nav a:hover { border-bottom: 1px solid #ccc; } #right_col ul { padding: 5px 0 11px 10px; width:500px; } #right_col li { float:none; line-height:1.5em; padding-left:23px; background: url(bg_bullet.gif) 11px 50% no-repeat; } #right_col li.figure { padding-left:73px; line-height:65px; background: url(../images/icon_figure.gif) 0 50% no-repeat; } #right_col li.nordic { padding-left:73px; line-height:65px; background: url(../images/icon_nordic.gif) 0 50% no-repeat; } #right_col li.alpine { padding-left:73px; line-height:65px; background: url(../images/icon_alpine.gif) 0 50% no-repeat; } #right_col li.hockey { padding-left:73px; line-height:65px; background: url(../images/icon_hockey.gif) 0 50% no-repeat; } #right_col li.board { padding-left:73px; line-height:65px; background: url(../images/icon_board.gif) 0 50% no-repeat; } /* #right_col .events ul.event { float:left; height:49px; width:554px; padding:13px 50px 0 0; background: url(bg_dotted_line.gif) 0 0 no-repeat; cursor:pointer; } #right_col .events ul.event li { float:right; width:110px; height:45px; display:inline; overflow:hidden; background:none; padding:0; } #right_col .events ul.event li.title { float:none; width: 460px; font-family:"Times New Roman", Times, serif; font-size:1.2em; line-height:1.2em; color:#333; font-weight:bold; } #right_col .events ul.event li.button { background: transparent url(btn_details.gif) right top no-repeat; text-indent:-9999em; } #right_col .events ul.event img.venue { margin:0 auto; } */ /* Left Column Navigation */ #left_col ul { padding: 5px 0 0 0; width:130px; } #left_col li { display:block; float:none; padding-left:7px; line-height:2em; border-bottom:1px solid #eee; } #left_col li a { display:block; width:116px; background:none; color:#999; font-weight:bold; } #left_col li a:hover, #left_col li.active a { color:#17216E; } #left_col li.active { background: url(bullet_arrow.gif) right 50% no-repeat; } #left_col ul.logos { padding-top:0; } #left_col ul.logos li { padding:15px 0 0 0; border:0; text-align:center; } #left_col ul.logos li a { width:125px; } #left_col ul.logos img { margin:0 auto; } /* ---------------------------------------------------------------------- ACCORDIAN ------------------------------------------------------------------------- */ #right_col div.accordian { float:left; padding-bottom:0; } h3.event { float:left; height: 47px; width: 554px; background: url(bg_dotted_line.gif) no-repeat top left #fff; padding: 13px 10px 0 0; font-family:"Times New Roman", Times, serif; font-size:1.2em; line-height:1.2em; color:#333; font-weight:bold; outline: none; cursor: pointer; } h3.pomerelle_event { background: #fff url(bg_pomerelle_event.gif) no-repeat top left; } h3.silver_event { background: #fff url(bg_silver_event.gif) no-repeat top left; } h3.svfsc_event { background: #fff url(bg_svfsc_event.gif) no-repeat top left; } h3.pebble_event { background: #fff url(bg_pebble_event.gif) no-repeat top left; } h3.brundage_event { background: #fff url(bg_brundage_event.gif) no-repeat top left; } h3.bogus_event { background: #fff url(bg_bogus_event.gif) no-repeat top left; } h3.idfalls_event { background: #fff url(bg_idfalls_event.gif) no-repeat top left; } h3.lookout_event { background: #fff url(bg_lookout_event.gif) no-repeat top left; } h3.iceworld_event { background: #fff url(bg_iceworld_event.gif) no-repeat top left; } h3.event_btn { background: #fff url(bg_event_btn.gif) no-repeat top left; } #right_col .events { float:left; width: 600px; margin: 20px 0 0 34px; display:inline; /* Needed for IE6 */} #right_col .events div.detail { float:left; padding: 0 0 10px 0; width:445px; } #right_col .events div.event_sponsor{ float:right; width:141px; } #right_col .events p { clear:none; padding-top:9px; } #right_col .events p.first { padding-top:0; } #right_col div.detail ul { float:left; padding:10px 0 0 0; width: 441px; } #right_col div.detail li { padding:0; background:none; } #right_col div.detail ul li.left { float:left; font-weight:bold; width:86px; color:#333; } #right_col div.detail ul li.right { float:left; width:355px; } #right_col div.event_sponsor ul { float:right; min-height:230px; padding:25px 0 0 0; width:152px; background: transparent url(bg_event-sponsors.gif) 0 5px no-repeat; } #right_col div.event_sponsor ul img { margin:0 auto; padding:0; } #right_col div.event_sponsor li { padding:20px 0 0 0; text-align:center; float:none; background:none; } #right_col div.event_sponsor ul a { background:none; display:block; } .date { color:#465968; font-size:.95em; font-weight:normal; font-family:"Times New Roman", Times, serif; font-style:italic; padding:0; } /* ---------------------------------------------------------------------- BUTTONS ------------------------------------------------------------------------- */ .btn_registration { margin-top:7px; } .btn_registration a { display:block; width: 234px; height:35px; text-indent:-9999em; background: transparent url(btn_register.gif) 0 0 no-repeat; } .btn_registration a:hover { background: transparent url(btn_register.gif) 0 -36px no-repeat; } /* ---------------------------------------------------------------------- MAIN NAVIGATION | INNER PAGES ------------------------------------------------------------------------- */ #nav_container { float:left; width:799px; overflow:hidden; height:30px; background: transparent url(bg_nav_container.gif) 0 0 repeat-x; } ul#nav { width:799px; margin: 2px 0; text-align:left; } #nav a { font-family:Arial, Helvetica, sans-serif; color:#333; } .main { height:28px; } #nav li { display:block; } #nav li a { display: block; text-indent: -9999em; } #nav li.has_children a { background: url(bg_arrowdown.gif) right 45% no-repeat; } #home .main { background: url(nav_home.gif) right 0 no-repeat; width:93px; } #games .main { background: url(nav_games.gif) right 0 no-repeat; width:125px; } #events .main { background: url(nav_events.gif) right 0 no-repeat; width:103px; } #venues .main { background: url(nav_venues.gif) right 0 no-repeat; width:102px; } #calendar .main { background: url(nav_calendar.gif) right 0 no-repeat; width:121px; } #results .main { background: url(nav_results.gif) right 0 no-repeat; width:112px; } #gallery .main { background: url(nav_sponsors.gif) right 0 no-repeat; width:142px; } /* 2nd and 3rd level menus */ #nav ul { position: absolute; z-index:99; left:-999em; margin: 0 0 0 -1px; width:172px; height: auto; border: solid #C7C7C7; border-width: 0 1px 0 1px; background: #fff; padding:0; border-top: 1px solid #DBDBDB; } /* 3rd level menus only */ #nav ul ul { margin: -1.3em 0 0 12em; } /* 2nd and 3rd level menus */ #nav li li { padding: 1px 1em 1px 0; width:159px; border-bottom: 1px solid #DBDBDB; } #nav ul a { text-indent: 0; width:146px; border-right: 0; font-size:1em; padding:1px 0 1px 25px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{ left: auto; } #nav li:hover a, #nav li.sfhover a, #nav li.active_parent a, #nav li.active { background-color:#fff; background-position: right -26px; } /* 2nd and 3rd level menus */ #nav ul li:hover a, #nav ul ul li:hover a, #nav ul li.sfhover a, #nav ul ul li.sfhover a, #nav ul li.active { background-color: #F1F1F1; } /* 2nd and 3rd level menus */ #nav ul li a, #nav li.sub_links li a { background: #F1F1F1 url(bullet_blk_square.gif) 15px 50% no-repeat; } #nav li.sub_links li a:hover, #nav li.sub_links li a.active { background-color:#fff; color:#526E84; } #nav ul ul li a { background: none; } /* 2nd level menus only. If a second level link has children, include an arrow */ #nav a.sub { background: url(arrow-right.gif) right 52% no-repeat; } /* ---------------------------------------------------------------------- HOME PAGE NAV ------------------------------------------------------------------------- */ #hm_pg ul#nav { margin:230px 0 0 50px; width:120px; } #hm_pg ul#nav li { list-style:none; height:30px; } #hm_pg ul#nav a { display:block; text-indent:0; background:none; color:#C1262C; font-weight:bold; font-size:1.5em; line-height:1.5em; } #hm_pg ul#nav a:hover { color:#14135F; } /* ---------------------------------------------------------------------- LISTS ------------------------------------------------------------------------- */ #footer a { background:none; } #sponsors ul.sponsor_logos, #footer ul.sponsor_logos { clear:both; margin-left:123px; } #sponsors li, #footer li { margin:0 0 0 30px; } ul.sponsor_logos a { display:block; } /* Adjust the top row logos on the home and inside pages */ #sponsors li.isaa, #footer li.issa { margin:0 0 0 30px;} #sponsors li.sterling, #footer li.sterling { margin-top:38px; } #sponsors li.ktvb, #footer li.ktvb { margin-top:33px; } #sponsors li.zions, #footer li.zions { margin-top:39px; } #sponsors li.promoshop, #footer li.promoshop { margin-top:28px; } #sponsors li.iqID, #footer li.iqID { margin-top:33px; } /* Adjust the bottom row logos on the inside pages only */ #footer li.visitid { margin-top:18px;} #footer li.pocatello { margin-top:12px; } #footer li.idahofalls { margin-top:5px; } #footer li.sunvalley { margin-top:7px; } #copy ul { width: 806px; margin:3px auto 10px auto; } #copy li { width: 200px; color:#333; font-size:.90em; text-align:left; padding:0 9px; line-height:1.1em; } #copy li.right { float:right; } a.stott_design { float:right; width:113px; display:block; height:13px; text-indent:-999em; background: transparent url(logo_stott_design.gif) 0 0 no-repeat; } a.stott_design:hover { background: transparent url(logo_stott_design.gif) 0 -13px no-repeat;} /* ---------------------------------------------------------------------- CALENDAR TABLE ------------------------------------------------------------------------- */ table.event_tbl { width: 550px; } table.result_tbl{ width: 550px; } td { line-height:1.3em; vertical-align:middle; padding:0 3px 0 6px; height:27px; border-bottom:2px solid #fff; border-top:2px solid #fff; border-right:2px solid #fff; } .venue_logo { width: 90px; text-align:center; height:50px; padding:0; } .venue_logo img { margin:0 auto; } td.cal_date { font-weight:bold; background-color:#FFFFCC; } td.event { font-weight:bold; } td.event_link { } td span.more { font-size:.90em; font-weight:normal; color:#666; } td.ski { background-color:#E0F7FE; } td.skate { background-color:#B9BCDB; } td.hockey { background-color:#97B2BF; } td.nordic { background-color:#9EBFDE; } td.gray { background-color:#F6F6F6; } td.header { background-color:#9EBFDE; font-weight:bold; padding-left:7px; } table.result_tbl td.event { font-size:.90em; } table.result_tbl td.cal_date{ font-size:.90em; } table.result_tbl td.city { font-size:.95em;} td.result_link, td.result_link_gray, td.photos { padding: 0; } td.result_link_gray { background-color:#F6F6F6; } td.result_link a, td.result_link_gray a { display:block; height:25px; text-indent:-999em; background: transparent url(btn_results.gif) 7px 0 no-repeat; } td.result_link_gray a { background: #F6F6F6 url(btn_results_gray.gif) 7px 0 no-repeat;} td.result_link a:hover { background: transparent url(btn_results.gif) 7px -25px no-repeat; } td.result_link_gray a:hover { background: transparent url(btn_results_gray.gif) 7px -25px no-repeat; } td.pending { background: transparent url(btn_results_pending.gif) 50% 50% no-repeat; background-color:none; } td a.camera, td a.camera_gray { display:block; height:20px; text-indent:-999em; background: transparent url(btn_camera_gray.gif) 13px 0 no-repeat; } td a.camera { background: transparent url(btn_camera.gif) 13px 0 no-repeat; } td a.camera:hover { background: transparent url(btn_camera.gif) 13px 0 no-repeat; } td a.camera_gray:hover { background: transparent url(btn_camera_gray.gif) 13px 0 no-repeat; } #right_col ul.key { padding:10px 0 0 5px; font-size:.90em; } #right_col .key li { float:left; width:90px; padding-left:16px; } #right_col .key li.col_alpine { background: url(col_alpine.gif) 0 center no-repeat; } #right_col .key li.col_nordic { background: url(col_nordic.gif) 0 center no-repeat; } #right_col .key li.col_hockey { background: url(col_hockey.gif) 0 center no-repeat; } #right_col .key li.col_figure { background: url(col_figure.gif) 0 center no-repeat; } pre { font-size:1.2em; }