body{background:#F0F0F0 url('images/bg.png') repeat;}
a{text-decoration:none;}

#header, #info-nav, .info h1, #information abbr{font-family: "museo-sans-1", "museo-sans-2", sans-serif;}
#header{position:fixed;width:100%;z-index:10;top:0;font-size:87.5%;font-size:14px;line-height:21px;background:url('images/header-bg.png') repeat-x;margin:0 auto;color:white;height:63px;}
#main-nav{overflow:auto;width:960px;margin:0 auto;height:63px;background:url('images/main-nav-bg.png') no-repeat;}
h1#logo{font-size:28px;font-family: "museo-sans-1", "museo-sans-2", sans-serif;font-weight:normal;text-shadow:0 -1px 2px #656461;text-transform:none;letter-spacing:-1px;padding:0;border:none;font-style:normal;float:left;color:white;margin:3px 0;line-height:42px;}
form{float:left;margin:12px 0 8px 70px;}
select#flavor{min-width:140px;}
select#size{min-width:100px;}
#main-nav label{}
select{min-width:3em;font-size:1.25em;margin-left:8px;}
a.download-btn{color:white;font-size:.875em;text-shadow:0 -1px 2px #386f7d;font-weight:bold;padding:5px 16px 4px;background:#60c0d8 url('images/number-bg.png') repeat-x center center;border-radius:.975em;-moz-border-radius:.975em;margin-left:1em;-webkit-box-shadow:0px 1px 2px black;-moz-box-shadow:0px 1px 2px black;box-shadow:0px 1px 2px black;}
a#info-toggle{color:white;font-family:Georgia, serif;font-style:italic;float:right;margin:12px 0px 0px;text-shadow:0 -1px 2px #9a9995;display:block;background:url('images/information-btn.png') no-repeat 104px 0;padding-right:30px;padding-top:3px;/*width:99px;*/}
a#info-toggle:hover{background-position:-89px 0;}
a#info-toggle.active{background-position:35px 0;}
a#info-toggle.active:hover{background-position:-158px 0;}
#information{position:fixed;z-index:5;top:47px;width:100%;font-size:87.5%;font-size:14px;line-height:1.58em;font-family:Arial;font-size:87.5%;font-size:14px;line-height:1.5em;background:#787169 url('images/info-bg.png') no-repeat center bottom;margin:0 auto;color:white;/*height:27em;*/}
#information h1{color:#76dcf6;text-transform:uppercase;letter-spacing:.1em;font-size:.875em;margin:2em 0 1em;font-weight:bold;}
#information h2, #information h1{padding:0;border:none;font-style:normal;letter-spacing:1px;word-spacing:0;margin:25px 0 5px;line-height:18px;}
#information abbr{text-transform:uppercase;font-size:.85em;letter-spacing:0;line-height:1em;font-variant:normal;}
#information p + p{text-indent:1.25em;}
#info-nav-container{width:976px;margin:0 auto;}
.info{width:960px;min-height:280px;padding-bottom:14px;margin:0 auto;}
.info cite{font-family:Arial, sans-serif;margin:20px 0 20px 0px;line-height:18px;font-size:12px;font-weight:bold;letter-spacing:1px;padding:0;font-style:normal;}
.info cite:before{content:"";margin:0px;padding-left:0;text-indent:0;}
.info p, .info ul{margin:0;}
.info li{margin:0;}
.info ul{list-style-type:none;}
.info a, .info a:visited, #footer .commons a, #footer .commons a:visited{color:#76dcf6;}
#info-nav{overflow:auto;height:40px;margin-left:-8px;-webkit-box-shadow:0px 1px 2px black;-moz-box-shadow:0px 1px 2px black;box-shadow:0px 1px 2px black;width:976px;}
#info-nav a{letter-spacing:0;display:block;float:left;width:227px;border-right:1px solid #655f58;background:#787169;font-size:1.25em;color:white;font-weight:100;padding:10px 0 9px 16px;text-shadow:0 -1px 2px #33302d;}
#info-nav a:hover, #info-nav a.active{background:#625d56;border-right:1px solid #4c4842;}
.info ul li a, .info ul li a:visited{color:white;}
.info ul li a:hover{color:#76dcf6;}
.instruction-item{margin-top:2em;}
.number{float:left;font-size:1.125em;font-family:'Museo Sans', Helvetica, Arial;padding-top:.35em;width:1.95em;height:1.6em;text-align:center;background:#60c0d8 url('images/number-bg.png') repeat-x 0 2px;display:block;border-radius:.975em;-moz-border-radius:.975em;margin-left:-.75em;-webkit-box-shadow:0px 1px 2px black;-moz-box-shadow:0px 1px 2px black;box-shadow:0px 1px 2px black;}
.instruction{margin-left:2em;margin-top:.5em;}
.instruction code.copy-paste{display:block;background:#686159;font-size:.75em;padding:.5em 1em;margin-top:1em;margin-left:-1em;line-height:1.25em;border-radius:.5em;-moz-border-radius:.5em;}
.resource-book{margin-right:10px;-webkit-box-shadow:0px 1px 2px black;-moz-box-shadow:0px 1px 2px black;box-shadow:0px 1px 2px black;}
.share-contact a{font-family:'Museo Sans', Helvetica, Arial, Sans-serif;padding:.6em 1em 1.2em 3.5em;display:block;margin-top:1.5em;text-shadow:0 1px 2px #33302d;}
.share-contact a:hover{text-decoration:underline;}
a.share-mail{background:url('images/share-icon.png') no-repeat;padding-left:4em;}
a.email{background:url('images/email-icon.png') no-repeat;float:left;margin-right:1em;padding-bottom:1.3em;}
a.twitter{background:url('images/twitter-icon.png') no-repeat;float:left;}
#footer{background:url('images/info-footer-bg.png') repeat-x center bottom;}
#footer .commons{color:#e3dcd5;word-spacing:.2em;vertical-align:middle;display:block;width:960px;margin:0 auto;padding-bottom:1em;clear:both;font-size:.7em;font-style:italic;}
a.cc{background:url('images/cc-icon.png') no-repeat;padding:.4em 0 .5em 2.25em ;}
a.typekit{font-family:'Museo Sans', Helvetica, Arial; display:block;background:url('images/typekit-icon.png')no-repeat;width:129px;padding-top:32px;padding-left:7px;position:absolute;left:-200px;top:40px;line-height:1.25em;color:#a2a19d;}
a.typekit:hover{color:#878681;}
/*.kern{letter-spacing:-.1em;}*/

.column{margin-right:16px;float:left;}
.four{width:442px;padding-right:30px;}
.three{width:350px;}
.two{width:228px;}
.one{width:106px;}
.far-right{margin-right:0;}

#article, article{background:url('images/banner.png') no-repeat bottom center;display:block;width:40em;margin:50px auto 0;padding:1px 0 120px;position:relative;/*border-left:1px dotted #999;border-right:1px dotted #999;*/}
.sidenote, aside{display:inline;position:absolute;width:16em;left:52em;}

hr{display:block;clear:both;border:none;height:0;background:none;margin-top:1em;}

@-moz-document url-prefix() {
	select{min-width:3em;font-size:.9em;margin-left:.5em;padding:.1em;}
	.kern{letter-spacing:-.1;}
	a.download-btn{padding:3px 12px 2px;}
}