@import url(reset.css);

body {
	font-family:				Trebuchet MS;
	background-image:			url(/images/bg-clouds.png);
	background-position:			top center;
	background-repeat:			repeat-x;
	background-color:			#C0DEED;
	background-attachment:			fixed;
}

a {
	text-decoration:			none;
	color:					black;
}

h1 {
	font-size:				35px;
	text-transform:				uppercase;
}

div.breaker {
	clear:					both;
}

div.bg {
	text-align:				center;
}

div.wrapper {
	width:					700px;
	margin-left:				auto;
	margin-right:				auto;
}

div.top {
	padding:				20px 20px 20px 0;
}

div.top div.menu {
	height:					22px;
	padding:				3px 10px 0 10px;
	margin-left:				20px;
	text-align:				right;
}

div.top div.menu a {
	color: 					#C0DEED;
	font-weight:				bold;
}

div.wrapper div.content {

}

div.wrapper div.item {
	background-color:			white;
	margin-bottom:				20px;
	text-align:				left;
	padding:				0;

}

div.wrapper div.item div.itemContent {
	padding: 				20px 0 20px 20px;
}

div.wrapper div.item div.itemContent a.header {
	font-size:				24px;
}

div.wrapper div.item div.tab {
	background-color:			white;
	margin-left:				-30px;
	position:				absolute;
	text-align:				center;
	width:					30px;
	margin-top:				20px;
	padding:				5px 0;
}

div.album {
	float:					left;
	width:					150px;
	height: 				150px;
	margin:					10px;
}

div.album div {
	position:				absolute;
	padding:				5px;
	width:					140px;
	background-image:		url(/images/albumbg.png);
	color:					white;
	margin-top:				108px;
}

div.album img.overlay, div.photo img.overlay {
	position:				absolute;
}

div.photo {
	width:					150px;
	height:					150px;
	float:					left;
	margin:					10px 20px 10px 0;
}

div.login {
	text-align:				center;
}

div.login input[type=text], div.login input[type=password] {
	font-size:				20px;
	text-align:				center;
	width: 					300px;
	margin:					10px 0 0 0;
}

div.login input[type=button], div.login input[type=submit] {
	font-size:				20px;
	text-align:				center;
	width: 					auto;
	margin:					10px 0 0 0;
} 

div.app {
	display:				none;
}