a {border:0px solid #fff;text-decoration:none;}

.clearfix {
width:0px;
height:0px;
clear:both;
float:none;
}

html {height:100%; }

body {
    background: url(smc4_bg.jpg) #ffffff top center no-repeat;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif; color:#666; height:100%;  
}

img {border:none}

a {color:#369;}

#header {height:330px; margin-bottom:-1px;background:url('SMCKids_Home_Banner.jpg') #fff no-repeat 50% 50%;width:980px;}
#toplinkbox {display:block;float:left;width:340px;height:62px;padding-top:5px;}

#sharethisbox {display:block;float:right;width:100px;height:40px;margin-top:15px;}

/* ######################
NAVBAR STYLES
#########################**/

#navigation {background:url('nav-bg-blue.png') repeat-x #069;height:2.95em;width:61.230em;margin-top:-15px;padding-left:0px;display:block;text-align:center;text-transform:uppercase; text-align:center;}




.home-button{width:2em;height:2em;background:url('btn-home.png') no-repeat;display:block;}
#main-nav {style-type:none;  display:block; padding:0;margin:0 auto;height:2.24em;list-style:none;}
#main-nav li { font-weight: bold; float: left; zoom: 1;padding:0.7em 1.1em 0 1.1em; height:2.25em }
#main-nav li.home-li {display:block;padding:0.55em 0.5em 0 2.35em; text-align:center;min-height:2em; min-width:2em;}
#main-nav li:hover { background: #900; background:url('nav-bg-red.png') repeat-x #900; height:2.24em;}
#main-nav li.home-li:hover {background:transparent;}
#main-nav li.last {padding-right:none;}
#main-nav li a:link, #main-nav li a:visited{color:#fff; font-family:'Lato',sans-serif;font-weight:900;font-size:1.05em;
    text-shadow:
    2px 2px 0 #000,
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
   
   }
   
/* adds the dropshadow for IE */   
   .ie-shadow {
	   
	display:block;
 	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color="#000000", direction=150, strength=3, positive="true");
	font-smooth:always;
	line-height:normal;
	height:40px;   
	   
   }
   
   

   
   
   
  /* ######################
STRUCTURAL STYLES
######################*/ 
   
   
   
.clearfix {
	   width:0px;height:0px;clear:both;float:none;}
	      
.center {margin:0 auto;display:block;}

#left-main {width:610px; float:left;padding:0px 0px 0px 0px;}
#right-main {width:340px;float:right;padding:15px 10px 0px 0px;margin:0 -25px 0 0;}
#right-main img {border:5px solid #096; border-radius:6px;-webkit-border-radius:6px;}

#main-content {padding:0px 15px 234px 15px;background:url('gradient.gif') repeat-x top left;display:block;width:960px;position:relative;z-index:100; margin:0 0 0 0;}

