html, body { min-height: 100%; background: #fff; }
a { color: #222; text-decoration: none; }
a:hover { color: #038DAF }
#blogPage .twoThirds .halfWidthImageRight, #blogPage .twoThirds .fullWidthImageLeft, #blogPage .twoThirds .fullWidthImageRight, #blogPage .twoThirds .halfWidthImageLeft { background: #EFEFEF; color: #333; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-bottom: 12px; }
.leaderboardHold, .footerboardHold { display: none; }
.siteWidth { width: 100%; }
.headerWidth { margin: 0 20px }
.logo { padding: 10px 0 0 0; }
#header { padding: 10px 0; background: url(/ca_twopointo_cms_flavor_tzonefoundation/images/transparent-white.png) repeat 0 0; }
#footer { background: #FFF; border-top: 5px solid #C2E4F7; border-bottom: 10px solid #F2D80E; float: left; width: 100%; padding-top: 40px; margin-top: 40px; }
#footer h5 { font-size: 16px; line-height: 19px; margin: 20px 0 10px 0; padding: 0; font-weight: 300; color: #038DAF; }
.highlightColor { color: #038DAF!important; }
.heading { text-align: center; margin-bottom: 60px; border-bottom: 2px solid #F2D80E; }
.heading h1 { display: inline-block; font-size: 36px; position: relative; top: 41px; background: #FFF; padding: 0 20px; }
.pushmenu .responsiveImage { width: 100%; }
hr { border: 1px solid #DDD; width: 100%; display: block; clear: both; }
.pressLogo a { color: #FFF; text-decoration: none; display: block; margin: 0px 15px 10px; font-weight: bold; z-index: 90; position: relative; font-size: 13px; }
.pressLogo, .first-link { -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.pressLogo { overflow: hidden; height: 180px; width: 23%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.pressLogo img { width: 100%; height: 180px; z-index: 80; position: relative; }
.pressLogo:hover { background-color: #038DAF }
.pressLogo:hover img { opacity: 0.3 }
.pressLogo a:hover { text-decoration: none; }
.pressLogo .first-link { margin-top: 0em; }
.pressLogo:hover .first-link { margin-top: -6em; }
.pressLogo .second-link { font-weight: normal }
.siteBannerImage { background: #A9CFE4; }
.siteBannerImage img { width: 100%; height: auto; float: left; }
.mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6, .mainContent h7 { font-family: 'Lato', sans-serif; font-weight: 400; color: #038DAF; }
.mainContent p, .mainContent div, .mainContent span, .mainContent blockquote, .mainContent li { font-family: 'Lato', sans-serif; font-weight: 300; }
.mainContent p { font-size: 15px; line-height: 24px; margin-bottom: 30px; color: #038DAF; }
.mainContent p a { text-decoration: underline; color: #038DAF; }
.mainContent li { font-size: 16px; line-height: 24px; margin-bottom: 30px; color: #038DAF; }
#mainSiteNavigation { margin-top: 28px; margin-left: 50px; float: right; }
#mainSiteNavigation li { float: left; padding: 15px 0 10px; border-left: none; border-right: none; margin: 0px 20px; }
#mainSiteNavigation li:last-of-type { border-right: none; }
#mainSiteNavigation li a { color: #038DAF; padding: 0 0 20px 0; text-transform: uppercase; letter-spacing: 0.5px; font-size: 12px; font-family: 'Lato', sans-serif; font-weight: 400; }
#mainSiteNavigation li.creatorMainNavActive a, #mainSiteNavigation li a:hover { color: #038DAF; }
#mainSiteNavigation li:hover, #mainSiteNavigation li.creatorMainNavActive { border-bottom: 3px solid #f2d80e; }
a#donateButton { float: right; }
#videoPlayerHold { margin: 0; height: 387px; }
#videoContainer { margin-top: 20px; }
#mainVideoContent { float: left; padding: 20px; background: #fff; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.publicSearchResults { margin: 20px 0; float: left; width: 100%; }
ul.creatorFooterNav li.creatorMainNavActive a { color: #AAA; }
.responsiveImage img { width: 100%; height: auto; border-bottom: 3px solid #0A3756; }
.sectionStyleLight { border-bottom: 2px solid #ccc; padding: 60px 0 40px 0; }
.sectionStyleDark { background: #ddd; border-bottom: 2px solid #ccc; padding: 60px 0 40px 0; }
li.channelPlaylistRow { min-height: 390px; }
li.channelPlaylistRow .mediaThumbPlayButton.hidden { display: block!important; opacity: 0.3 }
li.channelPlaylistRow li:hover .mediaThumbPlayButton.hidden { opacity: 1; }
.channelVideos li { margin-bottom: 0px; }
.channelVideos li .mediaThumbContainer .textHold { background: #000; min-height: 80px; }
.channelVideos li .mediaThumbContainer .textHold a { color: #fff; }
#formWrapper { margin: 0 auto; width: 505px; }
.flexslider .sliderText h2 { color: #EEE; margin-top: 0; font-size: 40px; line-height: 40px; margin: 0 0 15px 0; }
.flexslider .sliderText { position: absolute; top: 0; left: 0; padding: 15px 30px; min-height: 370px; width: 40%; background: transparent; text-shadow: 0 1px 2px #000; }
.flexslider .sliderText p { color: #DDD; margin-bottom: 10px; font-size: 16px; font-weight: bold; margin: 10px 0 20px 0; }
.flexslider .sliderText { padding: 3% 0 0 3%; }
.flexslider .button { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px 30px; font-size: 15px; font-weight: bold; text-decoration: none; background: #000; border: 1px solid #000; box-shadow: none; margin: 10px 0; float: left; opacity: 0.8; }
.objectShadow { position: relative; z-index: 100; }
.dropShadow { width: 100%; height: 100px; position: absolute; top: 272px; box-shadow: 0px 5px 20px; z-index: 1; border-radius: 50%; }
.siteSocialLinks { float: left; width: 100%; }
.siteSocialLinks a { width: 66px; height: 66px; float: left; margin: 0 25px; }
.siteSocialLinks a img { opacity: 0.7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.siteSocialLinks a:hover img { opacity: 1; }
.ulStyle li { font-size: 23px; line-height: 25px; list-style-type: none; text-align: center; }
.yellowBg { background: #F2D80E url(/ca_twopointo_cms_flavor_tzonefoundation/images/image-swash.png) no-repeat center center; padding: 100px 0; margin: 15px 0; }
.letterCenter { z-index: 90; position: relative; margin: 0 auto; display: block; }
.search input#searchText { background: #333; }
.siteWidth form#addUsernameToAccountForm, .siteWidth form#userRegistrationForm, .siteWidth form#passwordSetForm, .siteWidth form#profileDeleteForm, .siteWidth form#loginForm, .siteWidth form#passwordRecoveryForm, .siteWidth #formWrapper.facebookConnectAdmin { background: url(/ca_twopointo_cms/images/launch/transparent-white.png); margin: 30px 0; width: 505px; border: 1px solid #111; padding: 10px 30px 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 0 1px 3px #555; -webkit-box-shadow: 0 1px 3px #555; box-shadow: 0 1px 3px #555; }
.network .loginButton, .network .logoutButton, .network .profileButton, .network .registerButton, .network .searchButton, #notify .registerButton, #notify .loginButton { color: #aaa; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111)); background: -moz-linear-gradient(bottom, #111, #222); background: -ms-linear-gradient(top, #222, #111); }
label.error { background: transparent!important; border: none!important; width: 100%!important; margin: 0!important; padding: 0!important; }
.highlightText, .primaryTextColor, .quaternaryTextColor, .quinaryTextColor, .senaryTextColor, .profile #tabs .accord-header:hover, .profile #tabs .accord-header.activeProfileEdit, .searchedText { }
.siteWidth form ul li label, .siteWidth ul.formElements li label { color: #333; font-weight: bold; }
.legal, .legal a { color: #888; font-size: 10px; margin: 0; }
#formWrapper li input[type=text], #formWrapper li textarea, #formWrapper li input[type=password], #formWrapper li input[type=text], #formWrapper li textarea, #formWrapper li input[type=password] { color: #333; padding: 7px 5px; background: #EEE; border: 1px solid #444; width: 70%; border-left: 0; border-radius: 0 2px 2px 0; }
#formWrapper li label { width: 30%; color: #AAA; font-weight: bold; line-height: 18px; background: #444; padding: 6px; font-size: 13px; box-sizing: border-box; border-radius: 2px 0 0 2px; border: 1px solid #000; border-right: 0; height: 32px; }
#formWrapper h1 { font-size: 31px; line-height: 33px; background: #222; margin: -10px -30px -5px -30px; padding: 15px 30px 10px 30px; color: #FFF!important; border-bottom: 1px solid #000; }
.captchaStyle { float: left; border: none; padding: 0; }
.captchaStyle label { color: #666; font-size: 15px; font-weight: bold; }
#recaptcha_widget_div { background: #FFF!important; border: 1px solid #888!important; }
.flex-container { margin: 0px auto 20px; width: 100%; float: none; }
#playlistMediaItems li, #playlistMediaItemsMobile li { padding-bottom: 0; background: #FFF; }
#blogEntrance #blogPage h1 { display: none; }
.blogDate { text-transform: uppercase; font-size: 12px; color: #AAA; font-weight: bold; }
#blogEntrance li { background: #fff; outline: 1px solid #ddd; margin-bottom: 20px; float: left; width: 100%; }
#blogEntrance li .textHold { padding: 20px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.flexslider, .flex-viewport { max-height: 470px; }
.contactWidth { width: 470px; }
.contactInfo { text-align: center; color: #038DAF; }
.contactInfo a { margin-bottom: 0; color: #038DAF!important; font-size: 12px; line-height: 16px; }
.contactInfo a.email:hover { text-decoration: underline; }
a.tel { cursor: default; width: 100%; float: left; }
.profile .siteWidth { width: 1024px; }


/*---------DESKTOP-----------*/
@media only screen and (max-width : 1515px) {
.pressLogo {width: 22.75%;}
.pressLogo img, .pressLogo {height: 160px;}
}

@media only screen and (max-width : 1350px) {
.pressLogo {width: 22.50%;}
.pressLogo img, .pressLogo {height: 140px;}
}

@media only screen and (max-width : 1215px) {
.pressLogo {width: 22%;}
.pressLogo img, .pressLogo {height: 120px;}
}

@media only screen and (max-width : 1024px) {
	.pressLogo {width: 21.5%;}
}

@media only screen and (max-width : 875px) {
	.pressLogo {width: 20.5%;}
	.mainContent.ulStyle  ul.halfWidth {width:100%!important}
	.legal {text-align: center!important;float:none!important;}
	.halfWidth.center {width:80%!important;}
}

@media only screen and (max-width : 700px) {
.letterCenter {width: 90%;}
#mainSiteNavigation {margin-left: 0px;}
}

@media only screen and (max-width : 650px) {
a#donateButton{display:none;}
}

@media only screen and (max-width : 550px) {
.logo img {width: 120px;height: auto;}
#mainSiteNavigation li {margin: 0px 10px;}
}
/*---------IPAD-----------*/	
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
body {
-webkit-text-size-adjust: 100%;
overflow-x:hidden;
-webkit-appearance: none;
width:1024px;
}
.halfWidth.center {width:75%!important;}
 }
 
 /*---------IPHONE-----------*/
  @media only screen and (max-device-width: 480px){
body {
-webkit-text-size-adjust: 100%;
overflow-x:hidden;
-webkit-appearance: none;
width:500px;
}
.logo {padding: 0;}
.halfWidth.center {width:85%!important;}
#mainSiteNavigation {margin-left: 0;margin-top: 15px;}
#mainSiteNavigation li {margin: 0px 15px;}
.headerWidth {margin: 0 10px;}
a#donateButton {display:none;}
.legal {text-align: center!important;float:none!important;}
.letterCenter {
padding: 0 20px;
width:100%;
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;  
box-sizing: border-box;   
}
.pressLogo img, .pressLogo {height: 100px;}
.flexslider, .flex-viewport {
max-height: 250px;
min-height:250px
}
.pressLogo:hover .first-link{  margin-top: -7em;}
.pressLogo a {font-size: 11px;}
 }