#body { background-color:#01072B; background-image:url(../images/splash/tkj-retina.jpg); background-position:center top; background-attachment:fixed; background-repeat:no-repeat; background-size:100% auto; font: Arial, sans-serif }
#body .km-view, #body .km-content { background-color:transparent; background-image:none }
#body .km-navbar { background-color:#000 }
#body .km-navbar .km-button.km-state-active, #body .km-navbar .km-button.active { background-color:#44648f }
#body .km-view-title { font-weight:normal }
#body .km-group-title img { width:16px; height:16px; margin-right:10px; vertical-align:middle }
#body .km-group-title span { display:inline-block; line-height:16px; text-indent:0; vertical-align:middle }
#body .km-button.active { background-color:#44648f }

.km-button.active { background-color:#264e8c }

#body .km-group-title .km-text span { text-transform:capitalize }

#body .km-tabstrip .km-button { min-width:16px; text-align:center }
#body .km-tabstrip .km-button .km-text { display:block }

#body .km-list > li img { width:16px; height:16px; margin-right:10px }

#body .contentPanel {
    margin:10px auto; padding:10px; max-width:300px; background:rgba(0,0,0,0.75); border:1px solid rgba(255,255,255,0.5); border-radius:10px; color:#FFF;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.498039) 0px 1px 3px 0px inset; font-weight:normal; line-height:1.5em
}
#body .contentPanel h1, #body .contentPanel h2 { font-size:1em; line-height:1.25em }
#body .contentPanel ul { margin:0; padding:1.1em; list-style:none }
#body .contentPanel ul li { margin:15px }
#body .contentPanel ul li img { float:left; margin-right:10px }

#body .scrollview { padding:20px }
#body div[data-role=scrollview] { text-align:center }
#body div[data-role=page] img { max-width:100%; height:auto }

/* scrollview */
#body .km-pages .km-current-page { background-color:rgba(255, 255, 255, 0.5) }

/* orientation overrides */
/* Portrait */
@media screen and (orientation:portrait) {
    
}
/* Landscape */
@media screen and (orientation:landscape) {
    #body .scrollview { padding:20px }
    #body div[data-role=page] img { width:auto; max-height:90% }
}
/* Desktop */
@media screen and (min-width:800px) {
    
}

/* retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    
}

/*-- iPhone 5 -----------------------*/
@media screen and (device-aspect-ratio: 40/71) {
   
}

/*-- iPhone 4, 4S Retina -----------------------*/
@media screen and (-webkit-min-pixel-ratio:2) and (min-width:320px) and (max-width:600px) {
   
}

/*------- iPhone 2G, 3G, 3GS  -------------*/
@media screen and (min-width: 320px) and (max-width: 600px) {
   
}