/* Stylesheet - Handheld */

/* @group defaults */

/* for viewing of main pages from a handheld */
/* NOT ready for use yet. has never been customised */

body {
	font-family: Optima, 'Trebuchet MS', Verdana, sans-serif;
	color: #333333;
	font-size: small;
	line-height: 140%;
	padding: 0;
	margin: 0 0 2em 0;
	border: 0;
	background-color: #FFFFFF;
	}
	
[lang="zh-Hant"] {					/* 0,0,1,0 */
	font-family: BiauKai, STKaiti, STFangsong;
	font-weight: normal;
	font-size: larger;
	}

[lang="zh-Hant"] * {					/* 0,0,1,1 */
	font-family: BiauKai, STKaiti, STFangsong;
	font-weight: normal;
	font-size: larger;
	}

h1, h2, h3 {							/* 0,0,0,1 */
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

.clr {								/* 0,0,1,0 */
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
	}

/* @group a */

a {									/* 0,0,0,1 */
	text-decoration: none;
	}

a, a:link {							/* 0,0,0,2 */
	color: #0033cc;
	}

a:visited {							/* 0,0,0,2 */
	color: inherit;
	}

a:hover {								/* 0,0,0,2 */
	color: #33cc33;
	text-decoration: none;
	border-bottom: 2px solid #33cc33; 
	}

a:active {							/* 0,0,0,2 */
	color: #003366;
	}
	
	/* @end */

	/* @end */

#container {							/* 0,1,0,0 */
/* only child of body */
/* contains all page content */
	border: 1px solid #ffffff;
	}

/* @group banner */

#banner-img {							/* 0,1,0,0 */
/* first child of #container */
	display: none;
	}

#banner {								/* 0,1,0,0 */
/* child of #container */
/* sibling of #banner-img */
	font-size: small;
	color: #FFFFFF;
	text-align: left;
	padding: 1em;
	padding-bottom: .5em;
	background-color: #993333;
	}

#banner a {							/* 0,1,0,1 */
	color: #FFFFFF;
	text-decoration: none;
	}

#banner h1 {							/* 0,1,0,1 */
	font-size: xx-large;
	font-weight: bold;
	padding-bottom: .4em;
	}

#banner h2 {							/* 0,1,0,1 */
	font-size: small;
	}

#banner [lang="zh-Hant"] {				/* 0,1,1,0 */
	font-family: STKaiti, BiauKai, STFangsong;
	}
	
	/* @end */

#pagebody {							/* 0,1,0,0 */
/* child of #container */
/* sibling of #banner-img and #banner */
	position: relative;
	width: 100%;
	}

#pagebody-inner {						/* 0,1,0,0 */
/* only child of #pagebody */
/* contains all non-banner content */
	position: static;
	width: 100%;
	}

#left {								/* 0,1,0,0 */
/* first child of #pagebody-inner */
	position: absolute;
	left: 0;
	top: 0;
	font-size: small;
	width: 19em;
	overflow: hidden;
	}

#myphoto {							/* 0,1,0,0 */
	border: 5px solid #993333;
	margin-bottom: 2em;
	}

#email {								/* 0,1,0,0 */
	padding: 0;
	margin: 0;
	margin-bottom: 3em;
	}

#right {								/* 0,1,0,0 */
/* last child of #pagebody-inner */
	position: absolute;
	right: 0;
	top: 0;
	font-size: small;
	width: 19em;
	overflow: hidden;
	}

/* @group sidebars */

.sidebar {							/* 0,0,1,0 */
/* child of #left and #right */
/* contains all sidebar content */
	text-align: left;
	line-height: 200%;
	padding: 1.5em;
	}
	
.sidebar h2 {							/* 0,0,1,1 */
	font-size: medium;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	padding: 0;
	border-bottom: 1px solid #999999;
	margin: 0;
	}

.sidebar .link-note {					/* 0,0,2,0 */
	padding: 0;
	margin: 0;
	margin-top: 2em;
	}

.sidebar ul {							/* 0,0,1,1 */
	padding: 0;
	margin: 0;
	margin-bottom: 3em;
	}

.sidebar li {							/* 0,0,1,1 */
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

.sidebar a {							/* 0,0,1,1 */
	color: inherit;
	text-decoration: none;
	}

.sidebar a:hover {								/* 0,0,0,2 */
	color: #33cc33;
	text-decoration: none;
	border-bottom: 2px solid #33cc33; 
	}


/* @group calendar */

#calendar {							/* 0,1,0,0 */
/* last child of #left .sidebar */
  	padding: .3em; 
	margin-bottom: 3em;
	}

#calendar caption {					/* 0,1,0,1 */
	font-size: medium;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	text-align: left;
	padding: 0;
	border-bottom: 1px solid #999999;
	}

#calendar table {						/* 0,1,0,1 */
	width: 100%;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	}

#calendar th,
#calendar td {						/* 0,1,0,1 */
	text-align: center;
	font-weight: normal;
	}

#calendar span.today {					/* 0,1,1,1 */
	font-weight: bold;
	line-height: 175%;
	display: block;
	width: 1.7em;
	height: 1.7em;
	border: 1px solid #ffcc99;
	}

#calendar .today {						/* 0,1,1,0 */
	background: #ffcc99;
	}
	
#calendar a,							/* 0,1,0,1 */
#calendar a:link {						/* 0,1,0,2 */
	color: #993333;
	font-weight: bold;
	line-height: 175%;
	display: block;
	width: 1.7em; 
	height: 1.7em;
	border: 1px solid #993333;
	}

#calendar a:hover {					/* 0,1,0,2 */
	color: #ffffff;
	text-decoration: none;
	background: #993333;
	}

	/* @end */


