@font-face {
  font-family: 'icomoon';
  src:url('/prx/000/http/madetech.github.io/jquery-navobile/fonts/icomoon.eot');
  src:url('/prx/000/http/madetech.github.io/jquery-navobile/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('/prx/000/http/madetech.github.io/jquery-navobile/fonts/icomoon.svg#icomoon') format('svg'),
    url('/prx/000/http/madetech.github.io/jquery-navobile/fonts/icomoon.woff') format('woff'),
    url('/prx/000/http/madetech.github.io/jquery-navobile/fonts/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: 'icomoon';
  color: #505050;
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  margin-right: 5px;
  -webkit-font-smoothing: antialiased;
}

/*
YUI 3.6.0 (build 5521)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
.lt-ie8 input,.lt-ie8 textarea,.lt-ie8 select{font-size:100%}
legend{color:#000}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;}
.lt-ie8 audio,.lt-ie8 canvas,.lt-ie8 video {display:inline;zoom:1;}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
.ie-6 code,.ie-6 kbd,.ie-6 pre,.ie-6 samp{font-family:'courier new',monospace;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:10px 0}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;}
.lt-ie8 legend{margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}
.lt-ie8 button,.lt-ie8 input,.lt-ie8 select,.lt-ie8 textarea{vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-moz-appearance:button;-webkit-appearance:button;cursor:pointer;}
.lt-ie8 button,html.lt-ie8 input[type="button"],.lt-ie8 input[type="reset"],.lt-ie8 input[type="submit"]{overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
.lt-ie8 input[type="checkbox"],.lt-ie8 input[type="radio"]{height:13px;width:13px}
input[type="search"]{-moz-appearance:textfield;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0;}

.cf:after{display: block;visibility: hidden;clear: both;height: 0;line-height: 0;font-size: 0;content: ".";}.cf{display: inline-block;}* html .cf{ height: 1%; }.cf{ display: block; }
.clr {clear: both;}
.fl {float: left;}
.fr {float: right;}
::-webkit-input-placeholder {color: #bababa;}
::-moz-placeholder {color: #bababa;}
::-moz-selection {background-color: #32e3ca;color: #fff;}
::selection {background-color: #32e3ca;color: #fff;}
a {color: #6fb3b4;cursor: pointer;text-decoration: none;}
a:hover,
a:focus {text-decoration: underline;}
a:focus,
a:active,
input:focus {outline: none;}
figure img {display: block;}
label {cursor: pointer;}

b, strong {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

body {
  background: url(/prx/000/http/madetech.github.io/jquery-navobile/images/bg/bg.png);
  color: #505050;
  font-family: 'Lato';
}

.container {
  margin: 0 auto;
  width: 765px;
}

h1 {
  font-family: 'Ubuntu';
  font-weight: 700;
  font-size: 30px;
}

h2 {
  font-family: 'Ubuntu';
  font-weight: 700;
  font-size: 24px;
}

h3 {
  font-family: 'Ubuntu';
  font-weight: 500;
  margin: 2em 0 0;
  font-size: 20px;
}

h4 {
  font-family: 'Ubuntu';
  font-weight: 500;
  margin: 1em 0;
  font-size: 16px;
}

p {
  line-height: 25px;
  font-size: 16px;
  font-weight: 300;
  margin: 1em 0;
}

ul {
  margin: 1em 0 1em 2em;
}

li {
  list-style: disc;
  margin: 0.2em 0;
  font-size: 16px;
  font-weight: 300;
}

nav ul {
  margin-left: 0;
}

nav li {
  list-style: none;
  float: left;
  margin-right: 15px;
}

nav a:hover,
nav a:focus {
  text-decoration: none;
}

nav a:hover:before,
nav a:focus:before {
  color: #6fb3b4;
}

#content {
  padding-top: 50px;
}

.mobile-only {
  display: none;
}

pre {
  background: rgba(204,204,204,0.4);
  border-radius: 5px;
  color: black;
  font-family: Monaco, courier, 'courier new', sans-serif;
  padding: 10px 10px 10px 35px;
}

pre code {
  display: block;
}

.license {
  background: rgba(204,204,204,0.4);
  border: 0;
  border-radius: 5px;
  font-family: 'Ubuntu';
  font-weight: 500;
  height: 200px;
  margin: 1em 0;
  overflow: auto;
  -webkit-overflow-scroll: touch;
  padding: 5px 15px;
}

.license p,
.license li {
  font-weight: 500;
}

footer {
  padding: 30px 0 30px;
  font-size: 11px;
  font-weight: 700;
}

@media screen and (min-width: 0px) and (max-width: 765px) {
  .mobile-only {
    display: block;
  }

  #content {
    padding-top: 0;
    background: url(/prx/000/http/madetech.github.io/jquery-navobile/images/bg/bg.png);
    color: #505050;
  }

  .container {
    margin: 0 30px;
    width: auto;
  }

  .mobile-header-bar {
    background: #ef6e6e; /* Old browsers */
    background: -moz-linear-gradient(top,  #ef6e6e 0%, #ed5555 50%, #ef3737 51%, #dd1f1f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef6e6e), color-stop(50%,#ed5555), color-stop(51%,#ef3737), color-stop(100%,#dd1f1f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ef6e6e 0%,#ed5555 50%,#ef3737 51%,#dd1f1f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ef6e6e 0%,#ed5555 50%,#ef3737 51%,#dd1f1f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ef6e6e 0%,#ed5555 50%,#ef3737 51%,#dd1f1f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ef6e6e 0%,#ed5555 50%,#ef3737 51%,#dd1f1f 100%); /* W3C */
    padding: 15px;
    margin-bottom: 20px;
  }

  .mobile-header-bar .icon {
    border-radius: 3px;
    box-shadow: 0 1px #ae1d1d, 0 -1px #ae1d1d, 1px 0 #ae1d1d, -1px 0 #ae1d1d;
    font-family: 'icomoon';
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    margin: 10px 0 0 10px;
    padding: 5px 10px 6px;
  }

  .mobile-header-bar .icon:hover,
  .mobile-header-bar .icon:active {
    background: rgba(0,0,0,0.1);
  }

  nav {
    background: url(/prx/000/http/madetech.github.io/jquery-navobile/images/bg/mobile-nav.png);
  }

  nav ul {
    margin: 0;
  }

  nav li {
    border-bottom: 1px solid rgb(34, 34, 34);
    border-top: 1px solid rgb(83, 83, 83);
    margin: 0;
  }

  nav li:first-of-type {
    border-top: 0;
  }

  nav a {
    color: #ddd;
    display: block;
    padding: 14px 15px;
    text-shadow: 0 -1px rgb(34, 34, 34);
  }

  nav a:hover,
  nav a:active {
    background: rgba(0,0,0,0.1);
  }

  #navobile-navigation a:before {
    text-shadow: 0 -1px rgb(34, 34, 34);
    color: #ddd;
    margin-right: 10px;
  }


  .license {
    height: 300px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2),
    only screen and (-min-moz-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2) {

  #content,
  body {
    background: url(/prx/000/http/madetech.github.io/jquery-navobile/images/bg/bg@2x.png);
    background-size: 400px 400px;
  }

  nav {
    background: url(/prx/000/http/madetech.github.io/jquery-navobile/images/bg/mobile-nav@2x.png);
    background-size: 200px 200px;
  }

}