h2 {font-family:'Lato', sans-serif; font-weight:900;color:#369;font-size:1.4em;margin-bottom:0px;padding-bottom:0px;margin-top:2px;text-transform:uppercase;}
h3 {font-family:'Lato', sans-serif; font-weight:900;color:#369;font-size:1.35em;margin-bottom:0px;padding-bottom:0px;margin-top:2px;text-transform:uppercase;border-bottom:2px dotted #9ac949;}
h4 {padding-bottom:2px;margin-bottom:-15px;margin-top:5px;}
#page-wrapper {
	background-color: #fff;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	border-bottom: 5px solid #FFF;
	overflow:hidden;
	position:relative;
	min-height:100%;
	width:981px;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 5px 5px #666666;
box-shadow: 0px 0px 5px 5px #666666;
	
	display:block;
}

#left-main .featured-container {border:5px solid #09C;border-radius:6px;-webkit-border-radius:6px;}

#footer {width:976px;height:234px;text-align:center;margin:25px auto 0 auto;display:block;background-color:#fff;background-image:url('footer-bg.png');position:absolute;bottom:0;clear:both;float:none;z-index:999;}

#footer p {font-family:Verdana, Geneva, sans-serif;font-size:0.65em;}

#footer a {color:#666;}

#footer-logos {list-style:none;width:557px;height:135px;display:block;margin:0 auto;padding:0;position:relative;right:35px;}

#footer-logos li {display:block;float:left;padding:0;margin:0;}

#footer-logos img {border:0;}


  /* ######################
CONTENT STYLES
######################*/ 


h2.featured-title {font-family:'Lato', sans-serif; font-weight:900;color:#369;font-size:1.1em;margin-bottom:0px;padding-bottom:0px;margin-top:2px;text-transform:uppercase;}
p.featured-ep {font-size:0.80em;font-family:aria, Arial, Helvetica, sans-serif;font-weight:normal;margin-top:0px;padding-top:0px;line-height:145%;width:600px;}
p.fine-print {font-size:0.75em;}

#contest-copy p {font-size:0.95em;color:#333;line-height:1.62em;}

#contest-copy p.smc1 {width:600px;border-radius:8px; -webkit-border-radius:8px;height:254px; border:3px solid #369;background: rgb(59,103,158); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiNjc5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJiODhkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

}

p.smc1 img {float:left}

a.smc1-text {font-size:1.5em;float:right;margin:30px 25px 0 0;}

a.smc1-text:hover {} 

img.image-left {
float:left;
margin-right:12px;
height:150px;	
	
}



/* ######################
SOCIAL STYLES
#########################*/

.fb-link {width:32px;height:32px;display:block;float:right;background:url('facebook_32.png') no-repeat;padding-right:12px;}
.twt-link {width:32px;height:32px;display:block;float:right;background:url('twitter_32.png') no-repeat;padding-right:12px;}


/* ######################
WEBISODES STYLES
#########################*/


.episode-container {
display:block;
width:226px;
float:left;	
margin-right:12px;	
margin-bottom:12px;	
margin-top:18px;
}

.episode-container.last {
margin-right:0px;
	
}

.episode-container.last:after {
content:'test';
float:none;
clear:both;
width:0px;
height:0px;
	
}

.episode-title {
font-family:'Lato', sans-serif; 
font-weight:900;color:#369;
font-size:0.87em;
margin-bottom:0px;
padding-bottom:0px;
margin-top:2px;
text-transform:uppercase;	
	
}

.episode-info {
font-size:0.74em;
margin-top:0px;
padding-top:4px;	
	
}

#current-episode {display:block;width:800px;margin:0 auto;border:1px solid #990;color:#fff;background-color:#333;padding:0px 50px 35px 50px; overflow:auto;}


/* ######################
ASK SMC PAGE STYLES
#########################*/

#featured-question {	
padding-bottom:0px	
}

.question {
	
width:530px;
background:url('question-icon.png') top left no-repeat;	
padding-left:70px;	
	
}

.answer {
	
width:530px;
background:url('answer.png') top left no-repeat;	
padding-left:70px;	
margin-top:30px;	
}

.answer .bubble {	
background-color:#66ccff;	
padding:8px 12px 8px 12px;
color:#fff;
font-weight:400;
display:block;	
}


.answer:after {
content:'';
width:530px;
height:45px;
display:block;
background:url('question-bottom.jpg') top left no-repeat #fff;	
overflow:hidden;	
	
}

.who-answers {
display:block;	
width:600px;	
height:90px;
padding-bottom:25px;
border-bottom:1px dotted #069;
	
}

.who-answers img {
float:right;	
	
}


.character-option {
	
display:block;
border:0px solid #900;
width:100px;
height:110px;
float:left;	
margin-right:66px;	

}

.character-option.last-child {
margin-right:0px;	
	
}

#askform input , #askform select {
border:1px solid #369;
height:25px;
max-height:25px;
font-size:1em;
overflow:hidden;
padding:2px 4px;
border-radius:2px;
-webkit-border-radius:2px;	
background:#fafbfd;
font-family:Tahoma, Geneva, sans-serif;
margin:0px 8px;
}

#askform select {
width: 65px;
min-height: 31px;
padding:0px;
}

textarea {
width:580px;
height:215px;
padding:12px 10px;
resize:none;
border:1px solid #369;
-webkit-border-radius:2px;	
background:fafbfd;	
font-family:Tahoma, Geneva, sans-serif;
font-size:1em;	
margin:12px 0px 18px 0px;
}

