/* Theme Name: FWWC10 Theme URI: Description: Version: Author: Author Tags: */ @import "style/css/reset.css"; body { font-family:Helvetica,Arial,Sans-serif; font-size:62.5%; background:#333 url(images/backdrop.png) repeat-x; color:#000000; } h1 { width:660px; height:240px; text-indent:-999999px; background:url(images/fort_william_world_cup_anim.gif ) no-repeat; background-position:0 20px; float:left; } h2 { font-size:20px; font-weight:bold; text-transform:uppercase; display:inline; color:#000000; margin:10px 0 10px 0;} label { font-size:.9em; } h3 { text-transform:uppercase; font-weight:bold; font-size:1.2em; padding:3px 5px 3px 5px; color:#FFF; background:#555555; display:inline-block; margin:6px 0 6px 0; } h5 { height:21px; font-size:2.1em; padding:5px 10px 5px 5px; display:inline-block; font-weight:bold; background:no-repeat; text-transform:uppercase; color:#000000; } .black { color:#000000; font-size:1.6em; padding:0 2px 2px 2px; } #content { position:relative; top:0; left:0; z-index:5; width:725px; float:left; padding:0 0 10px 0; overflow:hidden; background:#FFFFFF url(images/content_diagonals.png) repeat-y; background-position:20px; color:#444444; } p { padding:0 10px 10px 0; font-size:1.2em; line-height:16px; } .gaelic { font-family:Georgia,serif; font-style:italic; } .postGaelic p { color:#EEE; margin:0 0 0 0; display:inline; padding:0 0 0 0; font-size:1.3em; } #breadcrumbsHeader p { padding:0 0 0 0; font-size:.9em; color:#111111; background:transparent; text-transform:uppercase; } a:visited, a:link { color:#000000; text-decoration:underline; } a:hover, a:active { color:#932A8E; text-decoration:underline; } h2 a { text-decoration:none; } #pageWrap { width:970px; margin:0 auto; overflow:hidden; background:transparent; padding:0 0 40px 0; } #header { position:relative; z-index:10; width:970px; height:240px; overflow:visible; background:#000000 url(images/header_backdrop1.jpg) no-repeat; background-position:-30px -15px; } #subHeader { position:relative; width:300px; height:240px; margin:0 0 0 10px; overflow:visible; float:left; } #logo { width:300px; height:115px; overflow:visible; background:url(images/uci_shimano.png) no-repeat; } #quickJump { position:absolute; bottom:15px; width:235px; padding:0 0 0 65px; overflow:hidden; } #navigation { position:relative; z-index:20; width:970px; background:url(images/diagonals.png) no-repeat; height:20px; } #features { position:relative; z-index:10; width:970px; overflow:hidden; background:transparent; margin:10px 0 10px 0;} #creditPane { width:235px; padding:10px 0; text-align:right; } #creditPane a:visited, #creditPane a:link { color:#EEEEEE; text-decoration:none; } #creditPane a:hover, #creditPane a:active { color:#FFFFFF; text-decoration:none; } #breadcrumbsHeader { width:705px; position:absolute: top:0; left:0; padding:5px 10px; overflow:visible; } .frontpageVideo { width:705px; padding:0 10px 10px 10px; } .post { position:relative; z-index:10; width:705px; overflow:hidden; border-top:2px solid #222222; padding:0 0 25px 0; margin:0 auto; } .postWrap { width:705px; padding:0 10px 10px 10px;} .postHeader { position:relative; width:705px; height:250px; border-top:1px #000000 solid; margin:0 0 10px 0; } .postTitleWrap { position:relative; z-index:15; overflow:hidden; display:inline;} .postTitle { position:relative; z-index:15; top:6px; left:6px; padding:10px 15px 10px 10px; background:#FFF; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .postGaelic { position:relative; z-index:15; margin-top:6px; margin-left:6px; padding:6px 12px 4px 8px; background:#333; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .postAudio { position:relative; z-index:15; margin-top:6px; margin-left:6px; width:100%; } .postThumbnail { position:absolute; z-index:10; top:0; left:0; width:705px; height:250px; position:absolute; overflow:hidden; background:#EEEEEE; } .postBody { position:relative; width:470px; float:left; padding:10px 10px 0 10px; } .subNavigation { position:relative; width:200px; float:left; padding:10px 0 0 10px; } #gaelic-title { margin:20px 0 0 0; } #sidebar { width:235px; padding:0 0 0 10px; min-height:400px; float:left; } #navigation a:visited, #navigation a:link { color:#FFFFFF; } #navigation a:hover, #navigation a:active { color:#FF00FF; } #featuresMenu { } #featuresMenu li { width:235px; height:140px; display:block; float:left; } #featuresMenu a:visited,a:link {color:#000000;} #featuresMenu a:hover, a:active {color:#FFFFFF;} #quickJumpMenu { } #quickJumpMenu li { display:inline-block; } #quickJumpMenu h5 { color:#FFFFFF; margin:0 0 5px 0; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:2px 10px; } #quickJumpMenu h5 a:visited, #quickJumpMenu h5 a:link { color:#FFFFFF; text-decoration:none; } #quickJumpMenu h5:hover, #quickJumpMenu h5:active { background:url(images/panels/pink_fade.png) no-repeat; text-decoration:none; } #panelOneContent { background:url(images/pink_fade.png) no-repeat; padding:10px; width:225px; height:125px; } .boxgrid{ width: 235px; height: 145px; float:left; overflow: hidden; position: relative; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxgrid p{ padding: 5px 8px; font-weight:bold; font:10pt Helvetica, Arial, sans-serif; color:#000; } .boxcaption{ float: left; position: absolute; height: 145px; width: 235px; } .captionfull .boxcaption { top:110px; left:0; } .caption .boxcaption { top:115px; left: 0; } .panelOne { background:url(images/panels/downhill_panel.jpg) no-repeat; } .panelTwo { background:url(images/panels/4x_panel.jpg) no-repeat; } .panelThree { background:url(images/panels/travel_panel.jpg) no-repeat; } .panelFour { background:url(images/panels/PromoAnim.gif) no-repeat; } .marginRight { margin-right:10px; } .pinkFade { background:url(images/panels/pink_fade.png) no-repeat; } .yellowFade { background:url(images/panels/yell_fade.png) no-repeat; background-position:0 -5px; } .blueFade { background:url(images/panels/blue_fade.png) no-repeat; } .redFade { background:url(images/panels/red_fade.png) no-repeat; } #sidebar p { color:#777777; font-size:.9em; padding:6px 0 4px 4px; text-transform:uppercase; display:block; border-top:1px solid #777777; } #facebook { width:100px; height:30px; margin:0 0 10px 0; } #twitter { width:219px; height:115px; padding:8px 10px 22px 6px; background:url(images/speech_bubble.png) no-repeat; background-position: bottom; } .sponsorsOne { width:235px; height:105px; overflow:hidden; margin:0 0 10px 0; } .sponsorsTwo { width:235px; height:105px; overflow:hidden; margin:0 0 10px 0; } .subNavigation a:visited, .subNavigation a:link { background:#DDDDDD; color:#000000; text-decoration:none; } .subNavigation a:hover, .subNavigation a:active { background:#CCCCCC; color:#000000; text-decoration:none; } .subNavigation ul li ul li a:visited, .subNavigation ul li ul li a:link { color:#000000; background:#EEEEEE; text-transform:none; } .subNavigation ul li ul li a:hover, .subNavigation ul li ul li a:active { color:#000000; background:#CCCCCC; } .subNavigation ul { width:100%; overflow:hidden; } .subNavigation ul ul { border-top:1px #CCCCCC; } .subNavigation ul li a { display:block; width:100%; padding:4px; border-bottom:#000000 0px solid; margin:0 0 2px 0; font-size:12px; text-transform:uppercase; } .subNavigation ul li ul li { border-top:0px solid #333333; margin:0 0 0 0px; } .subNavigation ul li ul { padding:0 0 0 0; } .subNavigation ul li ul li ul li { font-weight:normal; margin:0 0 0 5px; border-top:none; } .subNavigation ul li ul li ul li a { font-weight:normal; font-size:10px; margin:1px 0 0 15px; } .subNavigation .current_page_item a:visited, .subNavigation .current_page_item a:link, .subNavigation .current_page_item a:hover, .subNavigation .current_page_item a:active { color:#FFFFFF; background:#000000; } .subNavigation ul li.current_page_item ul li a:visited, .subNavigation ul li.current_page_item ul li a:link { color:#000000; } .subNavigation ul li.current_page_item ul li a:hover, .subNavigation ul li.current_page_item ul li a:active { color:#000000; background:#AAAAAA; } h4 { color:#000000; } #dropmenu, #dropmenu ul { text-transform:uppercase; font-size:1.2em; margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; top:0; left:0; line-height:1.5em; z-index:300; width:100%; font-weight:normal;} #dropmenu ul { padding:0; visibility:hidden; } #dropmenu a { color:#BBBBBB; padding:3px 8px 0 8px; text-decoration:none; width:100%; height:100%;} #dropmenu li { height:20px; float:left; position:relative; display:inline; border-right:2px solid #000000; } #dropmenu li:hover { background:#000000; } #dropmenu ul { background:#000000; position:absolute; top:20px; display:block; padding:10px 0 15px 0; } #dropmenu li ul { width:300px; display:block; font-size:.9em; overflow:hidden; } #dropmenu ul li { width:300px; display:block; } #dropmenu ul li a { } #dropmenu ul li ul { width:0px; height:0px; display:block; } #dropmenu ul ul { top:auto; display:block; } #dropmenu li a:visited, #dropmenu li a:link { color:#FFFFFF; } #dropmenu li a:hover, #dropmenu li a:active { color:#FFFFFF; } #dropmenu li ul li a { display:block; } #dropmenu li ul li a:link { background:#000000; } #dropmenu li ul li a:visited, #dropmenu li ul li a:link { background:#000000; } #dropmenu li ul li a:hover, #dropmenu li ul li a:active { background:#333333; }