/* THEME NAME: PCT On Stage DESCRIPTION: Powers the Pelham Children's Theatre website. VERSION: v1 AUTHOR: Nicasio LLC */ /* Two-column with sidebar on left from the /layouts/ folder */ @import url('layouts/2c-r.css'); /* RESET ALL FONT SIZES ------------------------------------------------------------------------ Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.4.1 */ /** * Percents could work for IE, but for backCompat purposes, we are using keywords. * x-small is for IE6/7 quirks mode. */ body {font:13px/1.231 helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} /** * Bump up IE to get to 13px equivalent */ pre,code {font-family:monospace;*font-size:108%;line-height:100%;} /* ----------------------------------------------------------------------------------------- */ /* USE THESE FONT SIZES TO DECLARE TRUE SIZES IN PIXELS --------------------------------------- {font-size:77%;} => 10px {font-size:85%;} => 11px {font-size:93%;} => 12px {font-size:100%;} => 13px {font-size:108%;} => 14px {font-size:116%;} => 15px {font-size:123.1%;} => 16px {font-size:131%;} => 17px {font-size:138.5%;} => 18px {font-size:146.5%;} => 19px {font-size:153.9%;} => 20px {font-size:161.6%;} => 21px {font-size:167%;} => 22px {font-size:174%;} => 23px {font-size:182%;} => 24px {font-size:189%;} => 25px {font-size:197%;} => 26px ------------------------------------------------------------------------------------------- */ /* MISC. ITEMS ---------------------------------------------------------------------------- */ * {margin:0;padding:0;} .clear {clear:both;height:0px;overflow:hidden;} a img {border:0px solid WHITE;} #image-preloader {display:none;} input, textarea, select {font-family:Arial, sans-serif;} .kjo-link, .linklove {display:none;} #ie-warning {position:absolute;top:0px;z-index:100;background:#ffe3ae;width:100%;text-align:left;} #warning-inner {padding:10px 20px;border:3px solid #f6a235;} #ie-warning a {color:#a80000;} #ie-warning a:hover {color:#333;} /* ADD VERTICAL SCROLLBARS TO EVERY PAGE */ html, body {height: 100%;margin: 0 0 1px;} /* MAIN LAOUT ----------------------------------------------------------------------------- */ body {text-align:center;color:#333;background:transparent url('images/PCT_siteBG.jpg') top center;} #curtains {z-index:50;position:fixed;top:0px;left:0px;background:transparent url('images/PCT_curtains2.png') repeat-x top center;width:100%;height:73px;overflow:hidden;} #outer {width:100%;background:transparent url('images/PCT_siteBG_bottom.jpg') repeat-x bottom center;} #wrapper {width:943px;margin:0 auto;margin-bottom:70px;text-align:left;position:relative;} #paperTop {width:943px;height:19px;background:transparent url('images/PCT_paperTop.png') no-repeat bottom left;overflow:hidden;} #paperMiddle {width:943px;height:1%;min-height:450px;background:transparent url('images/PCT_paperMiddle.png') repeat-y;position:relative;} #paperLeft {width:581px;float:left;} #paperBottom {width:943px;height:33px;background:transparent url('images/PCT_paperBottom.png') no-repeat top left;overflow:hidden;} #footer {width:943px;margin:0 auto;padding-bottom:20px;text-align:center;} /* HEADER -------------------------------------------------------------------------------- */ #photo-frame {z-index:5;position:absolute;top:-53px;right:-12px;width:416px;height:258px;background:transparent url('images/PCT_photoFrame.png') no-repeat top left;overflow:hidden;} #photo-frame object,#frame-overlay {position:absolute;top:60px;left:69px;width:280px;height:148px;overflow:hidden;} #photo-frame object {z-index:6;} #frame-overlay {z-index:7;background:transparent url('images/PCT_photoFrame_overlay.png') no-repeat top left;} h1#site-title, h2#site-description {display:none;} #pct-logo {margin-top:91px;margin-left:42px;margin-bottom:15px;} /* MENU --------------------------------------------------------------------------------- */ #topNav {padding-left:30px;} #menu ul {list-style-type:none;} #menu ul li {float:left;margin-right:1.2em;height:34px;overflow:hidden;} #menu ul li a {display:block;text-decoration:none;width:0px;height:34px;overflow:hidden;} #menu ul li.page-item-2 {width:60px;} #menu ul li.page-item-2 a {padding-left:60px;background:transparent url('images/PCT_menu_home.jpg') no-repeat 0 0;} #menu ul li.page-item-4 {width:90px;} #menu ul li.page-item-4 a {padding-left:90px;background:transparent url('images/PCT_menu_about.jpg') no-repeat 0 0;} #menu ul li.page-item-6 {width:56px;} #menu ul li.page-item-6 a {padding-left:56px;background:transparent url('images/PCT_menu_news.jpg') no-repeat 0 0;} #menu ul li.page-item-8 {width:92px;} #menu ul li.page-item-8 a {padding-left:92px;background:transparent url('images/PCT_menu_backstage.jpg') no-repeat 0 0;} #menu ul li.page-item-10 {width:107px;} #menu ul li.page-item-10 a {padding-left:107px;background:transparent url('images/PCT_menu_contact.jpg') no-repeat 0 0;} #menu ul li.page-item-2 a:hover, #menu ul li.page-item-4 a:hover, #menu ul li.page-item-6 a:hover, #menu ul li.page-item-8 a:hover, #menu ul li.page-item-10 a:hover {background-position:0px -34px;} #menu ul li.current_page_item a, #menu ul li.current_page_parent a, #menu ul li.current_page_ancestor a {background-position:0px -68px !important;} /* CONTENT --------------------------------------------------------------------------------- */ div#container {margin-top:2.1em;} div#content {margin-left:33px;} body.search h2.entry-title, .page h2.entry-title {font-weight:normal;font-style:italic;font-size:138.5%;margin-bottom:8px;} #homeSponsorText h3 {clear:both;display:inline;float:left;color:#b3781e;font-size:123.1%;font-style:italic;font-weight:normal;padding-bottom:20px;margin-bottom:3px;padding-top:4px;} #homeSponsorText h3 {background:transparent url('images/PCT_sponsorIcon.gif') no-repeat top right;padding-right:16px;} #content .entry-content h3 {font-weight:normal;font-style:italic;margin:10px 0px 5px 0px;color:#88191a;font-size:108%;} #content .entry-content p {margin-bottom:10px;} body.search .entry-content p {margin:5px 0px 10px 25px;} body.search .entry-content {background:transparent url('images/PCT_wideDivider.jpg') no-repeat bottom left;padding-bottom:20px;margin-bottom:10px;} #content p a, #content .entry-content h3 a {color:#333;text-decoration:underline;} #content p a:hover {color:#7f0405;} #content .entry-content h3 a, h3.entry-title a {color:#B97720;font-weight:normal;} #content .entry-content h3 a:hover, h3.entry-title a:hover {color:#333;} body.home .page .entry-content {font-size:108%;line-height:146.5%;background:transparent url('images/PCT_wideDivider.jpg') no-repeat bottom left;padding-bottom:40px;margin-bottom:30px;} #homeSponsorText {float:left;width:220px;} #homeSponsorText p {clear:left;font-size:93%;margin-bottom:13px;} #homeSponsorLogos {float:right;width:300px;height:208px;background:transparent url('images/PCT_sponsorDivider.gif') no-repeat center center;} .sponsorSlides {float:left;position:relative;width:110px;height:81px;overflow:hidden;} #sponsorSlide1 {top:10px;left:20px;} #sponsorSlide2 {top:10px;left:50px;} #sponsorSlide3 {top:35px;left:20px;} #sponsorSlide4 {top:35px;left:50px;} a.button01 {width:275px;height:64px;margin:0 auto;display:block;overflow:hidden;background:transparent url('images/PCT_button01.png') no-repeat top left;font-size:123.1%;font-weight:bold;letter-spacing:0.02em;line-height:430%;color:#593e17;font-style:italic;text-decoration:none;} a.button01:hover {color:#3a280f;background-position:0px 100%;} a.button02 {text-align:center;width:275px;height:64px;margin:0 auto;display:block;overflow:hidden;background:transparent url('images/PCT_button02.png') no-repeat top left;font-size:123.1%;font-weight:bold;letter-spacing:0.02em;line-height:430%;color:#2d0707;font-style:italic;text-decoration:none;} a.button02:hover {color:#160304;background-position:0px 100%;} #content p a.button02 {color:#2d0707;text-decoration:none;} #content p a.button02:hover {color:#160304;} .specialNotice {font-size:121.5%;color:#88191a;font-weight:bold;background:transparent url('images/PCT_wideDivider.jpg') no-repeat bottom left;padding-bottom:30px;margin-bottom:30px;} .hentry .entry-content ul, .hentry .entry-content ol {margin:0px 35px 25px 35px;} .hentry .entry-content ul li, .hentry .entry-content ol li {margin-bottom:3px;} #rehearsalSchedule { /* Typical fixed height and fixed width example */ width: 100%; height: 350px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; margin: 0.3em 0px; padding: 15px; } input.text {padding:3px;background: #f2efea; border: 1px solid #d7d3ca; vertical-align:top;} input.submitBTN { width:275px;height:64px; margin:0 auto; display:block; overflow:hidden; background:transparent url('/wp-content/themes/pct_on_stage/images/PCT_button02.png') no-repeat bottom left; font-size:108%; font-weight:bold; letter-spacing:0.02em; line-height:430%; color:#2d0707; font-style:italic; text-decoration:none; border:0px; cursor:pointer; } input.submitBTN:hover { color:#160304;background-position:0px 0px; } .sidebar .passwordForm {display:none;} /* SIDEBAR -------------------------------------------------------------------------------- */ #primary {padding-top:45px;} #searchArea {padding-bottom:20px;} #searchText {margin-left:10px;float:left;background:transparent url('images/PCT_searchBG.jpg') no-repeat top left;width:228px;height:36px;overflow:hidden;} #searchArea input#s {border:0px;background:transparent none;margin:9px 15px 7px 5px;padding-left:10px;width:200px;color:#a19f9b;font-size:93%;} #searchArea input#searchSubmit {margin-top:9px;margin-left:0px;cursor:pointer;border:0px;background:transparent url('images/PCT_searchSubmit.jpg') no-repeat top left;width:23px;height:14px;} #searchArea input#searchSubmit:hover, #searchArea input#searchSubmit:focus {background-position:0px 100%;} .sidebar {text-align:center;position:relative;} .sidebar h3 {display:inline;text-align:center;color:#b3781e;font-size:123.1%;font-style:italic;font-weight:normal;padding-bottom:20px;margin-bottom:3px;padding-top:4px;} #yank-widget-293473321 h3 {background:transparent url('images/PCT_calendarIcon.jpg') no-repeat top right;padding-right:24px;padding-top:12px;margin-left:15px;} #yank-widget-293659311 h3 {background:transparent url('images/PCT_downloadsIcon.jpg') no-repeat top right;padding-right:17px;padding-top:14px;margin-left:15px;} #yank-widget-297119961 h3 {background:transparent url('images/PCT_committeeIcon.jpg') no-repeat top right;padding-right:21px;padding-top:12px;margin-left:15px;} #yank-widget-302282881 h3 {background:transparent url('images/PCT_umbrellaIcon.jpg') no-repeat top right;padding-right:26px;padding-top:7px;margin-left:15px;} #yank-widget-293659311 div p {line-height:0%;} #yank-widget-297119961 {position:fixed;width:285px;} #yank-widget-302282881 {margin-top:-28px;} .widget-text {font-size:93%;line-height:141%;margin-top:15px;} .widget-text li {background:transparent url('images/PCT_sidebarDivider.jpg') no-repeat bottom center;padding-bottom:18px;} #chaperoneSchedule { /*width: 270px; margin: 0.3em 0px; padding: 15px 15px 15px 0px;*/ } .widget-text #chaperoneSchedule {text-align:left;} .widget-text #chaperoneSchedule ul {background:transparent url('images/PCT_sidebarDivider.jpg') no-repeat bottom left;padding-bottom:15px;} .widget-text #chaperoneSchedule li {background:none;padding-bottom:3px;} /* FOOTER --------------------------------------------------------------------------------- */ p#footerEmail a {color:#333;font-size:108%;font-weight:bold;text-decoration:none;} p#footerNav {margin:20px 0px 25px 0px;color:#333;font-size:93%;line-height:161.6%;} p#footerNav a {color:#333;text-decoration:none;margin:0px 1.7em;} p#footerNav a.noPad {margin:0px;} p#footerCred a {font-size:85%;text-decoration:none;color:#837c75;} #footer a:hover {color:#b57b23;} /* Just some example content */ .entry-title,.entry-meta { clear:both; } form#commentform .form-label { margin:1em 0 0; } form#commentform span.required { background:#fff; color:#c30; } form#commentform,form#commentform p { padding:0; } input#author,input#email,input#url,textarea#comment { padding:0.2em; } div.comments ol li { margin:0 0 3.5em; } textarea#comment { height:13em; margin:0 0 0.5em; overflow:auto; width:66%; } .alignright,img.alignright{ float:right; margin:1em 0 0 1em; } .alignleft,img.alignleft{ float:left; margin:1em 1em 0 0; } .aligncenter,img.aligncenter{ display:block; margin:1em auto; text-align:center; } div.gallery { clear:both; height:180px; margin:1em 0; width:100%; } p.wp-caption-text{ font-style:italic; } div.gallery dl{ margin:1em auto; overflow:hidden; text-align:center; } div.gallery dl.gallery-columns-1 { width:100%; } div.gallery dl.gallery-columns-2 { width:49%; } div.gallery dl.gallery-columns-3 { width:33%; } div.gallery dl.gallery-columns-4 { width:24%; } div.gallery dl.gallery-columns-5 { width:19%; } div#nav-above { margin-bottom:1em; } div#nav-below { margin-top:1em; } div#nav-images { height:150px; margin:1em 0; } div.navigation { height:1.25em; } div.navigation div.nav-next { float:right; text-align:right; } div.sidebar li { list-style:none; margin:0 0 2em; } div.sidebar ul ul { margin:0 0 0 1em; } div.sidebar ul ul li { list-style:none; margin:0; } div.sidebar ul ul ul { margin:0 0 0 0.5em; } div.sidebar ul ul ul li { list-style:circle; } div.gallery dl,div.navigation div.nav-previous { float:left; } input#author,input#email,input#url,div.navigation div { width:50%; }