#askform .submit {
background-color: #d72c2c;
border:1px solid #b92121;	
height:30px;
max-height:30px;
padding:3px 8px;
border-radius:3px;
-webkit-border-radius:3px;
color:#fff;	
float:right;
}

#askform .submit2 {
background-color: #d72c2c;
border:1px solid #b92121;	
height:25px;
max-height:25px;
padding:8px 8px 0px 8px;
border-radius:3px;
-webkit-border-radius:3px;
color:#fff;	
float:left;
}

.first_name {
width:255px;	
border:2px solid #369;
	
}

#askform .directions {
display:block;
width:550px;
padding:15px 25px;
font-family:Tahoma, Geneva, sans-serif;
font-size:0.85em;
line-height:1.2em;
color:#069;
background:#FFC;
border:1px solid #CC3;
border-radius:2px;
-webkit-border-radius:2px;	
	
}

.age, .state {

width:25px;	
	
}

#askform .radio {
border:0px solid #fff;	
float:right;	
}


.credit {
	
color:#069;
font-style:italic;	
display:block;
	
}



/* Collapsible Tab Style */

h5.expand a:link, h5.expand a:visited {
  border:1px solid #b92121;
  background-color: #d72c2c;
  background-image:url('arrow-down2.png');
  background-repeat:no-repeat;
  background-position:98% 50%;
  padding:10px 0px 10px 5px;
  color:#fff;
  font-family:'Lato',arial,helvetica,sans-serif;
  font-weight:900;
  font-size:1.25em;
 
  /*width:50%;*/
}



h5.expand a:hover, h5.expand a:active, h5.expand a:focus {
  /*text-decoration:underline*/
}
h5.expand a.open:link, h5.expand a.open:visited {
  border:1px solid #7b3fc0;
  background:#7b3fc0 url('arrow-up2.png') no-repeat 98% 50%
}


.collapse {
	
margin-bottom:25px;	
	
	
}

/* ######################
GAMES PAGE STYLES
#########################*/

h2 .game-subtitle {
	
color:#666;
font-size:0.65em;	

	
}


.game-row {
	
display:block;
width:585px;
height:140px;
margin:10px 0px;
	
}

.game-info {

float:left;
width:410px;
font-size:0.85em;
	
}

a.app {display:block;float:left;text-align:center;margin-right:18px;}



/* ######################
CHARACTER STYLES
#########################*/

#character-selector {

display:block;
width:100%;
height:100px;
background-color:#fff;	
	
}

#cast {
display:block;	
list-style-type:none;	
padding-left:0px;
margin-left:0px;
width:100%;
float:left;	
border-bottom:1px solid #ccc;
height:125px;
}

.member {
display:block;
float:left;
width:90px;
height:90px;
margin-left:0px;
padding-left:0px;
margin-right:26px;	
border-bottom:1px solid #52d980;
text-align:center;
font-size:1.25em;	
}

#character-render {
	
display:block;
float:right;
width:50%;
height:540px;	
padding-top:10px;	
	
}

#character-info {
width:48%;	
display:block;
float:left;
height:550px;
overflow:hidden;
}

#character-quote {
width:267px;
height:153px;
background:url(bubble.png) left top no-repeat;

}

#character-quote p {

font-size:1.25em;
color:#333;	
position:relative;
top:25px;
left:25px;
width:190px;
height:120px;	
}

#character-bio {
width:75%;
padding:8px 15px 0px 15px;
background-color:#b5e8c6;	
height:100%;
margin-right:19px;
}

#character-bio h2 {
	
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
color:#333;	
text-transform:none;
}

#character-bio p {
font-size:0.8em;
line-height:1.35em;	
	
}

#character-subnav {
display:block;
overflow:hidden;
width:97%;	
padding-top:12px;	
}

#prev {
width:90px;
height:20px;
padding-top:5px;
background-color:#069;	
color:#fff;
float:left;	
font-size:0.85em;
text-align:center;
font-family:'Lato', sans-serif;
font-weight:900;
}

#prev-alt {
width:90px;
height:20px;
padding-top:5px;
background-color:#666;	
color:#fff;
float:left;	
font-size:0.85em;
text-align:center;
font-family:'Lato', sans-serif;
font-weight:900;
display:none;
}



