@charset "UTF-8";

/*-------------------------------------

POCKET-SCREEN.CSS

Author: Matt Bainton (In Like A Lion ~ http://inlikealion.com)
For: Pocket App
Last Modified: 23 November 2009

---------------------------------------*/


@import url(reset.mod.css); /* RESET CSS */
/*@import url(base.css); /* BASE CSS *!/*/


/* STRUCTURE ------------------------------------------------------------------ */

html {
	background: #fdfcf7 url(../img/bg-tilegrid-122x182.png) repeat -122px center ;
	height: 100%;
	width: 100%;
	}
body {
/*	background: url(../img/bg-gradient-highlight.png) no-repeat 488px 0;*/
	background: url(../img/body.png) no-repeat 488px center;
	color: #78756f;
	font-family: 'Museo Sans', 'Lucida Sans', 'Lucida Grande', Helvedica, sans-serif;
	height: 100%;
	width: 100%;
	}
#horizon {
	display:block;
	height:1px;
	left:0;
	overflow:visible;
	position:absolute;
	top:50%;
	width:100%;
}

#content {
/*	background: rgba(255,255,255, 0.5);*/
	height: 546px;
	left: 488px;
	position: absolute;
	top: -273px;
	width: 487px;
	}
/*#content {
	background: rgba(255,255,255, 0.5);
	height: 100%;
	left: 488px;
	position: relative;
	top: 0;
	width: 487px;
	}*/
/*#content {
	height: 440px;
	left: 488px;
	top: 182px;
	padding: 0;
	position: relative;
	width: 487px;
	}*/
header {
	height: 182px;
/*	padding: 182px 0 0 0;*/
	position: relative;
	width: 427px;
	}
header h1,
header h2 {
	color: #8f8c87;
	font-weight: 200;
	text-indent: -9999px;
	}
header h1 {
	float: left;
	font-size: 69px;
	padding-right: 40px;
	}
header h2 {
	font-size: 16px;
	padding-top: 30px;
	white-space: nowrap;
	}
header img {
	left: 0;
	position: absolute;
	top: 0;
	display: none;
	}
header h1 a {
	display: block;
	background: transparent url(/assets/img/bg-logo.png) no-repeat 0 0;
	width: 487px;
	height: 180px;
}
header h1 a:hover {
	background-position: bottom left;
}
#viewer {
	height: 445px;
	left: -307px;
	position: absolute;
	top: 30px;
	width: 245px;
	z-index: 10;
	}
footer {
	background: rgba(255,255,255, 0.0) url(/assets/img/footer-bg.png) no-repeat 0 0;
	bottom: 0;
	float: left;
	height: 100px;
	left: 488px;
	position: absolute;
	width: 487px;
	z-index: 0;
	}
footer h3 {
	float: left;
	}
footer ul li {
	background: url(/assets/img/footer-logos-2.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 100px;
	opacity: 0.4;
	text-align: center;
	width: 25%;
	}
#linkSE {
	background-position: -122px 0;
	}
#linkSE:hover {
	background-position: -122px 2px;
	opacity: 1;
	}
#linkILAL {
	background-position: -242px 0;
	}
#linkILAL:hover {
	background-position: -242px 2px;
	opacity: 1;
	}
#linkSG {
	background-position: -364px 0;
	}
#linkSG:hover {
	background-position: -364px 2px;
	opacity: 1;
	}
footer a {
	color: #383838;
	display: block;
	height: 100%;
	width: 100%;
	}
	
/* CONTENT ------------------------------------------------------------------ */

#navPhone {
	height: 445px;
	left: 0;
	position: absolute;
	top: 0;
	width: 245px;
	z-index: 10;
	}
nav#navPhone,
#navPhone #iPhoneFallback {
	background: url(/assets/img/bg-iphone-245x445.png) no-repeat 0 0;
	display: block;
	height: 445px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	width: 245px;
	z-index: 10;
	}
#navPhone ul {
	background: url(/assets/img/bg-screen-glare.png) no-repeat 0 0;
/*	cursor: url(/assets/img/cursor-active-32x32.png), move;*/
	display: block;
	height: 292px;
	left: 25px;
	overflow: hidden;
	position: absolute;
	top: 76px;
	width: 192px;
	}
/*#navPhone ul:active {
	cursor: url(/assets/img/cursor-32x32.png), crosshair;
	}*/
