/* Active class used as the "on" state across all themes
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active {
	border: 1px solid #111 /*{a-bar-border}*/;
	background:#333 /*{a-bar-background-color}*/;
	font-weight: bold;
	color:#fff /*{global-active-color}*/;
	cursor: pointer;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #111 /*{a-bar-background-start}*/), to( #3c3c3c /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #111 /*{a-bar-background-start}*/, #3c3c3c /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #111 /*{a-bar-background-start}*/, #3c3c3c /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #111 /*{a-bar-background-start}*/, #3c3c3c /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #111 /*{a-bar-background-start}*/, #3c3c3c /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #111 /*{a-bar-background-start}*/, #3c3c3c /*{a-bar-background-end}*/);
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-btn-active a.ui-link-inherit {
	color:#fff /*{global-active-color}*/;
}
.ui-li-thumb, .ui-listview .ui-li-icon {
	max-width:120px;
	max-height:80px;
	width:120px; height:80px;
}

.ui-listview { opacity:.90; }

.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li-has-thumb {
	min-height: 60px;
	padding-left:130px; /* 153+10 / 100px */
}
/* footer
-----------------------------------------------------------------------------------------------------------*/
.footernav li a span {
	font-size:12px!important;
	
}
.footernav li a img {
	vertical-align:middle;
	width:16px; height:16px;
	margin-right:3px;
}


/* layout
-----------------------------------------------------------------------------------------------------------*/
#check,
#detail,
#youtube,
#twitter,
#home {
	background:#333 url("./img/bg3.gif") repeat-y right top fixed;
}
#about {
	background:#fff url("./img/bg2.gif") repeat-y right top fixed;
}
#about .ui-content .ui-listview-inset {
	margin-top:0;
}
#about .ui-li-desc {
	white-space:normal;
}
#about h3 {
	font-size:100%;
}
#about dl {
	margin:0; padding:0;
}
#about dt {
	font-weight:bold;
	margin:0; padding:0;
}
#about dd {
	margin:.5em; padding:0;
}
#about  p {
	margin:1em 0;
}
#twitter .ui-li-thumb, .ui-listview .ui-li-icon {
	max-width:70px;
	max-height:70px;
	width:70px; height:70px;
	margin:5px; padding:2px;
	border:1px solid #ccc;
	box-sizing:border-box;
	background:#fff;
}
#twitter .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,
#twitter .ui-li-static.ui-li-has-thumb {
	min-height:1em;
	padding-left:90px;
}
#listbox .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,
#listbox .ui-li-static.ui-li-has-thumb {
	min-height:1em;
	padding-left:40px;
}
#listbox li a img {
	width:40px; height:40px;
	overflow:hidden;
}
p.datetime {
	font-size:10px;
	color:#999;
}
h3.space {
	font-size:.8em!important;
	white-space:normal!important;
	margin:0 0 5px 0; padding:0;
}
p.space {
	white-space:normal!important;
	margin-top:5px;
	margin-bottom:5px;
	line-height:1.2;
	max-height:3.6em;
}
#intro li {
	font-weight:normal;
	line-height:1.5;
	opacity:.90;
}
b.heart {
	color:red;
	line-height:1;
}
hr {
	height:1px;
	background:#ccc;
	border:0;
	border-bottom:1px solid #fff;
}
#btn_more_twitter,
#btn_more_check {
	margin-top:2em;
}
.hide {
	visibility:hidden;
}
.center {
	text-align:center;
}