/* @group subscribe_to_email */

#subscribe_to_email {				/* 0,1,0,0 */
/* child of #right .sidebar */
	line-height: 150%;
	background-color: #cccccc;
	padding-right: 1em;
	padding-left: 1em;
	border: 2px solid #993333;
	margin: 0;
	}

#subscribe_to_email input {			/* 0,1,0,1 */
	width: 100%;
	}
	
	/* @end */
	
	/* @end */

/* @group #center */

#center {								/* 0,1,0,0 */
/* second child of #pagebody-inner */
	font-size: small; 
	padding-left: 19em;
	margin-right: 19em;
	}

.content {							/* 0,0,1,0 */
/* only child of #center */
/* contains all centre content */
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	padding: .5em .5em .5em .5em;
	}

#browser_recommendations {				/* 0,1,0,0 */
/* first child of div.content */
	font-size: small;
	line-height: 120%;
	background-color: #cccc66;
	padding: 2em;
	padding-top: .5em;
	padding-bottom: .5em;
	border: 2px solid #000000;
	margin-bottom: 2em;
	}
	
#browser_recommendations li {			/* 0,1,0,1 */
	font-size: medium;
	}

.content h2 {							/* 0,0,1,1 */
/* article dates */
	color: #333333;
	font-size: small;
	text-align: left;
	font-weight: bold;
	padding: .3em;
	margin-bottom: 1em;
	border-bottom: 1px solid #333333;
	}

.content h3 {							/* 0,0,1,1 */
/* article headings */
	color: #993333;
	font-size: large;
	text-align: left;
	font-weight: bold;
	margin-bottom: 1em;
	}

.content h3 span[lang="zh-Hant"] {			/* 0,0,2,2 */
/* article headings */
/* higher specificity than the above rule */
	font-family: STKaiti, BiauKai, STFangsong;
	font-size: larger;
	}
	
.content [lang="zh-Hant"] {				/* 0,0,2,0 */
/* any content that's Chinese */
/* doesn't include stuff within Chinese divs */
	font-family: STKaiti, BiauKai, STFangsong;
	font-size: larger;
	}

.content div[lang="zh-Hant"] * {			/* 0,0,2,2 */
/* anything within Chinese divs */
	font-family: STKaiti, BiauKai, STFangsong;
	font-size: larger;
	line-height: 155%;
	}

.content p {							/* 0,0,1,1 */
	margin-bottom: 1em;
	}
	
.content p.centred {					/* 0,0,2,1 */
	text-align: center;
	}

.content p.extended a {
	color: inherit;
	}
	
.content p.extended span.post_title {
	color: #993333;
	}

.content p.posted {					/* 0,0,2,1 */
	color: #999999;
	font-size: x-small;
	line-height: normal;
	border-top: 1px dotted #999999;
	padding: .3em; 
	margin-bottom: 5em;
	clear: both;
	}

.content p.posted [lang="zh-Hant"] {		/* 0,0,3,1 */
/* Posted-by Chinese */
	font-family: STKaiti, BiauKai, STFangsong;
	font-size: larger;
	}
	
.content em {							/* 0,0,1,1 */
	border-bottom: 2px solid #33cc33;
	font-style: normal;
	font-weight: bold;
	}

.content blockquote {					/* 0,0,1,1 */
	line-height: 150%;
	}

.content li {							/* 0,0,1,1 */
	line-height: 150%;
	}
	
/* @group ankle_angle */

#ankle_angle {					/* 0,1,0,0 */
	display: table;
	width: 100%;
	}

#ankle_angle div {					/* 0,1,0,1 */
	display: table-cell;
	width: 33%;
	padding: 1em;
	}

#ankle_angle p {					/* 0,1,0,1 */
	font-size: smaller;
	}
	
#ankle_angle img {					/* 0,1,0,1 */
	max-width: 157px;
	margin: 0em;
	}
	
	/* @end */
	
	/* @end */

/* @group photos */

.content img {						/* 0,0,1,1 */
	border: 2px solid #000000;
	width: 100%;
	height: auto;
	margin: 1em;
	}

.content p.centred > img {
	margin-left: 0;
	margin-right: 0;
	}

img.w200 {							/* 0,0,1,1 */
	max-width: 200px;
	}

img.w240 {							/* 0,0,1,1 */
	max-width: 240px;
	}

img.w300 {							/* 0,0,1,1 */
	max-width: 300px;
	}

img.w360 {							/* 0,0,1,1 */
	max-width: 360px;
	}

img.w400 {							/* 0,0,1,1 */
	max-width: 400px;
	}

img.w480 {							/* 0,0,1,1 */
	max-width: 480px;
	}

img.w600 {							/* 0,0,1,1 */
	max-width: 600px;
	}
	
img.no_border {						/* 0,0,1,1 */
	border-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
img.thumbnail {						/* 0,0,1,1 */
	width: inherit;
	border-width: 5px;
	border-style: ridge;
	border-color: #666666;
	margin-left: 0px;
	}
	
img.thumbnail:hover {					/* 0,0,1,2 */
	border-color: #cccc33;
	}

	/* @end */

/* @group comments form */

#comment-data {						/* 0,1,0,0 */
	float: left;
	position: relative;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {			/* 0,0,1,1 */
	width: 80%;
	}
	
	/* @end */
	
	


/* @group unused */

/*.image-full {
	width: 300px;
	}*/

/*.image-thumbnail {
	float: left;
	width: 130px;
	margin-bottom: 10px;
	}*/

/*.image-thumbnail img {
	width: 115px;
	height: 115px;
	}*/

	/* @end */