#navPhone li {
	display: block;
	opacity: .1;
	}
#navPhone #zoneOne {
/*	background: beige;*/
	height: 25%;
	width: 100%;
	}
#navPhone #zoneTwo {
/*	background: red;*/
	float: left;
	height: 50%;
	width: 50%;
	}
#navPhone #zoneThree {
/*	background: blue;*/
	float: left;
	height: 50%;
	width: 50%;
	}
#navPhone #zoneFour {
/*	background: green;*/
	clear: left;
	height: 25%;
	width: 100%;
	}
#navPhone li:hover {background: #fdfcf7; opacity: 0.08;}
#navPhone a[title="Home"] {
	/*opacity: .2;
	background: red;*/
	bottom: 21px;
	display: block;
	height: 44px;
	left: 99px;
	position: absolute;
	width: 44px;
	}
figure {
	left: 25px;
	position: absolute;
	top: 76px;
	width: 192px;
	height: 291px;
	overflow: hidden;
	z-index: 2;
	}
	
figure div {
	margin: 0 0 0 -192px;
	width: 960px;
}
	
figure img {
	float: left;
}

#result {
	margin: 182px 0 0 30px;
	height: 38px;
}

#result h3 {
	margin: 36px 0 0 0;
	float: left;
	background: url(/assets/img/bg-success.png) no-repeat top left;
	width: 187px;
	height: 38px;
	text-indent: -9999px;
}

#result.success p {
	float: left;
	margin: 38px 0 0 53px;
	background: url(/assets/img/bg-success.png) no-repeat center right;
	width: 181px;
	height: 38px;
	text-indent: -9999px;
}

#result.success p a {
	display: block;
	height: 38px;
}

#result.error p {
	margin: 0 61px 0 0;
	background: #c2603a;
	color: #fdfcf7;
	font-size: 13px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}

/*-- Form --*/
form {
	/*background-image : -moz-linear-gradient(left top, left bottom, from(#bcb9b3), to(#e5e5e4));
	background-image : -webkit-gradient(linear, left top, left bottom, from(#bcb9b3), to(#e5e5e4));*/
	background: #fefefe url(/assets/img/bg-textfield.png) no-repeat 0 0;
	border: 1px solid #cbc9c5;
	border-bottom: 1px solid #d7d5d2;
	border-top: 1px solid #bcb9b3;
	font-size: 13px;
	margin: 0 0 0 30px;
	padding: 0;
	position: relative;
	width: 394px;
	z-index: 10;
	}
#register.focus {outline: 2px solid #eae9e6;}
#email {
	border: none;
	background: url(/assets/img/icn-mail.png) no-repeat 9px center;
	border-right: #000;
	color: #78756f;
	font-size: 13px;
	height: 16px;
	margin: 0;
	padding: 12px 9px 12px 43px;
	width: 234px;
	float:left;
	}
#submit {
	background: #fbfbf9 url(/assets/img/btn-invite.png) no-repeat 0 -1px;
	border: none;
	color: #78756f;
	cursor: pointer;
	float: right;
	font-size: 13px;
	height: 40px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 105px;
	}
#submit:hover {
	background: #f5f4ee url(/assets/img/btn-invite.png) no-repeat 0 -43px;
	}
#submit:active {
	background: #e5e4de url(/assets/img/btn-invite.png) no-repeat 0 -85px;
	}
/*-- Thumbnails --*/
#thumbnails {
	background: url(/assets/img/bg-thmb-dshadow-4x6.png) repeat-x 0 bottom;
	left: 0;
	padding-bottom: 6px;
	position: absolute;
	top: -92px;
	width: 100%;
	z-index: 0;
	overflow: hidden;
	}
#thumbnails ul {
/*	background: url(/assets/img/bg-thmbs-placeholder.jpg) repeat-x 0 0;*/
	margin: 0 0 0 -123px;
	display: block;
	height: 183px;
/*	overflow: hidden;*/
	width: 2952px;
	}
#thumbnails ul li {
/*	border: 1px solid #737a7a;*/
	width: 122px;
	height: 183px;
	border-color: rgba(0, 0, 0, .5);
	border-left: none;
	float: left;
	overflow: hidden;
	}
#thumbnails ul li img {
	float: left;
	}

/* UTILITY ------------------------------------------------------------------ */

.hideText {
	text-indent: -9999px;
	overflow: hidden;
	}