/* MAIN STYLES  ----------------------*/
* { margin: 0; padding: 0; }


/* HEADER ----------------------*/

#headerWrapper { height: 180px; }
#header { width: 940px; padding: 30px; }
#siteTitleWrapper { display: block; width: 660px; float: left; padding: 40px 20px 0px 20px; }
#siteTitle { font-size: 26px; line-height: 30px; letter-spacing: 1px; }
#siteTagline { font-size: 12px; line-height: 20px; letter-spacing: 5px;}
#socialMediaIconWrapper { display: block; width: 120px; height: 30px; float: left; padding-top: 40px; }
#socialMediaIcon { width: 30px; padding-right: 10px; float: left; } 

/* LOGO ----------------------*/

#logo, #logo a { width: 120px; float: left; }
#logoMobile { display: none; }

/* NAV ----------------------*/

.nav-menu li a { font-size: 14px; letter-spacing: 1px; padding: 0px 12px 0px 12px; }
.sub-menu li a { font-size: 12px; letter-spacing: 1px; padding: 3px 20px 3px 20px; }

/* CONTENT ----------------------*/

#contentWrapper { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px); padding: 50px; }

#columns {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.ngg-singlepic {
	width: 475px;
	height: auto;
}

.alignright-nomination { width: 275px; height: auto; margin: 0px 0px 20px 20px; float: right;}
.alignright, .alignleft { width: -moz-calc(33.5% - 20px); width: -webkit-calc(33.5% - 20px); width: calc(33.5% - 20px); max-width: 500px; height: auto;}
.alignright { margin: 0px 0px 20px 20px; float: right;}
.alignleft { margin: 0px 20px 20px 0px; float: left;}

/* SECTIONS ----------------------*/

h1.trigger a { font-size: 30px; line-height: 34px; padding-left: 50px; }

#updates .toggle_container, #events .toggle_container, #careers .toggle_container, #links .toggle_container { padding: 50px 50px 0px 50px; }

#updatesWrapper, #eventsWrapper, #careersWrapper, #linksWrapper { width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: calc(100% - 100px); padding: 40px 50px 40px 50px;}

#updates .links a:link, #updates .links a:active, #updates .links a:visited, #careers .links a:link, #careers .links a:active, #careers .links a:visited, #events .links a:link, #events .links a:active, #events .links a:visited, #links .links a:link, #links .links a:active, #links .links a:visited { margin-left: 10px; }

#updates h2, #careers h2, #events h2, #links h2  { line-height: 30px; }

#updates h1, #events h1, #careers h1, #links h1 { font-size: 18px; line-height: 22px; }

#socialMedia { width: -moz-calc(1280px - 50px); width: -webkit-calc(1280px - 50px); width: calc(1280px - 50px); }

#updates, #careers, #events, #content, #links { width: -moz-calc(1280px - 100px); width: -webkit-calc(1280px - 100px); width: calc(1280px - 100px); }

#linksURL { width: 33.3%; }

#sectionTitle h1 { font-size: 30px; line-height: 34px; }

/* SOCIAL MEDIA ----------------------*/

#socialMediaWrapper { padding: 25px; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); }

#facebook, #twitter, #instagram {
	width: -moz-calc(33.5% - 93px); 
	width: -webkit-calc(33.5% - 93px); 
	width: calc(33.5% - 93px);
	height: 0px;
	padding-bottom: -moz-calc(33.5% - 95px); 
	padding-bottom: -webkit-calc(33.5% - 95px); 
	padding-bottom: calc(33.5% - 95px);
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 25px;
	float: left; 
}

#facebookIcon, #twitterIcon, #instagramIcon { height: 50px; width: 50px; }

#facebookTitle, #twitterTitle { font-size: 14px; line-height: 45px; }

#facebook p, #facebook a:link, #twitter p, #twitter a:link { line-height: 1.4; }

#facebookDesktop, #twitterDesktop { display: block; }
#facebookTablet, #twitterTablet, #facebookMobile, #twitterMobile { display: none; }

/* SLIDESHOW ----------------------*/

#slideshowDesktop { display: block; }
#slideshowMobile { display: none; }



#pageTitle { padding: 30px 50px 30px 50px; width: -moz-calc(1280px - 100px); width: -webkit-calc(1280px - 100px); width: calc(1280px - 100px); }

#pageTitle h1  { font-size: 36px; line-height: 40px; }


/* BOARD ----------------------*/

#boardPic { width: 145px; }
#boardDetails { margin-left: 175px; padding-top: 10px;}

/* Nominee ----------------------*/

#nominee { float: left; width: -moz-calc(20% - 20px); width: -webkit-calc(20% - 20px); width: calc(20% - 20px); padding: 10px;}
#nomineePic, #nomineePic img { width: 100%; height: auto;}
#nomineeName { text-align: center; padding-top: 10px;}

/* MEMBER LOGIN ----------------------*/

#username { 
	width: -moz-calc(100% - 451px); 
	width: -webkit-calc(100% - 451px); 
	width: calc(100% - 451px);
	margin-right: 10px;
}

#password { 
	width: 150px;
	margin-right: 10px;
}

#login { 
	margin-right: 10px;
}