/*
Theme Name:     TPSLV
Description:    Child theme for the Yoko theme 
Author:         Chris Staefe
Template:       yoko
Version:        1.3.0
*/ 

@import url("../yoko/style.css");

#page {max-width: 960px; background-color: transparent; margin:12px auto 0; padding:0;}
/*fonts and Color*/
body {font-family:'Questrial', helvetica, arial, sans-serif; color:#545455;}

/*link, header, and footer text color*/
a, #colophon {color:#fff; text-decoration:none; font-family:'Questrial', helvetica, arial, sans-serif;}
a:hover {color:#039fc1; text-decoration:none;}
 #content .single-entry-header h1.entry-title, #content .page-entry-header h1.entry-title, #content article.post h1.entry-title, #content article.post .entry-link a, #wrap a, #content .entry-link a {color:#3d3d3d;font-family:'Questrial', helvetica, arial, sans-serif; font-weight:normal;}
#colophon a:hover {color:#fff!important; text-decoration:none;}
#content a {color:#34beda;}

/*Logo*/
#site-title{padding:0;}
#site-title h1 {float:left;margin:10px; padding:0;}
#site-title h1 a{text-indent: 100%;white-space: nowrap;overflow: hidden;background:url(images/MainLogo.jpg) no-repeat top left;width:365px; height:99px; margin:0 auto;display:block;}
#site-description{display:none;}

#branding{padding:0; margin:0; background:#fff;}
#branding #mainnav {float:left;}
#branding #mainnav{width:100%; max-width:100%; height:30px;margin:0;background-color:#34beda;letter-spacing: 2px;}
#branding #mainnav li:hover > a, 
#branding #mainnav ul ul :hover > a {background:#7faf1b !important;color:#fff !important;}
#branding #mainnav ul li a {width:137px; text-align: center;padding:0; margin:0;height:30px; line-height:2.4em; text-transform:lowercase; color:#fff !important; }
/* dropdown */#branding #mainnav ul ul a {background-color:#594f4f !important;padding:2px; text-transform:uppercase; width:250px;padding-left: 15px; text-align: left}

#branding #mainnav ul ul li a:hover {background:url(images/green	trans_90.png) repeat top left !important;}
#branding #menu-mainnav li {}
#branding #menu-mainnav li ul li{margin: 1px 1px 0 0;}
#branding #menu-mainnav li.last {}

#branding #menu-mainnav li.home a, #branding #menu-mainnav li.home a:hover {width:15px; height:17px; padding:0; margin: 12px 20px;text-indent: 100%;white-space: nowrap;overflow: hidden;background:url(images/home-icon.png) top left no-repeat !important;  }
#branding #mainnav ul ul{top:30px;}
#branding div.headerContact{float:right; font-size:13px; color:#594f4f;margin:10px 10px 0 0;}
#branding div.headerContact span {display:block; text-align: right;}
#branding div.headerContact a {color:#594f4f !important;}
#branding .searchform {margin:20px 0 0;}

#menu-homespots {display: block;margin: 0 30px 35px;overflow: auto;}
#menu-homespots li {float:left;margin-left:11px;}
#menu-homespots li a{display: block; font-size: 2em; height: 69px; padding-top: 132px; text-align: center; text-transform: uppercase; width: 285px;}
#menu-homespots li.first{background: url('images/firstHS.jpg') no-repeat left top transparent;}
#menu-homespots li.second{background: url('images/secondHS.jpg') no-repeat left top transparent;}
#menu-homespots li.third{background: url('images/thirdHS.jpg') no-repeat left top transparent;}

#main {width:92%; margin:0 auto 10px;float:none;}
#wrap.sliderHome #main {float:none; margin:0 auto 10px; width:92%;}
#content {width:57%}
#secondary{margin-left:3%; width: 35%; padding-left:3%; border-left:1px solid #bcbcbc;}
#wrap {overflow:hidden; background:url(images/contentGrad.jpg) repeat-x top left #fff; border:0; margin-top:0; padding:15px 0 0;}
#wrap.sliderHome {overflow:auto; padding:5px 0 0; }

/**/
#content h1, #content .page-entry-header h1.entry-title, #content .single-entry-header h1.entry-title{font-family: 'Questrial', sans-serif; font-size: 30px; color:#34beda; line-height:.85em; text-transform: uppercase; font-weight:normal; margin-top:0px}
#page #content article header h1.thumbHead {font-size: 0;}
#content h2, #wrap.sliderHome h2  {font-family: 'Questrial', sans-serif; font-size: 24px;  margin-top: 20px; letter-spacing: 1px; font-weight:normal; clear:both;color:#547980;}
#content h3 {font-family: 'Questrial', sans-serif; font-size: 20px;  margin-top: 10px; text-transform: uppercase; color:#7faf1b; font-weight:normal;}
#content h4 {margin:0; text-transform:uppercase;}
#content .page {font-size:.85em; border-bottom: 0;}	
/*old green #82a462 */

/*NIVO*/
#wrap.sliderHome a.nivo-nextNav {right:-40px;text-indent: 100%;white-space: nowrap;overflow: hidden;background:url(images/sliderR.png) top left no-repeat;width:21px; height:24px;}
#wrap.sliderHome a.nivo-prevNav {left:-40px;text-indent: 100%;white-space: nowrap;overflow: hidden;background:url(images/sliderL.png) top left no-repeat;width:21px; height:24px;}
#wrap.sliderHome div.nivoSlider {margin:1px auto 0;}
#wrap.sliderHome div.slider-wrapper {margin-bottom:25px; margin-top:0; padding: 15px 0; background:url(images/SliderHomeBG.png) no-repeat top center transparent;}

/*sidebar*/
#socialSide {display: block; padding-top:0px;}
#socialSide li{float: left;}
#socialSide .social-icons {text-indent: 110%;white-space: nowrap;overflow: hidden; display: inline-block;}
#socialSide h3{background:url(images/followUs.png) top left no-repeat; width:108px; height: 23px;}
#socialSide .fb {background:url(images/facebook.png) top left no-repeat; width:32px; height: 32px;}
#socialSide .twit {background:url(images/twitter.png) top left no-repeat; width:32px; height: 32px;}
#socialSide .ytub {background:url(images/youtube.png) top left no-repeat; width:32px; height: 32px;}

#menu-sidepromo {margin-bottom:40px;}
#menu-sidepromo a {text-indent: 110%;white-space: nowrap;overflow: hidden; width:327px; height: 137px; display:block; margin-bottom:10px;}
#menu-sidepromo li.classschedule a{background: url(images/SB-ClassSchedule.jpg) top left no-repeat;}
#menu-sidepromo li.upcomingevents a{background: url(images/SB-UpcomingEvents.jpg) top left no-repeat;}
#menu-sidepromo li.specials a{background: url(images/SB-Specials.jpg) top left no-repeat;}
#menu-sidepromo li.instructortraining a{background: url(images/SB-Training.jpg) top left no-repeat;}

#secondary p {margin-left:10px;}
aside.widget {border-bottom:none; padding-bottom:15px; margin-bottom:15px; font-size:.8em;}
.widget h3.widget-title, .widget_get_recent_comments h1.widget-title {font-family: 'Questrial', sans-serif; font-size: 20px;  margin-top: 10px; text-transform: uppercase; color:#7faf1b; font-weight:normal;}

#colophon{width:100%; padding:95px 0 0;background:url(images/footerbg.jpg) no-repeat scroll top center #594f4f;text-align:center; color:#ccc;}
#colophon #inner {width:960px; margin:7px auto 0; padding-top:1px;}
#colophon div.menu-mainnav-container ul{padding:10px 0;margin:7px auto 12px;text-transform: uppercase; font-size:10px; width:61%;}
#colophon div.menu-mainnav-container ul li{display:inline; border-right: 1px solid #ccc; padding: 0 14px; }
#colophon div.menu-mainnav-container ul li.home {}
#colophon div.menu-mainnav-container ul li.last {border-right:none;}
#colophon #inner p {text-transform: uppercase; font-size:10px; margin-top:10px; color:#717171; }
#colophon #inner a {color:#ccc;}
#colophon a.top {display:none;}
#colophon div.contact span, #colophon div.contact a{display: block; font-size: 11px;}

#content img {-webkit-box-shadow: 0px 3px 8px 0px #363636; -moz-box-shadow: 0px 3px 8px 0px #363636; box-shadow: 0px 3px 8px 0px #363636; }
#content img.alignleft, #content .wp-caption.alignleft {margin: 10px 20px 30px 0;}
#content .post ul li, #content .page ul li, .commentlist ul li {list-style-type:disc; padding-bottom: 5px;}
#content .page p {padding-bottom:15px;}
#content .wpcf7 {background: transparent;}
#content img.alignnone {margin-top: 0px;}
#content article.post {}
#content article.post h1.entry-title {padding-left:0px;}
#content.full-width .page {width:95%; margin:0 auto;}
#wrap div.eventHero{margin: 0 auto 30px; width: 860px; background: url(images/bannerBG.png) no-repeat top center transparent; padding: 16px 0;}
#content #post-5 {padding-bottom:0; margin-bottom:0;}

/*Form background hover*/

input#submit:hover, input.wpcf7-submit:hover, .searchsubmit:hover{background-color:#039fc1;}
dl {float: left; width: 100%; } 
dt { float:left; margin: 0 0 0 0;} 
dt img { float: left; margin: 0 10px 10px 0; -webkit-box-shadow: none; 	} 
dd {}
.clientthumb {-webkit-box-shadow: none !important; 	}
div.wpcf7-mail-sent-ok {border: 2px solid #029FC0 !important;}