/*
Theme Name: Studio Wu Theme 1.0
Theme URI: http://wordpress.org/
Description: Adapted from Kubrick
Version: 1.0
Author: Studio Wu
*/

@charset "UTF-8";

/* site-wide */

body { font: 12px Arial, Helvetica, sans-serif; background-color: #000; background-repeat: no-repeat; background-position: center top; padding: 0 0 3em 0; background-attachment:fixed; overflow: auto; margin: 0; }
a img { border: none; }

#wrapper { width: 980px; margin: 0 auto; }
#header { height: 100px; padding-top: 10px; overflow: auto; }
#ticker { height: 34px; background-color: #000; line-height: 24px; padding: 10px 10px 0 10px; text-align: right; overflow: hidden; }
#ticker a { color: #fff; text-decoration: none; }
#navigation { height: 40px; background: url(images/nav-bg.png); }
#contents { background-color: #fff; overflow: auto; }
#contents-full { min-height: 10px; }
#contents-left { width: 640px; float: left; min-height: 10px; padding-bottom: 20px; }
#contents-right { width: 340px; float: right; min-height: 10px; padding-bottom: 20px; }
#footer { background-color: #000; color: #fff; clear: both; padding: 2em; }

/* links */
#contents-full a , #contents-left .basic-layout a, #contents-right a { color: #64007d; text-decoration: none; }
#contents-full a:hover a , #contents-left .basic-layout a:hover, #contents-right a:hover { color: #666; }

#nav, #nav ul { list-style: none; }

#nav a { text-decoration: none; color: #fff; display: block; }

#nav { list-style: none; margin: 0; padding: 0; width: 820px; float: left; position: relative; z-index: 9999; }
#nav li.hover, #nav li:hover { position: relative; }
#nav > li { /* zoom: 1; */  float: left; display: block; height: 40px; padding-right: 2px; }
#nav > li:last-child { background: none; }
#nav > li:hover { position: relative; }

#nav > li:hover > ul { visibility: visible; }
#nav > li > a { height: 40px; font-weight: bold; font-size: 12px; padding: 0 8px; line-height: 40px; background-image: url(images/nav-bg.png); }
#nav > li > a.current { background-position: 0 -120px; }
#nav > li > a.current:hover { background-position: 0 -120px; }
#nav > li > a:hover { background-position: 0 -80px; }
#nav > li > a.multi span { display: block; background: url(images/bg-menu-arrow-down.gif) right center no-repeat; padding-right: 15px; }

#nav ul { width: 190px; visibility: hidden; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; background-color: #3b3b3b; }
#nav ul li { background: none; color: #fff; float: none; height: 40px; }
#nav ul li a { display: block; width: 180px; padding-left: 10px; height: 40px; line-height: 40px; font-size: 11px; font-weight: bold; display: inline-block; }
#nav ul li a:hover { background-color: #222; }

#nav ul ul { position: absolute; left: 100%; top: 0; }

#nav-search label { display: none; }
#nav-search { width: 145px; height: 24px; float: right; margin-right: 10px; padding: 8px 0; }
#nav-search div.text { width: 90px; padding-left: 20px; float: left; background: #fff url(images/bg-search.png) 2px center no-repeat; text-align: right; }
#nav-search div.btn { width: 32px; float: right; text-align: right; }
#nav-search #search { height: 22px; width: 88px; margin: 0; padding: 0; font-size: 9px; color: #666; border: #fff 1px solid; }

#logo-main { display: block; float: left; width: 240px; height: 90px; background: url(images/icon-mainlogo.png); text-indent: -999em; overflow: hidden; }
#ticker-link { float: left; }

/* ads */
#ad-leaderboard { float: right; width: 720px; height: 85px; }
#ad-leaderboard a { outline: none; }

/* home - showcase */

#showcase-wrap { width: 620px; padding: 0 10px 10px 10px; position: relative; height: 450px; margin-bottom: 2em; }
#showcase-image { width: 620px; height: 420px; background-color: #000; overflow: hidden; position: absolute;  z-index: 1; }
#showcase-text { width: 600px; height: 60px; padding: 10px; background: url(images/bg-featured-text.png); }
#showcase-text { position: absolute; top: 320px; z-index: 2; overflow: hidden; }
#showcase-text div { height: 80px; }
#showcase-text div h2 { margin: 0; color: #cc99cc; font-size: 1.8em; letter-spacing: -0.05em; }
#showcase-text div h2 a { color: #cc99cc; text-decoration: none; }
#showcase-text div h2 a:hover { color: #fff; }
#showcase-text div p { margin: 0; color: #fff; }

#showcase-nav { width: 620px; height: 54px; background-color: #000; padding: 10px 0; position: absolute; top: 400px; z-index: 3; }

#showcase-list { list-style: none; margin: 0; padding: 0; }
#showcase-list li { float: left; margin-left: 7px; }
#showcase-list li a { outline: none; }

.category-header { height: 36px; background-color: #000; width: 630px; }
.category-header h2 { float: left; width: 60%; line-height: 36px; margin: 0; color: #fff; margin-left: 1em; }
.category-header a { float: right; text-decoration: none; line-height: 36px; text-align: right;  color: #996699; margin-right: 1em; }
.category-header a:hover { color: #ccc; }

/* home - news & courses */

.home-news { overflow: auto; margin: 0 10px 1em 10px; padding-bottom: 1em; border-bottom: #eee 1px solid; }
.home-news .thumb { width: 100px; height: 100px; float: left; background-color: #eee; }
.home-news .text { width: 500px; float: right; }
.home-news .text h3 { margin: 0 0 5px 0; font-size: 16px; }
.home-news .text h3 a { color: #64007d; text-decoration: none; }
.home-news .text h3 a:hover { color: #666; }
.home-news .text p { margin: 5px 0; font-size: 12px; }

.home-courses { overflow: auto; width: 140px; padding: 0 0 0 10px; float: left; }
.home-courses .thumb { width: 100px; height: 100px; background-color: #f9f9f9; border-bottom: #000 3px solid; padding: 10px 20px; }
.home-courses .text h3 { margin: 10px 0; font-size: 14px; }
.home-courses .text h3 a { color: #64007d; text-decoration: none; }
.home-courses .text h3 a:hover { color: #666; }
.home-courses .text p { margin: 5px 0; font-size: 12px; }

/* home - video */

#home-video { padding-right: 10px; margin-bottom: 10px; }
#home-video div { background-color: #000; width: 330px; height: 298px; }

/* home - social */

#home-social { width: 310px; background-color: #000; color: #fff; padding: 10px; margin-bottom: 10px; }
#home-social-links { text-align: center; height: 80px; overflow: auto; padding-left: 30px; }
#home-social-links a { display: block; float: left; width: 52px; height: 52px; margin: 10px 5px; text-indent: -9999em; }

#social-twitter { background: url(images/social-twitter.png) no-repeat; }
#social-facebook { background: url(images/social-facebook.png) no-repeat; }
#social-rss { background: url(images/social-rss.png) no-repeat; }
#social-newsletter { background: url(images/social-newsletter.png) no-repeat; }

#home-social-text { height: 70px; overflow: hidden; clear: both; }
#home-social-text div { height: 50px; width: 270px; margin: 0 auto; padding: 10px; background-color: #1d1d1d; }
#home-social-text div { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#home-social div h3, #home-social p { margin: 0; } 

/* home - schedule */

#home-schedule { width: 330px; padding-bottom: 20px; margin-top: 10px; background-color: #000; color: #fff; }
#home-schedule #schedule-frame { min-height: 150px; background: url(images/bg-ajax-loading.gif) center center no-repeat; margin-bottom: 10px; }
#home-schedule h2 { padding: 0 20px; margin: 0; display: block; height: 40px; line-height: 40px; }
#home-schedule h3 { padding: 0 20px; margin: 0; display: block; height: 20px; line-height: 20px; font-size: 14px; }
#schedule-frame div { padding: 10px 0; overflow: auto; clear: both; }
#schedule-frame div.row1 { background-color: #222; }
#schedule-frame div.row2 { background-color: #000; }
#schedule-frame div p { line-height: 1.2em; margin: 0; font-size: 11px; vertical-align: top; }
#schedule-frame div p.hs-time { width: 110px; padding-left: 20px; float: left; }
#schedule-frame div p.hs-course { width: 180px; padding-right: 20px; float: right; }

/* home - track list */

#home-track-list { width: 330px; background: url(images/bg-side-track-list.png) repeat-x; margin-top: 10px; padding-bottom: 20px; }
#home-track-list h2 { padding: 0 20px; margin: 0; display: block; height: 40px; line-height: 40px; }
#home-track-list ol { list-style: none; width: 290px; padding: 0 0 0 20px; background: url(images/btn-track-list-numbers.png) left top no-repeat; }
#home-track-list ol li { height: 36px; display: block; padding: 4px 0 0 35px; background: url(images/bg-side-track-list-line.png) left bottom repeat-x; }

.side-section { margin-top: 10px; }

/* newsletter sign up */

#form-error { padding: 10px; background-color: #f5ebf8; border: #f3ddf9 1px solid; }
#form-error p { color: #ad53b3; }

/* schedule */

#schedule { padding: 10px 20px 20px 20px; overflow: auto; }

.hour { width: 100px; height: 100px; }
.col-day { width: 112px; float: left; margin: 0 10px; }
.col-day div.col-date p { background-color: #000; color: #fff; padding: 2px 5px; font-size: 10px; text-align: right; height: 16px; }
.col-day div.col-date p strong { font-size: 12px; float: left; }
.col-day div.entry { min-height: 100px; width: 100%; /* background-image: url(images/bg-semi-white.png); */ } 
.col-day div.entry p.entry-time { font-size: 10px; /* color: #64007d; */ margin: 0; padding: 5px; margin-bottom: 5px; border-top: #eee 1px solid; }

.col-day div.breezy, #schedule-legend span.breezy { background-color: #f8b500; color: #000; }
.col-day div.pump, #schedule-legend span.pump { background-color: #5ed1ea; color: #000; }
.col-day div.community, #schedule-legend span.community { background-color: #d8649e; color: #000; }

.col-day div.entry p.entry-details { font-size: 11px; margin: 0; padding: 5px; }

#schedule-legend { clear: both; height: 20px; overflow: auto; padding: 20px 10px; }
#schedule-legend span.symbol { display: block; width: 20px; height: 20px; margin-right: 10px; float: left; }
#schedule-legend span.description { font-size: 11px; color: #333; line-height: 20px; margin-right: 20px;  float: left; }

#schedule-announcement { background-color: #f5f5f5; padding: 20px; margin-bottom: 10px; }
#schedule-announcement h2, 
#schedule-announcement h3,  
#schedule-announcement h4, 
#schedule-announcement h5 { color: #480052; font-size: 16px; margin: 0; }

#schedule-weekly-frame div.temp { background: url(images/bg-ajax-loading-white.gif) center center no-repeat; padding: 100px 0 180px; text-align: center; color: #999; }

#twitter { background-color: #000; color: #fff; padding: 10px; }
#twitter-frame ul { list-style: none; padding: 0; margin-left: 0; }
#twitter-frame ul li { padding: 10px 0; border-bottom: #eee 1px solid; }

/* package & pricing */

#package-pricing-table table { width: 90%; }
#package-pricing-table table tr th { padding: .5em; text-align: left; font-size: 1em; background-color: #000; color: #fff; }
#package-pricing-table table tr td { padding: .8em .5em; }
#package-pricing-table table tr.row1 td { background-color: #fff; }
#package-pricing-table table tr.row2 td { background-color: #f3f3f3; }

/* courses */

#courses-featured { padding: 10px 0 20px 0; background: url(images/bg-content-full.png) bottom left no-repeat; overflow: hidden; }
#courses-featured #featured-background { padding: 0 20px 0 20px; min-height: 400px; }
#courses-featured #featured-background #wrap { padding-bottom: 20px; width: 610px; background-color: #fff; }

#courses-listing { padding: 20px; overflow: auto; }
#courses-listing div.course-summary { width: 50%; float: left; overflow: auto; margin: 0 0 2em 0; }

#courses-listing div div.thumb { width: 100px; height: 100px; float: left; margin-right: 20px; padding: 10px; }
#courses-listing div div.text { float: left; width: 300px; padding-top: 10px; }
#courses-listing div div.text h3 { margin-top: 0; }
#courses-listing div div.text h3 a { color: #000; }
#courses-listing div div.text h3 a:hover { color: #64007d; }
#courses-listing div div.text p { margin: 0.8em 0; }
#courses-listing div div.text p.text-small { font-size: 0.9em; }

#courses-listing div.row-divider { height:1px; overflow: hidden; clear: both; }

#header-courses-side { width: 330px; height: 45px; margin: 0; text-indent: -999em; display: block; background: url(images/bg-header-other-courses-side.png) no-repeat; }

/* news (posts) */

#post-listing { padding-bottom: 20px; overflow: hidden; }

#post-listing > div { overflow: auto; padding: 5px 0; border-bottom: #eee 1px solid; }
#post-listing div.with-thumbnail div.thumb { width: 100px; height: 100px; float: left; margin-right: 20px; padding: 10px; }
#post-listing div.with-thumbnail div.text { float: left; width: 450px; padding-top: 10px; }
#post-listing div.with-thumbnail div.text h2 { margin: 0 0 0.5em 0; font-size: 16px; }
#post-listing div.with-thumbnail div.text h2 a { color: #64007d; }
#post-listing div.with-thumbnail div.text h2 a:hover { color: #666; }
#post-listing div.with-thumbnail div.text p { margin: 0.8em 0; }
#post-listing div.with-thumbnail div.text p.text-small { font-size: 0.9em; margin: 0; }

#post-listing div.without-thumbnail div.text { padding-top: 10px; }
#post-listing div.without-thumbnail div.text h2 { margin: 0 0 0.5em 0; font-size: 16px; }
#post-listing div.without-thumbnail div.text h2 a { color: #64007d; }
#post-listing div.without-thumbnail div.text h2 a:hover { color: #666; }
#post-listing div.without-thumbnail div.text p { margin: 0.8em 0; }
#post-listing div.without-thumbnail div.text p.text-small { font-size: 0.9em; margin: 0; }

/* our team */

#team-featured { height: 270px; padding: 10px 400px 20px 20px; overflow: auto; background: url(images/bg-our-team.jpg); }
#team-carousel-container { width: 100%; height: 520px; overflow: hidden; }
#team-carousel-container ul { list-style: none; }

#team-carousel-container .img {  }

#team-details { padding: 10px 20px 20px 20px; overflow: auto; }

#team-left { width: 280px; float: left; }
#team-right { width: 630px; float: right; }
#team-right p { margin: 1em 0; line-height: 1.2em; }

#team-left > div h3 { background-color: #000; color: #fff; text-transform: uppercase; margin: 5px 0; padding: 2px 2px 2px 10px; }
#team-left > div p { margin: 0.2em 0; padding-left: 10px; }
#team-left > div { margin-bottom: 10px; }

#team_mugshot {}
#team_bio {}
#team_social {}
#team_gallery {}
#team-profile-photos { text-align: center; }
#team-profile-photos a { margin-right: 5px; }
#team-profile-photos a img { border: #000 1px solid; }
#team_fav {}

.jcarousel-skin-basic .jcarousel-container { overflow: hidden; }
.jcarousel-skin-basic .jcarousel-container-horizontal { width: 100%; padding: 0; }
.jcarousel-skin-basic .jcarousel-clip-horizontal { width: 830px; height: 480px; margin: 0 auto; }
.jcarousel-skin-basic .jcarousel-item { width: 200px; height: 480px; }
.jcarousel-skin-basic .jcarousel-item-horizontal { margin-right: 10px; }
.jcarousel-skin-basic .jcarousel-item-placeholder { background: #fff; color: #000; }
.jcarousel-skin-basic .jcarousel-next-horizontal { position: absolute; right: 20px; top: 240px; width: 40px; height: 60px; cursor: pointer; background-image: url(images/btn-carousel-team-arrow.png); background-repeat: no-repeat; background-position: center 0; }
.jcarousel-skin-basic .jcarousel-next-horizontal:hover { background-position: center -60px; }
.jcarousel-skin-basic .jcarousel-next-disabled-horizontal,
.jcarousel-skin-basic .jcarousel-next-disabled-horizontal:hover { cursor: default; background-position: center -60px; }
.jcarousel-skin-basic .jcarousel-prev-horizontal { position: absolute; left: 20px; top: 240px; width: 40px; height: 60px; cursor: pointer; background-image: url(images/btn-carousel-team-arrow.png); background-repeat: no-repeat; background-position: center -120px; }
.jcarousel-skin-basic .jcarousel-prev-horizontal:hover { background-position: center -180px; }
.jcarousel-skin-basic .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-basic .jcarousel-prev-disabled-horizontal:hover { cursor: default; background-position: center -180px; }

#preview { position:absolute; display:none; }
#preview img { border: #000 1px solid; }

/* gallery */

#gallery-featured { height: 193px; padding: 10px 550px 20px 20px; overflow: auto; background: url(images/bg-gallery-featured.jpg) no-repeat;margin-bottom: 10px; }
#gallery-container { padding: 0 20px; }
#gallery-container div.gallery-album { float: left; width: 150px; height: 160px; text-align: center; }
#gallery-container div.thumb { height: 100px; }
#gallery-container div.text { padding: 10px 0; margin-bottom: 1em; }
#gallery-container div.text a { color: #64007d; }
#gallery-container div.text a:hover { color: #666; }

#gallery { width: 100%; overflow: hidden; }

#gallery-album-list-side {}
#gallery-album-list-side ul { list-style: none; padding: 0; line-height: 1.4em; }
#gallery-album-list-side ul li a { text-decoration: none; }
#gallery-album-list-side ul li a:hover { color: #666; }

/* search result */

div.search-result { border-bottom: #eee 1px solid; }

/* page navigation */

div.page-navigation { height: 40px; line-height: 40px; width: 100%; }
div.page-navigation a { font-size: 14px; font-weight: bold; }

div.next-link { float: left; width: 48%; height: 30px; text-align: right; }
div.prev-link { float: right; width: 48%; height: 30px; }

/* 404 */
#page_404 { height: 400px; padding: 10px 20px 20px 20px; }

/* SIDE BAR */

#home-team h2,
#list-side h2, 
#updates-side h2,
#pages-side h2,
#gallery-side h2,
#twitter-side h2 { text-transform: uppercase; border-bottom: #000 4px solid; margin: 10px 0; font-weight: bold; }

/* side: mixed articles */

#updates-side { width: 330px; background-color: #fff; color: #000; padding: 0 0 10px 0; font-size: 11px; }

#updates-side ul { list-style: none; padding: 0; margin-left: 0; }
#updates-side li { margin-bottom: 10px; font-size: 13px; font-weight: bold; padding: 0 10px; }
#updates-side li a { color: #64007d; }
#updates-side li a:hover { color: #666; }

/* side: mixed articles */

#pages-side { width: 330px; background-color: #fff; color: #000; padding: 0 0 10px 0; font-size: 11px; }

#pages-side ul { list-style: none; padding: 0; margin-left: 0; }
#pages-side ul ul { padding-left: 10px; }
#pages-side li { font-size: 13px; font-weight: bold; padding: 0.2em 10px; }
#pages-side li a { color: #64007d; }
#pages-side li a:hover { color: #666; }

/* side: photo gallery */

#gallery-side { width: 330px; background-color: #fff; color: #000; padding: 0 0 10px 0; margin-bottom: 10px; font-size: 11px; }
#gallery-side p { margin: 0; }
#gallery-side ul { margin: 0 auto 10px auto; list-style: none; padding: 0 0 0 15px; height: 200px; overflow: auto; margin-left: 0; }
#gallery-side ul li { width: 80px; height: 80px; float: left; padding: 8px 8px; }
#gallery-side ul li a { width: 80px; height: 80px; display: block; background-color: #eee; }

/* side: tweets */

#twitter-side { width: 310px; background-color: #fff; color: #000; padding: 0 0 10px 0; margin-bottom: 10px; }
#twitter-side p { padding: 0 10px; }
#twitter-side .entry { margin-bottom: 20px; }
#twitter-side .entry .entry-text { color: #000; font-size: 11px; }
#twitter-side .entry .entry-details { color: #666666; font-size: 10px; }

#twitter-frame p.loading { margin: 1em 0; color: #aaa; }


/* side: lists for posts */

#list-side { width: 330px; background-color: #000; color: #fff; padding: 0 0 10px 0; margin-bottom: 10px; font-size: 11px; }
#list-side p { margin: 0; }
#list-side ul { list-style: none; padding: 0 0 0 20px; margin: 0; }
#list-side ul li { margin: 1.6em 0; padding-right: 20px; background: url(images/bg-arrow-listing.png) 95% center no-repeat; }
#list-side ul li a { color: #fff; }
#list-side ul li a:hover { color: #666; }
#list-side .entry { margin-bottom: 10px; padding: 0 20px; }
#list-side .entry .entry-text { color: #fff; font-size: 11px; }
#list-side .entry .entry-details { color: #666666; font-size: 10px; }

#list-side .entry h3 { margin: 0; }
#list-side .entry h3 a { color: #fff; }
#list-side .entry h3 a:hover { color: #666; }

/* footer */

#footer-sitemap { overflow: auto; padding: 0 1em; }
#footer-copyright { clear: both; padding: 1em 0; height: 1em; font-size: 14px; }

.list-sitemap { margin: 0; padding: 0; list-style: none outside none; line-height: 1.5em; overflow: auto; margin: 1em 0; }
.list-sitemap li { float: left; margin-right: 1em; font-size: 11px; }
.list-sitemap li.header { clear: both; float: none; color: #ccc; text-transform: uppercase; }

.list-sitemap li a { color: #666; text-decoration: none; }
.list-sitemap li a:hover { color: #fff; }

/* basic */
#post-entry { line-height: 1.3em; color: #222; }
#post-entry table { border-top: #ccc 1px solid; border-left: #ccc 1px solid; }
#post-entry table td { border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; padding: 0.5em; }
#post-entry table th { border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; padding: 0.5em; background-color: #000; color: #fff; }

.sub-header { font-size: 14px; color: #666; margin: 0; }
.group-contents { padding: 20px 0 10px 10px; }
.basic-layout { padding: 0 20px 20px 20px; }

.basic-layout p { text-align: justify; padding-right: 20px; }
.basic-layout h1 { margin: 0.8em 0; }
.basic-layout h2 { margin: 0.8em 0; line-height: 1em; }

/* all - buttons */

.btn-generic { display: inline-block; background: url(images/bg-btn.png) 0 0; 
								font-size: 11px; line-height: 24px; outline: none; height: 24px; text-decoration: none; }
.btn-generic span { display: inline-block; background: url(images/bg-btn.png) 100% 0; 
										margin-left: 1px; margin-right: -1px; padding: 0 12px; height: 24px; color: #fff; }

.btn-generic:hover { background-position: 0 -24px; }
.btn-generic:hover span { background-position: 100% -24px; }
.btn-generic:active { background-position: 0 -48px; }
.btn-generic:active span { background-position: 100% -48px; }

.btn-slim span { padding: 0 7px; }

#btn-switch-left, #btn-switch-right { height: 24px; display: inline-block; background-image: url(images/bg-btn.png); font-size: 11px; line-height: 24px; outline: none; }
#btn-switch-left span, #btn-switch-right span { padding: 0 1em; }

#btn-switch-left { background-position: 0 0; margin-left: 0.5em; }
#btn-switch-right { background-position: 100% 0; margin-right: 0.5em; }

#btn-switch-left:hover { background-position: 0 -24px; margin-left: 0.5em; }
#btn-switch-right:hover { background-position: 100% -24px; margin-right: 0.5em; }

#btn-switch-left.current { background-position: 0 100%; margin-left: 0.5em; }
#btn-switch-right.current { background-position: 100% 100%; margin-right: 0.5em; }

.hide { display: none; }
.show { display: inline; }
.align-center { text-align: center; }
.clear { clear: both; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }