/* @override http://garage.nydd.org/ppc/css/main/main.css */
/* @override http://sketch.local/ppc/css/main/main.css */
/* @override http://sketch.local/pinup/css/main/main.css */
/* @override http://code.local/ppc/css/main/main.css */

/* @group STRUCT */

html
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	min-height:100%;
	height: auto !important;
	height: 100%;
	background: #000;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #FFF;
}

a img
{
	text-decoration: none;
	border-width: 0;
}

a:link,
a:visited 
{
	color: #FFF;
}

a:hover 
{
	color: #ff4aa0;
}

a:active
{
	color: #0063c8;
}

/* @end */



/* @group 100:CONTAINER */

div#container
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	overflow: hidden;
}

/* @end */



/* @group 200:PICTURE */

div#picture,
div#picture div.showing,
div#picture div.transition,
div#picture div.tank
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	overflow: hidden;
}

div#picture
{
	width: 100%;
	height: 100%;
	z-index: 200;
}

div#picture div.showing
{
	z-index: 230;
}

div#picture div.transition
{
	z-index: 220;
}

div#picture div.tank
{
	z-index: 210;
}
/* @end */



/* @group 300:NAMEOFCITY */

div#nameOfCity
{
	position: absolute;
	width: 500px;
	height: 120px;
	top: 0;
	left: 0;
	z-index: 300;
}

#swfTitler
{
	position: absolute;
	width: 500px;
	height: 120px;
	top: 0;
	left: 0;
	z-index: 310;
}

/* @end */



/* @group 400:ICONS */

div#icons
{
	position: absolute;
	text-align: center;
	width: 100%;
	height: 16px;
	bottom: 0;
	left: 0;
	z-index: 400;
	overflow: hidden;
}

div#icons div.icon
{
	position: absolute;
	width: 16px;
	height: 16px;
	cursor: pointer;
	top: 0;
	left: 0;
	visibility: hidden;
}

/* @end */



/* @group 500:AUTHORINFO */

div#authorInfo
{
	position: absolute;
	width: 250px;
	height: 70px;
	bottom: 20px;
	left: 20px;
	z-index: 500;
	overflow: hidden;
	background-image: url(authorInfoBg.png);
	background-position: 0;
	background-repeat: repeat;
	background-attachment: scroll;
	display: none;
}

div#authorInfo div.picture
{
	position: static;
	float: left;
	padding: 10px;
}

div#authorInfo div.picture img
{
	width: 48px;
	height: 48px;
	border: 2px solid #FFF;
}

div#authorInfo div.text
{
	position: static;
	font-size: 10px;
	line-height: 1;
	padding: 5px 10px 5px 0;
}

div#authorInfo div.text p
{
	height: 21px;
	overflow: hidden;
}

div#authorInfo div.cache
{
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

/* @end */



/* @group 700:DOCKTAB */
div#docktab
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 700;
	overflow: hidden;
}

/* @end */















/* @group 800:POSTCARD */

div#postcard,
div#postcard div.logo,
div#postcard div.description
{
	position: absolute;
	top: 0;
	left: 0;
}

div#postcard
{
	z-index: 800;
	width: 428px;
	height: 331px;
	background-image: url(postcard.png);
	background-position: 0;
	background-repeat: no-repeat;
	background-attachment: scroll;
	color: #000;

	top: 50px;
	left: 50px;
}

div#postcard div.description
{
	font-size: 10px;
	font-weight: normal;
	line-height: 1;

	z-index: 810;
	width: 168px;
	height: 261px;
	left: 31px;
	top: 31px;
}

div#postcard div.description p
{
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.6;
}

div#postcard div.description ul
{
	margin: 0;
	padding: 0 0 0 15px;
}

div#postcard div.description li
{
	margin: -1px 0 .5em 0;
	padding: 0;
	line-height: 11px;
	list-style-position: outside;
	list-style-type: square;
}

div#postcard div.description a,
div#postcard div.description a:link,
div#postcard div.description a:visited
{
	color: #ff9b00;	
}

div#postcard div.description a:hover,
div#postcard div.description a:active
{
	color: #efd75f;
}

/* @end */



/* @group 900:HEADER */

div#header
{
	position: absolute;
	width: 100%;
	height: 20%;
	top: 0;
	left: 0;
	z-index: 900;
	display: none;
}

div#header div.off,
div#header div.on
{
	position: absolute;
}

div#header div.off
{
	top: 29px;
	left: 29px;
	z-index: 910;
}

div#header div.on
{
	z-index: 920;
}
/* @end */



/* @group 1000:FRAME */

div#frameTop,
div#frameRight,
div#frameBottom,
div#frameLeft
{
	position: absolute;
	font-size: 1px;
	line-height: 1;
	background-color: #FFF;
}

div#frameTop
{
	z-index: 1001;
}

div#frameRight
{
	z-index: 1002;
}

div#frameBottom
{
	z-index: 1003;
}

div#frameLeft
{
	z-index: 1004;
}

/* @end */