/*
html5doctor.com Reset Stylesheet
html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
a:hover, a:active { outline: none; text-decoration: none; }
ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colors to suit needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } /* change colors to suit needs */
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
hr { display:block; height:1px; border:0; margin:25px 0; padding:0; background-color:#e5e5e5; color:#e5e5e5; }
input, select { vertical-align:middle; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
/* END RESET */
/* ===============================================================================
BASE STYLES
=============================================================================== */
body, select, input, textarea {
color: #444;
background-color: #fff;
font: 17px/26px "adelle-1","adelle-2",Georgia,serif;
font-weight: 300;
}
p { margin-bottom: 26px; }
small { font-size: 13px; }
strong { font-weight: bold; }
td, td img { vertical-align: top; }
th, td { text-align: left !important; }
th { font-weight: normal; }
textarea { overflow: auto; }
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
pre {
padding: 15px;
white-space: pre; /* CSS2 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
/* align checkboxes, radios, text inputs with their label */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Kill text-shadow in ::selection */
::-moz-selection{ background: #24a7d6; color:#fff; text-shadow: none; }
::selection { background:#24a7d6; color:#fff; text-shadow: none; }
/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #24a7d6; }
/* make buttons play nice in IE */
button { width: auto; overflow: visible; }
/* ===============================================================================
NON-SEMANTIC HELPER CLASSES
=============================================================================== */
/* CLEARFIX: Updated to prevent margin-collapsing on child elements */
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
visibility: hidden;
}
.clearfix:after {
clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both !important; }
.caps { text-transform: uppercase; }
/* ===============================================================================
GRID & STRUCTURE
=============================================================================== */
.span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-12,.span-12 {
margin-right: 20px;
float: left;
}
.span-1 { width: 70px; }
.span-2 { width: 160px; }
.span-3 { width: 250px; }
.span-4 { width: 340px; }
.span-5 { width: 430px; }
.span-6 { width: 520px; }
.span-7 { width: 610px; }
.span-8 { width: 700px; }
.span-9 { width: 790px; }
.span-10 { width: 880px; }
.span-11 { width: 970px; }
.span-12 { width: 1060px; float:left; }
.prepend-1 { margin-left: 90px; }
.prepend-2 { margin-left: 180px; }
.prepend-3 { margin-left: 270px; }
.prepend-4 { margin-left: 360px; }
.prepend-5 { margin-left: 450px; }
.prepend-6 { margin-left: 540px; }
.prepend-7 { margin-left: 630px; }
.prepend-8 { margin-left: 720px; }
.prepend-9 { margin-left: 810px; }
.prepend-10 { margin-left: 900px; }
.prepend-11 { margin-left: 990px; }
.last { margin-right: 0px; }
.container {
width: 1060px;
padding: 0;
margin: 0 auto;
}
/* ----------------------------------------------------------- */
#scaler {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
top: 0px;
left: 0;
z-index: -999;
}
header#main_nav {
position: fixed;
width: 100%;
height: 92px;
top: 0;
left: 0;
background-color: #000;
border-bottom: 8px solid #73d1f4;
z-index: 9999;
min-width: 1060px;
}
.about #pagehdr, .contact #pagehdr {
background: url("/_public/img/texture1.jpg") top center repeat-x;
}
.photos #pagehdr {
background: url("/_public/img/texture4.jpg") center center repeat-x;
}
.sponsors #pagehdr {
background: url("/_public/img/texture3.jpg") center center repeat-x;
}
.results #pagehdr {
background: url("/_public/img/texture_results.jpg") center center repeat-x;
}
.schedule #pagehdr {
background: url("/_public/img/texture6.jpg") center center repeat-x;
}
body.category #pagehdr, body.date #pagehdr {
background: url("/_public/img/texture2.jpg") top center repeat-x;
}
#pagehdr {
background-color: #73d1f4;
padding: 35px 0;
margin-bottom: 35px;
}
.results #pagehdr {
padding: 25px 0;
}
.photos #pagehdr {
padding-bottom: 0 !important;
}
header.section-header {
background-color: #73d1f4;
padding: 25px 0;
margin-bottom: 35px;
}
.contact article {
min-height: 600px;
}
header#searchform {
background: url("/_public/img/texture5.jpg") center center repeat-x;
}
header#searchform {
position: fixed;
width: 100%;
height: 94px;
top: 100px;
left: 0;
background-color: #73d1f4;
padding: 25px 0;
}
div#gradient {
position: fixed;
width: 100%;
height: 18px;
top: 244px;
left: 0;
background: url("/_public/img/bg_fog.png") bottom left repeat-x;
}
body.home div#gradient, body.single div#gradient {
top: 100px;
}
div.content {
margin-top: 100px;
}
body.single .content, body.page-template-photo-gallery-php .content {
margin-top: 142px;
}
.search .content {
margin-top: 271px;
}
.archives .content, body.home .content {
margin-top: 134px;
}
div.search-results-wrapper {
min-height: 800px;
}
footer {
margin-top: 42px;
width: 100%;
height: 120px;
background-color: #000;
color: #999;
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 13px;
line-height: 1;
text-transform: uppercase;
letter-spacing: .08em;
}
footer#globalfooter {
height: 100px;
}
nav#globalnav {
width: 970px;
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 13px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .08em;
color: #bababa;
height: 92px;
position: relative;
}
section#homecontent {
position: absolute;
bottom: 20px;
left: 0;
margin: 0 auto;
background: transparent;
width: 100%;
line-height: 1;
}
#bg-base {
background: url("/_public/img/bg_container.png");
/*min-height: 210px;*/
height: 220px;
}
#bg-text {
position: absolute;
bottom: 20px;
width: 1020px;
/*min-height: 170px;*/
height: 180px;
margin: 20px 20px 0 20px;
background: url("/_public/img/bg_text.png");
}
#homecontent .blog {
margin: 28px 20px 20px 20px;
width: 90%;
float: none;
}
#homecontent .blog span {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 400;
}
#homecontent .schedule {
width: 390px;
float: left;
margin: 30px 20px 0 0;
}
section.questions {
margin-top: 110px;
}
section.post-archives, section.photogallery {
margin-bottom: 42px;
}
body#error section {
background-color: #000;
color: #fff;
margin-top: 165px;
}
/* -----------------------------------------------------------
PARAGRAPHS */
p { margin-bottom: 26px; }
#homecontent p {
font-size: 15px;
line-height: 21px;
}
p.date {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 13px;
line-height: 1;
color: #666;
text-transform: uppercase;
letter-spacing: .08em;
margin: 0 0 10px 0;
padding: 0;
}
.questions p {
font-size: 13px;
color: #666;
}
#pagehdr p, #searchform h5 {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 13px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
letter-spacing: .08em;
margin-top: 0;
margin-bottom: 10px;
color: #172a31;
}
#searchform h5 span {
font-weight: 300;
}
body.home article, body.date article, body.category article, body.search article {
margin-top: 10px;
}
body.home article h1 + p, body.date article h1 + p, body.category article h1 + p, body.search article h1 + p {
font-size: 16px;
width: 610px;
}
body.home article p span, body.date article p span, body.category article p span, body.search article p span {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .08em;
color: #cacaca;
}
p.searchcount {
font-size: 21px;
line-height: 1;
}
.categories p {
line-height: 21px;
color: #999;
}
#calendar .event p {
height: 55px;
padding: 18px 0 0 0;
margin-bottom: 0;
background-color: #24a7d6;
color: #fff;
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .08em;
text-align: center;
}
body.sponsors p.intro {
font-size: 21px;
line-height: 35px;
margin-bottom: 0;
}
.about article p.bio-lede {
font-size: 16px;
margin-top: 16px;
}
.about article p.bio-lede:first-letter {
font-size: 54px;
float: left;
margin: 16px 10px 0 0;
}
p.bio-supplement {
font-size: 13px;
margin-bottom: 1.62em;
color: #555;
}
#globalfooter p {
margin-top: 45px;
}
/* -----------------------------------------------------------
HEADINGS */
h1 {
font-size: 42px;
line-height: 1;
margin-bottom: 42px;
}
#homecontent h1 {
font-size: 35px;
line-height: 37px;
font-weight: 400;
margin-bottom: 10px;
}
#homecontent .schedule h3 {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 16px;
line-height: 1;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 600;
color: #666;
margin-bottom: 10px;
}
#sponsorlogos h3 {
font-size: 42px;
line-height: 1;
font-weight: 300;
margin-top: 50px;
}
#sponsorlogos h3 span {
font-size: 21px;
color: #666;
}
.questions h3 {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 13px;
text-transform: uppercase;
letter-spacing: .08em;
color: #fff;
background-color: #24a7d6;
padding: 13px 16px;
margin-bottom: 10px;
}
#pagehdr h1 {
margin-top: 0;
margin-bottom: 0 !important;
line-height: 1;
color: #000;
font-weight: 300;
}
.schedule h1 {
margin-bottom: 20px;
font-weight: 300;
}
.archives h1, body.home h1, body.date h1, body.category h1, .search h1, .single article h1 {
font-size: 35px;
line-height: 42px;
font-weight: 300;
margin-bottom: 0;
}
.single article h1 {
margin-bottom: 42px;
}
.categories h2 {
font-size: 35px;
line-height: 1;
font-weight: 300;
color: #000;
}
.contact h2 {
font-size: 35px;
line-height: 1;
font-weight: 300;
margin: 35px 0 50px 0 !important;
}
.contact h2 span {
color: #2ea7da;
}
body#error section h1 {
font-size: 42px;
line-height: 51px;
font-weight: 400;
padding: 20px 25px;
margin: 0;
}
#calendar .event h3 {
font-family: "adelle-1","adelle-2",serif;
font-size: 35px;
line-height: 25px;
font-weight: 300;
color: #444;
margin-top: 11px;
margin-bottom: 0;
}
#calendar .event h3 span {
font-size: 16px;
line-height: 16px;
color: #666;
}
/* -----------------------------------------------------------
LISTS */
#globalnav ul {
list-style: none;
margin: 0;
padding: 0;
border-left: 1px solid #4d4d4d !important;
height: 92px;
}
#globalnav li {
display: inline-block;
margin: 0 0 0 20px;
padding: 50px 0 0 0;
text-indent: 0;
white-space: nowrap;
}
footer ul {
list-style: none;
padding: 0;
clear: both;
}
footer li {
display: block;
float: left;
margin: 25px 25px 0 0;
padding: 0;
text-indent: 0;
white-space: nowrap;
font-weight: 600;
}
.single article ol, .single article ul {
margin-bottom: 26px;
}
.photos ul#phototabs {
list-style: none;
margin-top: 35px;
}
.photos ul#phototabs li {
display: inline;
margin: 0;
text-indent: 0;
}
/* -----------------------------------------------------------
TABLES */
#homecontent th {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 13px;
line-height: 1;
text-transform: uppercase;
letter-spacing: .08em;
font-weight: 400;
color: #717171;
padding: 5px 0;
background-color: #cdcdcd;
}
#homecontent td {
font-size: 13px;
line-height: 1;
text-transform: uppercase;
font-weight: 400;
padding: 8px 0;
border-bottom: 1px solid #ccc;
}
#homecontent th.col1, #homecontent td.col1 {
width: 65px;
padding-left: 5px;
margin-right: 20px;
}
#homecontent td.col1 {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
text-transform: uppercase;
}
#homecontent td.col2, #homecontent th.col2 {
width: 300px;
}
#homecontent td.col2 {
text-transform: none;
}
/* -----------------------------------------------------------
ANCHORS */
a, #sponsorlogos h3 span a:hover, #sponsorlogos h3 span a:active {
color: #24a7d6;
text-decoration: none;
}
a:active, a:hover {
color: #24a7d6;
}
a#gohome {
display: block;
width: 70px;
height: 92px;
background: url("/_public/img/logo.gif") no-repeat;
text-indent: -9999px;
}
#globalnav a, footer a {
color: #bababa;
}
#globalnav a:active, #globalnav a:hover, footer a:active, footer a:hover {
color: #fff;
}
#globalnav a.selected, footer a.selected {
color: #73d1f4;
}
.categories a {
display: inline-block;
font-size: 26px;
width: 270px;
}
#sponsorlogos h3 span a {
color: #666;
}
a.twitter_about, a.facebook_about, a.twitter_footer, a.facebook_footer {
display: inline-block;
text-indent: -9999px !important;
}
a.twitter_footer, a.facebook_footer {
float: right;
}
a.twitter_about {
width: 103px;
height: 19px;
margin-right: 30px;
background: url("/_public/img/logo_twitter_about.gif") no-repeat;
}
a.facebook_about {
width: 97px;
height: 20px;
background: url("/_public/img/logo_facebook_about.gif") no-repeat;
}
a.twitter_footer {
width: 92px;
height: 20px;
margin: 37px 0 0 20px;
background: url("/_public/img/logo_twitter_footer.gif") no-repeat;
}
a.facebook_footer {
width: 84px;
height: 20px;
margin: 37px 0 0 20px;
background: url("/_public/img/logo_facebook_footer.gif") no-repeat;
}
#blogfooter a.twitter_footer, #blogfooter a.facebook_footer {
margin-top: -8px !important;
}
#phototabs li a, #phototabs li a:visited {
display: block;
float: left;
padding: 16px 20px;
margin: 0;
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1;
color: #fff;
text-transform: uppercase;
letter-spacing: .08em;
background-color: transparent;
border-right: 1px solid #fff;
white-space: nowrap;
}
#phototabs li a.first {
border-left: 1px solid #fff;
}
#phototabs li a:hover, #phototabs li a.selected {
background-color: #fff;
color: #444;
border-color: #73d1f4;
}
/* -----------------------------------------------------------
FORMS */
form fieldset#seach-field {
border: 0;
padding: 0;
position: relative;
}
input.search-box {
position: relative;
font-size: 57px;
border: 0;
background: transparent;
color: #000;
margin: 0;
padding: 0;
line-height: 57px;
width: 970px;
}
input.search-box:focus {
outline-width: 0;
cursor: text;
}
#search-field h5, #search-field input {
margin-left: 90px;
}
/* -----------------------------------------------------------
MISC ELEMENTS */
footer hr {
border: 0;
margin: 25px 0 22px 0;
padding: 0;
height: 1px;
background-color: #333;
color: #333;
}
#sponsorlogos figure {
display: block;
width: 248px;
height: 183px;
border: 1px solid #e5e5e5;
}
.photogallery figure {
position: relative !important;
float: left;
width: 25%;
margin-bottom: 8px;
}
.photogallery figure figcaption {
position: absolute;
bottom: 15px;
right: 20px;
z-index: 2;
margin: 0;
padding: 5px 8px 5px 29px;
background: url("/_public/img/camera.gif") 8px 5px no-repeat;
background-color: #000;
color: #fff;
font-family: "adelle-1","adelle-2",serif;
font-weight: 300;
font-size: 11px;
line-height: 11px;
text-align: right;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.65)"; /*IE8*/
filter: alpha(opacity=.65); /*IE7*/
-khtml-opacity: .65; /*Old Safari*/
-moz-opacity: .65; /*Moz/Netscape*/
opacity: .65;
}
.photogallery figure figcaption a {
color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1.0)" !important; /*IE8*/
filter: alpha(opacity=1.0) !important; /*IE7*/
-khtml-opacity: 1.0 !important; /*Old Safari*/
-moz-opacity: 1.0 !important; /*Moz/Netscape*/
opacity: 1.0 !important;
}
.photogallery figure figcaption a:hover, .photogallery figure figcaption a:active {
color: #00aef0 !important;
}
/* -----------------------------------------------------------
RESULTS PAGE */
section.resultsyear {
background: url("/_public/img/bg_resultsyear.gif") repeat-y;
}
section.chartdata {
float: left;
width: 300px;
padding: 20px;
margin-right: 20px;
color: #fff;
}
section.resultsdata {
float: left;
width: 660px;
padding: 20px;
}
section.chart-races {
float: left;
width: 140px;
height: 135px;
margin: 0 20px 20px 0 !important;
padding: 0;
}
section.chart-travel {
float: left;
width: 140px;
height: 135px;
margin: 0 0 20px 0;
padding: 0;
}
.races2012 { background: url("/_public/img/chart_2012races.gif") bottom right no-repeat; }
.races2011 { background: url("/_public/img/chart_2011races.gif") bottom right no-repeat; }
.races2010 { background: url("/_public/img/chart_2010races.gif") bottom right no-repeat; }
.races2009 { background: url("/_public/img/chart_2009races.gif") bottom right no-repeat; }
.races2008 { background: url("/_public/img/chart_2008races.gif") bottom right no-repeat; }
.races2007 { background: url("/_public/img/chart_2007races.gif") bottom right no-repeat; }
.races2006 { background: url("/_public/img/chart_2006races.gif") bottom right no-repeat; }
.travel2012 { background: url("/_public/img/chart_2012travel.gif") bottom right no-repeat; }
.travel2011 { background: url("/_public/img/chart_2011travel.gif") bottom right no-repeat; }
.travel2010 { background: url("/_public/img/chart_2010travel.gif") bottom right no-repeat; }
.travel2009 { background: url("/_public/img/chart_2009travel.gif") bottom right no-repeat; }
.travel2008 { background: url("/_public/img/chart_2008travel.gif") bottom right no-repeat; }
.travel2007 { background: url("/_public/img/chart_2007travel.gif") bottom right no-repeat; }
.travel2006 { background: url("/_public/img/chart_2006travel.gif") bottom right no-repeat; }
section.chart-countries, section.chart-states {
width: 300px;
margin: 0;
padding: 0;
}
section.chart-countries { margin-bottom: 20px !important; }
.chartdata h1 {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 70px;
line-height: 1;
padding: 0;
margin: 0;
}
.resultsdata h1 {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 25px;
line-height: 1;
vertical-align: baseline !important;
font-weight: 600;
color: #24a7d6;
text-transform: uppercase;
letter-spacing: .08em;
margin: 34px 0 10px 0 !important;
padding: 0;
}
.chartdata h2 {
font-family: "adelle-1","adelle-2",serif;
font-size: 10px;
font-weight: 300;
line-height: 1;
text-transform: uppercase;
letter-spacing: .1em;
border-top: 1px solid #b9e8f9;
margin: 0 0 10px 0;
padding: 5px 0 0 0;
}
.chartdata p {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 42px;
font-weight: 900;
line-height: 1;
margin: 0;
padding: 0;
}
.chart-countries figure, .chart-states figure {
float: left;
width: 140px;
margin-right: 20px;
}
.chart-countries dl, .chart-states dl {
float: left;
width: 140px;
}
.chart-countries dt, .chart-states dt {
font: 25px/25px "p22-underground-1","p22-underground-2",sans-serif;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .1em;
margin: 0 0 3px 0;
}
.chart-countries dd, .chart-states dd {
font: 9px/10px "adelle-1","adelle-2",serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .15em;
color: #457d92;
}
body.results #pagehdr ul, ul.racedata, .resultsdata ul {
list-style: none;
margin: 0;
padding: 0;
}
.results #pagehdr ul li {
font: 25px/35px "p22-underground-1","p22-underground-2",sans-serif;
text-transform: uppercase;
letter-spacing: .07em;
color: #fff;
font-weight: 900 !important;
text-shadow: 0 1px 4px #5ca7c3;
}
.results #pagehdr li span {
display: block;
text-align: right;
}
body.results #pagehdr sup {
color: #457d92;
font-size: 12px;
line-height: 1;
text-shadow: none !important;
}
body.results #pagehdr p {
font-size: 10px;
font-weight: 400;
color: #457d92;
letter-spacing: .1em;
margin: 10px 0 0 90px;
padding: 0;
}
ul.racedata { margin-top: 10px; }
.racedata li {
font: 10px/21px "p22-underground-1","p22-underground-2",sans-serif;
text-transform: uppercase;
letter-spacing: .15em !important;
text-indent: 25px;
color: #457d92
}
li.wins {
background: url("/_public/img/chart_legend_wins.gif") no-repeat;
}
li.seconds {
background: url("/_public/img/chart_legend_2nds.gif") no-repeat;
}
li.thirds {
background: url("/_public/img/chart_legend_3rds.gif") no-repeat;
}
.resultsdata ul {
font-size: 13px;
line-height: 25px;
font-weight: 600;
color: #666;
}
.resultsdata li img {
vertical-align: text-top;
margin-right: 5px;
}
ul.results {
float: left;
width: 320px;
margin: 0;
padding: 0;
}
ul.first {
margin-right: 20px;
}
ul.results li h2 {
font-size: 21px;
margin-bottom: 10px;
font-weight: 400;
}
ul.results li {
font-size: 12px;
line-height: 18px;
font-weight: 300;
}
ul.results li span {
display: block;
float: left;
width: 35px;
font-weight: 600;
}
.resultsdata hr {
margin: 20px 0;
background-color: #fff;
color: #fff;
}
/* ===============================================================================
PLUGINS & EXTENSIONS
=============================================================================== */
/* -----------------------------------------------------------
TWITTER FEED */
section#twitter {
display: inline-block;
float: right;
height: 24px !important;
background: url("/_public/img/bg_twitter.png");
margin-bottom: 10px;
padding: 5px 20px 0 20px;
line-height: 14px;
zoom: 1 !important;
_height: 24px;
}
section#twitter img {
float: right;
margin-top: 1px;
}
#twitter_update_list {
list-style: none;
margin: 2px 0 0 20px;
display: block;
float: right;
}
#twitter_update_list li {
color: #fff;
font-size: 12px;
line-height: 14px;
font-weight: 400;
text-align: right;
list-style-type: none;
text-indent: 0;
margin: 0;
padding: 0;
display: inline;
text-shadow: 0 1px 4px #000;
}
#twitter_update_list a { color: #33ccff; }
/* -----------------------------------------------------------
WP-PAGINATE PLUGIN */
.pagination {
font-family: "p22-underground-1","p22-underground-2",sans-serif;
font-size: 16px;
line-height: 1;
text-transform: uppercase;
letter-spacing: .08em;
}
.wp-paginate {
padding: 0;
margin: 0;
}
.wp-paginate li {
display: inline;
list-style: none;
}
.wp-paginate a {
background: transparent;
border: 1px solid #ccc;
color: #666;
margin-right: 5px;
padding: 8px 10px 5px 10px;
text-align: center;
text-decoration: none;
}
.wp-paginate a:hover, .wp-paginate a:active {
background: #24a7d6;
color: #fff;
}
.wp-paginate .title {
color: #444;
margin-right: 5px;
}
.wp-paginate .gap {
color: #444;
margin-right: 5px;
}
.wp-paginate .current {
color: #fff;
background: #24a7d6;
border: 1px solid #24a7d6;
margin-right: 5px;
padding: 8px 10px 5px 10px;
font-weight: 600;
}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}
/* -----------------------------------------------------------
SMART ARCHIVES PLUGIN */
.tabs {
border-left: 1px solid #e5e5e5;
}
.year-list, .month-list {
width: 100% !important;
float: left !important;
margin: 0 !important;
padding: 0 !important;
text-indent: 0 !important;
}
.year-list {
margin-top: 0;
}
.year-list li {
list-style: none;
float: left;
clear: none;
margin: 0;
padding: 0;
line-height: 1;
font-size: 35px;
color: #000;
font-weight: 300;
border-right: 1px solid #e5e5e5;
}
.month-list li {
list-style: none;
float: left;
clear: none;
color: #000;
margin: 0;
padding: 0;
border-top: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
font-weight: 300;
line-height: 1;
}
.year-list a {
float: left;
padding: 20px !important;
color: #24a7d6;
background-color: #fff;
}
.year-list a:hover, .year-list a:active {
color: #24a7d6;
}
.year-list a.current:hover, .year-list a.current:active {
color: #000;
}
.year-list .current {
background-color: #fff;
color: #000;
}
.year-list .current, .month-list .current {
font-weight: 400;
}
.month-list li {
font-size: 16px;
line-height: 1 !important;
text-transform: uppercase;
}
.empty-month {
display: block;
padding: 16px 20px !important;
background-color: #fff;
color: #ccc;
border-bottom: 1px solid #e5e5e5;
}
.month-list a {
float: left;
color: #24a7d6;
padding: 16px 20px !important;
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
}
.month-list a.current {
background-color: #fff;
border-bottom: none;
color: #000;
}
.month-list a:hover, .month-list a:active {
color: #24a7d6;
}
.month-list a.current:hover, .month-list a.current:active {
color: #000;
}
.archive-list li {
list-style: none;
font-size: 26px;
line-height: 42px;
font-weight: 300;
}
.archive-list li h2 {
font-size: 16px;
font-weight: 300;
margin: 0;
padding: 0;
}
/* Fancy */
div#smart-archives-fancy {
margin-left: 90px;
}
#smart-archives-fancy a {
outline: none !important;
}
.pane {
float: left;
clear: both;
width: 100%;
}
.month-heading {
text-transform: uppercase;
letter-spacing: .08em;
margin: 35px 0 10px 0 !important;
font-weight: 400;
clear: both;
}
span.month-archive-link {
text-transform: none;
letter-spacing: normal;
font-size: 13px;
font-weight: 300;
}
/* Block */
#smart-archives-block {
float: left;
width: 100%;
}
/* -----------------------------------------------------------
RELEVANSII SEARCH PLUGIN */
span.relevanssi-query-term {
font-family: "adelle-1","adelle-2",serif !important;
font-size: inherit !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: normal !important;
color: #444 !important;
}
/* ===============================================================================
WORDPRESS
Styles required for Wordpress
=============================================================================== */
div.alignright, img.alignright { float:right; margin:0 0 20px 20px !important; }
div.alignleft, img.alignleft { float:left; margin:0 20px 20px 0 !important; }
div.aligncenter, img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
a .alignright { float:right; margin:0 0 25px 25px; }
a .alignleft { float:left; margin:0 25px 25px 0; }
a .aligncenter { display:block; margin-left:auto; margin-right:auto; }
div.wp-caption { margin:0 0 25px 0 !important; border-bottom: 1px solid #e5e5e5; }
.wp-caption img { margin:0 !important; padding:0 !important; border:0 !important; }
.wp-caption p.wp-caption-text { font-size:13px !important; line-height:1 !important; margin:0 0 13px 0 !important; padding:0 !important; }
div.gallery .gallery-item { float: left !important; }
/* ===============================================================================
PRINT STYLES
inlined to avoid required HTTP connection
=============================================================================== */
@media print {
/* Don't display these elements */
header#main_nav, footer#blogfooter, footer#globalfooter, div#gradient, section.questions, section.comments, div.pagination, body.home hr, body.date hr, ul.year-list, ul.month-list, span.month-archive-link, section#calendar hr, section.chartdata, body.results header#pagehdr ul, body.about hr, a.twitter_about, a.facebook_about, body.photos ul#phototabs, body.sponosors hr, body.contact p.bio-supplement, div#scaler, section#twitter {
display: none !important;
}
* {
background: transparent !important;
color: #000 !important;
text-shadow: none !important;
}
body {
margin: 0 0.5in 0.5in 0.5in !important;
}
.container {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
div.content:before, section#homecontent:before {
content: url("/_public/img/logo_print_big.png") top center no-repeat;
}
div.content {
margin: 0 !important;
padding: 0 !important;
}
a, a:visited {
color: #333 !important;
text-decoration: none;
border-bottom: 1pt dotted #ccc;
}
a:after {
text-transform: none;
letter-spacing: normal;
font-family: Arial,sans-serif;
font-size: 8pt;
content: " (" attr(href) ")";
}
img {
page-break-inside: avoid;
}
p.date a, p.date a:visited {
border: none;
}
p.date a:after {
content: "";
}
body.single article.prepend-1 {
width: 0;
margin: 0;
}
body.single article.span-8 {
width: 100%
margin-right: 0;
}
div.wp-caption a, body.home figure a, body.home article h1 a, body.archive figure a, body.archive article h1 a, body.photos figure a, body.sponsors a, section.blog article h1 a, div.gallery-icon a {
border: none !important;
}
div.wp-caption a:after, body.home figure a:after, body.home article h1 a:after, body.archive figure a:after, body.archive article h1 a:after, body.photos figure a:after, body.sponsors a:after, section.blog article h1 a:after, div.gallery-icon a:after {
content: "";
}
div.wp-caption-text a {
border-bottom: 1pt dotted #ccc;
}
div.wp-caption-text a:after {
text-transform: none;
font-size: 9pt;
content: " (" attr(href) ")";
}
body.home article.span-8, body.archive article.span-8 {
width: 3.34in !important;
}
body.home article h1, body.archive article h1 {
font-size: 18pt;
line-height: 22pt;
}
body.home article p, body.archive article p {
font-size: 12pt;
line-height: 17pt;
}
body.home article p.date, body.archive article p.date {
font-size: 8pt;
line-height: 8pt;
}
.prepend-1 {
margin-left: 0;
}
body.home figure, body.archive figure {
margin-bottom: 0.2in !important;
}
#pagehdr {
margin: 0 !important;
padding: 0 0 1em 0 !important;
}
section.post-archives, ul.archive-list {
margin: 0;
padding: 0;
width: 100%;
}
header.section-header {
margin: 1em 0;
padding: 0;
}
div.pane h2.month-heading {
font-size: 24pt;
line-height: 24pt;
margin-bottom: 1em;
text-transform: none !important;
letter-spacing: normal !important;
}
ul.archive-list li {
font-size: 14pt;
line-height: 20pt;
}
section#calendar article.event p.span-1 {
text-align: left !important;
width: 15% !important;
margin: 0;
padding: 0;
float: left;
}
section#calendar article.event h3.span-10 {
margin: 0;
padding: 0;
width: 85% !important;
}
section#calendar article {
margin-bottom: 1.5em;
}
section.resultsdata, section.resultsyear {
padding: 0 !important;
margin: 0 !important;
}
section.resultsdata {
width: 100% !important;
}
ul.results {
width: 45% !important;
}
body.results hr {
margin: 1em 0;
padding: 0;
border: none;
color: transparent;
}
body.about aside.span-4, body.about article.span-6 {
float: none;
width: 100%;
padding: 0;
}
body.about article {
margin-top: 0.3in;
}
section.photogallery {
margin-top: 0.5in;
}
section#sponsorlogos article h3 {
margin: .5em;
padding: 0;
font-size: 18pt !important;
}
section#sponsorlogos article h3 span {
font-size: 14pt !important;
}
body.contact article {
margin-top: .5in;
min-height: 1px;
}
h2, h3 {
page-break-after: avoid;
}
#homecontent, #bg-base, #bg-text, section.blog, section.blog article {
position: relative !important;
top: 0 !important;
left: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent;
width: 100%;
line-height: 1;
}
/* END PRINT STYLES */
}