/* -------------------------------------------------------------- Blueprint CSS Framework [bjorkoy.com/blueprint] * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ /* Import stylesheets and hide from IE/Mac \*/ @import "lib/reset.css"; @import "lib/layout.css"; @import "lib/typography.css"; @import "lib/suckerfish.css"; /* End import/hide */ /* -------------------------------------------------------------- AWP: All custom styles (except layout styles and universal typography styles) should go into this document. -------------------------------------------------------------- */ /* ------ Text Styles begin here ------ */ #homeContent h1 { font-size: 2em; text-transform: uppercase; color: #c7cacf; } #homeContent h2 { font-size: 1.1em; text-transform: uppercase; line-height: 1.0em; margin-top: 3px; margin-bottom: 4px; color: #fff; } #seriesIntro h1 { font-size: 30px; } #seriesIntro p { margin-right: 255px; font-size: 1.17em; line-height: 1.5em; } .date { font-style: italic; margin-bottom: 3px; } #upcoming { color: #fff; } #upcoming p { line-height: 1.1em; clear: both; } #sidebar p { font-family: Georgia, "Times New Roman", Times, serif; } .firstLetter { float: left; margin-right: 5px; } #behind p { color: #ffffff; } /* List Styles begin here */ #insideContent ul li { list-style-type: square; } #insideContent li { padding-left: 3px; } #interiorContent ul { margin-bottom:1.5em; } #interiorContent ul li { list-style-type: square; } #interiorContent ol { margin-bottom:1.5em; } /* List Styles end here */ /* ------ Text Styles end here ------ */ /* ------ Link Styles begin here ------ */ #homeContent a { text-transform: uppercase; } #quickLinks a, #quickLinks li { text-transform: uppercase; font-style: italic; color: #fff; font-size: 1em; list-style: none; line-height: 2.4em; padding-left: 20px; } #quickLinks1 { background: transparent url(/img/quickLinks1.gif) no-repeat scroll center left; } #quickLinks2 { background: transparent url(/img/quickLinks2.gif) no-repeat scroll center left; } #quickLinks3 { background: transparent url(/img/quickLinks3.gif) no-repeat scroll center left; } #quickLinks4 { background: transparent url(/img/quickLinks4.gif) no-repeat scroll center left; } #quickLinks5 { background: transparent url(/img/quickLinks5.gif) no-repeat scroll center left; } #quickLinks6 { background: transparent url(/img/quickLinks6.gif) no-repeat scroll center left; } #quickLinks7 { background: transparent url(/img/quickLinks7.gif) no-repeat scroll center left; } #quickLinks8 { background: transparent url(/img/quickLinks8.gif) no-repeat scroll center left; } #insideContent { padding-top: 15px; color: #ffffff; font-size: 1.17em; padding-left: 15px; line-height: 2em; margin-right: 13px; margin-bottom: -12px; min-height: 199px; overflow: auto; } #footer { font-size: .92em; color: #ffffff; margin-left: 4px; } #insideContent a:link, #insideContent a:visited { color: #fff; } #footer a:link, #footer a:visited { color: #fff; text-transform: uppercase; font-size: .92em; } h4 a:link, h4 a:visited { color: #dc703b; } h5 a { font-style: italic; } .childImage a:link, .childImage a:visited { font-family: "Trebuchet MS",Monaco,sans-serif; text-transform: uppercase; color: #d95d20; font-size: .75em; } /* ------ Link Styles end here ------ */ /* ------ Photo Styles begin here ------ */ .imgLeft { float: left; margin: 0.4em 1.5em 1.5em 0; padding:0; } .imgRight { float: right; margin: 0.4em 0 1.5em 1.5em; padding:0; } .imgLeft2 { float:left; margin:0.4em 1.5em 1.5em 0; padding:1px; background-color:#526173; border:6px solid #d1d4d9; } .imgRight2 { float:right; margin:0.4em 0 1.5em 1.5em; padding:1px; background-color:#526173; border:6px solid #d1d4d9; } .imgSponsor { margin: 0.5em 0 0 0; padding:0; } .marginBottom { margin-bottom: 9px; } .marginBottom5 { margin-bottom: 5px; } /* ------ Photo Styles end here ------ */ /* ------ Photo Galleries begin here ------ */ .imageThumb { float:left; margin:0 3px 10px 0; border:1px solid #aaaaaa; } /* ------ Photo Galleries begin here ------ */ /* ------ Minor Div Styles begin here ------ */ #nav { color: #ffffff; } #headerNavLeft { text-transform: uppercase; color: #a0a7b0; padding-right: 11px; } #search-input { font-size: .83em; color: #d0d0d0; } #behindRight p { margin-left: 11px; margin-right: 6px; margin-top: 10px; } #interiorHeader { font-size: 1.17em; color: #fff; } #interiorTopBroadwaySeries p { color: #000; width: 340px; } .sectionCaption { text-align: right; padding-right: 9px; padding-bottom: 9px; font-size: .83em; } #imageCaption { text-align: right; padding-right: 9px; font-size: .83em; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 3px; } #imageDescription { text-align: left; color: #ffffff; background: url(/img/image-description.gif) no-repeat; height: 26px; padding: 9px 12px 15px 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: .92em; } #showIntro h4 { margin-bottom: 0px; margin-top: 10px; } #showIntro h1 { color: #526173; margin-top: 0px; } #showIntro h2 { margin-bottom: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.17em; } #showIntro p { font-size: 1.17em; } #showIntro blockquote { margin-top: 0px; } #showDescription p { line-height: 1.6em; font-size: 1.08em; } .series h4 { margin-bottom: 0px; } .series p { clear: both; margin-bottom: 1px; } .childLinks p { margin-bottom: 1px; } .paginatorControl { margin:1em 0; } .paginatorControl div { display:inline; } h2.monthBanner { padding:0.1em 0.3em 0.1em 0.3em; background-color:#cccccc; } /* ------ Minor Div Styles end here ------ */ /* ------ Table Styles begin here ------ */ tr.row_bg1 td, tr.row_bg2 td { background:url(/img/dots-divider.gif) no-repeat bottom center; padding:1em 0; } /* ------ Table Styles end here ------ */ /* ------ Form Styles begin here ------ */ input { margin-bottom: 4px; margin-top: 4px; text-align: left; font-size: 11px; } #search-form-query input { border: none; } input:focus { background-color: #fff; } #search-form form { margin: 0; padding: 0; text-align: right; } #search-form-query { padding: 2px 5px 2px 5px; width: 144px; height: 27px; margin-left: 11px; background-image: url(/img/search-off.gif); background-repeat: no-repeat; background-color: transparent; border: none; vertical-align: middle; background-position: top right; } #search-input input[type=submit] { border: none; text-transform: uppercase; background-color: transparent; color: #d0d0d0; } #interiorContent label { display: block; font-weight:bold; margin:1em 0 0.25em 0; font-size:1.17em; } #interiorContent input[type=text] { width:400px; border:1px solid #666; height:1.5em; } #interiorContent textarea { width:400px; border:1px solid #666; } /* ------ Form Styles end here ------ */ /* ------ Classes for the Different Series ------- */ .rockyHorror { background: url(/img/interior-top-rhps.jpg) no-repeat top right; } .blockhouseBluegrass { background: url(/img/interior-top-blockhouse.jpg) no-repeat top right; } .OSU { background: url(/img/interior-top-osu.jpg) no-repeat top right; } .broadwaySeries { background: url(/img/interior-top-broadway-series.jpg) no-repeat top right; } .familySeries { background: url(/img/interior-top-family-series.jpg) no-repeat top right; } .specialEvents { background: url(/img/interior-top-special-series.jpg) no-repeat top right; } .summerShows { background: url(/img/interior-top-summer-series.jpg) no-repeat top right; } .movies { background: url(/img/interior-top-movie-series.jpg) no-repeat top right; } .mansfieldSymphony { background: url(/img/interior-top-symphony-series.jpg) no-repeat top right; } .jazzSeries { background: url(/img/interior-top-jazz-series.jpg) no-repeat top right; } .rockSeries { background: url(/img/interior-top-rockin-series.jpg) no-repeat top right; } .comedySeries { background: url(/img/interior-top-comedy-series.jpg) no-repeat top right; } .neosSeries { background: url(/img/interior-top-neos-series.jpg) no-repeat top right; } .lectureSeries { background: url(/img/interior-top-lecture-series.jpg) no-repeat top right; } .event { margin-bottom:8px; } #portfolio li { list-style: none; background:none; } ul#portfolio { margin-left:3px; }