/* Screens on the Frontpage, Styles for ALL Orientations */

#Header { position: fixed !important; }

/* Layout */

#LayoutContainer {
	display: table;
	width: 100%;
}

#LayoutColumnContainer {
	display: table-row;
}

/* Arrows */

#LayoutLeftColumn, #LayoutRightColumn {
	display: table-cell;
	vertical-align: middle;
	width: 20%;
}

#LayoutLeftColumn { text-align: right;}
#LayoutRightColumn { text-align: left;}

.Arrow, #LayoutLeftColumn span, #LayoutRightColumn span {
	background-color: black;
	border: none;
	color: #333333;
	cursor: default;
	display: inline-block;
	font-size: 18pt;
	margin: 10px 5px;
	padding: 10px 0;
	white-space: nowrap;
}

.Arrow.Active, #LayoutLeftColumn a, #LayoutRightColumn a {
	color: white;
	cursor: pointer;
}

.Arrow.Active:hover, #LayoutLeftColumn a:hover, #LayoutRightColumn a:hover {
	border: none !important;
	color: silver;
}

.Arrow.Active:active {
	color: #111;
}

#ArrowLeft { text-align: right; }

#ArrowRight { text-align: left; }


/* iPhone */

#iPhoneContainer {
	display: table-cell;
	width: 60%;
	vertical-align: middle;
}

.iPhoneCase {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
	background-color: #111;
	behavior: url(/scripts/PIE.htc);
	border: 3px solid white;
	border-radius: 50px;
	display: none;
	margin: auto;
}

.iPhoneScreen {
	background-color: black;
	position: relative;
}


/* Header with Date */

.HeaderContainer {
	background-color: black;
	display: table;
	overflow: hidden;
	width: 100%;
}

.HeaderColumnContainer {
	display: table-row;
}

.HeaderLeftColumn, .HeaderRightColumn {
	display: table-cell;
	font-size: 10px;
	width: 33%;
}

.HeaderLeftColumn { text-align: left; }
.HeaderRightColumn { text-align: right; }

.HeaderMiddleColumn {
	display: table-cell;
	font-size: 10px;
	text-align: center;
	width: 34%;
}

.HeaderLeftColumn p, .HeaderMiddleColumn p, .HeaderRightColumn p i, .HeaderRightColumn p blink i {
	font-size: 11px;
}


/* link to archive */

#iPhoneCase0 p {
	color: white;
	font-size: 11pt;
	line-height: 130%;
	padding-top: 120px;
	text-align: center;
	width: 100%;
}


/* make current screen visible! */

.Visible {
	display: block;
}

/* social tab */

#SocialTab {
	bottom: 20px;
	position: fixed;
	right: 30px;
}

#SocialTab .sharethis { color: white; }

#SocialTab .stButton .chicklets {
	font-family: Arial !important;
	font-size: 9pt;
}

#FacebookLike, #PermalinkTab {
	bottom: 10px;
	position: fixed;
	left: 30px;
}

/* FB popup */

.fb_iframe_widget iframe {
    bottom: 10px;
    position: fixed;
}

.fbpfl .fbpfet .fbpfnc {
    display: none;
}