/* START HEADER */

div#header
{
	position: relative;
	height: 20px;
}

div#header div.logo
{
	position: absolute;
	left: 10px;
	bottom: 5px;
}

div#header div.controls
{
	float: right;
	margin: 70px 15px 0 0;
	color: #fff;
	font-size: .8em;
}

div#header div.controls a
{
	color: #fff;
}

/* END HEADER */

/* START MENU */

div#menu
{
	height: 60px;
	background-image: url(/images/layout/bg-main-top.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

div#menu ul
{ 
	padding: 0;
	margin: 0;
}

div#menu ul li
{
	float: left;
	padding: 10px;
	margin: 0;
}

div#menu ul li a
{
	display: block;
	color: #424242;
	line-height: 20px;
	vertical-align: middle;
}

/* END MENU */

/* START FOOTER */

div#footer
{
	text-align: center;
	background-image: url(/images/layout/bg-main-bottom.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 15px;
	height: 50px;
}

div#footer p
{
	margin: 0;
	vertical-align: middle;
}

div#footer p a
{
	color: #424242;
}

/* END FOOTER */

/* START INSTALLATIONS */

ul#installations,
ul#installations li,
ul.smallList,
ul.smallList li
{ 
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}

ul.smallListHalf
{
	float: left;
	width: 50%;
	clear: none;
}

ul#installations li,
ul.smallList li
{
	margin: 0;
	padding: 10px 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #444;
}

ul.smallList li
{
	padding: 5px 2px;
	font-size: .7em;
}

ul#installations li:hover,
ul.smallList li:hover
{ 
	background-color: #ffffcc;
}

ul#installations li span.incrementContent,
ul.smallList li span.listContent
{
	display: block;
	float: left;
	width: 485px;
}

ul.smallList li span.listContent
{
	width: auto;
}

ul.smallList li,
ul.smallList li a
{ 
	line-height: 30px;
	vertical-align: middle;
}

ul.smallList li a
{
	display: block;
	text-decoration: none;
	font-size: 1.1em;
}

ul.smallList li a strong
{
	color: #000;
}

span.timestamp
{
	font-size: .7em;
	color: #aaa;
	display: block;
	margin-top: 5px;
}

/* END INSTALLATIONS */

/* DINGER */

div#dinger
{
	min-height: 370px;
}

div#increment,
div#score,
div#decrement
{
	text-align: center;
}

div#decrement
{
	position: relative;
}

div#decrement img
{
	position: absolute;
	top: -12px;
	left: 30px;
}

div#tinyUrl
{
	font-size: .7em;
	color: #000;
	float: left;
	cursor: pointer;
}

div#tinyUrl:hover
{
	text-decoration: underline;
}

/* DINGER */

/* START USER INFO */

div.userInfo
{
	border: 1px solid #000;
	margin-left: -10px;
	margin-right: -10px;
	height: 98px;
}

/* USER INFO */

/* Start home block */

div#home-logo
{
	width: 310px;
	height: 90px;
	position: relative;
	left: -30px;
	top: 28px;
	z-index: 10;
}

div#connect-box
{
	background-image: url('/images/index/connect-arrow.png');
	background-repeat: no-repeat;
	height: 72px;
	line-height: 72px;
	vertical-align: middle;
	text-align: right;
	position: relative;
	left: -25px;
	top: 10px;
}

div#connect-box div#connect-button
{
	background-color: #fff;
	position: relative;
	left: 72px;
	top: 13px;
	height: 46px;
	margin-right: 47px;
}

div#connect-box div#connect-button .FB_login_button
{
	position: relative;
	top: 11px;
	left: -10px;
}

div#homeTop
{
	margin-top: 83px;
}

div#homeMiddle
{
	margin-bottom: 20px;
}

div#homeMiddle div.alpha,
div#homeMiddle div.omega,
div#homeBottom div.center,
div#homeBottom div.alpha,
div#homeBottom div.omega
{
	background-color: #fff;
	height: 250px;
}

div#homeBottom div.alpha,
div#homeBottom div.center,
div#homeBottom div.omega
{
	height: 175px;
}

div#homeMiddle div div.block,
div#homeBottom div div.block
{
	margin: 10px 10px 20px 10px;
}

div#homeBottom div.alpha p
{
	font-size: 7em;
	margin: -.15em 0 0 0;
	padding: 0;
	text-align: center;
}

div#homeMiddle h1
{
	margin-top: 25px;
	text-align: center;
}

div.homeWelcome p
{
	font-size: 1em;
}

/* End home block */