/* TEMPLATE AND BODY */

	body {background: url('/img/bubbles.jpg') center top repeat-x #F5FED4;}
	body > .container {background-color: rgba(255, 255, 255, .75); padding: 8px 12px; border-radius: 8px;}
	body > .container-homepage {background-color: rgba(255, 255, 255, 0);}

/* HEADER */

	.fb-like {float: right; min-height: 20px;}

/* MENU */

	#menu_facebook {float: right; height: 33px; width: 33px; background: url('/img/social_media.png') no-repeat 0 0; margin: 2px;}
	#menu_twitter {float: right; height: 33px; width: 33px; background: url('/img/social_media.png') no-repeat 0 -36px; margin: 2px;}
	#menu_tumblr {float: right; height: 33px; width: 33px; background: url('/img/social_media.png') no-repeat 0 -71px; margin: 2px;}
	#subMenuLinksOnly {width: 720px; margin: 0 auto 8px;}

/* FOOTER */

	#footer_nav {margin-left: 0; position: relative; left: -6px;}
	#footer_nav > li {display: inline; margin: 0 6px;}
	#menuGoogleBannerFooter {margin: 12px auto; width: 320px;}

/* HOMEPAGE */

	.hero-unit {box-shadow: 5px 5px 10px #888; min-height: 165px; background: url('/img/hero/bacteria.jpg') no-repeat center center #68a444; border: 22px solid #eee; color: #fff; padding: 40px; text-shadow: 0 3px 10px #000;}
	.hero-unit h1 {font-size: 32px; width: 70%;}
	.hero-unit p {font-size: 17px; width: 50%; line-height: 17px; margin-top: 10px; background-color: rgba(50,50,50,.7); padding: 3px 5px;}

/* CONTENT */

	h1 {margin-bottom: 10px;}

/* SKINNY */

	a.skinny-link {background-color: rgba(200,200,200,0.25); border-radius: 6px; margin-top: 11px; -o-transition:background-color .22s linear;-ms-transition:background-color .22s linear;-moz-transition:background-color .22s linear;-webkit-transition:background-color .22s linear;transition:background-color .22s linear; text-decoration: none; color: #222;}
	a.skinny-link:hover {background-color: #fff;}
	.skinny-link > p.heading {margin: 7px; font-size: 1.2em; text-transform: uppercase; color: #08c;}
	.skinny-link:hover > p.heading {text-decoration: underline;}
	.skinny-link > p.explaination {margin: 6px 12px 12px; font-size: 1em; line-height: 1.1em; color: #333;}

	/* Anatomical Direction Quiz */

		.draggable-words {width: 415px; margin: 8px auto 45px;}
		.draggable-words > div {font-size: 1.5em; float: left; margin: 2px 8px; padding: 2px 5px; border-radius: 5px; background-color: #ccc; cursor: pointer; z-index: 10;}
		.draggable-words > div:hover {background-color: #fff;}
		.seal {clear: both; position: relative; width: 756px; height: 560px; margin: 0 auto; background-image: url('/img/skinny/sealion.jpg'); background-repeat: no-repeat;}

/* GENERAL */

	.clear {clear: both !important; display: block !important;}
	.display-none {display: none;}
	.position-relative {position: relative;}

/* QUIZ */

	.quiz-questions .controls {margin-left: 22px;}