/* Theme Name: New York Theater Ballet Theme URI: Description: The WordPress theme for the New York Theatre Ballet. Version: 0.1 Author: Michael Hessling Author URI: http://cherrypj.com/ Tags: ballet, fixed width, one column NYTB v0.1 This theme was designed by Yellowhawk Creative and built by Michael Hessling. The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Based upon Blueprint, v0.6 */ /* -------------------------------------------------------------- * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; vertical-align: bottom; } /* -------------------------------------------------------------- * Sets up some sensible default typography. -------------------------------------------------------------- */ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ /* Default fonts and colors. */ body { line-height: 1.2; color: #666; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; } h2 { font-size: 125%; line-height: 1.2; font-weight: bold; padding-top: 6px; padding-bottom: 6px; color: #564e81;} h3 { font-size: 105%; line-height: 1.2; font-weight: bold; padding-bottom: 6px; font-style: italic; color: #000;} h4 { font-size: 100%; font-weight: bold; text-transform: uppercase; padding-bottom: 6px; color: #564e81;} h5 { font-size: 105%; line-height: 1.2; font-weight: bold; padding-bottom: 0px; font-style: italic; color: #564e81;} /* Text elements -------------------------------------------------------------- */ /* p { margin: 0 0 1.5em; } p.last { margin-bottom: 0; } p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.top { margin-top: 0; } /* Use this if the image is at the top of the

. img { margin: 0 0 1.5em; }*/ ul, ol { margin: 0; padding: 0; } ul { list-style-type: none; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} #main li { list-style-type: square; margin-left: 25px; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin-top: 1.5em; font-style: italic; } del { color:#666; } a:focus, a:hover { text-decoration: none; } a { color: #564e81; } a#home { color: #ffffff; } blockquote { margin: 1.5em; color: #4a4b4b; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } pre,code { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.2em; font-size: 1em; line-height: 1.3;} table.tuition {font-size: .9em; line-height: 1.1;} th { border-bottom: 2px solid #ccc; font-weight: bold; } th,td { vertical-align: top; padding:6px; } tfoot { font-style: italic; } caption { background: #ffc; } /* Some default classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .quiet { color: #666; } .hide { display: none; } .highlight { background: #ff0; } .added { color: #060; } .removed { color: #900; } .top { margin-top: 0; padding-top: 0; } .bottom { margin-bottom: 0; padding-bottom: 0; } .left { float: left; margin: 0 15px 10px 0; } .right { float: right; margin: 0 0 10px 15px; } .clear { clear: both; } a[href $='.pdf'] { padding-right: 18px; background: transparent url(http://www259.pair.com/nytb/wp-content/themes/nytb/images/pdf.gif) no-repeat center right; } /* -------------------------------------------------------------- * Sets up the basic structure. -------------------------------------------------------------- */ body { background: #211b41 url('css/i/body.jpg') repeat-x 50% 0; text-align: center; } #wrapper { text-align: left; width: 700px; margin: 0 auto; } #masthead { background: url('css/i/header.gif') no-repeat; text-indent: -2000px; width: 700px; height: 120px; } #masthead img { display: none; } #logo a { width: 700px; height: 120px; display: block; } /* Primary navigation, all pages */ #nav { font-size: 75%; background: url('css/i/nav-main.gif') no-repeat; text-indent: -2000px; width: 700px; height: 24px; position: absolute; } #nav li { display: inline; } #nav li a { background-image: url('css/i/nav-main.gif'); background-repeat: no-repeat; position: absolute; top: 0; height: 24px; } #nav-about a { top: 0; left: 0; width: 130px; background-position: 0 0; } #nav-about a:hover, #nav-about a.selected { background-position: 0 -24px; } #nav-season a { top: 0; left: 130px; width: 162px; background-position: -130px 0; } #nav-season a:hover, #nav-season a.selected { background-position: -130px -24px; } #nav-tour a { top: 0; left: 292px; width: 110px; background-position: -292px 0; } #nav-tour a:hover, #nav-tour a.selected { background-position: -292px -24px; } #nav-news a { top: 0; left: 402px; width: 113px; background-position: -402px 0; } #nav-news a:hover, #nav-news a.selected { background-position: -402px -24px; } #nav-school a { top: 0; left: 515px; width: 185px; background-position: -515px 0; } #nav-school a:hover, #nav-school a.selected { background-position: -515px -24px; } #nav li ul { background: #dfdfdf; text-indent: 0; position: relative; padding: 4px 0; height: auto; top: 24px; width: 700px; } #nav li ul li { display: inline; } #nav li ul li a { background: #dfdfdf; position: static; width: auto; height: auto; padding: 0 5px 0 15px; font-size: 0.833em; text-transform: uppercase; text-decoration: none; } #nav li ul li a:hover { text-decoration: underline; } /* Supplementary navigation, home page */ body#home #sup-nav { background: url('css/i/nav-sup-hp.gif') no-repeat; text-indent: -2000px; width: 700px; height: 20px; position: relative; margin: 0; } body#home #sup-nav li a { background-image: url('css/i/nav-sup-hp.gif'); background-repeat: no-repeat; position: absolute; top: 0; height: 20px; } body#home #nav-donate a { left: 0; width: 176px; background-position: 0 0; } body#home #nav-donate a:hover { background-position: 0 -20px; } body#home #nav-mailing a { left: 176px; width: 176px; background-position: -176px 0; } body#home #nav-mailing a:hover { background-position: -176px -20px; } body#home #nav-contact a { left: 352px; width: 176px; background-position: -352px 0; } body#home #nav-contact a:hover { background-position: -352px -20px; } body#home #nav-press a { left: 523px; width: 177px; background-position: -523px 0; } body#home #nav-press a:hover { background-position: -523px -20px; } /* Supplementary navigation, sub pages */ #sup-nav { background: url('css/i/nav-sup-sub.gif') no-repeat; text-indent: -2000px; margin-top: 10px; width: 223px; height: 82px; position: relative; } #sup-nav li a { background-image: url('css/i/nav-sup-sub.gif'); background-repeat: no-repeat; position: absolute; left: 0; width: 223px; } #nav-donate a { height: 20px; top: 0; background-position: 0 0; } #nav-donate a:hover { background-position: -223px 0; } #nav-mailing a { height: 22px; top: 20px; background-position: 0 -20px; } #nav-mailing a:hover { background-position: -223px -20px; } #nav-contact a { height: 21px; top: 42px; background-position: 0 -42px; } #nav-contact a:hover { background-position: -223px -42px; } #nav-press a { height: 20px; top: 62px; background-position: 0 -62px; } #nav-press a:hover { background-position: -223px -62px; } /* Content, home page */ body#home #content { background: #322b5c; color: #fff; margin: 0; } body#home h1 { font-family: Garamond, serif; font-size: 3em; line-height: .8em; text-transform: lowercase; margin-top: 5px; margin-bottom: 0.25em; } body#home #content p { font-size: 1em; margin-bottom: 1em; } body#home a { color: #ffffff; } #home #feature { margin: 24px 0 0; } body#home a:visited { color: #ffffff; } #main-left, #main-right { font-size: 80%; float: left; width: 305px; margin: 0 20px 10px 25px; } /* Content, sub pages */ #content { background: #fff; color: #000; overflow: hidden; padding: 10px 0 0; margin: 20px 0 0; } #main { float: left; width: 420px; margin: 35px 20px 15px; } h1 { font-size: 1.8em; margin-bottom: 0.25em; } #main p, #main ul, #main ol { font-size: .80em; line-height: 1.3; margin-bottom: 1em; } #content #feature { float: left; width: 223px; margin: 35px 0px 5px; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* Footer */ #footer { clear: left; overflow: hidden; padding: 10px 45px 10px 25px; position: relative; color: #ccc; font-size: 65%; text-transform: uppercase; font-family: "Lucida Grande", sans-serif; } #footer p { float: left; margin-right: 0.5em; } #footer .org { float: left; } #footer .adr { position: absolute; left: 390px; }