body { background: #DCDCDC url(../images/ba-bg.gif); font:12px/1.5em Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:center; }
body, h1, h2, h3, h4, h5, form, ul, fieldset { margin: 0; padding: 0; }
ul li { list-style: none; }

a { color: #333; text-decoration: none; }
	a:hover { color: #999; }
	a img { border: none; }

#wrap { margin: 10px auto; padding: 0 0 20px; width: 760px; background: #FFF url(../images/hoo_iphone.gif) no-repeat 100% 0; text-align: left; }
	.iphone_ver { float: right; width: 28px; height: 28px; overflow: hidden; line-height: 100px; overflow: hidden; }

#header { margin: 0 20px; height: 70px; border-bottom: 5px solid #EEE; }
	#header h2 a { float: left; width: 165px; height: 70px; background: url(../images/logo.png) no-repeat 0 20px; text-indent: -999em; overflow: hidden; }
	#menu { float: right; margin-top: 45px; }
		#menu li { float: left; padding: 0 1em; }

#thumbnav { margin: 0 20px; background: #F5F5F5; text-align: center; position: relative; zoom: 1; }
	#thumbnav img { margin: 10px 2px; border: 4px solid #FFF; }
		#thumbnav a:hover img { border-color: #DDD; }
		#thumbnav img.current-thumbnail { border-color: #999; }
	#thumbnav span, #thumbnav span a { display: block; width: 70px; height: 60px; background-image: url(../images/nav.png); background-position: 0 0; text-indent: -999em; overflow: hidden; }
		#thumbnav span { position: absolute; top: 12px; }
	#thumbnav .previous { right: 0; }
		#thumbnav .previous a { background-position: 0 -120px; }
	#thumbnav .next { left: 0; }
		#thumbnav .next a { background-position: 0 -60px; }

#content { margin: 10px 20px; overflow: hidden; zoom: 1; }
	#photoframe { display: block; width: 100%; text-align: center; overflow: hidden; }
		#photoframe img { max-width: 100%; }
	#photoinfo { margin-top: 10px; border-top: 1px solid #EEE; overflow: hidden; zoom: 1; }
		#photoinfo fieldset { float: left; padding: 10px 0; width: 530px; border: none; }
			#photoinfo h1 { margin-bottom: 5px; font-size: 1.17em; color: #333; }
		#phototags { float: right; width: 160px; padding: 10px 0; }
			#phototags a { display: block; padding: 5px 0 3px; border-bottom: 1px solid #F5F5F5; }

	#mainarea { float: left; width: 530px; }
	#side { float: right; width: 160px; }
		#side li { padding: 5px 0 3px; border-bottom: 1px solid #F5F5F5; }

h2 { font-size: 1em; margin: 10px 0 5px; }

#albumcover { float: left; width: 400px; height: 400px; overflow: hidden; }
#homea { float: right; width: 300px; }
	#picassa { height: 100px; background: #EDF4E1; }

#tag_cloud { line-height: 2.6em; }
	#tag_cloud_header { display: none; }
	#tag_cloud a { margin-right: 3px; white-space: nowrap; }
	.tags01 { font-size: 10px; color: #222; }
	.tags02 { font-size: 12px; color: #333; }
	.tags03 { font-size: 14px; color: #444; }
	.tags04 { font-size: 16px; color: #555; }
	.tags05 { font-size: 18px; font-weight: bold; color: #666; }
	.tags06 { font-size: 20px; font-weight: bold; color: #777; }
	.tags07 { font-size: 21px; font-weight: bold; color: #888; }
	.tags08 { font-size: 22px; font-weight: bold; color: #999; }
	.tags09 { font-size: 23px; font-weight: bold; color: #AAA; }
	.tags10 { font-size: 24px; font-weight: bold; color: #BBB; }

#mosaic img { border: 4px solid #FFF; }
	.mosaichover img { opacity: 0.3; }
	#mosaic a:hover img { border-color: #333; opacity: 1; }

#footer { padding-bottom: 20px; font-size: 0.83em; }