#next {
width:90px;
height:20px;
padding-top:5px;
background-color:#069;	
color:#fff;
float:right;		
font-size:0.85em;	
text-align:center;
font-family:'Lato', sans-serif;
font-weight:900;
}

#next-alt {
width:90px;
height:20px;
padding-top:5px;
background-color:#666;	
color:#fff;
float:right;		
font-size:0.85em;	
text-align:center;
font-family:'Lato', sans-serif;
font-weight:900;
display:none;
}

#right-main img.no-border {
	
border:0px solid #fff;	
padding-top:15px;	
}



/* ######################
404 PAGE STYLES
#########################*/

#sorry-title {text-align: center;font-size:2.5em;padding-top: 75px;position: relative;}
#sorry-message {display:block;margin: 0 auto;width: 65%;font-size:1.25em;text-align: center;}





/* ######################
SLIDER STYLES
#########################*/

	a.slider-next {
	width:34px;
	height:34px;
	display:block;	
	background:url('btn_nxt.gif') top left no-repeat;
	float:right;
	position:relative;
	right:1em;
	bottom:10em;
		
	}
	
	a.slider-prev {
	width:34px;
	height:34px;
	display:block;	
	background:url('btn_prev.gif') top left no-repeat;
	float:left;
	position:relative;
	left:-.6em;
	bottom:10em;
		
	}
	
	/* style for the entire container*/

  .roundabout-holder {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      height: 17em;
      width: 33em;
	  display:block;
	 position:relative;
	 right:0.5em;
	  
   }
   
   /* style for individual slides*/
   
   .roundabout-moveable-item {
      height: 15.87em;
      width: 39.4em;
      cursor: pointer;
      background: #006599 url('slider-bg.gif') repeat-x top left;
      border: 1px solid #999;
	  -webkit-box-shadow: 0px 0px 6px 2px #333;
box-shadow: 0px 0px 6px 2px #333;
   }
   
   
   .roundabout-moveable-item:hover {
	   
	opacity:1;   
	   
   }
   
   .roundabout-in-focus {
      cursor: auto;
   }
   
   
   /* styles slide image */
   
    .roundabout-moveable-item img {
	float:left;
	display:block;	
	height:15.87em;
	width:18em;	
	}
   
   
   h2.slider-head {
	   
	color:#fff;
	font-family:'Lato', sans-serif;
	font-weight:900;
	font-size:1.5em;
	text-decoration:none;
   text-shadow:
    2px 2px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	display:block;
	float:left;
	margin-left:0.7em;
	padding-top:0.45em;
	
   }
   
   p.slider-copy {
	font-size:0.8em;
	color:#fff;
	display:block;
	float:left;
	margin-top:0.4em;
	margin-bottom:0.1em;
	margin-left:1em;
	width:21.8em;   
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
   }
   
   a.slider-button {
	display:block;
	float:left;
	margin-left:0.7em;
	margin-top:0.45em;
	border:1px solid #FFC;
	border-radius:8px;
	-webkit-border-radius:8px;
	color:#3399cc;
	 text-shadow:
    2px 2px 0 #fff,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #fff,  
    1px -1px 0 #fff,
   -1px  1px 0 #fff,
    1px  1px 0 #fff;     
	font-family:'Lato', sans-serif;
	font-weight:900;
	font-size:1.15em;
	text-decoration:none;
	padding:0.2em 0.85em;
	-webkit-box-shadow: 0px 0px 4px 2px #333;
box-shadow: 0px 0px 4px 2px #333;
	background: rgb(254,252,234); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGVjMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(248,236,39,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(248,236,39,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(248,236,39,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(248,236,39,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(248,236,39,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(248,236,39,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f8ec27',GradientType=0 ); /* IE6-8 */


	   
   }
   
   .ie-shadow-white {
	   
	display:block;
	 zoom: 1;
	progid:DXImageTransform.Microsoft.DropShadow(OffX=6, OffY=4, Color='gray');
	font-smooth:always;
	line-height:normal;
 	 height:1.3em;
	   
	   
   }