/* Homepage-only styles  */

@media screen {

/* === CONTENT adjustments === */
#content-home{float:left;width:95%;margin:0;}
#content-home ul, ol {padding:0.5em;}
#content-home li {padding:0;margin-left:0;}
#header {background-color: transparent;}

/* === SCIENCE STORIES == */
#ss_list { margin: 0 0 0 10.3125em; padding: 0; list-style: none;}
#ss_list li {margin: 0 0 1.25em 0; padding: 0;float: left; width: 100%;position: relative;}
#ss_list li:last-child{margin: 0 0 2.5em 0;}
#ss_list img { float: left; margin-left: -10.3125em;position: relative;}
#ss_list p{float: right;width: 100%; margin: 0;}
#ss_list div.ss_imgdiv {width: 150px; height: 110px; overflow: hidden; display: inline;}
#ss_more{margin:3.125em 0 0.625em 0.625em;}

/* === ICONS and INFO === */
.ssblurb-home {width:44%;float:left;margin:0.625em 0.625em 1.5625em 1.5625em;padding:0.9375em;background-color:#ffffd7;border-radius:0.9375em; -webkit-border-radius:0.9375em; -moz-border-radius:0.9375em;}
.featurediconsblurb-home {width:35%;float:left;margin:0.625em 0 0.625em 3em;padding:0.9375em 0.9375em 0.9375em 1.25em;background-color:#ffffd7;border-radius:0.9375em; -webkit-border-radius:0.9375em; -moz-border-radius:0.9375em;}
.socialiconsblurb-home, .basicinfoblurb-home {width:42%;float:right;margin:0.625em 0 0.625em 0;padding:0.9375em;background-color:#ffffd7;border-radius:0.9375em; -webkit-border-radius:0.9375em; -moz-border-radius:0.9375em;}
.featuredtext-home{display:block;text-align:center;font-size:80%;line-height:1.25em;}
.featuredicons-home{display:inline-block;float:left;max-width:3.25em;height:5.3125em;margin:0.5em 0.2em 0.5em 0.75em;}
.featuredicons-home-dblwide{display:inline-block;float:left;max-width:7.5em;height:5.3125em;margin:0.5em 0.5em 0.5em 0.75em;}
.featuredicons-home img, .featuredicons-home-dblwide img{max-width:100%;}
.socialtext1-home, .socialtext2-home{float:left;text-align:right;line-height:1em;margin:0.25em 0.5em 0 0;font-size:90%;}
.socialicons-home{float:left;width:2em;margin-right:0.5em;}
.tagline-home{width:44%;float:right;margin:0.625em;padding:0;font-size:98%;color:#363;font-weight: bold;text-align:center;line-height:1.25em;}


} /* End @media screen  MQ */


/*  ==== MEDIA QUERY ~ TABLET PORTRAIT (2-col to 1 col on homepage, reduce branding bar) ====  */

@media only screen and (max-width: 800px) {

/* === ICONS and INFO === */
.ssblurb-home, .socialiconsblurb-home, .basicinfoblurb-home, .featurediconsblurb-home {width:94%;float:left;margin:0.625em 0.625em 1.5625em 1.5625em;}
.socialicons-home{display:block;}
.tagline-home {width:94%;float:right;margin:0.3em 0.625em 1em 0;text-align:left;}

}  /* End 800px MQ */


/*  ==== MEDIA QUERY ~ MOBILE LANDSCAPE styles (search box drops below branding bar) ====  */

@media only screen and (max-width: 520px) {

/* == CONTENT styles == */
#content-home{float:left;width:96%;margin:0;}

/* === SCIENCE STORIES == */
#ss_list { margin: 0 0 0 12em; padding: 0; list-style: none;}
#ss_list li {margin: 0 0 2.5em 0; padding: 0;float: left; width: 100%;position: relative;}
#ss_list li:last-child{margin: 0 0 2.5em 0;}
#ss_list img { float: left; margin-left: -12em;position: relative;}
#ss_list p{float: right;width: 100%; margin: 0;}
#ss_more{margin:3.125em 0 0.625em 0.625em;}

/* === ICONS and INFO === */
.ssblurb-home, .socialiconsblurb-home, .basicinfoblurb-home, .featurediconsblurb-home {width:92%;float:right;margin:0.625em auto;padding:0.75em;font-size:90%;}
.socialicons-home{display:block;float:left;width:2em;margin-right:0.75em;}
.tagline-home {width:93%;float:right;margin:0.325em auto;padding:0.4em;font-size:95%;text-align:left;}
.socialtext1-home{display:none;}
.socialtex2-home{float:left;text-align:right;line-height:1em;margin:0.25em 1em 0 0;font-size:95%;}
.featuredicons-home{display:inline-block;float:left;width:2.75em;height:5em;margin:0.5em 2em 1em 0;}
.featuredtext-home{display:block;text-align:center;font-size:80%;line-height:1.25em;}


}  /* End 520px MQ  */


/*  ==== MEDIA QUERY ~ MOBILE PORTRAIT styles (adjustments for smaller widths)====  */
 
@media only screen and (max-width: 480px) {

/* == CONTENT styles == */
#content-home{float:left;width:96%;margin:0;}

/* === SCIENCE STORIES == */
#ss_list { margin: 0 0 0 12em; padding: 0; list-style: none;}
#ss_list li {margin: 0 0 2.5em 0; padding: 0;float: left; width: 100%;position: relative;}
#ss_list li:last-child{margin: 0 0 2.5em 0;}
#ss_list img { float: left; margin-left: -12em;position: relative;}
#ss_list p{float: right;width: 100%; margin: 0;}
#ss_more{margin:2em 0 0.625em 0.625em; font-size:85%}

/* === ICONS and INFO === */
.tagline-home {font-size:90%;}
.featuredicons-home{margin:0.5em 1.5em 1em 0;text-align:center;}


}  /* End 480px MQ */



/* ====  PRINT STYLES  ====  */

@media print {

/* === ICONS and INFO === */
.ssblurb-home, .socialiconsblurb-home, .basicinfoblurb-home, .tagline-home {float:left;width:100%;}
.featurediconsblurb-home{display:none;}
.socialicons-home{display:block;}

/* === CONTENT styles === */
#content-home {width:100%;}
#content-home ul, ol {padding:0 0.5em;}
#content-home li {padding:0.375em 0;margin-left:0.5em}

/* === jQuery FLEXSLIDER styles == */
.flexslider .slides li {display:block;clear:both;}
.flexslider .slides img  {display:none;}
#flex-container-home .flex-control-nav {display:none;}
#flex-container-home .flex-direction-nav {display:none;}

}  /* End print styles */