/* John Bonfield, at johnbonfield.com */ /* ==================================================== */ /* O B J E C T - O R I E N T E D C S S */ /* ==================================================== */ /* eMeyer reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* additional but not eMeyer reset officially */ address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } caption, th { text-align: left; } ul, ol, dl { position: relative; } /* disappearing bug squasher */ a:active {outline:none;} /*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; line-height: 0; }*/ /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* TYPOGRAPHY TYPE STUFF & GLOBAL CLASSES */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; } h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 18px; margin: 30px 0 10px; } h5 { font-size: 14px; margin: 25px 0 10px; } h6 { font-size: 12px; margin: 20px 0 10px; } p { margin-bottom: 1em; } h5+h4, h4+h5, h3+h4, h5+h5 { margin-top: 0; } ul, ol { margin: .5em 0 1em; padding-top: 0; } li { margin: 0 0 0.5em; /*font-size: 13px;*/ line-height: 1.25em; } img { border: 0; display: block; } /* because I'm a man and use strict doctype */ p img, li img { display: inline; vertical-align: baseline; } /* because that makes sense */ strong, .strong, b, .bold, m { font-weight: normal; font-weight: bold; } em, .em, i, .italics, .ital { font-style: italic; } strong em { font-weight: bold; font-style: italic; } .rom { font-style: normal; font-weight: normal; } .nobr, .nowrap, i { white-space: nowrap; } /* the only use of i is in things like magazine titles or book titles that we would prefer not to break */ .nospan span { display: none; } .sans { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .serif, .numerals { font-family: Georgia !important;} .small { font-size:.9em !important; } .smaller { font-size:.8em !important; } .smallest { font-size:.7em !important; } .smallish { font-size:.92em !important; } .large {font-size: 1.1em !important; } .larger {font-size: 1.2em !important; } .largest {font-size: 1.3em !important; } .huge { font-size: 3em !important; margin-top: .2em; } .tight { letter-spacing: -1px; } .tighter { letter-spacing: -2px; } .tightest { letter-spacing: -4px; } .loose { letter-spacing: 1px; } .looser { letter-spacing: 2px; } .loosest { letter-spacing: 4px; } .uppercase, .upper { text-transform: uppercase; } .lowercase { text-transform: lowercase !important; } .titlecase, .capitalize { text-transform: capitalize; } .top { margin-top: 0; } .top10 { margin-top: 10px; } .top20 { margin-top: 20px; } .top30 { margin-top: 30px; } .top40 { margin-top: 40px; } .bottom { margin-bottom: 0; } .bottom10 { margin-bottom: 10px; } .bottom20 { margin-bottom: 20px; } .bottom30 { margin-bottom: 30px; } .bottom40 { margin-bottom: 40px; } .left, .first { margin-left: 0 !important; } .right, .last { margin-right: 0 !important; } .hidden { display: none; } .highlight { background-color:#ff3; } .notice { background-color: #fff7d2; border:1px solid #dcd62e; padding: 10px; } .texttop { vertical-align: text-top; } .textbottom { vertical-align: text-bottom; } .imgmiddle { vertical-align: middle; } .imgbottom { vertical-align: bottom; } .thinSpaces { padding: 0 2px; } /* typographically-correct punctuation which takes thin spaces before and after but IE6 effs it up, so padding */ .quiet { color: #868f98; } .quieter { color: #a8adb4; } .quietest { color: #c3c8cd; } table { margin-bottom: 20px; } .amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.1em; } /* use the best possible ampersand, from Dan Cederholm's "Simple Bits" */ .alt { font-style: italic; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; } .alignC { text-align: center; } .alignR { text-align: right; } .alignL { text-align: left; } .clear { clear: both; } .floatR { float: right; display: inline; } .floatL { float: left; display: inline; } img.floatR, .floatRmargins { margin: 0 0 20px 10px; } img.floatL, .floatLmargins { margin: 0 10px 20px 0; } .inline li { display: inline; } .r15 li { margin-right: 15px; } /* huh??? where is this used and why is in OBJECT GLOBALS ??? */ div.container { overflow: hidden; width: 100%; } a, a:link, a:visited { text-decoration: none; border-bottom: none; color: blue; } a:hover, a:active { border-bottom: 1px solid #9e1b34; color: #9e1b34; } a:hover.img, a:active.img, .img a:hover, .img a:active, a:hover img { border-bottom: none; } .column { float: left; position: relative; display: inline; } .column.right { float: right; display: inline; } /* ==================================================== */ /* C U S T O M S I T E - S P E C I F I C C S S */ /* ==================================================== */ /* color palette */ .red { color: #9e1b34; } .dRed { color: #761122; } .blue { color: #002569; } .silver { color: #c3c8cd; } .lGray { color: #a8adb4; } .mGray { color: #868f98; } .dGray { color: #616a74; } .yellow { color: #ffd65a; } /* core */ body { background: #616a74 url(/i/chrome/bg_body.jpg) 50% 0 no-repeat; text-align: center; } .ahem { display: none; } h1, h2, h3, h4, h5, h6 { color: #9e1b34; font-weight: normal; } h2, h4, h2 a, h4 a { font-family: Georgia, serif; } h3 { margin-top: 40px; background: url(/i/chrome/bg_heads.png) 0 0 no-repeat; color: #fff; height: 29px; padding-left: 10px; padding-top: 3px; font-weight: normal; text-transform: uppercase; } h3 span { font-size: 14px; color: #c3c8cd; text-transform: none; font-family: Georgia, serif; letter-spacing: 0; font-style: italic; } h3.insider { background-image: url(/i/chrome/bg_heads_insider.png); } h3.bowlin { background-image: url(/i/chrome/bg_heads_bowlin.png); height: 41px; /* 44px total with the 3px padding */ } h4 { margin: 30px 0 10px; font-size: 21px; } h5 { margin: 25px 0 10px; text-transform: uppercase; color: #868f98; border-bottom: 1px solid #c3c8cd; font-size: 13px; font-weight: bold; } h6 { margin: 15px 0 10px; } #newsPg h2 a, #newsPg h4 a { color: #9e1b34; font-weight: normal; } a, a:link, a:visited { text-decoration: none; border-bottom: none; color: blue; } a:hover, a:active { border-bottom: 1px solid #9e1b34; color: #9e1b34; } a:hover.img, a:active.img, .img a:hover, .img a:active, a:hover img { border-bottom: none; } td { font-size: 13px; } #siteinfo *, #footer * { font-size: 11px; } /* structure */ #pgWrapper { width: 990px; padding: 0 5px; margin: 0 auto; background: url(/i/chrome/bg_wrapper.png) 50% 0 repeat-y; text-align: center; } #branding, #navigation, #content, #footer { width: 980px; text-align: left; position: relative; margin: 0 5px; } #content { width: 940px; margin: 0 25px; } #content { background: #fff url(/i/chrome/bg_rcol.png) 640px 0 repeat-y; } #branding { background: #222e65 url(/i/chrome/bg_brand.jpg) 0 0 no-repeat; padding-top: 22px; height: 100px; z-index: 35; } #branding > * { margin-bottom: 0; margin-top: 0; color: #fff; } #branding > p { text-shadow: 2px 2px 2px #000; font-weight: bold; margin-left: 120px; margin-left: 415px; } h1 { margin-left: 415px; height: 38px; width: 234px; background: url(/i/chrome/texasbowl.png) 0 0 no-repeat; text-indent: -9999px; } /* this is wordmark */ #branding #logo { position: absolute; top: 15px; left: 260px; margin-left: 0; z-index: 100; } /* this is football logo */ #ad01 { position: absolute; width: 234px; height: 60px; right: 20px; top: 20px; margin-left: 0; display: block; } #navigation { background: #002569 url(/i/chrome/bg_nav.png) 0 0 repeat-x; height: 40px; z-index: 900; } /*** ESSENTIAL SF STYLES ***/ .sf-menu { margin: 0 0 0 20px; padding: 0; list-style: none; line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 200px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { margin: 0; padding: 0; list-style: none; float: left; position: relative; background: #002569 url(/i/chrome/bg_nav.png) 0 0 repeat-x; height: 40px; } .sf-menu a { display: block; position: relative; height: 28px; padding: 12px 12px 0; border: none; font-size: 11px !important; text-transform: uppercase; font-weight: bold; color: #98afd9 !important; letter-spacing: 1px; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #fff; } .sf-menu li li { background: #002569 url(/i/chrome/bg_nav.png) 0 0 repeat-x; } .sf-menu li li a { text-transform: none; font-size: 11px !important; letter-spacing: 1px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 33px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #002569 url(/i/chrome/bg_nav.png) 0 -40px repeat-x; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: 2px; top: 12px; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url(/i/chrome/sf/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 15px; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url(/i/chrome/sf/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /* nav states */ #homePg #navigation a#navHome, #newsPg #navigation a#navNews, #ticketsPg #navigation a#navTickets, #volunteersPg #navigation a#navVolunteers, #pressPg #navigation a#navPress, #travelPg #navigation a#navTravel, #communityPg #navigation a#navCommunity, #eventsPg #navigation a#navEvents, #sponsorsPg #navigation a#navSponsors, #aboutPg #navigation a#navAbout, #contactPg #navigation a#navContact { color: #ffd65a !important; background: #002569 url(/i/chrome/bg_nav.png) 0 -80px repeat; } #navigation a:hover { color: #fff !important; background: #002569 url(/i/chrome/bg_nav.png) 0 -40px repeat-x; } #homePg #navigation a:hover#navHome, #newsPg #navigation a:hover#navNews, #ticketsPg #navigation a:hover#navTickets, #volunteersPg #navigation a:hover#navVolunteers, #pressPg #navigation a:hover#navPress, #travelPg #navigation a:hover#navTravel, #communityPg #navigation a:hover#navCommunity, #eventsPg #navigation a:hover#navEvents, #sponsorsPg #navigation a:hover#navSponsors, #aboutPg #navigation a:hover#navAbout, #contactPg #navigation a:hover#navContact { color: #ffd65a !important; cursor: default; background: #002569 url(/i/chrome/bg_nav.png) 0 -80px repeat-x; } #mainContent { width: 620px; float: left; display: inline; } .column { width: 300px; } .col140 { width: 140px !important; } .col300 { width: 300px !important; } .col460 { width: 460px; } .col460.right { margin-left: 160px; } .subContent { background: #f0f1f2 url(/i/chrome/bg_maincontent_subBox.jpg) 0 0 no-repeat; } #upcoming li, #upcoming p, #newsTB li, #newsTB p { font-size: 13px; } #upcoming > * { margin-left: 10px; margin-right: 5px; } #upcoming > h3 { margin-left: 0; margin-right: 0; } #newsTB a { font-weight: normal; } #myHouston a:hover, #partners a:hover { border: none; } h3 span.floatR { margin: 4px 10px 0 0; } .newsDateList { display: inline-block; width: 140px; margin-right: 20px; text-transform: uppercase; letter-spacing: 1px; text-align: right; color: #868f98; font-size: 10px; font-weight: bold; } .newsDateList .numerals { font-size:1.25em; font-weight: normal; } .newsDate { text-transform: uppercase; letter-spacing: 1px; text-align: right; color: #868f98; font-size: 10px; text-align: left; font-weight: bold; } .newsDate .numerals { font-size: 1.33em; font-weight: normal; } .archive li { display: inline-block; width: 105px !important; } .initCap:first-letter { font-size: 2.2em; line-height: 19.6px; font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; color: #9e1b34; } .initCap:first-line { font-size: 18px; font-family: Georgia; color: #9e1b34; } .initCap strong:first-line, .initCap b:first-line { font-family: Georgia; } .lastPara:after { content: url(/i/chrome/end_texasball.gif); padding-left: 3px; } .readMore { text-transform: uppercase; font-size: .8em !important; } .seeAll { -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #e7e9eb url(/i/chrome/bg_seeAll.png) 0 0 repeat-x; border: 1px solid #dfe1e4; color: #a8adb4; padding: 6px 0 4px; display: inline; text-transform: uppercase; font-size: 10px !important; letter-spacing: 1px; clear: both; } .seeAll a { color: #a8adb4; border: none; font-weight: bold !important; padding: 0 10px 4px !important; line-height: 18px; } .seeAll a:hover { color: #616a74; border: none; } .borderTop { background: url(/i/chrome/bg_hr.png) 50% 0 no-repeat; padding-top: 20px; } #partners li { display: block; float: left; margin-right: 0; height: 100px; line-height: 100px; width: 240px; } #partners li.last { width: 140px; } #partners li img { vertical-align: middle; } #homePg #partners li { height: 80px; line-height: 80px; } #advisors li, #board li {display: block; float: left; margin: 0 20px 20px 0; height: 133px; width: 300px; background: #f0f1f2 url(/i/chrome/bg_maincontent_subBox.jpg) 0 100% no-repeat; } #advisors li.last, #board li.last { margin-right: 0; } .sbNews { border: 1px solid #c3c8cd; padding: 9px; margin: 0 0 20px; background-color: #fff; } .sbNews p { font-size: 12px; color: #616a74; margin-top: 1em; margin-bottom: 0; } .sbNews.sb300 { width: 280px; float: right; margin-left: 10px; display: inline; } h4.newsHead, h5.newsDate { padding-left: 160px; } blockquote { color: #9e1b34; width: 199px; float: left; margin: 0 20px 10px -18px; padding-left: 14px; border-left: 1px dotted #9e1b34; padding-top: 1em; font: italic 1.2em/1.7em Georgia; } #secondaryContent { width: 300px; float: right; display: inline; } #secondaryContent { background: url(/i/chrome/bg_sidebar_hilite.jpg) 0 0 no-repeat; } #secondaryContent > * { margin-right: 15px; margin-left: 15px; } #secondaryContent a { font-weight: normal; font-size: 12px; } #secondaryContent p { font-weight: normal; font-size: 13px; } #ad02 { margin: 20px 0 0; width: 300px; height: 250px; background-color: #868f98; color: #fff; } .hr, .hrSmall { clear: both; width: 520px; background: url(/i/chrome/bg_hr.png) 50% 50% no-repeat; height: 30px; border: none; margin: 20px auto; } #secondaryContent .hr, .hrSmall { width: 224px; background-image: url(/i/chrome/bg_hr_small.png); } .col460 .hr { width: 460px; background-image: url(/i/chrome/bg_hr_460.png); } .hr hr, .hrSmall hr { display: none; } #footer { background: #002569 url(/i/chrome/bg_footer.jpg) 0 100% no-repeat; color: #626f8d; } #footer h5 { color: #bfc8d9; border-color: #2b4574; margin-top: 20px; letter-spacing: 1px; } #footer a, #footer a:link, #footer a:visited { color: #7f92b4; } #footer a:hover, #footer a:active { color: #bfc8d9; border-color: #bfc8d9; border: none; } #footer b, #footer strong { color: #fff; } #siteinfo { margin: 10px auto 0; padding-top: 10px; text-align: center; clear: both; background: url(/i/chrome/bg_siteinfo.jpg) 50% 0 no-repeat; height: 21px; } #miscGlobals { margin: 0 20px 20px; } #miscGlobals *, #connectWith * { /*font-size: 11px;*/ line-height: 18px; } #footer ul, #footer li { margin: 0; } #miscGlobals .column { width: 140px; margin-right: 20px; } #siteMap { float: left; margin-top: 0; display: inline; } #connectWith { float: right; width: 300px; display: inline; } .socialMedia li img { vertical-align: bottom; } #ad03 { margin: 0 auto; width: 728px; height: 90px; } #ad03 a { margin: 0 auto; padding-top: 15px; width: 468px; height: 60px; display: block; } .stripeMe { width: 620px; } .col460 .stripeMe { width: 460px; } tr {background: #fff url(/i/chrome/bg_texture.png) 0 50% no-repeat; } td { padding: 5px 10px; border: 2px solid #fff; } .odd { background: #e5e9f0 url(/i/chrome/bg_texture.png) 0 50% no-repeat; } .over { background: #ffd65a url(/i/chrome/bg_texture.png) 0 50% no-repeat; } td.pkg { width: 180px; } td.price { width: 100px; } .ticketChart { width: 620px; margin-bottom: 20px; border-top: 1px solid #a8adb4; } .ticketChart h5 { margin-top: 0; } .ticketChart div { padding: 5px 10px; border-bottom: 1px solid #c3c8cd; background: #fff url(/i/chrome/bg_texture.png) 0 50% no-repeat; } .ticketChart .odd { background: #e5e9f0 url(/i/chrome/bg_texture.png) 0 50% no-repeat; } .ticketChart ul { margin-top: 0; margin-bottom: 0; } .ticketChart li { width: 135px; padding-right: 9px; border-right: 1px dotted #868f98; margin-right: 10px; display: block; float: left; font-size: 13px; margin-top: .5em; } .ticketChart ul.fiveCol li { width: 104px; } .ticketChart li.right { border-right: none; padding-right: 0; } .ticketChart li.double { width: 275px; } p.starred, .starred li { padding-left: 20px; background: url(/i/chrome/bg_star.png) 0 3px no-repeat; position: relative; } .starred li { width: auto; } .stripeMe .starred li { background-position: 0 1px; } p.alert, .alert li, li.alert { padding: 2px 0 2px 30px; background: url(/i/chrome/bg_alert.png) 0 0 no-repeat; position: relative; } form p { color: #868f98; font-size: .9em !important; } #mainContent .column input { width: 280px; } #mainContent .column input.button { width: auto; } #mainContent .column textarea { width: 275px; height: 120px; } #secondaryContent input { width: 260px; } #secondaryContent input.button { width: auto; } #fmVolname, #fmVoldob, #fmVolcity, #fmVolstate { float: left; } #fmVolname input, #fmVolemail input, #fmVoldob input, #fmVolphone1 input {width: 290px;} #fmVolemail, #fmVolphone1 { margin-left: 320px; } #fmVolstreet1 input, #fmVolstreet2 input, #fmVolextrainfo textarea { width: 610px; } #fmVolextrainfo textarea { height: 120px; } #fmVolcity input { width: 220px; } #fmVolcity { width: 240px; } #fmVolstate select { width: 200px; } #fmVolstate { width: 220px; } #fmVolpostalcode input {width: 140px; } /* coda like thing */ #slider { position: relative; width: 940px; margin: 0 5px; padding: 18px 20px 0; background: url(/i/chrome/bg_slider.jpg) 0 0 no-repeat; text-align: left; } #ad01b { position: absolute; width: 300px; height: 120px; right: 20px; bottom: 0; margin-left: 0; } .scroll { height: 420px; overflow: auto; clear: left; background-color: #000; position: relative; /* fix for IE to respect overflow */ } .scrollContainer div.panel { padding: 0; margin-left: 0; height: 420px; width: 640px; /* change to 20px less if not using JS to remove rh.scroll */ } .scrollContainer div.panel div.overlay { background: url(/i/maingallery/chrome/bg_slider_overlay.png) 0 0 repeat; width: 610px; height: 105px; position: absolute; top: 300px; left: 0; padding: 15px 15px 0; } /* jb */ .scrollContainer div.panel div.overlay p, .scrollContainer div.panel div.overlay h2 { color: #fff; margin-bottom: 0; margin-top: 0; } .scrollContainer div.panel div.overlay p a { color: #96b1e3; font-size: 14px; } .scrollContainer div.panel div.overlay p a:hover { color: #ffd65a; border-bottom-color: #ffd65a; } .scrollContainer div#headline1 div.overlay { top: 300px; } .scrollContainer div#headline2 div.overlay { top: 720px; } .scrollContainer div#headline3 div.overlay { top: 1140px; } .scrollContainer div#headline4 div.overlay { top: 1560px; } .scrollButtons { position: absolute; right: 20px; cursor: pointer; } .scrollButtons.left { z-index: 91; top: 18px; } .scrollButtons.right { z-index: 92; top: 168px; } ul.navigation { list-style: none; margin: 0; padding: 0; position: absolute; top: 18px; left: 660px; z-index: 90; background-color: #9e1b34; } ul.navigation li { padding: 0; margin: 0; } ul.navigation a { font-size: 12px; line-height: 17px; display: block; width: 260px; height: 55px; padding: 10px 5px 10px 15px; margin: 0; color: #fff; text-decoration: none; border: none; background: url(/i/maingallery/chrome/bg_anchor.png) -280px 100% no-repeat; } ul.navigation a span { text-transform: uppercase; color: #ffeaac; font-size: 14px; font-weight: bold; } ul.navigation a.selected span { color: #ffd65a; } ul.navigation a:hover { background-color: #6c0813; background-position: -560px 100%; /* sprite */ } ul.navigation a.selected { background-color: #ab0d1f; cursor: default; background-position: 0 100%; /* sprite */ } ul.navigation a:focus { } .shade { background: url(/i/maingallery/chrome/bg_shadow.png) no-repeat 50% 0; height: 24px; width: 940px; margin: 5px auto 0; } #headline1, #headline2, #headline3, #headline4 { background-position: 0 0; background-repeat: no-repeat; } /* sb 3.0b */ #sb-container,#sb-wrapper{text-align:left;}#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}#sb-body-inner{position:relative;height:100%;}#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}#sb-body,#sb-loading{background-color:#060606;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;line-height:16px;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:14px;padding:5px 0;color:#fff;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#fff;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}#sb-nav-close{background-image:url(/i/chrome/sb/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(/i/chrome/sb/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(/i/chrome/sb/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(/i/chrome/sb/play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(/i/chrome/sb/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}