/* Theme Name: WilcoxTheme2 Theme URI: http://chatmandesign.com.com/ Description: Theme for Rick Wilcox Magic Theater Author: Chris Coyier Author URI: http://chriscoyier.net/ */ /* RESET */ * { margin: 0; padding: 0; } html { overflow-y: scroll; min-width: 960px; } body { min-width: 960px; color: white; background: black url(images/bg-home-1.jpg) top center no-repeat; font: 14px/1.4 Georgia, Sans-Serif; } .screen-reader-text { position: absolute; left: -9999px; top: -9999px; } a img, img { border: 0; } .centered { text-align: center; } .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .group { display: inline-block; } /* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */ .clear { clear: both; } body.page-template-page-singleshow-php { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-showpage-4.jpg") top center no-repeat; } body.page-template-page-magicshop-php, body.page-template-page-product-php, body.page-template-page-magicshop-category-php { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-magicshop-1.jpg") top center no-repeat; } body.page-template-page-calendar-php { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-calendar-1.jpg") top center no-repeat; } body.page-id-120 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-about-1-eclipseA.jpg") top center no-repeat; } body.page-id-126 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-meet-1.jpg") top center no-repeat; } body.page-id-222 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-map-1.jpg") top center no-repeat; } body.page-id-861 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-corporate-1.jpg") top center no-repeat; } body.page-id-209 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-group-1-kidmagician.jpg") top center no-repeat; } body.page-id-212, body.page-id-216 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-groupform-1.jpg") top center no-repeat; } body.page-id-132 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-photopg-1-ricksuzan.jpg") top center no-repeat; } body.page-id-128, body.page-id-168, body.page-id-172, body.page-id-180, body.page-id-182, body.page-id-176, body.page-id-178 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-videopg-1-warehouse.jpg") top center no-repeat; } body.page-id-134 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-reviewpage-1-bow.jpg") top center no-repeat; } body.page-id-670, body.page-id-340, body.parent-pageid-340, body.parent-pageid-381, body.parent-pageid-408 { background: black url("/notes/wp-content/themes/WilcoxTheme2/images/bg-kidzone-1.jpg") top center no-repeat; } /* TYPOGRAPHY */ a { color: #f87002; outline: 0; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5 { margin: 0 0 10px 0; font-weight: normal; font-family: Georgia, Serif; } h1 { font-size: 36px; } h1 a { text-decoration: none; } h2 { font-size: 28px; } h3 { font-size: 20px; } h4 { font-size: 16px; } h5 { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; } p { margin: 0 0 15px 0; } blockquote { margin: 0 0 15px 0; padding: 0 0 0 15px; font-style: italic; } pre { width: 100%; overflow: auto; margin: 0 0 15px 0; } strong { color: #febf00; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 600; } strong span { color: white; } .button { color: white !important; font: bold 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-transform: uppercase; background: black; border: 3px solid #505050; color: #f87002; padding: 4px 16px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 10px; } .button:hover { text-decoration: none; border-color: white; } .button-white { background: white; color: black !important; } .button-white:hover { border-color: #A5A5A5; } .button-square { background: white; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid black; text-transform: none; color: black !important; } .button-square span { color: #f87002; } .button-square:hover { text-decoration: none; border-color: black; } .button-square:hover span { text-decoration: underline; } .button-square-black { background: black; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid white; text-transform: none; color: white !important; } .button-square-black span { color: #f87002; } .button-square-black:hover { text-decoration: none; } .button-square-black:hover span { text-decoration: underline; } .button-square-reverse { font-weight: normal !important; background: black; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 1px solid white; text-transform: uppercase; color: white !important; } .button-square-reverse:hover { text-decoration: none; background: white; color: black !important; } /* BASIC STRUCTURE */ #page-wrap { width: 960px; margin: 0 auto; position: relative; padding: 0 0 140px 0; } #main-content { padding: 240px 0 0 0; } #column-wrap { } .typekit-badge { display: none !important; } .col-two { width: 470px; float: left; margin: 0 20px 0 0; } .col-twothirds { width: 616px; float: left; margin: 0 20px 0 0; } .col-onethird { width: 306px; float: left; margin: 0 20px 0 0; } .col-onequarter { width: 225px; float: left; margin: 0 20px 0 0; } .col-threequarter { width: 715px; float: left; margin: 0 20px 0 0; } .last { margin-right: 0 !important; } #tag { font: bold 18px/1.3 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; position: absolute; top: 147px; right: 185px; text-transform: uppercase; width: 260px; text-align: center; } #tag span { display: block; text-transform: none; font-size: 16px; font-weight: normal; } #tag span em { font-style: normal; } /* WIDGETS */ .widget { position: relative; background: url(/images/black75.png); margin: 0 0 15px 0; position: relative; border: 1px solid #999; padding: 15px; -moz-border-radius: 7px; -webkit-border-radius: 12px; -moz-box-shadow: 0 0 7px black; -webkit-box-shadow: 0 0 12px black; } .widgettitle { color: black !important; font: bold 12px/1 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-transform: uppercase; position: absolute; top: -12px; left: 24px; color: black; background: #f8bb02; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding: 4px 12px 5px; border: 1px solid white; } .widget p:last-child { margin-bottom: 0; } .widget a { font-weight: bold; } .widget h1, .widget h2, .widget h3, .widget h4 { color: white; } .widget-white { background: white; border-color: white; color: black; } .widget-white h1, .widget-white h2, .widget-white h3, .widget-white h4 { color: black; } .widget-white h5 { background: black; color: white; font: bold 13px Helvetica, Arial, Sans-Serif; text-transform: uppercase; letter-spacing: 2px; padding: 3px 8px; } .widget-white strong { color: black; } .widget-yellow { background: url(/images/yellow85.png); border-color: white; color: black; } .widget-yellow h1, .widget-white h2, .widget-white h3, .widget-white h4 { color: black; } .widget-yellow h5 { background: black; color: white; font: bold 13px Helvetica, Arial, Sans-Serif; text-transform: uppercase; letter-spacing: 2px; padding: 3px 8px; } .widget-yellow strong { color: black; } .sans { letter-spacing: 0.2px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; color: #acacac; } .widget-white.sans { color: black; } .widget-calendar.sans { color:#fff; } .show_calendar_widget { padding-top: 30px; } .show_calendar_widget .calender-widget-inside { height: 200px; overflow-y: auto; overflow-x: hidden; width: 438px; } .show_calendar_widget ul { list-style: none; margin: 0 !important; } .show_calendar_widget li { cursor: pointer; font-size: 13px; position: relative; padding: 3px 0; font: 12px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .show_calendar_widget li.even { } .show_calendar_widget li.odd { background: rgba(255,255,255,0.1); } .show_calendar_widget li:hover { background: #686868; z-index: 300; } .show_calendar_widget span { display: inline-block; vertical-align: middle; margin: 0 5px; } .show_calendar_widget .colorblock { width: 13px; height: 13px; border: 1px solid white; } .show_calendar_widget .showDate { width: 180px; } .show_calendar_widget .showTime { width: 90px; } .show_calendar_widget .showDate a, .show_calendar_widget .showTime a { color:#fff; font-weight:normal; } .show_calendar_widget .buyTickets { margin-left: 0; font-size: 12px; text-transform: uppercase; background: black; border: 1px solid #666; padding: 0px 5px; } .show_calendar_widget .buyTickets a { color: white; font-weight: normal; } .show_calendar_widget li:hover .buyTickets { border: 1px solid white; } .show_calendar_widget #icon-cal { position: absolute; top: -47px; right: 2px; } .show_calendar_widget #cal-message { color: white; font-weight: 300; position: absolute; top: 5px; right: 80px; font-size: 12px; } .show_calendar_widget .view-all { background: black !important; text-align: center; padding: 5px; font-size: 18px; } .show_calendar_widget .view-all em { font-size: 12px; } #text-17 { background: none; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } img.flickr-thumb { display: none; } /* NAVIGATION */ #main-nav-wrap { z-index: 99999; position: fixed; width: 100%; background: url(/images/black75.png); -moz-box-shadow: 0 0 15px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.5); } #main-nav { list-style: none; position: relative; width: 960px; margin: 0 auto; } #main-nav li { display: inline; } #main-nav li a { font: 13px/1.4 Helvetica, Arial, Sans-Serif; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; } #main-nav a:hover, #main-nav li.current_page_item a { color: white; } #magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: white; } #main-nav .social-media-button a { position: absolute; top: 5px; width: 18px; height: 18px; float: none; padding: 0; text-indent: -9999px; } #main-nav .facebook a { right: 0px; background: url(images/Facebook_16_WhiteBorderHover.png) no-repeat; } #main-nav .twitter a { right: 25px; background: url(images/Twitter_16_WhiteBorderHover.png) no-repeat; } #main-nav .flickr a { right: 50px; background: url(images/Flickr_16_WhiteBorderHover.png) no-repeat; } #main-nav .trip-advisor a { right: 75px; background: url(images/TripAdvisor_16_WhiteBorderHover.png) no-repeat; } #main-nav .news a { width: 42px; right: 100px; background: url(images/news_16_button.png) no-repeat; } #main-nav .social-media-button:hover a { background-position: bottom left; } .page-item-64 { margin-right: 30px; } .page-item-510 a { color: #f8bb02; } #trip-advisor-button { top: 42px; position: fixed; } #bg-switcher { position: absolute; right: 35px; top: 83px; width: 30px; height: 30px; } /* POSTS */ .meta { font-size: 12px; text-transform: uppercase; position: relative; border-top: 1px solid black; border-bottom: 1px solid black; padding: 2px 0; margin: 0 0 20px 0; padding-right: 150px; } .meta span { position: absolute; right: 0; top: 1px; } .meta a { text-decoration: none; } .meta a:hover { text-decoration: underline;} .article-content p { margin: 0 0 15px 0; } .article-content ul, .article-content ol { margin: 0 0 10px 20px; } .article-content ul ul, .article-content ol ol { margin-top: 5px; } .article-content li { margin: 0 0 5px 0; } .post { margin: 0 0 40px 0; } /* PAGINATION */ .pagination { overflow: hidden; } .pagination .newer { float: right; } .pagination .older { float: left; } /* LIGHTBOX */ #flightbox-title { font-weight: bold; color: #666 !important; font-size: 20px !important; margin: 8px 0 1px 0; } #flightbox-close { background: url(/images/close.png) no-repeat !important; width: 82px !important; height: 35px !important; } #news { z-index: 10000; color: black; background:black; opacity:0.93; -moz-border-radius: 4px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px black; -webkit-box-shadow: 0 0 5px black; box-shadow: 0 0 5px black; display: none; border: 2px solid #960105; padding: 12px; width: 180px; position: absolute; top: 20px; right: 15px; } #news p { font: 300 12px/1.2 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color:#fff; } #news p em { color: #FEBF00; font-weight: bold; font-style: normal; } #news p strong { color: #FEBF00; /*222*/ } #news p:last-child { margin: 0; } /* FOOTER */ #footer { position:fixed; z-index:99999; width:100%; bottom:0; left:0; color:#999; font-style:italic; font-size:12px; background:url(/images/black75.png); -moz-box-shadow:0 0 15px rgba(255,255,255,0.5); -webkit-box-shadow:0 0 15px rgba(255,255,255,0.5); } #footer-inside { width: 960px; margin: 0 auto; padding: 10px 0; position: relative; } #footer-form { display: inline; } #email { color: #999; font-style: italic; } #submit { margin-right: 2px; } #footer span { position: absolute; top: 10px; right: 0; } #footer span a { font-style: normal; margin-left: 10px; } #logos { text-align: center; padding: 15px 0 0 0; } /* SPECIAL OFFER */ #special_offer { background:rgba(92,0,132,0.8); font-size:14px; } #special_offer.widget { border:1px solid #FEBF00 !important; } #special_offer .subtext { font-size:11px; font-family:Helvetica, Arial, sans-serif; } #special_offer_showpage { background:#6F009F none; font-size:14px; padding:8px; color:#fff; text-align:center; } #special_offer_showpage strong { color:#F8BB02; } #special_offer_showpage span { font-size:11px; font-family:Helvetica, Arial, sans-serif; } #special_offer_showpage.widget { border:1px solid #FEBF00 !important; } /* REVIEWS */ .expandable { padding-bottom:15px; } /* REQUEST A SHOW */ #text-2 { font: 20px Georgia, Serif; color: #df7118; background-color: rgba(0,0,0,0.75) !important; background-color: black; background-image: url(/images/widgetgraphic-dove.png); background-repeat: no-repeat; background-position: 0 -8px; padding-left: 130px; text-align: center; } #text-2 strong { color: #e1af19; font-weight: normal; font-family: Georgia, Serif; } #text-2 em { color: white; font-style: normal; } #text-2 span { font-size: 12px; color: #999; display: block; margin-top: 5px; } /* HIDE MOBILE STYLES */ .mobile_element, .notavailable_number, .notavailable { display:none; }