/* http://developer.apple.com/iphone/devcenter/designingcontent.html */
/* Page.class.php sets initial-scale=1.0, so width = 320 or width = 480 */

/* import page specific layouts */
@import url(layout_pages.css);

/* global settings */
body {
	margin: 0;
	padding: 0;
	font: normal 12px/145% "Trebuchet MS", "Verdana", sans-serif;
	color: #333;
	background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
	color: #390;
	background-color: #fff;
	border-color: #390;
	border: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
h1, h2, h3 {
	margin: 0.8em 0 0.4em 0;
	padding: 0 1em;
}
h4, h5, h6 {
	margin: 0.8em 0 0 0;
	padding: 0 2em;
}
h1 {
	font-size: 120%;
}
h2 {
	margin-top: 1.6em;
	font-size: 115%;
	border-width: 0 0 1px 0;
	border-style: solid;
}
h3 {
	font-size: 110%;
	border-width: 0 0 1px 0;
	border-style: dotted;
}
h4 {
	font-size: 105%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 95%;
}

a {
	color: #33c;
	background-color: inherit;
}
a:hover {
	color: #66c;
	background-color: inherit;
}
a:active {
	color: #33c;
	background-color: inherit;
}
a:visited {
	color: #60c;
	background-color: inherit;
}

img {
	border: none;
	vertical-align: middle;
}
img#identity {
	width: 120px;
	height: 160px;
}

p.info {
	padding: 0.5em;
	color: #000;
	background-color: #cf6;
}
p.error {
	padding: 0.5em;
	color: #000;
	background-color: #fc6;
}
div#global {
	color: #333;
	background-color: #fff;
}

/* preferences and footer */
div#prefs, div#footer {
	font-size: 90%;
}
div#prefs span {
	padding: 2px 5px;
}
div#prefs img {
	width: 13px;
	height: 9px:
	margin: 0px 2px;
}
div#prefs span#prefs_skin, div#prefs span#prefs_language {
	display: block;
	float: left;
	clear: left;
}
div#prefs span#date_time {
	display: none;
}

/* title */
div#title {
	clear: left;
	text-align: right;
	padding: 2px 0px;
}

/* menu */
div#menu {
	text-align: right;
	border-width: thin 0;
	border-style: solid;
	border-color: #390;
	text-align: right;
}
div#menu ul {
	margin: 1px;
	padding: 0px;
}
div#menu ul li {
	padding: 0 3px;
	display: inline;
}
div#menu ul li a {
	text-decoration: none;
}

/* main content */
div#content {
	clear: both;
	padding: 5px;
	text-align: justify;
}

/* footer */
 {
	font-size: 90%;
	padding: 4px;
}
div#footer span#copyright, div#footer span#legal {
	display: block;
	float: left;
	margin-right: 10px;
}
div#footer span#valid_xhtml, div#footer span#valid_css {
	display: block;
	float: right;
	clear: left;
	margin-left: 10px;
}
div#footer span#valid_xhtml img, div#footer span#valid_css img {
	width: 64px;
	height: 12px;
}

/* misc */
div.album_in_list, div.photo_in_list img.thumbnail {
	padding: 6px;
	margin: 4px;
	border-color: #ccf;
}
div.photo img {
	display: block;
	clear: both;
	margin: 0;
}