/*
Theme Name: CBS Dream Team
/*

Theme URI: CBSDreamTeam.com
Description: Little High Rise custom build for CBS Dreamteam. This theme is optimized for WordPress Multisite installations. Each page places content first, and templates were coded to improve site-wide load times. 
Author: Theme developed by Little Highrise | www.littlehighrise.com for Litton Entertainment
Version: 1.0
Tags: Multisite Custom Theme CBS Dreamteam


*/


/*TYPOGRAPHY*/
h1 {
	font-family:'Maven Pro', sans-serif;
}
h2 {
	font-family:'Maven Pro', sans-serif;
	text-align: left; 
	font-weight: bold; 
	font-size: 20px;
}
h3 {
	font-family:'Maven Pro', sans-serif;
	text-align: left; 
	font-weight: normal; 
	margin-top: 46px;
	font-size: 25px;
}

h4 {
	font-family: 'Istok Web', sans-serif;
	font-size:15px;
}
h5 {
	font-family: 'Istok Web', sans-serif;
	font-size:15px;
}
body {
	font-family: 'Istok Web', sans-serif;
	font-size:14px;
}

p {
	font-family:'Istok Web', sans-serif;
	color: #333333;
	font-size: 15px;
	text-align: left;
	line-height: 27px;
}

p.ellipsis {
	width: 150px;
	overflow:hidden;
	white-space:no-wrap;
	text-overflow:ellipsis;
	word-wrap: break-word;
}

a {
	font-family: 'Istok Web', sans-serif;
	font-size: 12px;
}

#logo img {
	margin-top: 8px;
	margin-bottom: 0;
}
#topNavbar {
	width: 100%;
	height:80px;
background: #FEFEFE;
background: -moz-linear-gradient(top, #fefefe 20%, #fcfcfc 50%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#FEFEFE), color-stop(50%,#FCFCFC), color-stop(100%,#E5E5E5));
background: -webkit-linear-gradient(top, #FEFEFE 20%,#FCFCFC 50%,#E5E5E5 100%);
background: -o-linear-gradient(top, #fefefe 20%,#fcfcfc 50%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #fefefe 20%,#fcfcfc 50%,#e5e5e5 100%);
background: linear-gradient(to bottom, #FEFEFE 20%,#FCFCFC 50%,#E5E5E5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e5e5e5',GradientType=0 );
}
}
.mainNav {
	list-style: none;
	float: left;
	margin-top: 24px;
}
.mainNav select {
	display: none;
	width:  100%;
	height: 28px;
	margin: 0;
}
.mainNav ul {
	margin: 0px;
}
.mainNav ul li {
	display: block;
	float: left;
	position: relative;
	margin: 0px;
	width: 105px;
}

.mainNav ul li:hover #dropdown {
	opacity: 10; 
  	filter: alpha(opacity=100); 
	height: auto;
	overflow: auto;
	width: 105px;
	background-color: white;
	list-style: none;
	
}

.mainNav ul li a {
	display: inline-block;
	text-decoration: none;
	color:#333333;
	font-size: 19px;
	font-family: 'Maven Pro', sans-serif;
	line-height: 40px;
	padding: 0 5px;
}
.mainNav ul li a:hover {
	color:blue;
	cursor:pointer;
}
/* DROPDOWN STARTS HERE */

#dropdown {
	opacity: 0.9;
	background-color: white;
	position: absolute;
	top: 100%;
	left:-20px;
	z-index: 999;
	height:0px;
	overflow: hidden;
	width: 120px;
	
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);	
}
#dropdown li {
	float:none;
	display: list-item;
	border-bottom: 1px solid #333333;
	position: relative;
	width: 165px;
}

#dropdown li a {
	display: block;
	line-height: 26px;
	text-transform: none;
	font-size: 14px;
	
}
/* START SOCIAL HEADER ICONS HERE */

#social {
	list-style: none;
	float: right;
	margin-top: 19px;
}
#social li {
	float: left;
	list-style: none;
	margin-top: 15px;
}

#facebook {
	float:left;
	background: url('./images/facebook.png');
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	padding-right: 15px;
	border-right: 1px solid gray;
}
#facebook:hover {
	float:left;
	background-image: url('./images/facebookHover.png');
	background-repeat: no-repeat;
}
#twitter {
	float:left;
	background-image: url('./images/twitter.png');
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	padding-left: 15px;
	padding-right: 6px;
	border-right: 1px solid gray;
	margin-left: 20px;
}
#twitter:hover {
	float:left;
	background-image: url('./images/twitterHover.png');
	background-repeat: no-repeat;
	
}
#google {
	float:left;
	background-image: url('./images/google.png');
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	margin-left: 16px;
	}
