/*
.ui-header, .ui-title, .ui-footer {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
*/

@media screen and (min-width: 620px) {
	html {
		overflow-y: scroll !important;
	}
}

.ui-page {
	box-shadow: 0px 10px 20px 0px black;
}
#resume {
	position: absolute; 
	top: 80px; 
	left: 50%; 
	width: 220px; 
	margin-left: -375px; 
	-webkit-transform: rotate(-5deg); 
	   -moz-transform: rotate(-5deg); 
	    -ms-transform: rotate(-5deg);
	        transform: rotate(-5deg); 
	-webkit-transform-origin: top left; 
	   -moz-transform-origin: top left;
	    -ms-transform-origin: top left; 
	        transform-origin: top left;
}
#resume:hover {
	margin-left: -500px;
	margin-top: 10px;
	-webkit-transition-timing-function: ease-out;
	   -moz-transition-timing-function: ease-out;
	    -ms-transition-timing-function: ease-out;
	       -transition-timing-function: ease-out;
	-webkit-transition-duration: 0.2s;
	   -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	       -transition-duration: 0.2s;
}
.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page, .ui-page.narrow, .ui-page#home, .ui-page#blog { 
/* specific overrides to fix external pages not getting page width rule */
	max-width: 37em;
        margin: 0 auto;
        position: relative;
}
.ui-mobile [data-external-page="true"], .ui-page.wide {
	max-width: none;
}
.ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active {
  -webkit-backface-visibility: hidden;
}

.ui-li-heading {
	white-space: normal;
}

ul ul {
	list-style-type: disc;
}

.ui-bar-b a:link, .ui-bar-b a:visited, .ui-bar-b a:hover, .ui-bar-b a:active {
	color: #cb4b16 !important; /* why do jquery themes not inherit link colors from headers? */
}
 
span.ui-icon-link {
	line-height: 1.4em;
}

#links .ui-listview .ui-li-icon {
	max-height: 36px;
	max-width: 36px;
	left: 3px;
	top: 2px;
}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	margin-top: -10px; /* icon font is not vertically centered with default of 9px */
}

.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count {
	padding-right: 55px; /* default of 75px with count is too much space on small screens */
}

#readywares .ui-listview .ui-li,
#kim-slawson .ui-listview .ui-li {
	min-height: 124px;
}

/* title can span more than one line */
.ui-header .ui-title, .ui-footer .ui-title {
	overflow: visible;
	white-space: normal;
	margin-left: 120px;
	margin-right: 120px;
}

/* buttons in header are centered (move down 1px) */
.ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-footer .ui-btn-left, .ui-footer .ui-btn-right {
	top: 4px;
}


/* sticky footer, from http://stackoverflow.com/questions/12377016/jquery-mobile-sticky-footer
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

[data-role=page] {
  min-height: 100%;
  position: relative;
}

[data-role=content] {
  padding-bottom: 40px;
}

[data-role=footer] {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 37em;
  height: 40px;
}
*/


/* sticky footer, https://css-tricks.com/couple-takes-sticky-footer/ */

.ui-mobile .ui-page-active {
  display: block;
  display: flex;
  flex-direction: column;
}

.ui-header,.ui-footer {
  flex-shrink: 0;
}

.ui-content {
  flex: 1 0 auto;
  background-color: #fdf6e3;
}