/* core style sheet for Raid 2007 */ body {margin: 0; padding: 0; background: #fff; color: #575757; font-size: 80%; text-align: center;font-family: "Gill Sans", "Bitstream Vera Sans", "Tahoma", "Helvetica", sans-serif;line-height: 1.7em; } /* layout */ #container {width: 96%; min-width: 722px; max-width:1206px; margin: 0 auto;text-align: left; } #header, #main-navigation,#header-images, #content, #footer { width: 100%;margin: 0;clear:both;position:relative; } #main-content, #column-2 {float:left; clear:left;margin: 0;padding: 0;} #column-1, #column-3 {float:right; clear:right;margin: 0;padding: 0;} #content {margin-top:0;} #main-content, #column-2 {overflow:hidden;} #content #main-content {width: 76.0%;} #main-content #column-1 {width: 70.0%;margin:0; padding:0;overflow:hidden;} #main-content #column-2 {width: 30.0%;} #content #column-3 {width: 23.5%;} body.home #main-content #column-1 .widget {width:100%; text-align: center;margin: 1.2em 0 1.2em 0.6em;position: relative;float:left;} body.home #main-content #column-1 img {position: relative;left:1.9em;max-width:94%;} #flickr {width:100%;height:auto; float:left; clear:left;margin:0px 0 10px 0;padding:0;position:relative;} #flickr a {overflow:hidden;} #flickr a img {margin:0px 10px 10px 0px ; padding:0;float:left; width: 100px; height:75px;position:relative;left:0; } /* colours */ /* typography */ h1, h2, h3, h4 {color: #334f40;clear:left;} h1, h2, h3 {margin: 0; padding: 0;} h1, h2 {font-weight:normal;} h3 {font-weight:bold;} h2 {border-bottom:solid 0.02em #8cacc5;padding: 0.1em;} h2:first-child {background: #adcce0;border:none;} h4, #column-1 .vcard {font-size: 1.12em;} .gallery-index h4 {margin-top: 1em;} #column-1 h2 {margin: 0.8em 1.1em 0 1.3em;} #column-1 h3 {margin: 0.8em 1.0em 0 1.7em;} #column-1 h3, .gallery-index h4 {margin-bottom: 1em;} #main-content #column-1 p {margin: 0.8em 1.4em 0 1.9em;text-align:justify; } #column-1 ul, #column-1 .vcard, #column-1 dl, #column-1 ol {margin: 0.4em 2.0em 0 2.0em;} * {list-style:none inside none; margin:0; padding:0;} * a img {border:none;} a {color:#334f40; border-bottom: solid 0.08em #adcce0;padding: 0.08em 0 0.08em 0.08em;text-decoration:none;font-weight:bold;} a:visited {background:#f8f8f8;} a:visited:hover {background: #adcce0;border-bottom: solid 0.08em #6a99b7;} a:hover, a:focus { border-bottom: solid 0.08em #6a99b7;background: #adcce0;} ul, ol {margin: 0 0 1.0em 0;padding: 0 0.05em;border-bottom: solid 0 #6a99b7;} ul > li:hover, ol > li:hover {background:#f8f8f8;} #main-content p {margin: 0.4em 1em 0.4em 0;} main-content column-1 ol li:hover {background:#fff;} #header {padding-top:1.8em;margin-bottom:1em;} #header p span {position:absolute; top:3.41em;right:0;font-weight:bold;color: #334f40;} #header a#skip {position:absolute; background:#fff;color: #6a99b7;top:0.2em; right:0.1em;border:none;} span.many-thanks {font-style: italic; font-weight:bold;font-size: 1.2em;color: #334f40;} /* navigation */ ul.navigation {background:#adcce0;width: 100%;float:left;margin: 0;padding: 0;clear:left;} ul.navigation li, ul.navigation li h3, ul.breadcrumbs li {display:inline;border-top:none;position:relative;} ul.navigation li.heading h2, #main-navigation h2{position:absolute;left: -9999px;border-right:0; margin:0; padding:0;} #main-navigation {float:left;margin: 0;} #main-navigation ul.navigation {margin: 0;padding: 0;text-align: center;} #main-navigation ul.navigation li a {line-height: 2.2em;color:#334f40;text-decoration:none;font-size:1.06em;margin: 0 2%;padding: 0;font-weight:bold;text-align: center;width:12.5%;} #main-navigation ul.navigation a:visited, #main-navigation ul.navigation a:visited:hover {background: #adcce0;} #main-navigation ul.navigation li a:hover, #main-navigation ul.navigation li a:focus { border-bottom: solid 0.23em #6a99b7;padding: 0; margin: 0 2%;} body.home #main-navigation ul.navigation li a.home, body.safety #main-navigation ul.navigation li a.safety, body.links #main-navigation ul.navigation li a.links, body.friends #main-navigation ul.navigation li a.friends, body.enter #main-content ul.navigation li a.enter, body.about #main-content ul.navigation li a.about, body.contact #content ul.navigation li a.contact, body.route #main-navigation ul.navigation li a.route, body.schedule #main-navigation ul.navigation li a.schedule, body.entries #main-content ul.navigation li a.entries, body.standings #main-navigation ul.navigation li a.standings, body.gallery #main-navigation ul.navigation li a.gallery {border-bottom: solid 0.23em #6a99b7;} #content ul.breadcrumbs {margin-top:0.4em;} ul.sub-navigation {width: 100%;margin: 0 0 1.8em 0;padding: 0;clear:left;border-bottom: none;} ul.sub-navigation ul li {padding: 0;border-bottom: solid 0.08em #adcce0;} ul.sub-navigation > li{border:none;} ul.sub-navigation > li:hover {background:#f8f8f8;} ul.sub-navigation li:hover{background:#f8f8f8;} #main-content #column-2 ul.sub-navigation li h2 p, #column-3 ul.sub-navigation li h2 p {margin-top:0.04em;margin-bottom: 0.1em;} ul.sub-navigation ul li h3, #column-2 ul.sub-navigation ul li h3, #column-3 ul.sub-navigation ul li h3, ul.sub-navigation li h3, #column-2 ul.sub-navigation li h3, #column-3 ul.sub-navigation li h3{margin-top:0.02em;border-bottom: none;border-top:none;} ul.sub-navigation li a {line-height: 1.55em;border-bottom: none;font-weight:normal;padding: 0.12em 0;} ul.sub-navigation li a:visited, ul.sub-navigation a:hover{border: none;} ul.sub-navigation li a:hover, ul.sub-navigation li a:focus {text-decoration:underline;background:#f8f8f8;} ul.sub-navigation a[href^="/contact"], ul.sub-navigation a:hover[href^="/contact"] { border: none;padding-left: 2.5em; background: transparent url(/images/icon-hcard-add.png) no-repeat center left;} ul.sub-navigation a[rel^="archive"],ul.sub-navigation a:hover[rel^="archive"] { border: none;padding-left: 2.5em; background: transparent url(/images/archive-icon-25x30.png) no-repeat center left;} ul.sub-navigation a[href^="/subscribe"], ul.sub-navigation a:hover[href^="/subscribe"]{ padding-left: 1.5em; background: transparent url(/images/feed-icon29x29.png) no-repeat center left;} ul.sub-navigation a[rev^="2007"],ul.sub-navigation a:hover[rev^="2007"],ul.sub-navigation a[href^="/enter"], ul.sub-navigation a:hover[href^="/enter"]{ padding-left: 2.8em; background: transparent url(/images/entry-icon-34x32.png) no-repeat center left;} ul.sub-navigation a[rev^="2006"],ul.sub-navigation a:hover[rev^="2006"] { padding-left: 2.8em; background: transparent url(/images/2006-entry-icon-34x32.png) no-repeat center left;} ul.sub-navigation a[rev^="2005"], ul.sub-navigation a:hover[rev^="2005"]{ padding-left: 2.8em; background: transparent url(/images/2005-entry-icon-34x32.png) no-repeat center left;} ul.navigation, #main-navigation ul.navigation li, #main-navigation ul.navigation li a , h2:first-child {background:#adcce0;color: #334f40;} /* column 1, 2, 3 navigation */ #main-content #column-2 ul.navigation, #content #column-3 ul.navigation {margin: 0 0 1.9em 0;padding:0;} #main-content #column-2 ul.navigation li a,#content #column-3 ul.navigation li a {padding:0;position:relative;top: 0; left: 0.4em;margin:0 ;line-height: 2.11em;font-size: 1.08em;} #main-content #column-2 ul.navigation li, #content #column-3 ul.navigation li {background: #adcce0;border:none; padding:0;} #main-content #column-2 ul.navigation li {border:none; padding:0;} #content #column-3 ul.navigation li {background: #adcce0;border:none; padding:0;} #main-content #column-2 ul.navigation a, #content #column-3 ul.navigation a {line-height:2.11em;padding:0;position:relative;top: -0.08em;background: #adcce0;} #main-content #column-2 ul.navigation a:visited, #content #column-3 ul.navigation a:visited {background:#adcce0;} #main-content #column-2 ul.navigation a:visited:hover, #content #column-3 ul.navigation a:visited:hover { border-bottom: solid 0.23em #6a99b7;} #content #column-3 ul.navigation li a:hover, #main-content #column-2 ul.navigation a:hover,#main-content #column-2 ul.navigation a:focus, #content #column-3 ul.navigation a:focus { border-bottom: solid 0.23em #6a99b7;} #content #column-3 ul.navigation li img {position:relative; top: 0.2em; left:0.2em;margin-right: 1em;} /* column 1 navigation */ #main-content #column-1 ul.navigation {width:95%;padding:0;margin-left: 3%; margin-right:2.0%;margin-bottom: 1.9em;} #main-content #column-1 ul#index-page.navigation {margin-left: 3%; margin-right:2.0%;margin-bottom: 0;padding: 0;} #main-content #column-1 ul#photos.navigation {margin-left: 3%; margin-right:2.0%;background:#6a99b7;margin-bottom: 1.9em;} #column-1 ul#index-page.navigation li {width:33%;float:left;padding:0;margin: 0 ;} #column-1 ul.navigation li {width: 33%;overflow:hidden;float:left;border-left: solid 0px #8cacc5;text-align: left;padding:0;margin: 0;} #column-1 ul.navigation li img {float:left;width: 170px ; height:62px; border: solid 1px #8cacc5;margin: 0.18em 0 0.18em 0.4em;padding:0;} #column-1 ul.navigation li:hover {background: #adcce0;} #main-content #column-1 ul.navigation li a {position:relative;line-height: 2.11em;left: 1.4em;top: 0;font-size:1.06em; font-weight:bold;padding:0;margin: 0;} #main-content #column-1 ul.navigation li a:visited {background: #adcce0;} #main-content #column-1 ul.navigation li a:visited:hover {background: #adcce0;border-bottom: solid 0.23em #6a99b7;} #main-content #column-1 ul.navigation li a:hover, #main-content #column-1 ul.navigation li h3 a:focus {background: #adcce0; border-bottom: solid 0.23em #6a99b7;} /* header-images */ #header-images {margin:0 0 0 0; padding:0;position:relative;} #header-images ul {width: 100%;margin:0.5em 0 0.5em 0; padding:0;float:left; clear:left;overflow:hidden;background:#8cacc5; } #header-images ul li {float:left;width:33%;height: 194px;overflow: hidden; margin:0; } #header-images ul li img {float:left;height: 194px;padding:0;margin:0; } #header-images ul li.img1 {width:22.9%;max-width:320px; margin-right:1.3% ;} #header-images ul li.img1 img {width:320px; } #header-images ul li.img2 {width:50.90%;max-width:665px;margin-right:1.3% ; } #header-images ul li.img2 img {width:665px; } #header-images ul li.img3 {width:22.9%;max-width:320px;margin: 0; } #header-images ul li.img3 img {width:320px; } /*list styles */ #column-1 ul, #column-1 ol {margin-top:0; padding:0;} #column-1 ul > li, #column-1 ol > li {margin: 1.5em 0 0 0; padding:0;} #column-1 ul li, #column-1 ul li ol li, #main-content #column-1 ul li p {margin:0; padding:0;} #column-1 ul li h3, #column-1 ol li h4 {margin:0.5em 0 0.5em 0; padding:0;} #column-1 ul ol, #column-1 ol ul, #column-1 ul ul {margin:0.5em 0 1.0em 0; padding:0 0 0.5em 0;} #column-1 ul ol li, #column-1 ol ul li, #column-1 ul ul li {margin:0; padding:0;line-height:2.0em;} #column-1 ol li img {margin-top:0;} #column-1 ul.raid-resources {margin:0 2em 1.5em 2em; padding:0;} #column-1 ul.raid-resources li {margin:0;padding:0;} #column-1 ul.resources {margin-bottom: 1.5em;} #column-1 ul.resources li h3 {margin:0.5em 0 0.5em 0; padding:0;} #column-2 ol li {margin-bottom: 0.6em;} #column-2 ol li p {text-align:justify;} #column-2 ol li h3,#column-2 ul li h3 , #column-3 ul li.date h3 {margin-top: 0.6em;font-weight:bold;} #column-3 ul li.date h3 {margin-bottom: 0.6em;} #column-2 ol li img, #column-2 ul li img {width: 208px; height: 104px;margin: 0.8em 0 0 0;padding:0;background: #adcce0;} body.friends #column-2 ul.friends-gallery li img { width: 208px;height: 100%;margin: 0.8em 0 0 0;padding:0;background: #adcce0;} body.friends #main-content #column-1 ul.friends-list {margin-top: 0.8em;} body.friends #main-content #column-1 ul.friends-list ul li {margin-bottom: 1em;} /* images */ dl {text-align: center;} dt {padding: 0; margin: 0;} dd {padding: 0; margin: 1em 0 1em 0; } .gallery-samples dl{float: left; padding:0; text-align: center;margin: 1em 0;} .gallery-samples dt, .gallery-samples dt img {width: 525px;height: 100%;padding: 0;margin-right: 0;background: #adcce0;} .gallery-index dl{float: left; width: 90px; text-align: center; margin-right: 1em; margin-left: 0;overflow:hidden;} .gallery-index dt, .gallery-index dt img {width: 90px;height: 90px;padding: 0;margin-right: 1em;background: #adcce0;} .gallery-index dd {margin-right: 1em; margin-left: 0;padding: 0 0 1em 0;text-align: center;} body.about #column-2 ol li img.raid-crew {width: 208px; height: 100%;} /* no header-images layout */ #main-content h2.results, #main-content h2#all_boats {margin:0.5em 0;text-align:left;border-bottom:0;background-color: #fff;} #main-content h2#all_boats {margin:0;} #main-content h3#introduction, #main-content h3#colophon,h3#leg_standings, #main-content h3.results,#main-content h3.how-to-subscribe, #main-content h3#point_system, #main-content h3#race_legs {background: #fff; border:none;font-size: 1.4em; font-weight:normal;margin-bottom:0.05em;} #main-content #schedule {width:97%;border: solid #fafafa 1px;text-align: center;font-weight: normal;margin-top:1em;} #main-content #schedule tbody tr td {background-color: #fff;padding: 0.1em 0 0.1em 0;} #main-content #schedule tbody tr.odd td {background-color: #f8f8f8;padding: 0.1em 0 0.1em 0;} #main-content #schedule tbody tr.legs td {background-color: #adcce0;border-top: solid #6a99b7 5px;padding: 0.1em 0 0.1em 0;} #main-content #schedule thead {color: #334f40;background-color: #adcce0;border-top: solid #6a99b7 2px;padding: 0.8em 1.4em 0.8em 1.4em;} #main-content #schedule tfoot tr td {color: #334f40;background-color: #adcce0; border-top: solid #6a99b7 1px;padding: 0.2em;} #main-content #raid-legs {border: solid #fafafa 1px;text-align: center;font-weight: normal;} #main-content #raid-legs tbody tr td {background-color: #fff;padding: 0.1em 0 0.1em 0;} #main-content #raid-legs tbody tr.odd td {background-color: #f8f8f8;} #main-content #raid-legs thead {color: #334f40;background-color: #adcce0;border-top: solid #6a99b7 2px;padding: 0.2em ;} #main-content #raid-legs tfoot tr td {color: #334f40;background-color: #adcce0; border-top: solid #6a99b7 1px;padding: 0.2em; } body#motherships #main-content img {margin: 14px 0;} /* footer */ #footer {padding: 1em 0 2em 0;} #footer ul.navigation {text-align:center;margin:0;padding: 1em 0 2em 0;background: #fff; border:none;} #footer ul.navigation li h2 {margin-bottom:0.41em;} #footer ul.navigation ul li h3 {margin: 0;} #footer ul.navigation ul li h3 li {margin: 0;} #footer ul.navigation ul li a {padding: 0.1em; margin:0 2% 0 0;} #footer ul.navigation ul li a:hover {background: #adcce0;border-bottom: solid 0.18em #6a99b7;} #footer p {text-align:center; } #footer ul.navigation li p a {margin:0;padding:0;}