#google:hover {
	float:left;
	background-image: url('./images/googleHover.png');
	background-repeat: no-repeat;
}

/* START INTERNAL SITE'S BLUE NAVIGATION BAR HERE */

#subNavBar {
	width:100%;
	height:70px;
	background: #237afd; /* Old browsers */
background: -moz-linear-gradient(top, #237afd 0%, #3505a5 75%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#237afd), color-stop(75%,#3505a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #237afd 0%,#3505a5 75%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #237afd 0%,#3505a5 75%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #237afd 0%,#3505a5 75%); /* IE10+ */
background: linear-gradient(to bottom, #237afd 0%,#3505a5 75%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#237afd', endColorstr='#3505a5',GradientType=0 ); /* IE6-9 */

}
#subNavBar h1 {
	color: #efefef;
	font-family: 'Maven Pro', sans-serif;
	font-weight: normal;
	font-size: 18px;
	margin-top: 24px;
	margin-left: 0;
	text-transform: uppercase;
	width: 100%;
}
#subNavMenu li{
	list-style: none;
	margin-top:11px;
	display: inline-block;
}
#subNavMenu li a {
	list-style: none;
	color: #efefef;
	text-decoration: none;
	padding: 0 9px;
	font-size: 13px;
	font-family: 'Maven Pro', sans-serif;
	font-weight: bold;
}
#subNavMenu li a:hover {
	text-decoration: underline;
}

/* START CALLOUT SECTION HERE */	
#calloutBox {

	margin-top:15px;
	min-height: 322px;
	background-image: url('./images/calloutBg.png');	
}
#callouts {	
	padding-top: 48px;
}
.episode {
        text-align: left;
        padding: 0;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }

.episode h4, .episode h5, .episode p {
        color: #333;
        text-align: left;
    }

.spotlight.episode:nth-child(even) {
        margin-right: 0;
       float: left;
    }
.episode img {
	margin:5px;
	float:left;
}

.page-template-episodes .grid_4.spotlight.project img {
	max-width: 100%;
	
}
/* START FOOTER HERE */

#footer {
	font-family: 'Istok Web', sans-serif;
font-size: 12px;
margin-top: 60px;
border-top: 1px solid #EBEBEB;
padding-top: 5px;
width: 960px;
height: 75px;
position: relative;
right: 16px;
}
#footerLogo {
	float: left;
	margin-top: 13px;
	margin-bottom: 3px;
	display: block;
}
#copyright {
	float:left;
	clear:both;
	font-size: 15px;
}
#copyright a {
	text-decoration:none;
	color: #0c5bab;
	font-size: 15px;
}

/*MISCELLANEOUS FIXES*/

#socialFooter {
	list-style: none;
	float: right;
	margin-top: 15px;
}
#socialFooter li {
	float: left;
	list-style: none;
	margin-top: 15px;
}
#socialContainer {
float:right;
}

/* Main Menu Styles */

body {
 font-family: 'Istok Web', arial, sans-serif;
 background: #ffffff;
 text-align: center;
}

/* MENU */

#nav {
height:61px;
 float: left;
 margin: 0; 
padding: 0;
 border-bottom: none;
margin-top:-10px;
}

#nav li a, #nav li {
 float: left;
}

#nav li {
 list-style: none;
 position: relative;
}

#nav li a {
padding: 17px 30px 22px;
text-decoration: none;
color: #333;
font-family: 'Maven Pro', sans-serif;
font-size: 19px;
background-image: url(http://www.littlehighrise-dev.com/~cbsdream/wp-content/themes/CBS/images/navArrow.png);
background-repeat: no-repeat;
background-position: right 7px bottom 26px;
}

#nav li:hover a{
background: white;
color:#0c5bab;
background-image: url(http://www.littlehighrise-dev.com/~cbsdream/wp-content/themes/CBS/images/navArrowDwn.png);
background-repeat: no-repeat;
background-position: right 7px bottom 26px;
}


/* Submenu */

.hasChildren {
	position: absolute;
	width: 5px; height: 5px;
	right : 0;
	bottom: 0;
}

#nav li ul {
 display: none;
position: absolute;
left: 0;
top: 62px;
width: 300px;
padding: 0 10px;
margin: 0;
z-index: 999;
background: #FFF;
}

#nav li:hover > ul {
border-radius: 0px 0px 10px 10px;
 display: block;
}

#nav li ul li, #nav li ul li a {
 float: none;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
width: 280px;
font-size: 14px;
text-align: left;
color: #0c5bab;
display: block;
padding: 10px 15px;
background-image: none!important;
border-bottom: 1px solid #A8A8A8;
}

#nav li ul li a:hover {
color: #167DE8;
}
/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}

