/*  
Theme Name: Next Vista for Learning 2012
Description: NVFL 2012.
Version: 3.0
Author: Todd Seal
*/

*
{
	margin: 0;
	padding: 0;
}

body 
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
   	font-size: 90%;
	min-width: 910px;
}

p
{
line-height: 1.6em;
}

a img
{
border: none;
}

.wrapper
{
/* removes horizontal scrolling */
  	position: relative;
   	overflow: hidden;
/* end removes horizontal scrolling */
   	margin: 0 auto;
	text-align: center;
   	width: 100%;
}

.header
{
	float: left;
	margin: -1.7em 0 .5em 0;
   	width: 100%;
}

#home .header
{
	margin: -8.4em 0 .1em 0;
}

h1#banner
{
	background: url(//www.nextvista.org/images/logo_011512.jpg) left bottom no-repeat;
	float: left;
	width: 155px;
}

h1#banner a, h2#subbanner a
{
	display: block;
	height: 113px;
	text-indent: -50000px;
	width: 100%;
}

h2#subbanner
{
   	background: url(//www.nextvista.org/images/logo_typeface.png) center bottom no-repeat #4aaa4a;
	height: 72px;
	margin: 1.9em 0 0 4.65em;
	text-indent: -50000px;
	top: 108px;
	width: 90%;
}

/* Headers */
h1
{
	font-size: 2.1em;
	font-weight: normal;
}

#singlecontent h1, #archivecontent h1, #searchcontent h1, #newsletter h1
{
	border-top: 4px #b5a48b solid;
	color: #656355;
	font-variant: small-caps;
	margin: .3em 0 .3em 0;
	padding-top: .2em;
	text-align: center;
}

#archivecontent.lightbulbs h1, #singlecontent.lightbulbs h1
{
	border-top: 4px #393 solid;
}

#archivecontent.globalviews h1, #singlecontent.globalviews h1
{
	border-top: 4px #069 solid;
}

#archivecontent.seeingservice h1, #singlecontent.seeingservice h1
{
	border-top: 4px #c00 solid;
}

#singlecontent.speaking h1
{
	border-top: 4px #aa4bcc solid;
}

#singlecontent.videos h1, #thankyou #singlecontent .videos h1
{
	border-top: 4px #705422 solid;
}

#contest #singlecontent h1, #contest #archivecontent h1
{
	border-top: 4px #c58e2b solid;
}

#featuredcontent #archivecontent h1, #thankyou #singlecontent .previouslyfeaturedcontainer h1
{
	border-top: 4px #5e437a solid;
}

#home #featured h2, #featuredcontent #archivecontent h2, #project #archivecontent .featuredcontainer h2#firstvid, #home #freebies h2
{
	clear: left;
	margin-top: 1em;
}

#home #featured h1
{
	font-size: 1.5em;
	margin-top: .5em;
}

#home #featured h2, #home #freebies h2
{
	padding-bottom: .5em;
}

#home #featured h2#secondvid
{
	padding-top: 2em; 
}

#sidebar h1
{
	color: #b5a48b;
	font-size: 1.5em;
}

#sidebar h2
{
	color: #656355;
	font-size: 1.2em;
	font-weight: normal;
	padding: .25em 0 0 140px;
}

#sidebar.lightbulbs h1, #sidebar h1.lightbulbs, #sidebar h1.lightbulbs a, .videos p a.lightbulbs, .samplevids .lightbulbs a
{
	color: #194c19;
}

#sidebar.globalviews h1, #sidebar h1.globalviews, #sidebar h1.globalviews a, .videos p a.globalviews, .samplevids .globalviews a
{
	color: #00466b;
}

#sidebar.seeingservice h1, #sidebar h1.seeingservice, #sidebar h1.seeingservice a, .videos p a.seeingservice, .samplevids .seeingservice a
{
	color: #590000;
}

.slightemphasis
{
	font-size: 120%;
}

.bigtext
{
	font-size: 130%;
}

.maincontent
{
	background-color: #fff;
   	margin: 0 auto;
	max-width: 1000px;
}

.imagecontainer
{
	text-align: center;
	margin: 0;
	height: 150px;
	width: 100%;
}

.leftfilm
{
	background: url(//www.nextvista.org/images/left_filmstrip.jpg) left center repeat-y #fff;
	margin-top: 6.7em;
	height: 100%;
}

.rightfilm
{
	background: url(//www.nextvista.org/images/right_filmstrip.jpg) right center repeat-y;
	height: 100%;
}

.inline
{
	display: inline;
	margin: .4em;
}

.imagecontainer .inline a, .imagecontainer img
{
	border: none;
}

.imagecontainer a
{
	border-bottom: .2em #fff solid;
}

.imagecontainer a:hover.videos
{
	border-bottom: .2em #705422 solid;
}

.imagecontainer a:hover.speaking
{
	border-bottom: .2em #aa4bcc solid;
}

.imagecontainer a:hover.contests
{
	border-bottom: .2em #c58e2b solid;
}

/* Begin Mobile Menu */

.mobile-menu{
    display: none;
}
@media only screen and (min-width: 800px){
    .desktop-menu{
        display: block !important;
    }
    .mobile-menu{
        display: none !important;
    }
}

@media only screen and (max-width: 799px){
    .desktop-menu{
        display: none !important;
    }
    .mobile-menu{
        display: block !important;
    }
}

/* End Mobile Menu */


#menu
{
	list-style: none;
	padding-top: .5em;
	margin-left: 180px;
}

#menu li
{
	display: inline;
	font-size: 1.2em;
	margin-left: 1.5em;
	padding-right: 1.7em;
}

#menu li.home, #menu li.videos, #menu li.speaking
{
	border-right: .2em #4aaa4a solid;
}

.clear
{
	clear: both;
}

#videos, #update, #support, #latestcontest
{
	padding-top: .35em;
	width: 45%;
}

#videos, #update
{
/* because without this, the left columns are smaller than the right */
	width: 48%;
}

#latestcontest
{
	border-top: 4px #c58e2b solid;
	float: right;
	margin: .6em 0 0 1em;
	padding-left: 2em;
	text-align: right;
}

#support
{
	border-top: 4px #c55c22 solid;
	float: right;
	margin: 1em 0 1em 1em;
	padding-left: 2em;
	text-align: right;
}

#videos
{
	border-top: 4px #5e437a solid;
	margin: .6em 0 0 0;
	text-align: left;
}

#freebies
{
	border-top: 4px #b5a48b solid;
	float: none;
	margin: .6em 0 0 0;
	text-align: left;
}

#featured
{
	color: #5e437a;
}

.featuredscreenshot, #project #archivecontent .featuredcontainer .featuredscreenshot, .nvivscreenshot
{
	float: left;
	width: 220px;
}


.featuredcontainer
{
	clear: both;
}

#featuredcontent .featuredcontainer, #project #archivecontent .featuredcontainer
{
	border-top: 4px #5e437a solid;
	background: #e1dcd3;
	height: 240px;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

#project #archivecontent .featuredcontainer
{
	border-top: 4px #c55c22 solid;
}

.featuredscreenshot img, #project #archivecontent .featuredscreenshot img, .nvivscreenshot img
{
	border: 2px #e1dcd3 solid;
	background: #fff;
	padding: .4em;
	margin-left: 2em;
	height: 150px;
	width: 150px;
}

.nvivscreenshot img
{
	height: 112px;
	width: 200px;
}

#home .featuredscreenshot img, #home .nvivscreenshot img
{
	margin-top: .4em; 
}

#featuredcontent .featuredscreenshot img, #project .featuredscreenshot img
{
	height: 150px;
	width: 150px;
}

.featuredcontainer, #project #archivecontent .featuredcontainer
{
clear: both;
}

.featuredcontainer p, #project #archivecontent .featuredcontainer p
{
font-size: 1em;
padding: 1em 0 1em .75em;
}

/* ----- Video of the Year -----*/
#voy
{
margin-left: 2em;
}

#voy h2
{
font-size: 1em;
}

#voy .featuredscreenshot img
{
	border: 2px #e1dcd3 solid;
	background: #fff;
	padding: .2em;
	margin-left: .5em;
	height: 50px;
	width: 50px;
}

#voy .featuredscreenshot
{
width: 100px;
}

/* ----- featured videos page -----*/

#featuredcontent #archivecontent .featuredcontainer p.featuredscreenshot, #project #archivecontent .featuredcontainer p.featuredscreenshot
{
padding-top: .5em;
} 

#featuredcontent #archivecontent .intro p, #project #archivecontent .intro p
{
margin: 0;
padding: 0;
}

.featuredcontainer p.videotitle, .featuredcontainer p.subjectarea, .featuredcontainer p.region, .featuredcontainer p.collectiontitle, .featuredcontainer p.featuredauthor, .featuredcontainer p.tags, #project #archivecontent .featuredcontainer p.videotitle, #project #archivecontent .featuredcontainer p.subjectarea,  #project #archivecontent .featuredcontainer p.region, #project #archivecontent .featuredcontainer p.collectiontitle, #project #archivecontent .featuredcontainer p.featuredauthor, #project #archivecontent .featuredcontainer p.tags
{
margin: 0;
margin-left: 15em;
padding: .25em 0 0 .1em;
}

/* ----- end featured videos page -----*/

/*
#update img, #latestcontest img
{
	border: none;
	margin: 0;
	padding: 0;
}

*/

.noborder, .noborder img
{
	border: none;
}

#update
{
	border-top: 4px #23a6b8 solid;
	text-align: left;
	margin: 1em 1em 1em 0;
}

#videos h1, #videos h2, #videos p, #update h1, #update p, #freebies h1, #freebies h2, #freebies p
{
margin-left: 20px;
}

#latestcontest h1, #latestcontest p, #support h1, #support p
{
margin-right: 20px;
}

/* ----- Videos page header background ----- */
.videos .leftfilm
{
/*background-color: #eae8e9;*/
background: none;
margin-top: 0;
}

.videos .rightfilm
{
background: none;
}

/* ----- For the image that removes tags in the heading of tag archives ----- */
#archivecontent h2 img
{
padding: 0 0 .3em .1em;
}

#sidebar
{
margin-top: .5em;
margin-left: 61%;
/* it was 51% 10.25.12 */
	padding-left: 10%;
text-align: left;
width: 35%;
/* it was 40% on 030920 */
/* it was 20% */
}

/* ----- sidebar list ----- */

#singlecontent, #archivecontent, #searchcontent, #widecontent
{
float: left;
padding-right: 2em;
text-align: left;
width: 73%;
}

/* ----- FOR THE CELEBRATING SERVICE CONTENT IN APRIL 2020 -----*/
#archivecontent.celebrating
{
width: 100%;
}

#widecontent
{
width: 90%;
}

#newsletter
{
text-align: left;
width: 100%;
}

#singlecontent object, #singlecontent p, #searchcontent p, #newsletter p
{
margin-left: 20px;
}

#singlecontent object, #videocontainer
{
margin-bottom: 20px;
}

#singlecontent h2, #archivecontent h2, #searchcontent h2, #newsletter h2, #project #archivecontent .featuredcontainer h2
{
color: #333;
font-size: 1.2em;
margin: 1.5em 0 0.25em 2em;
text-align: left;
}

#singlecontent .othervids h2
{
margin-top: 2em;
}

#singlecontent h3
{
margin-left: 20px;
padding: 10px 0;
}

#archivecontent h2, #searchcontent h2, #project #archivecontent .featuredcontainer h2
{
margin: 0;
padding-left: 1em;
}

#archivecontent p, #searchcontent p
{
border-bottom: 1px #999 solid;
padding-left: 1em;
}

#collectionintro p, #collectionlanding p, #featuredcontent #archivecontent p, #featuredcontent #singlecontent p, #thankyou #archivecontent p, #thankyou #singlecontent p
{
border: none;
/*margin-bottom: 2em;*/
}

#home #update p, #home #latestcontest p, .videos p, .speaking p, .project p
{
/*margin-bottom: 1em;*/
}

p
{
margin-bottom: 1.5em;
}

#featured p, #videos p
{
margin-bottom: 0;
}

.videos p.center
{
font-size: 1.4em;
}

.othervids, #archivecontent .results, #searchcontent .results
{
text-align: left;
}

.othervids img, #archivecontent .results img, #searchcontent .results img, #thankyou .previouslyfeaturedcontainer .results img
{
height: 35px;
width: 35px;
float: left;
margin: 0;
margin-right: .5em;
padding: 0;
}

.othervids img
{
margin-top: .85em;
}

#archivecontent .results img, #searchcontent .results img, #thankyou .previouslyfeaturedcontainer .results img
{
height: 55px;
padding: .15em 0 0 1em;
width: 55px;
}

.othervids a img, #archivecontent .results a img, #searchcontent .results a img, #thankyou .previouslyfeaturedcontainer .results a img
{
border: none;
}

.othervids dd, #archivecontent .results dd, #searchcontent .results dd, #thankyou .previouslyfeaturedcontainer .results dd
{
margin: 0 0 1em 0;
padding: 1em 0;
padding-bottom: 1em;
}

.othervids dd
{
padding-bottom: 1em;
}

#archivecontent .results dd, #searchcontent .results dd, #thankyou .previouslyfeaturedcontainer .results dd
{
border-bottom: 1px #999 solid;
margin-bottom: 1em;
padding-bottom: 3em;
}

#archivecontent .randcollectionlist dl.results dd
{
padding-bottom: 2em;
}

dl.othervids, .othervids dl
{
margin: 1em 0 0 8em;
}

.othervids
{
width: 400px;
-webkit-width: 200px;
float: left;
}

.firstcolumn
{
clear: left;
}

dt.viewall
{
margin-bottom: 2em;
}

p.viewall
{
padding: 10em;
}


#archivecontent dl.results, #searchcontent dl.results, #thankyou .previouslyfeaturedcontainer dl.results
{
margin: 1em 0 0 4em;
}
/* 
dt
{
color: #353319;
font-size: 1em;
font-weight: bold;
}
*/

.othervids, #archivecontent .results, #searchcontent .results, #thankyou .previouslyfeaturedcontainer .results
{
margin-top: -2em;
}


#collectionlanding .recentvids, #videoslanding .samplevids, #contestfinalists .samplevids
{
border: 1px solid #ddd;
border-top: none;
float: right;
text-align: center;
width: 210px;
margin: 1em .7em 1em .7em;
padding: 0;
text-align: center;
}

#archivecontent #collectionlanding .recentvids p, #singlecontent #videoslanding .samplevids p, #contestfinalists .samplevids p
{
margin-right: 1em
}

#archivecontent #collectionlanding .recentvids p.collectiontitle, #singlecontent #videoslanding .samplevids p.collectiontitle, #contestfinalists .samplevids p.collectiontitle
{
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 0;
text-align: center;
}


/* ----- Videos page ----- */
.videos .samplevids p.subjectarea, .videos .samplevids p.region
{
margin: 0 0 1em 0;
padding-top: 0;
}

.videos .samplevids p.videotitle
{
margin-bottom: 0;
padding-bottom: 0;
}

.samplevids p.screenshot img, .recentvids p.screenshot img
{
height: 150px;
width: 150px;
}

.samplevids p.screenshot a img
{
border: none;
}

.lightbulbs p.collectiontitle, #thankyou #singlecontent .videos .lightbulbs p.collectiontitle
{
border-top: 4px solid #393;
}

.globalviews p.collectiontitle, #thankyou #singlecontent .videos .globalviews p.collectiontitle
{
border-top: 4px solid #006699;
}

.seeingservice p.collectiontitle, #thankyou #singlecontent .videos .seeingservice p.collectiontitle
{
border-top: 4px solid #cc0000;
}

/* ----- Collection landing pages ----- */

.lightbulbs #collectionlanding p.collectiontitle
{
border-top: 4px solid #194c19;
}

.globalviews #collectionlanding p.collectiontitle
{
border-top: 4px solid #00466b;
}

.seeingservice #collectionlanding p.collectiontitle
{
border-top: 4px solid #590000;
}

#collectionlanding .results img
{
height: 35px;
width: 35px;
padding: .1em;
}

#collectionlanding dl.results
{
margin-bottom: 1em;
width: 200px;
}

#sidebar .results img
{
height: 65px;
width: 65px;
}

#sidebar .results dd, #sidebar .results dt
{
margin: 0;
padding: 0;
}

#sidebar .results dd
{
padding: 0 0 1em 0;
}

#sidebar li
{
width: 200px;
/* it was 350 on 030920 */
}

#sidebar li.text, #sidebar li.text a, #contest #sidebar li, #contest #sidebar li a, #project #sidebar li, #project #sidebar li a
{
font-size: 1em;
}

.randcollectionlist
{
float: left;
padding-left: 2em;
width: 240px;
}

.colstart
{
clear: left;
}

#collectionlanding .randcollectionlist h3
{
background: none;
color: #656355;
font-size: 1.2em;
margin: 1em 0;
padding: .25em 0;
padding-bottom: .75em;
}

h3.lightbulbs
{
border-top: 1px solid #99cc99;
}

h3.globalviews
{
border-top: 1px solid #65a5ff;
}

h3.seeingservice
{
border-top: 1px solid #ff7777;
}

/* ----- PROJECTS ----- */

#project #archivecontent .results img.heyyou
{
height: auto;
width: auto;
}

#project #archivecontent .results img.serviceviavideo, #project #archivecontent .results img.vistaforliteracy, #project #archivecontent .results img.wrapitup, #project #archivecontent .results img.elp
{
height: 8%;
width: 8%;
}

#project #archivecontent .results img.heyyou, #project #archivecontent .results img.improve
{
height: 10%;
width: 10%;
}


/* ----- Vista for Literacy ----- */
#vista #singlecontent h1
{
	background: url(//www.nextvista.org/images/vistaforliteracy.jpg) center no-repeat;
	display: block;
	height: 210px;
	text-indent: -50000px;
	width: 100%;
}

#vista form
{
margin-top: 2em;
margin-left: 6em;
}

#home img.vista
{
height: 87px;
width: 144px;
}

/* ----- Wrap It Up! ----- */
#wrap #singlecontent h1
{
	background: url(//www.nextvista.org/images/wrapitup.jpg) center no-repeat;
	display: block;
	height: 210px;
	text-indent: -50000px;
	width: 100%;
}

/* ----- English Language Project ----- */
#elp form
{
margin-top: 2em;
margin-left: 6em;
}

/* ----- Hey You! Project ----- */


/* ----- Lists ----- */

.speaking ul, .videos ul, .videos ol, .notfound ul, .newsletter ul
{
margin: 0 0 1.5em 4em;
}

.newsletter ul.worth
{
margin-left: 40px;
}

.videos ol
{
margin-left: 6.2em;
}

.project ol, .contest ol, .project ul, .contest ul
{
margin-left: 6em;
margin-bottom: 1.5em;
}

.project ol ul, #contest ol ul, .project ul ul, #contest ul ul
{
margin-left: 4em;
margin-bottom: 0;
}

#sidebar ul, #sidebar ul ol {
	margin: 15px 0 0 0;
	padding: 0;
	}

.newsletter ul li
{
line-height: 1.6em;

}

.newsletter ul.worth li
{
	margin-bottom: 2em;
}

#sidebar ul li
{
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 10px;
}

#sidebar li
{
font-size: .8em;
}

#sidebar li a
{
font-size: 1.2em;
}

/* ----- Footer -----*/


#footer
{
	background-color: #e1dcd3;
	border-top: 2px #9d9a93 solid;
	float: left;
	font-size: .75em;
margin-top: 2em;
	padding: 1.5em;
	padding-bottom: 5em;
	text-align: left;
	width: 100%;
}

#footer .maincontent
{
height: 100%;
background-color: #333;
}

#footer ul, #footer ul li
{
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#footer ul li
{
	padding-bottom: .5em;
}

#footer h1
{
	font-size: .9em;
border-bottom: 1px #999 dotted;
margin-right: 5em;
margin-bottom: .5em;
}

#footer #copyright
{
	float: left;
	width: 15em;
	margin-right: 4em;
}

#footer #copyright p
{
margin-bottom: .8em;
}

#footer #navigation, #footer #collections, #footer #about, #footer #validation, #footer #stats
{
	float: left;
	margin-left: 2em;
	margin-bottom: 2em;
	width: 105px;

}

#footer #navigation ul, #footer #collections ul, #footer #about ul, #footer #validation ul, #footer #stats ul
{
	list-style: none;
}

a
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}

.alignleft 
{
	float: left; 
	margin: 5px 10px 5px 0px; 
}

.alignright 
{ 
	float: right;
	margin: 5px 0px 5px 10px; 
}

.center
{
text-align: center;
}

img.centered, .aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#tag .alignright
{
background: #fff;
margin-right: 0;
padding-left: 1em;
}