@CHARSET "ISO-8859-1";

.section { text-align: center; }
#menu li { display: inline-block; margin: 10px; color: #000; background: #fff; background: rgba(255,255,255, 0.5); -webkit-border-radius: 10px; border-radius: 10px; }
#menu li.active { background: #666; background: rgba(0,0,0, 0.5); color: #fff; }
#menu li a { text-decoration: none; color: #000; }
#menu li.active a:hover { color: #000; }
#menu li:hover { background: rgba(255,255,255, 0.8); }
#menu li a,
#menu li.active a { padding: 9px 18px; display: block; }
#menu li.active a { color: #fff; }
#menu { position: fixed; top: 0; left: 0; height: 40px; z-index: 70; width: 100%; padding: 0; margin: 0; }
.twitter-share-button { position: fixed; z-index: 99; right: 149px; top: 9px; }
#download { margin: 10px 0 0 0; padding: 15px 10px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; vertical-align: middle; cursor: pointer; display: inline-block; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); }
#download a { text-decoration: none; color: #fff; }
#download:hover { text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #2F96B4; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -ms-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; }
#infoMenu { height: 20px; color: #f2f2f2; position: fixed; z-index: 70; bottom: 0; width: 100%; text-align: right; font-size: 0.9em; padding: 8px 0 8px 0; }
#infoMenu ul { padding: 0 40px; }
#infoMenu li a { display: block; margin: 0 22px 0 0; color: #333; }
#infoMenu li a:hover { text-decoration: underline; }
#infoMenu li { display: inline-block; position: relative; }
#examplesList { display: none; background: #282828; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 20px; float: left; position: absolute; bottom: 29px; right: 0; width: 638px; text-align: left; }
#examplesList ul { padding: 0; }
#examplesList ul li { display: block; margin: 5px 0; }
#examplesList ul li a { color: #BDBDBD; margin: 0; }
#examplesList ul li a:hover { color: #f2f2f2; }
#examplesList .column { float: left; margin: 0 20px 0 0; }
#examplesList h3 { color: #f2f2f2; font-size: 1.2em; margin: 0 0 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); padding: 0 0 5px 0; }



/* Demos Menu
 * --------------------------------------- */
#demosMenu { position: fixed; bottom: 10px; right: 10px; z-index: 999; }