/* FOOTER */
#legal {
float: left;
margin-top: 5px;

}
#legal a {
text-decoration: none;
font-size: 15px;
color: #0C5BAB;
}
#legal a:hover {
color: #167DE8;
}

/* Episode & News */

.album-grid 
	width: 225px; 
	height: 150px; 
	float: left; 
	list-style: none; 
	list-style-type: none; 
	margin: 0 18px 30px 0px;
}
div.albumn { /* Containing div must have a position value */
    position:relative;
}

div.albumn a {
    	position:absolute;
    	width:100%;
    	height:100%;
    	top:0;
    	left:0;
	color: rgb(51, 51, 51);
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
    	z-index:10; /* raises anchor tag above everything else in div */
    	background-color:white; /*workaround to make clickable in IE */
    	opacity: 0; /*workaround to make clickable in IE */
    	filter: alpha(opacity=1); /*workaround to make clickable in IE */
}

div.albumn a:hover {
	color: #167DE8;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/* SCHEDULE STYLES */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
float:left;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.black {
	color: #ffffff;
	border: solid 1px #000000;
	background: #999999;
	background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
	background: -moz-linear-gradient(top, #646464, #282828);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.black:hover {
	background: #333333;
 	background: -webkit-linear-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e');
}

form {
    margin-top: 30px;
    margin-left: 30px;
}
label {
    width: 100px;
    display: inline-block;
    text-align: right;
	margin-right:15px;
margin-left:80px;
}
div.row {
    margin-bottom: 15px;
    text-align:left;
}
select {
    left: -2px;
    position: relative;
	border: 1px solid #cccccc;
  	border-radius: 2px;
}
input[type="submit"] {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 188px;
	width: 100px;
	float:right;
}
p {
    display: inline-block;
    margin: 0;
    padding: 0;
}
p:empty {
    display: none;
}
input {
    font-family: inherit;
    font-size: 100%;
    margin: 0px;
	width: 200px;
}

a {
    font-size: 100%;
    margin: 0px;
	width: auto;
}

.left {
  float: left;	
}

.slideshow_description { margin-top: -41px }
.slideshow_description a { font-size:16px!important }

.page-chris-pet-vet #slideShow { width: 1300px;}
.page-game-changers #slideShow { width: 1200px;}

/* Episode & News */
#albumn a {
	color: rgb(51, 51, 51);
	text-decoration: none;
	font-family: 'Maven Pro', sans-serif;
	font-weight: bold;
	font-size: 18px;
   	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

#albumn a:hover {
	color: #167DE8;
}
#albumn p:hover {
	color: #167DE8;
}
div.shadow {
	width: 140px;
	height: 350px;
	}
div.shadow:hover {
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.25);
	box-shadow: 0 0 8px rgba(0,0,0,0.25);
	}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
}

form[action="http://www.phizzlemobile.com/campaign_optin.php"] {
    margin-top: 30px;
}
form[action="http://www.phizzlemobile.com/campaign_optin.php"] label {
    width: 130px;
    display: inline-block;
}
form[action="http://www.phizzlemobile.com/campaign_optin.php"] div.row {
    margin-bottom: 15px;
}
form[action="http://www.phizzlemobile.com/campaign_optin.php"] select {
    left: -2px;
    position: relative;
}
form[action="http://www.phizzlemobile.com/campaign_optin.php"] input[type="submit"] {
    margin-top: 20px;
    margin-bottom: 20px;
	align:right;
}
form[action="http://www.phizzlemobile.com/campaign_optin.php"] p {
    display: inline-block;
    margin: 0;
    padding: 0;
}
form[action="http://www.phizzlemobile.com/campaign_optin.php"] p:empty {
    display: none;
}
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
      opacity: 0.5;
      }
.slideshow_container {
	margin: 0 auto !important;
}


@media (max-width: 420px) {
	.page-template-template-show-front-page-php #slideShow img {
		display: none;
	}
	.grid_6 { width: 100% !important; }
}

@media (min-width: 768px) {
	.grid_6 { width: 100% !important; }
	.page-template-template-show-front-page-php #slideShow img {
		display: none;
	}
}


@media (min-width: 980px) {
   .page-template-template-show-front-page-php #slideShow img { display: block; margin-left: auto; }

  .page-chris-pet-vet #slideShow { width: 100%; }
  .page-chris-pet-vet #slideShow #video { left: 475px !important;}
  .page-game-changers #slideShow { width: 100%;}	
   .grid_6 { width: 460px !important;	}
}

@media (min-width: 1200px) {
	.page-chris-pet-vet #slideShow { width: 1300px;}
	.page-chris-pet-vet #slideShow #video { left: 640px !important;}
	.page-game-changers #slideShow { width: 1200px;}
}