/* CSS Document tracepoint /* DARK CRIMSON*/ /******************************************************************************** TABLE OF CONTENTS ********************************************************************************/ /* * 01 - RESETS * 02 - FONTS * 03 - GLOBAL STYLES * 04 - GRADIENTS * * ----------- CONTENT ------------- * * 05 - MASTHEAD * a. TOP NAV * b. BRANDING AREA * c. UPCOMING EVENTS * d. MAIN NAV * * 06 - CONTENT * a. HOMEPAGE * b. INSIDE PAGES * * 07 - SIDEBARS * a. HORIZONTAL SIDEBAR (on homepage) * b. VERTICAL SIDEBAR * * 08 - FOOTER * 09 - BIRTHDAY PAGE /******************************************************************************** 01 - RESETS ********************************************************************************/ 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, 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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1;} ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} a:active { outline: 0;} sup, sub { position: relative; height: 0; line-height: 1; vertical-align: baseline !important; vertical-align: bottom;} sup { bottom: .75ex;} sub { top: .5ex;} /* remember to define focus styles! */ :focus { outline: 0;} /* remember to highlight inserts somehow! */ ins { text-decoration: none;} del { text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;} /******************************************************************************** 02 - FONTS ********************************************************************************/ @font-face { font-family: 'Gotham-BoldGotham-BoldItalic'; src: url('../../global/fonts/gothmbit-webfont.eot'); src: url('../../global/fonts/gothmbit-webfont.eot#iefix') format('embedded-opentype'), url('../../global/fonts/gothmbit-webfont.woff') format('woff'), url('../../global/fonts/gothmbit-webfont.ttf') format('truetype'), url('../../global/fonts/gothmbit-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-BookGotham-Book'; src: url('../../global/fonts/gothmbok-webfont.eot'); src: url('../../global/fonts/gothmbok-webfont.eot#iefix') format('embedded-opentype'), url('../../global/fonts/gothmbok-webfont.woff') format('woff'), url('../../global/fonts/gothmbok-webfont.ttf') format('truetype'), url('../../global/fonts/gothmbok-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-BoldGotham-Bold'; src: url('../../global/fonts/gothmbol-webfont.eot'); src: url('../../global/fonts/gothmbol-webfont.eot#iefix') format('embedded-opentype'), url('../../global/fonts/gothmbol-webfont.woff') format('woff'), url('../../global/fonts/gothmbol-webfont.ttf') format('truetype'), url('../../global/fonts/gothmbol-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-MediumGotham-Medium'; src: url('../../global/fonts/gothmmed-webfont.eot'); src: url('../../global/fonts/gothmmed-webfont.eot#iefix') format('embedded-opentype'), url('../../global/fonts/gothmmed-webfont.woff') format('woff'), url('../../global/fonts/gothmmed-webfont.ttf') format('truetype'), url('../../global/fonts/gothmmed-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-MediumGothamMdIt'; src: url('../../global/fonts/gothmmit-webfont.eot'); src: url('../../global/fonts/gothmmit-webfont.eot#iefix') format('embedded-opentype'), url('../../global/fonts/gothmmit-webfont.woff') format('woff'), url('../../global/fonts/gothmmit-webfont.ttf') format('truetype'), url('../../global/fonts/gothmmit-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KautivaRegular'; src: url('../../global/fonts/kautiva.eot'); src: url('../../global/fonts/kautiva.eot#iefix') format('embedded-opentype'), url('../../global/fonts/kautiva.woff') format('woff'), url('../../global/fonts/kautiva.ttf') format('truetype'), url('../../global/fonts/kautiva.svg') format('svg'); font-weight: normal; font-style: normal; } /******************************************************************************** 03 - GLOBALS ********************************************************************************/ body { background: #151515 url(../images/bg_body.jpg) no-repeat center top; font: normal normal 13px/1 Helvetica, Arial, sans-serif; color: #ffffff;} /* links */ .main_content a, .main_content .button { transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -webkit-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s;} a { color: #d6f7ff; text-decoration: none;} a:hover { color: #f03838;} /* typography */ p { padding-top: 15px; line-height: 1.5;} .main_content p { font-size: 14px; line-height: 1.75;} .list, .features ul, .main_content ol { list-style: disc; margin: 20px 0 0 35px; line-height: 1.5;} .main_content ol { list-style: decimal;} /* headers */ h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "KautivaRegular", Helvetica, Arial, sans-serif;;} h1 { font-size: 30px; line-height: 1.15; color: #d6f7ff; text-transform: uppercase;} h1.center { font-size: 30px; line-height: 1.15; color: #d6f7ff; text-transform: uppercase; text-align:center;} h2 { padding-top: 30px; font-size: 26px; line-height: 1.25; color: #d6f7ff; text-transform: uppercase;} h3 { padding-top: 20px; font-size: 22px; line-height: 1.25; color: #d6f7ff; text-transform: uppercase;} h4 { padding-top: 20px; font-size: 20px; line-height: 1.25; color: #d6f7ff;} h5 { padding-top: 20px; font-size: 18px; line-height: 1.25; color: #d6f7ff;} h6 { padding-top: 20px; font-size: 16px; line-height: 1.25; color: #d6f7ff;} .header { display: block;} /* containers */ .container { clear: both; width: 940px; margin: auto; position: relative;} /* images */ .sprite { display: block; background: url(../images/sprite.png) no-repeat; text-indent: -999em;} img { display: block;} /* gets rid of 3px gap */ /* decoration */ .gloss { position: relative;} .gloss:before { content: ""; display: block; width: 100%; height: auto; background: url(http://websitedojo.com/themesv2/DarkCrimson/images/transparent_5.png); position: absolute; left: 0; top: 0;} .outer_glow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);} /* forms */ form .submit, form .reset { width: auto; padding: 0; border: 0; border-radius: 8px; background: #545454; font-size: 14px; color: #ffffff; text-transform: uppercase; text-align: center; text-indent: 0; cursor: pointer;} form .submit:hover, form .reset:hover { background: #d42020;} /* floats */ .float_left { float: left;} .float_right { float: right;} .clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px;} /* dropdown nav */ .dropdown_menu { position: relative; z-index: 999;} .dropdown_menu li { position: relative;} .dropdown_menu li:hover { position: relative;} .dropdown > a .arrow { width: 0; height: 0; margin-left: 7px;; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: #ffffff solid 5px; position: relative; top: 9px;} .dropdown:hover > a .arrow { border-top-color: #ffffff;} .dropdown .sub_menu { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 999;} .dropdown:hover .sub_menu { visibility: visible;} .last.dropdown .sub_menu { left: auto; right: 0; } /* IE 6 & 7 Needs Inline Block */ .dropdown .sub_menu a { display: block;} .text_header_main_nav { color: #b9f3ff; line-height: 2; margin-top: 10px; text-transform: uppercase; } /* buttons */ .button { display: inline-block; padding: 10px 20px; background: #545454; border-radius: 5px; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; color: #ffffff;} .button:hover { background: #d42020; color: #ffffff; text-decoration: none !important;} /* when there are multiple buttons beside each other */ .button_list { margin-top: 10px; overflow: hidden;} .button_list .button, .button_list iframe { margin-left: 0px; margin-top: 10px; margin-right: 10px;} .button_list .button:first-child { margin-left: 0; margin-right: 10px;} .button_list iframe { position: relative; top: 2px;} /* new clearfix */ .clearfix:after { content: ""; clear: both; visibility: hidden; display: block; height: 0; font-size: 0;} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /******************************************************************************** 04 - GRADIENTS ********************************************************************************/ /* gray to white */ .location_bar, .top_bar { background: #2c2c2c; /* Old browsers */ background: -moz-linear-gradient(top, #121212 0%, #2c2c2c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #121212), color-stop(100%, #2c2c2c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #121212 0%, #2c2c2c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #121212 0%, #2c2c2c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #121212 0%, #2c2c2c 100%); /* IE10+ */ background: linear-gradient(to bottom, #121212 0%, #2c2c2c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#2c2c2c',GradientType=0 ); /* IE6-9 */ } /* white to gray */ .featured_slider, .horizontal { background: #545454; /* Old browsers */ background: -moz-linear-gradient(top, #4b4b4b 0%, #545454 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #545454)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4b4b4b 0%, #545454 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4b4b4b 0%, #545454 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4b4b4b 0%, #545454 100%); /* IE10+ */ background: linear-gradient(to bottom, #4b4b4b 0%, #545454 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#545454',GradientType=0 ); /* IE6-9 */ } /* light blue to dark blue */ .featured_programs .programs { background: #3e3e3e; /* Old browsers */ background: -moz-linear-gradient(top, #3e3e3e 0%, #202020 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3e3e), color-stop(100%, #202020)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3e3e3e 0%, #202020 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3e3e3e 0%, #202020 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3e3e3e 0%, #202020 100%); /* IE10+ */ background: linear-gradient(to bottom, #3e3e3e 0%, #202020 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#202020',GradientType=0 ); /* IE6-9 */ } /* light gray to gray */ .featured_content .header { background: #d4d4d4; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #d4d4d4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #d4d4d4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%, #d4d4d4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%, #d4d4d4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%, #d4d4d4 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%, #d4d4d4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ } /* gray to black to gray */ .footer { background: #101010; /* Old browsers */ background: -moz-linear-gradient(top, #101010 0%, #272727 40%, #272727 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#101010), color-stop(40%,#272727), color-stop(100%,#272727)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #101010 0%,#272727 40%,#272727 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #101010 0%,#272727 40%,#272727 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #101010 0%,#272727 40%,#272727 100%); /* IE10+ */ background: linear-gradient(to bottom, #101010 0%,#272727 40%,#272727 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#272727',GradientType=0 ); /* IE6-9 */ } /* nav hovers */ .top_nav a:hover, .main_nav > li > a:hover, .main_nav > .active > a { background: #d42020; /* Old browsers */ background: -moz-linear-gradient(top, #d42020 0%, #870505 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d42020), color-stop(100%, #870505)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d42020 0%, #870505 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d42020 0%, #870505 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d42020 0%, #870505 100%); /* IE10+ */ background: linear-gradient(to bottom, #d42020 0%, #870505 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d42020', endColorstr='#870505',GradientType=0 ); /* IE6-9 */ } /* nav dividers */ .top_nav a:before, .top_nav a:after, .main_nav > li > a:before{ content: ""; display: block; width: 1px; height: auto; position: absolute; left: -1px; top: 0; background: #373737; /* Old browsers */ background: -moz-linear-gradient(top, #373737 0%, #3d3d3d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(100%, #3d3d3d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #373737 0%, #3d3d3d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #373737 0%, #3d3d3d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #373737 0%, #3d3d3d 100%); /* IE10+ */ background: linear-gradient(to bottom, #373737 0%, #3d3d3d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */ } .footer_nav .column:before { content: ""; display: block; width: 1px; height: auto; position: absolute; left: -1px; top: 0; background: #373737; /* Old browsers */ background: -moz-linear-gradient(top, #373737 0%, #272727 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(100%, #272727)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #373737 0%, #272727 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #373737 0%, #272727 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #373737 0%, #272727 100%); /* IE10+ */ background: linear-gradient(to bottom, #373737 0%, #272727 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#272727',GradientType=0 ); /* IE6-9 */ } /******************************************************************************** 05 - MASTHEAD ********************************************************************************/ .masthead {} /* location bar */ .location_bar { position: relative; z-index: 1; border-bottom: #575757 solid 1px;} .location_bar.hide { display: none;} .location_bar .container { overflow: hidden;} /* location nav */ .location_nav { float: left; position: relative; left: 50%;} .location_nav li { float: left; position: relative; right: 50%; margin: 0 15px;} .location_nav a { display: block; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 32px; color: #fff; text-transform: uppercase;} .location_nav a:hover { color: #fff198;} /* top bar */ .top_bar { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);} .top_bar .container { overflow: hidden;} /* top nav */ .top_nav { float: left; position: relative; left: 50%;} .top_nav li { float: left; position: relative; right: 50%; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 32px; color: #ffffff; text-transform: uppercase;} .top_nav .last {} .top_nav a { float: left; display: block; margin-left: 1px; padding: 0 10px; background: #212121; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 32px; color: #ffffff; text-transform: uppercase; position: relative;} .top_nav .last a { margin-right: 1px;} .top_nav a:before { height: 32px;} .top_nav .last a:after { left: auto; right: -1px; height: 32px;} .top_nav a:hover { color: #ffffff;} /* top social */ .top_bar .social { position: absolute; left: 0; top: 5px; z-index: 1;} .top_bar .social li { float: left; margin-left: 5px;} .top_bar .social .sprite { width: 20px; height: 20px;} .top_bar .social .twitter .sprite { background-position: -50px 0;} .top_bar .social .goggle .sprite { background-position: -120px 0; width: 25px;} .top_bar .social .youtube .sprite { background-position: -172px 0;} /* top signin */ .top_bar .container > .signin { position: absolute; right: 0; top: 10px;} /* branding area with upcoming events */ .branding { padding: 15px 0;} /* masthead sections */ .masthead_sections > li { float: left; width: 220px; height: 270px;} .masthead_sections .first_section { width: 215px; background-color: rgba(0, 0, 0, 0.4); border-left: #575756 solid 5px;} .masthead_sections .first_section.has_events { width: 220px; border-left: none;} .masthead_sections .middle_section { width: 500px;} .logo_branding { display: block; width: 186px; height: 184px; margin: 0px auto 0; } /* upcoming events */ .upcoming_events_widget { float: left; width: 220px; padding-top: 50px; background: url(../images/bg_upcoming_events.png) no-repeat; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; font-size: 12px; color: #fff;} .upcoming_events_widget dt, .upcoming_events_widget dd { padding: 0 15px; line-height: 1.35;} .upcoming_events_widget dt + dd { margin-top: 10px;} .upcoming_events_widget .event_date { font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; padding-top: 10px; color: ##fff198; } .upcoming_events_widget .event_title, .upcoming_events_widget .event_location { margin-top: 5px;} .upcoming_events_widget a { color: #fff;} .upcoming_events_widget a:hover { color: #fff198;} /* no events */ .no_events { padding-top: 20px; text-align: center;} /* latest news */ .latest_news_widget { float: left; clear: left; width: 220px; } .latest_news_widget dl { padding: 25px 15px 0;} .latest_news_widget .news_title { margin-top: 5px; font-size: 15px; line-height: 1.2; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif;} .latest_news_widget .news_title a { color: #fff;} .latest_news_widget .news_title a:hover { color: #fff198;} .latest_news_widget .news_read_more { margin-top: 10px;} .latest_news_widget .news_read_more:before { content: ">"; color: #b9f3ff; padding-right: 5px;} .latest_news_widget .news_date { color: #b9f3ff; } .latest_news_widget .news_read_more a:hover { color: #fff198; text-decoration: none;} /* latest news widget FULL */ .latest_news_widget_full { width: 190px; height: auto; padding: 15px; background-image: none;} .latest_news_widget_full dl { padding: 0; padding-bottom: 15px; margin-bottom: 15px; border-bottom: #4a4a4a solid 1px;} .latest_news_widget_full dl:last-child, .latest_news_widget_full dl.last { padding-bottom: 0; margin-bottom: 0; border-bottom: none;} .latest_news_widget_full .news_date span, .latest_news_widget_full .news_read_more { display: none;} /* locations */ .locations_widget { float: left; width: 145px; height: auto; padding: 25px 60px 50px 15px; background-image: none; font-size: 14px; text-transform: uppercase;} .locations_widget .locations_widget_header { position: relative; top: -5px; display: inline-block; padding-bottom: 5px; border-bottom: #fff198 solid 1px; font-size: 17px; font-family: "KautivaRegular", Helvetica, Arial, sans-serif; color: #fff198;} .locations_widget .location_title { margin-top: 20px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif;} .locations_widget .location_phone { margin-top: 5px; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif;} .locations_widget a { color: #fff;} .locations_widget a:hover { color: #fff198;} /* contact info */ .masthead .contact_info { clear: both;} .masthead .contact_info li { font-size: 15px; line-height: 1.5; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; text-align: center;} .masthead .contact_info .phone { font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; font-size: 22px; color: #fff198;} .masthead .contact_info .address { font-size: 14px;} /* locations 4 */ .locations_widget_4 { width: 165px; padding-top: 0; padding-right: 40px; padding-bottom: 20px;} .locations_widget_4 .locations_widget_header { display: none;} .locations_widget_4 dl { padding-right: 40px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #535353 solid 1px;} .locations_widget_4 dl:last-child, .locations_widget_4 dl.last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;} /* locations 5 */ .locations_widget_5 { width: 165px; padding-top: 20px; padding-right: 40px; padding-bottom: 20px;} .locations_widget_5 .locations_widget_header { display: none;} .locations_widget_5 dl { padding-right: 40px; padding-bottom: 7px; margin-bottom: 7px; border-bottom: #535353 solid 1px;} .locations_widget_5 dl:last-child, .locations_widget_5 dl.last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;} .locations_widget_5 .location_title { margin-top: 0;} /* locations 6 */ .locations_widget_6 { width: 165px; padding-top: 10px; padding-right: 40px; padding-bottom: 10px; font-size: 11px;} .locations_widget_6 .locations_widget_header { display: none;} .locations_widget_6 dl { padding-right: 40px; padding-bottom: 7px; margin-bottom: 7px; border-bottom: #535353 solid 1px;} .locations_widget_6 dl:last-child, .locations_widget_6 dl.last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;} .locations_widget_6 .location_title { margin-top: 0;} /* locations 7 */ .locations_widget_7 { width: 165px; padding-top: 10px; padding-right: 40px; padding-bottom: 10px; font-size: 11px;} .locations_widget_7 .locations_widget_header { display: none;} .locations_widget_7 dl { padding-right: 40px; margin-bottom: 8px;} .locations_widget_7 dl:last-child, .locations_widget_7 dl.last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;} .locations_widget_7 .location_title { margin-top: 0;} /* get started form */ .get_started_form { float: right; height: 250px; padding: 10px; background: #121212;} .get_started_form p { padding-top: 0; font-size: 20px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif; color: #fff; text-align: center;} .get_started_form_fields { margin-top: 10px;} .get_started_form_fields li { margin-top: 10px;} .get_started_form_fields label { display: block; font-size: 10px; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; text-transform: uppercase;} .get_started_form_fields input[type="text"] { display: block; width: 190px; margin-top: 5px; padding: 5px; background-color: #505050; border: none; font-size: 12px; color: #fff;} .get_started_form_fields input[type="text"]:focus { background-color: #fff198; color: #000;} /* phone fields */ .get_started_form_fields #get_started_form_phone1 { float: left; width: 45px;} .get_started_form_fields #get_started_form_phone2 { float: left; width: 45px; margin-left: 10px;} .get_started_form_fields #get_started_form_phone3 { float: left; width: 60px; margin-left: 10px;} .get_started_form_fields button { display: block; width: 100%; margin-top: 15px; padding-top: 5px; padding-bottom: 5px; border-radius: 0; font-weight: bold; font-size: 23px; line-height: 1; font-family: "KautivaRegular", Helvetica, Arial, sans-serif; color: #000; text-align: center; background: #fff768; /* Old browsers */ background: -moz-linear-gradient(top, #fff768 0%, #ffdc3c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff768), color-stop(100%, #ffdc3c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff768 0%, #ffdc3c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff768 0%, #ffdc3c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff768 0%, #ffdc3c 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff768 0%, #ffdc3c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff768', endColorstr='#ffdc3c',GradientType=0 ); /* IE6-9 */ } .get_started_form_fields button:hover { background-image: none; background-color: #fff;} .get_started_form_fields button span { display: block; font-weight: normal; font-size: 18px;} /* contact info */ .masthead .contact_info { clear: both;} .masthead .contact_info li { font-size: 15px; line-height: 1.5; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; text-align: center;} .masthead .contact_info .phone { font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; font-size: 22px; color: #b9f3ff;} .masthead .contact_info .address { font-size: 14px;} /* masthead photo */ .masthead_photo { position: absolute; left: 30px; bottom: 0;} /* main nav */ .main_nav { background: #282828; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif;} .main_nav.gloss:before {background: #444444; height: 25px; border-radius: 0 0 2px 2px;} /* first level */ .main_nav > li { float: left;} /* all levels */ .main_nav a { color: #ffffff; position: relative;} /* first level */ .main_nav > li > a { display: block; padding: 0 13px; margin-left: 1px; font-size: 12px; line-height: 44px; text-align: center; text-transform: uppercase;} .main_nav > li > a:before { height: 44px;} .main_nav > li:first-child > a:before { background: none;} .main_nav > li > a:hover, .main_nav > .active > a { color: #ffffff;} /* dropdowns */ .main_nav .sub_menu { padding: 15px; background: #0f0f0f; border-radius: 0 0 5px 5px;} .main_nav .sub_menu a { display: block; width: auto; padding: 0 15px; margin-top: 5px; background-color: #1f1f1f; border-radius: 5px; color: #ffffff; line-height: 37px; white-space: nowrap;} .main_nav .sub_menu > li:first-child > a { margin-top: 0;} .main_nav .sub_menu a:before { content: ">"; padding-right: 5px; color: #a0a0a0;} .main_nav .sub_menu .column a:before { content: ""; padding-right: 5px; color: #3b3b3b;} .main_nav .sub_menu a:hover { background-color: #d42020; color: #ffffff;} /* dropdown columns */ .main_nav .sub_menu .column { float: left; width: 150px; margin-left: 5px;} .main_nav .sub_menu .column:first-child { margin-left: 0;} .main_nav .sub_menu .column .header a { line-height: 1.5; color: #ffffff; text-transform: uppercase; margin-left: -12px; background-color:transparent;} .main_nav .sub_menu .column .header a:hover { color: #fff198;} /* dropdown contact form */ .sub_menu.contact_form { left: auto; right: 0;} .sub_menu.contact_form > li { padding-top: 20px; margin-top: 20px; border-top: #dadada solid 1px;} .sub_menu.contact_form > li:first-child { padding: 0; margin: 0; border-top: none;} .sub_menu.contact_form .form { padding-top: 10px;} .sub_menu.contact_form > li > a { width: 140px; margin: auto; color: #ffffff ; text-align: center;} .sub_menu.contact_form a:before { display: none;} .sub_menu.contact_form p { padding-top: 10px; color: #ffffff; font-size:12px; text-align:center;} /* the form */ .sub_menu.contact_form form { width: 310px;} .sub_menu.contact_form .form_fields li { margin-top: 10px;} .form_fields label { float: left; width: 100px; margin-right: 10px; line-height: 25px; font-size:11px; color: #ffffff; text-align: right; text-transform: uppercase;} .form_fields input[type="text"], .form_fields textarea { float: left; width: 198px; padding: 5px 0; background: #ffffff; border: #d7d7d7 solid 1px; border-radius: 5px; color: #a92800; text-indent: 5px;} .form_fields textarea { height: 50px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.05em;} .form_fields .submit { display: inline; margin: 0 10px 0 110px; font-size:12px; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif;} .form_fields .submit, .form_fields .reset { width: 80px; padding: 5px 10px; font-size:12px; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif;} /* error handling */ .contact_form .error { margin-top: 5px; padding: 5px; border-radius: 5px; background: #ffd8d8; border: #bb1a1a solid 1px; color: #bb1a1a;} /* social buttons */ .sub_menu.contact_form .social ul { float: left; position: relative; left: 50%;} .sub_menu.contact_form .social li { float: left; margin-left: 5px; position: relative; right: 50%;} .sub_menu.contact_form .social .sprite { width: 32px; height: 32px; margin: 0; padding: 0; background-color: transparent; background-position: 0 -50px; line-height: auto; text-align: left;} .sub_menu.contact_form .social .sprite:hover { background-color: transparent;} .sub_menu.contact_form .social .twitter .sprite { background-position: -50px -50px;} /******************************************************************************** 06 - CONTENT ********************************************************************************/ .main { clear: both; margin-top: 5px;} .inside_page .main { background: #272727;} /* content area */ .main_content { padding: 30px 40px 40px 30px;} /* miscellaneous */ .back_to_top { text-align: right;} .back_to_top a { font-size: 11px;} .back_to_top a:after { content: "\2191"; padding-left: 5px; position: relative; top: -2px;} /* * #homepage */ .featured_slider { padding: 10px 10px 10px; position: relative;} .featured_slider .slides { height: 310px; overflow: hidden;} .slides img { border-radius: 15px;} /* nivo nav */ .nivo-controlNav { position: absolute; z-index: 9999; left: 50%; bottom: 15px;} .nivo-controlNav a { float: left; position: relative; right: 50%; width: 10px; height: 10px; margin: 0 3px; background-color: rgba(0, 0, 0, 0.6); border: #fff solid 1px; border-radius: 50%; font-size: 10px; line-height: 1; color: #fff; text-indent: -9999em;} .nivo-controlNav a:hover, .nivo-controlNav .active { background-color: #fff; border-color: #000; color: #000;} /* featured programs */ .featured_programs { margin-top: 20px;} .featured_programs_header { background: #121212; border-top: #454545 solid 1px; border-bottom: #454545 solid 1px; text-align: center;} /* featured programs header */ .featured_programs_header span { display: inline-block; padding: 0 20px; background-color: #cf2121; font-size: 14px; line-height: 30px; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; color: #fff; text-transform: uppercase;} /* the programs */ .featured_programs .programs { padding: 10px 13px;} .featured_programs .programs.gloss:before { height: 50px;} /* featured programs slider */ .featured_programs .slides .slide { float: left; width: 215px; margin-right: 15px; padding: 1px; background-color: #121212; border-radius: 15px;} .featured_programs .slides .slide:hover { background-color: #cf2121;} /* slide img */ .featured_programs .slide img { width: 100%; height: 110px;} /* slide content */ .featured_programs .slide_content { padding: 20px; height:110px;} .featured_programs .slide_content .header { font-size: 20px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif; color: #b9f3ff;} .featured_programs .slide_content a { color: #fff;} /* on hover */ .featured_programs .slides .slide:hover .header, .featured_programs .slides .slide:hover a { color: #fff;} .featured_programs .slides .slide:hover a:hover { text-decoration: none;} /* featured slider arrows */ .slider_programs .flex-prev, .slider_programs .flex-next { position: absolute; top: 50%; display: block; width: 0; height: 0; margin-top: -8px; border-top: transparent solid 16px; border-bottom: transparent solid 16px; border-right: #6d6d6d solid 16px; text-indent: -9999em;} .slider_programs .flex-prev { left: -30px;} .slider_programs .flex-next { right: -30px; border-right: none; border-left: #6d6d6d solid 16px;} .slider_programs .flex-prev:hover { border-right-color: #fff;} .slider_programs .flex-next:hover { border-left-color: #fff;} /* featured sections (vertical accordion) */ .featured_sections { margin-top: 25px;} /* section title default state */ .featured_sections .section_title { margin-top: 3px; background: #3e3e3e; border-left: #313131 solid 30px; color: #7a7a7a; cursor: pointer;} .featured_sections .section_title.gloss:before { height: 15px;} .featured_sections .section_title .header { float: left; margin-left: -30px; padding-left: 35px; border-left: #3e3e3e solid 5px; font-size: 16px; line-height: 34px; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif;} /* click to open/close */ .featured_sections .instructions { float: right; padding-right: 10px; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; line-height: 30px; color: #7a7a7a; font-size: 11px; text-transform: uppercase; position: relative; z-index: 999;} .featured_sections .instructions:hover { color:#ffffff;} .ie7 .featured_sections .instructions { width: 20%;} .featured_sections .section_title .sprite { float: right; width: 20px; height: 20px; margin: 5px 0 0 10px; background-position: 0 -100px;} /* active state */ .section_title.active { border-left-color: #9e181a; color: #ffffff;} .section_title.active .header { border-left-color: #cf2121; font-family: "Gotham-MediumGothamMdIt", Helvetica, Arial, sans-serif;} .section_title.active .instructions { color: #b9f3ff;} .section_title.active .sprite { background-position: -50px -100px;} /* section info */ .featured_sections .section_info { background-color: #eaeaea;} .featured_sections .news-column { height: 300px;} .featured_sections .news-social-column, .featured_sections .news-latest-column { background-color: #fff;} .featured_sections .news-middle-column { box-shadow: -3px 0 5px rgba(0, 0, 0, 0.1) inset;} .featured_sections .section_info .news .news-middle-column { width: 263px; padding-left: 25px; padding-right: 25px;} /* get tips */ .get_tips { margin-top: 20px; padding-left: 15px; background-color: #202020;border-top: #484848 solid 1px; border-bottom: #484848 solid 1px; font-size: 16px; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif;} .get_tips .line1 { margin-top: 20px;} .get_tips .line2 { margin-top: 5px; font-size: 20px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif; color: #ffea96;} .get_tips a { position: relative; float: right; padding: 0 35px 0 25px; background-color: #cf2121; line-height: 80px; color: #fff; text-transform: uppercase;} .get_tips a:after { content: ""; position: absolute; right: 20px; top: 50%; width: 0; height: 0; margin-top: -5px; border-top: transparent solid 5px; border-bottom: transparent solid 5px; border-left: #fff solid 5px;} .get_tips a:hover { background-color: #fff; box-shadow: 0 40px 40px rgba(255, 255, 255, 0.3) inset; color: #000;} .get_tips a:hover:after { border-left-color: #000;} /* * #inside page * #two column w/ left sidebar */ .inside_page .main .main_content.two_column { float: right; width: 620px;} .sidebar_wide .main .main_content.two_column { width: 525px;} /* list_style_content (bios, programs, etc.) */ .list_style_content { margin-top: 25px; overflow: hidden;} /* list sections */ .list_style_content .list_section { margin-top: 30px; padding-top: 30px; border-top: #484848 solid 1px; overflow: hidden;} .list_style_content .list_section:first-child { margin: 0; padding: 0; border: 0;} /* section img */ .list_style_content .section_img { float: left; margin: 0 20px 20px 0;} /* staff list content */ .list_style_content.staff dd > p { padding-top: 0;} .list_style_content.staff .blurb { padding-top: 10px;} .list_style_content.staff p span { font-weight: bold; color: #bfe9f3;} /* school rules content */ .list_style_content.rules h3 { padding-top: 0;} /* programs content */ .list_style_content.programs h2 { padding-top: 0;} /* faq content */ .list_style_content.faq .question span, .list_style_content.faq .answer span { font-weight: bold; color: #d6f7ff;} /* gallery content */ .list_style_content.gallery { width: 940px; margin-left: -30px;} .list_style_content.gallery .list_section { padding: 30px; margin-top: 0; border-top: none; border-bottom: #484848 solid 1px;} .list_style_content.gallery .alt_row { background: #363636;} .list_style_content.gallery .section_img { position: relative; z-index: 1;} .list_style_content.gallery .section_img:before { content: ''; display: block; width: 165px; height: 127px; border: #525252 solid 1px; position: absolute; right: -6px; bottom: -6px; z-index: -1;} .list_style_content.gallery .section_img img { padding: 4px; border: #ffffff solid 1px; background: #272727;} .list_style_content.gallery dd > p { padding-top: 0;} .list_style_content.gallery .button { margin-top: 10px;} .list_style_content.gallery .blurb { padding-top: 10px;} .list_style_content.gallery p span { font-weight: bold; color: #d6f7ff;} /* right aligned list sections */ .list_style_content .list_section.alt { text-align: left;} .list_style_content .list_section.alt .section_img { float: left; margin: 0 20px 0 0px;} .list_style_content .list_section.alt .button_list { overflow: hidden;} .list_style_content .list_section.alt .button_list .button { float: left; } /* news page */ .posted_on { margin-top: 5px; color: #d6f7ff;} .posted_on span { font-weight: bold;} /* coupon page */ .coupon { clear: both; margin-top: 40px; position: relative; z-index: 1;} /* scissors */ .coupon_inner { padding: 10px; background: #ffffff; border: #000000 dashed 1px; position: relative;} .coupon_inner:before { content: ''; display: block; width: 44px; height: 44px; background: url(../../global/images/coupon_scissors.png); position: absolute; left: 20px; top: -30px; z-index: -1;} /* coupon content */ .coupon img { float: left; margin-right: 10px;} .coupon_title { font-weight: bold; font-size: 16px; color: #c5240e; text-transform: uppercase;} .coupon_details, .coupon_secondary_details { margin-top: 5px; font-weight: bold; font-size: 22px; font-family: "Arial Black", Arial, Helvetica, sans-serif; color: #1389b5; text-transform: uppercase;} .coupon_secondary_details { font-size: 16px;} .coupon_blurb { margin-top: 10px; font-size: 14px; line-height: 1.25; color: #000000;} .coupon_date { margin-top: 10px; font-size: 12px; color: #c5240e;} /* galleries */ .gallery_thumbs { overflow: hidden; margin-top:20px;} .gallery_thumbs .thumb { float: left; display: inline; width: 166px; margin: 10px 0 0 10px;} .gallery_thumbs .thumb.first { margin-left: 0;} /* video galleries */ .video_gallery.gallery_thumbs .thumb { width: 210px;} /* contact page */ .content_contact_form { width: 400px; margin: 30px auto 0; position: relative; left: -20px;} .contact_form .form_fields li { margin-top: 10px;} .content_contact_form .form_fields label { float: left; width: 100px; margin-right: 10px; line-height: 25px; color: #D6F7FF; text-align: right; text-transform: uppercase;} .content_contact_form .form_fields input[type="text"], .content_contact_form .form_fields textarea { float: left; width: 288px; padding: 5px 0; background: #ffffff; border: 1px solid #a2a2a2; border-radius: 5px; color: #000000; text-indent: 5px;} .content_contact_form .form_fields textarea { height: 100px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.05em;} .content_contact_form .form_fields .submit { display: inline; margin: 0 10px 0 110px;} .content_contact_form .form_fields .submit, .content_contact_form .form_fields .reset { width: 80px; padding: 5px 10px;} /* phone fields */ .content_contact_form .form_fields input.phone_1, .content_contact_form .form_fields input.phone_2, .content_contact_form .form_fields input.phone_3 { width: 50px; margin-right: 10px;} .content_contact_form .form_fields input.phone_3 { width: 65px;} /* trial page */ .content_trial_form { width: 500px; margin: 30px auto 0; position: relative; left: -20px;} .trial_form .form_fields li { margin-top: 10px;} .content_trial_form .form_fields label { float: left; width: 150px; margin-right: 10px; line-height: 25px; color: #9E9E9E; text-align: right; text-transform: uppercase;} .content_trial_form .form_fields input[type="text"], .content_trial_form .form_fields textarea { float: left; width: 290px; padding: 5px 0; background: #ffffff; border: none; border-radius: 0; color: #000000; text-indent: 5px;} .content_trial_form .form_fields textarea { height: 100px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.05em;} .content_trial_form .form_fields .submit { display: inline; margin: 0 160px;} .content_trial_form .form_fields .submit, .content_trial_form .form_fields .reset { width: 80px; padding: 5px 10px;} .content_trial_form .form_fields input.phone_1, .content_trial_form .form_fields input.phone_2, .content_trial_form .form_fields input.phone_3 { width: 50px; margin-right: 10px;} .content_trial_form .form_fields input.phone_3 { width: 65px;} /* calendar page */ #content_contact_form { width: 400px; margin: 30px auto 0; position: relative; left: -20px;} .contact_form .form_fields li { margin-top: 10px;} #content_contact_form .form_fields label { float: left; width: 100px; margin-right: 10px; line-height: 25px; color: #D6F7FF; text-align: right; text-transform: uppercase;} #content_contact_form .form_fields input[type="text"], #content_contact_form .form_fields textarea { float: left; width: 290px; padding: 5px 0; background: #ffffff; border: none; border-radius: 0; color: #000000; text-indent: 5px;} #content_contact_form .form_fields textarea { height: 100px; font-size: 11px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.05em;} #content_contact_form .form_fields .submit { display: inline; margin: 0 10px 0 110px;} #content_contact_form .form_fields .submit, #content_contact_form .form_fields .reset { width: 80px; padding: 5px 10px;} /* phone fields */ #content_contact_form .form_fields input.phone_1, #content_contact_form .form_fields input.phone_2, #content_contact_form .form_fields input.phone_3 { width: 50px; margin-right: 10px;} #content_contact_form .form_fields input.phone_3 { width: 65px;} /* calendar page */ .calendar_wrapper { padding-top:20px;} /* setup global category styles */ .calendar_wrapper .category { padding: 8px; margin: 5px 5px 0 0; /*background: #def5f6;*/ border-radius: 5px; /*color: #046289;*/ font-size: 13px; line-height: 1; position: relative;} .calendar_wrapper .category_2 { background: #f9f9d6; color: #e09221;} .calendar_wrapper .category_3 { background: #deffab; color: #528206;} .calendar_wrapper .category_4 { background: #ffe2c6; color: #ff6000;} .calendar_wrapper .category_5 { background: #e4e4e4; color: #3a3a3a;} .calendar_wrapper .category_6 { background: #ffdeeb; color: #dd1661;} .calendar_wrapper .category_7 { background: #fae2ff; color: #8c14a2;} .calendar_wrapper .category_8 { background: #e9d2b7; color: #6b442a;} .calendar_wrapper .category_9 { background: #ffe3de; color: #dc0000;} .calendar_wrapper .category_10 { background: #e1e3ff; color: #2f21ba;} .calendar_wrapper .category_11 { background: #046289; color: #def5f6;} .calendar_wrapper .category_12 { background: #e09221; color: #f9f9d6;} .calendar_wrapper .category_13 { background: #528206; color: #deffab;} .calendar_wrapper .category_14 { background: #ff6000; color: #ffe2c6;} .calendar_wrapper .category_15 { background: #3a3a3a; color: #e4e4e4;} .calendar_wrapper .category_16 { background: #dd1661; color: #ffdeeb;} .calendar_wrapper .category_17 { background: #8c14a2; color: #fae2ff;} .calendar_wrapper .category_18 { background: #6b442a; color: #e9d2b7;} .calendar_wrapper .category_19 { background: #dc0000; color: #ffe3de;} .calendar_wrapper .category_20 { background: #2f21ba; color: #e1e3ff;} .calendar_categories { overflow: hidden;} .calendar_categories label { float: right; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; white-space: nowrap;} .calendar_categories input { margin: 0;} .calendar_wrapper .note { font-style: italic; font-size: 11px; color: #ffffff; text-align: right;} /* calendar month */ .calendar_month { margin-top: 20px; text-align: center; position: relative;} .calendar_month .prev_month, .calendar_month .next_month { float: left; width: 0; height: 0; margin-top: 4px; border-top: transparent solid 10px; border-bottom: transparent solid 10px; border-right: #a6a6a6 solid 10px; text-indent: -9999em; cursor: pointer; position: relative; z-index: 3;} .calendar_month .next_month { float: right; border-left: #a6a6a6 solid 10px; border-right: none;} .calendar_month .prev_month:hover { border-right-color: #ffffff;} .calendar_month .next_month:hover { border-left-color: #ffffff;} .calendar_month .month { font-size: 28px; line-height: 1; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; color: #ffffff; text-transform: uppercase; position: relative; z-index: 2;} .calendar_month span { padding: 0 10px; background: #272727;} .calendar_month_bar { display: block; width: 840px; height: 0; margin: -8px 0 0; border: 0; border-top: #313131 solid 17px; position: absolute; left: 15px; top: 50%; z-index: 1;} /* actual calendar (table) */ .calendar { width: 100%; margin-top: 20px;} /* global calendar styles */ .calendar th, .calendar td { border: #d9d9d9 solid 1px;} /* days of week */ .calendar th { width: 14.2%; padding: 10px; background: #f4f4f4; font-weight: normal; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; color: #9c9c9c; text-transform: uppercase; text-align: center;} /* individual days */ .calendar .day { height: 100px; padding: 10px 0; background: #ffffff; vertical-align: top;} .calendar .empty { background: #f4f4f4;} .calendar .day .num { padding-right: 7px; color: #bbbbbb; text-align: right;} .calendar .day .category { padding: 5px 10px; margin-right: 0; border-radius: 0; font-size: 12px; line-height: 1.35; cursor: pointer;} .day .category .time { display: block;} /* category info (shows on hover) */ .calendar .more_info { display: none; width: 200px; padding: 15px 15px 50px; background: #ffffff; border: #bbbbbb solid 2px; font-size: 12px; color: #000000; position: absolute; left: -80px; top: 0; z-index: 999;} .calendar .more_info li { margin-top: 5px; line-height: 1.35;} .calendar .more_info .header { font-size: 14px; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; color: #046289;} .calendar .more_info .date, .calendar .more_info .time { font-weight: bold;} .calendar .more_info .blurb { font-style: italic;} .calendar .more_info .blurb p { padding-top:0px; font-size: 100%; line-height:1.35; font-style: italic; } .calendar .more_info .close { position: absolute; right: 10px; top: 0;} .calendar .more_info .close a { font-weight: bold; font-size: 20px; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; color: #fff198;} /* extra more info header colors */ .calendar .category_2 .more_info .header{ color: #e09221;} .calendar .category_3 .more_info .header{ color: #528206;} .calendar .category_4 .more_info .header{ color: #ff6000;} .calendar .category_5 .more_info .header{ color: #3a3a3a;} .calendar .category_6 .more_info .header{ color: #dd1661;} .calendar .category_7 .more_info .header{ color: #8c14a2;} .calendar .category_8 .more_info .header{ color: #6b442a;} .calendar .category_9 .more_info .header{ color: #dc0000;} .calendar .category_10 .more_info .header{ color: #2f21ba;} .calendar .category_11 .more_info .header{ color: #046289;} .calendar .category_12 .more_info .header{ color: #e09221;} .calendar .category_13 .more_info .header{ color: #528206;} .calendar .category_14 .more_info .header{ color: #ff6000;} .calendar .category_15 .more_info .header{ color: #3a3a3a;} .calendar .category_16 .more_info .header{ color: #dd1661;} .calendar .category_17 .more_info .header{ color: #8c14a2;} .calendar .category_18 .more_info .header{ color: #6b442a;} .calendar .category_19 .more_info .header{ color: #dc0000;} /******************************************************************************** 07 - SIDEBARS ********************************************************************************/ /* global sidebar styles */ .sidebar { float: left; width: 220px; padding: 15px; background: #535353;} .sidebar_wide .sidebar { width: 295px; padding: 15px 25px;} .sidebar .box { border-radius: 10px 10px 0 0; border-top: #575757 solid 1px;} .sidebar .box img { border-radius: 10px 10px 0 0;} .sidebar .header { width: 100%; background: #1c1c1c; border-bottom: #313131 solid 3px; border-top: #dcdcdc solid 1px; font-family :"Gotham-MediumGotham-Medium", sans-serif; color: #fff; line-height: 30px; text-align: center;} /* horizontal sidebar */ .sidebar.horizontal { float: none; width: auto; margin-top: 25px; border: #434343 solid 1px; border-style: solid none;} .sidebar.gloss:before { height: 80px;} .sidebar.horizontal .box { float: left; width: 220px; height: 223px; margin-left: 10px; overflow: auto; position: relative;} .sidebar.horizontal .box:first-child { margin: 0;} .sidebar.horizontal .mailing_list { background: #1c1c1c;} .sidebar.horizontal .header { clear: both; position: absolute; left: 0; bottom: 0;} /* mailing list */ .ymlp span { display: block; padding-top: 10px; font-size: 18px; line-height: 1.15; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; color: #a1a1a1; text-align: center;} .ymlp span span { padding-top: 0; font-size: 28px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif; color: #ffffff;} .ymlp p { padding: 5px 20px 0; font-weight: bold; color: ffffff;} .ymlp .list { margin-top: 0; color: #a1a1a1; line-height: 1.25;} /* mailing list form */ .ymlp form { margin-top: 10px; padding: 0 20px;} .ymlp input { float: left; width: 125px; height: 15px; padding: 5px 0; border: #545454 solid 2px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif; color:#000000;} .ymlp .submit { width: 35px; height: 30px; margin-left: 10px;} /* vertical sidebar */ .sidebar.vertical { padding-top: 30px;} .sidebar.vertical .box { margin-top: 15px;} .sidebar.vertical .box:first-child { margin-top: 0;} /* sidebar nav */ .sidebar_nav {} .sidebar_nav a { color: #ffffff;} .sidebar_nav a:hover { color: #BFE9F3;} /* recent news */ .recent_news { margin-top:5px; padding:0px 5px 0px 5px; } .recent_news li { margin-top: 15px; padding-top: 15px; border-top: #3e3e3e solid 1px;} .recent_news li:first-child { margin: 0; padding: 0; border: none;} .recent_news a { font-weight: bold; line-height: 1.25;} .recent_news .meta_date { display: block; font-weight: normal;} /* accordion style nav */ .accordion_nav { margin-top:5px;} .accordion_nav > li { margin-top: 10px;} .accordion_nav >li:first-child { margin-top: 0;} .accordion_nav .button { display: block; background: #3e3e3e; text-transform: uppercase; position: relative;} .accordion_nav .button:hover { background: #272727; color: #D6F7FF;} .accordion_nav .button .arrow { float: left; display: block; width: 10px; height: 10px; margin-right: 3px; background: url(../images/sprite.png) no-repeat -100px -50px; position: relative; top: 3px;} .accordion_nav .button.active .arrow { background-position: -100px 0; top: 4px;} /* sub menu */ .accordion_nav .sub_menu { display: none;} .accordion_nav .sub_menu a { display: block; margin-top: 5px; padding: 0 15px; background: #272727; line-height: 30px; color: #D6F7FF;} .accordion_nav .sub_menu a:hover { background: #d42020; color: #D6F7FF;} /* contact info */ .sidebar .contact_info li { margin-top: 20px; padding-top: 20px; border-top: #6c6c6c solid 1px;} .sidebar .contact_info li:first-child { margin: 0; padding: 0; border: none;} .sidebar .contact_info p { padding-top: 0;} .sidebar .contact_info .location { font-weight: bold; color: #d6f7ff;} .sidebar .contact_info .phone { margin-top: 15px;} .sidebar .contact_info .map { margin-top: 15px;} /******************************************************************************** 08 - FOOTER ********************************************************************************/ .footer { clear: both; margin-top: 25px; position: relative;} .footer_curve { padding: 60px 0; background: url(../images/bg_footer_curve.png) no-repeat center top; border-bottom: #414141 solid 1px;} /* footer nav */ .footer_nav { float: left;} .footer_nav .column { float: left; position: relative;} .footer_nav .column:before { height: 225px; left: 0; top: 10px;} .footer_nav .column:first-child:before { display: none;} .footer_nav .column li { padding: 0 30px; line-height: 2;} .footer_nav .column .header { font-size: 17px; line-height: 37px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif; color: #ffffff;} .footer_nav a { font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; color: #bbbbbb;} .footer_nav a:hover { color: #ffffff;} /* footer aside */ .footer_aside { float: right; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; text-align: right;} .footer_aside li { line-height: 1.5; font-size:12px; color: #737373;} .footer_aside .header { font-size: 13px; line-height: 37px; font-family: "Gotham-BoldGotham-Bold", Helvetica, Arial, sans-serif; color: #BBBBBB;} /* footer social */ .footer_aside .social { margin-top: 5px;} .footer_aside .social li { float: right; margin-left: 5px;} /*.footer_aside .social .twitter { clear: both;}*/ .footer_aside .social .sprite { width: 32px; height: 32px; background-position: 0 -50px; text-align: left;} .footer_aside .social .twitter .sprite { background-position: -50px -50px;} .footer_aside .social .google .sprite { background-position: -120px -50px; width: 37px;} .footer_aside .social .youtube .sprite { background-position: -172px -50px; width: 35px;} .footer_aside .copyright { margin-top: 15px;} /* footer bottom */ .footer_bottom { background: #272727; box-shadow: inset 0 0 25px 0px rgba(0, 0, 0, 0.5);} .footer_bottom .container { padding: 50px 0; text-align: center;} .footer_bottom .container img { display: block; margin: 10px auto 0;} .footer_bottom .powered_by { font-size: 12px; font-family: "Gotham-BookGotham-Book", Helvetica, Arial, sans-serif; color: #737373;} .footer_bottom .powered-by-logo { background-image:url("../images/logo_powered_by.png");background-repeat:no-repeat;width:91px;height:49px; display: block; margin: 10px auto 0;} /******************************************************************************** 09 - BIRTHDAY PAGE ********************************************************************************/ body.birthday { background: #8ee4ff url(../../global/images/bg_body_bday.jpg) no-repeat center top;} /* masthead */ .birthday .masthead .contact_info .phone { color: #671f6b;} .birthday .masthead .contact_info .address { color: #bf152b;} .birthday .masthead .offer_title { font-family: 'KautivaRegular'; color: #671f6b; font-size: 17px; text-transform: uppercase; padding-bottom: 8px; } .birthday .masthead #offer, .birthday .masthead #offer a { font-family: 'Gotham-MediumGotham-Medium'; color: #BF152B; font-size: 22px; padding-bottom: 5px; line-height:19px; } .birthday .masthead #offer a:hover { color: #671F6B; } .birthday .offer_start { font-family: 'Gotham-BookGotham-Book'; font-size: 13px; } .birthday .offer_start:hover { color: #671F6B;} /* main container */ .birthday .main { margin-top: 0; background: #ffffff; font-size: 14px; color: #0c4e7d;} /* sidebar */ .birthday .sidebar { background: #ff981f; /* Old browsers */ background: -moz-linear-gradient(top, #ff981f 0%, #f9e48b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff981f), color-stop(100%,#f9e48b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff981f 0%,#f9e48b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff981f 0%,#f9e48b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff981f 0%,#f9e48b 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff981f 0%,#f9e48b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff981f', endColorstr='#f9e48b',GradientType=0 ); /* IE6-9 */ } /* bday form */ #birthday_party_form { background: #a28dd3; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #735ea6 0%, #61348b 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#735ea6), color-stop(100%,#61348b)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #735ea6 0%,#61348b 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #735ea6 0%,#61348b 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #735ea6 0%,#61348b 100%); /* IE10+ */ background: radial-gradient(ellipse at center, #735ea6 0%,#61348b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#735ea6', endColorstr='#61348b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ margin-top: 30px; border-radius: 10px; font-family: "Gotham-MediumGotham-Medium", Helvetica, Arial, sans-serif; position: relative; } #birthday_party_form .form_header { display: block; margin-left: -160px; position: absolute; left: 50%; top: -80px;} #birthday_party_form .gift_img { position: absolute; right: -20px; bottom: -50px;} #birthday_party_form .message { display: none; padding: 30px 15px 0;} #birthday_party_form .form_fields { padding: 15px 0 0 0; border-radius: 10px;} #birthday_party_form li { padding: 0 15px;} #birthday_party_form .last { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #b39ec8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b39ec8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#b39ec8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#b39ec8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#b39ec8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#b39ec8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b39ec8',GradientType=0 ); /* IE6-9 */ margin-top: 20px; padding: 15px; border-radius: 0 0 8px 8px; } #birthday_party_form label { float: none; display: block; width: auto; font-size: 12px; color: #ffffff; text-align: left;} #birthday_party_form label.radio { text-transform: none;} #birthday_party_form input { float: none; display: block; width: 100%; background: #ffffff; border: 0; border-radius: 0; color: #752bbb;} #birthday_party_form input.radio { display: inline; width: auto; margin-right: 3px; background: transparent;} #birthday_party_form .phone_1, #birthday_party_form .phone_2, #birthday_party_form .phone_3 { float: left; width: 50px; margin-right: 10px;} #birthday_party_form .phone_3 { width: 65px;} #birthday_party_form .selector { width: auto;} #birthday_party_form .selector span { width: auto;} #birthday_party_form select { width: auto; min-width: 100%;} #birthday_party_form .submit { width: 50%; margin: auto; padding: 10px 0; background: #dd4ea9; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); border-radius: 5px; color: #ffffff;} #birthday_party_form .submit:hover { background: #61348b;} /* content */ .birthday .main_content { padding-bottom: 110px;} .featured_bday { margin: -30px 0 0 -30px;} .birthday h1, .birthday h2, .birthday h3, .birthday h4 { color: #a25ee3;} .birthday h1 { margin-top: 30px;} .birthday h1 span { text-transform: none;} .birthday h2 + ul, .birthday h3 + ul { margin-top: 5px;} .main_content .gift_img { position: absolute; right: 30px; bottom: -30px;} /* footer */ .birthday .footer { margin-top: 100px;} .birthday .footer_curve { padding: 60px 0; background: url(../../global/images/bg_footer_curve_bday.png) no-repeat center top; border-bottom: #414141 solid 1px;} /* news */ .section_info .news { color: #383838; padding: 0px; } .section_info .news .news-column { float: left; width: 293px; margin: 0px; padding: 10px;} .section_info .news .date{ color: #7a7a7a; font-size: 12px; } .section_info .news .title { font-size: 16px; padding: 5px 0; font-weight:600; min-height: 30px !important;} .section_info .news .read-more { color: #53759a;} .section_info .news .read-more a { color: #53759a; text-decoration: none;} .section_info .news .read-more a:hover { color: #53759a; text-decoration: underline;} .section_info .news .news-loop { padding: 8px; min-height: 60px !important; } .section_info .news .news-loop:first-child {border-top: none !important;} /*addtn'l css for video gallery */ .video-gallery-loop { margin-top: 5px; margin-bottom: 10px; } .video-gallery-loop span { clear: both; display: block; float: none; margin: 5px; margin-bottom: 10px; font-size: 12px; } .light_blue { padding: 8px; margin: 5px 5px 0 0; background: #046289; border-radius: 5px; color: #046289; font-size: 13px; line-height: 1; position: relative; background-color: #def5f6; } /* calendar */ .light_yellow { background: #f9f9d6; color: #e09221;} .light_green { background: #deffab; color: #528206;} .light_orange { background: #ffe2c6; color: #ff6000;} .light_gray { background: #e4e4e4; color: #3a3a3a;} .light_pink { background: #ffdeeb; color: #dd1661;} .light_purple { background: #fae2ff; color: #8c14a2;} .light_brown { background: #e9d2b7; color: #6b442a;} .light_red { background: #ffe3de; color: #dc0000;} .light_violet { background: #e1e3ff; color: #2f21ba;} .blue { background: #046289; color: #def5f6;} .yellow { background: #e09221; color: #f9f9d6;} .green { background: #528206; color: #deffab;} .orange { background: #ff6000; color: #ffe2c6;} .gray { background: #3a3a3a; color: #e4e4e4;} .pink { background: #dd1661; color: #ffdeeb;} .purple { background: #8c14a2; color: #fae2ff;} .brown { background: #6b442a; color: #e9d2b7;} .red { background: #dc0000; color: #ffe3de;} .violet { background: #2f21ba; color: #e1e3ff;} .arrow_more { background: url("../images/sprite.png") no-repeat scroll -100px -65px transparent; display: block; float: left; height: 10px; margin-right: 1px; position: relative; top: 1px; width: 10px; } .facility_photo{ float: right; width: 563px; margin:0 auto; } .facility_photo .photo_list_disp { float: left; width:166px; padding:10px 10px 10px 0px; } /* online special */ .offer_title { font-family: 'KautivaRegular'; color: #ffffff; font-size: 17px; text-transform: uppercase; padding-bottom: 8px; } .offer_desc { font-family: 'Gotham-MediumGotham-Medium'; color: #D6F7FF; font-size: 22px; padding-bottom: 5px; } .offer_desc:hover { color: #fff198; } #offer, #offer a { font-family: 'Gotham-MediumGotham-Medium'; color: #D6F7FF; font-size: 22px; padding-bottom: 5px; line-height:19px; } #offer a:hover { color: #fff198; } .offer_start { font-family: 'Gotham-BookGotham-Book'; font-size: 13px; } .offer_start:hover { color: #fff198;} .main_content p { padding-top: 0px;} .special_offer { clear:both; width: 209px; text-align: center; position: absolute; left:731px; top: 189px; } .content_trial_form .form_fields label.amount { text-align:center; position:relative; width:620px; color: #ffffff; font-size: medium; font-weight: bold; padding: 8px 0 8px 0px; } .paynow { text-align:center; position:relative; width:620px; } .special_offer_offer { font-family: 'Gotham-MediumGotham-Medium'; color: #fff198; font-size: 27px; padding-bottom:15px; } /* page content */ .page_content { font-size: 14px; line-height: 1.75;} .page_content ul { list-style: disc; margin: 20px 0 0 35px;} .fb-recommend-container{ text-align:right; min-height:30px; }