Frick, Let's Shit A Brick - StyleBitch Beta [IGM]

body
	{background:#434343;
	color:#642e00;}
#title
	{position: fixed;
	width: 250px;
	left: 320px;}
#clickables
	{position: fixed;
	width: 250px;
	left: 320px;
	top: 14%;
	bottom: 48%;
	overflow-x: none;
	overflow-y: auto;}
#clickableTitle
	{display: none;}
#resources
	{position: fixed;
	left: 590px;
	right: 300px;
	top: 28px;
	bottom: 48%;
	font-size: 14px;
	background:#434343;
	overflow: auto;}
#resource-brick
	{font-size: 20px;}
.veryimportantresource
	{font-size: 18px;}
.importantresource
	{font-size: 16px;}
#upgrades
	{background:#434343;
	height: auto;
	right: 1%;
	top: 2%;
	padding-bottom: 200px;}
.upgrade
	{margin: 1px;}
.bought
	{font-size: 0px;
	margin: 2px;
	padding: 0px;}
.upgrade .upgradeType
	{font-weight: bold;}
#achievements
 	{position: fixed;
	background:#434343;
	overflow: auto;
	left: 320px;
	right: 300px;
	top: 52%;
	bottom: 0%;}
.achievement
	{font-size: 0px;
	margin: 2px;
	padding: 0px;}
#achievement-dummy
	{width: 100%;
	height: 150px;
	color: rgba(0, 0, 0, 0);
	text-shadow: none;
	border: none;
	box-shadow: none;}
#achievement-dummy:hover
	{background: rgba(0, 0, 0, 0);}
#achievement-dummy:active
	{background: rgba(0, 0, 0, 0);
	box-shadow: none;}
#buildings
	{position: fixed;
	top: 28px;
	bottom: 30px;
	left: 0%;
	width: 300px;
	font-size: 12px;
	background:#434343;
	overflow-x: none;
	overflow-y: auto;}
#buildingTitle
	{display:none;}
.walls .amount
	{font-size: 0px;}
#building-frickpower .buildingType, #building-worker .buildingType, #building-school .buildingType, #building-city .buildingType, #building-factory .buildingType, #building-china .buildingType, #building-moon .buildingType, #building-marsportal .buildingType, .walls .buildingType
	{font-size: 18px;
	font-weight: bold;}
#building-frickpower .amount, #building-worker .amount, #building-school .amount, #building-city .amount, #building-factory .amount, #building-china .amount, #building-moon .amount, #building-marsportal .amount
	{position: absolute;
	float:right;
	right: 60px;
	top: 5px;
	font-size: 18px;
	font-weight: bold;}
#building-frickpower .cost, #building-worker .cost, #building-school .cost, #building-city .cost, #building-factory .cost, #building-china .cost, #building-moon .cost, #building-marsportal .cost, .walls .cost
	{font-size: 0px;}
#building-frickpower .cost .amount, #building-worker .cost .amount, #building-school .cost .amount, #building-city .cost .amount, #building-factory .cost .amount, #building-china .cost .amount, #building-moon .cost .amount, #building-marsportal .cost .amount, .walls .cost .amount
	{position: static;
	float: left;
	font-size: 12px;
	font-weight: normal;}
#building-wall1 .cost .amount:after, #building-wall2 .cost .amount:after, #building-wall3 .cost .amount:after, #building-wall4 .cost .amount:after, #building-wall5 .cost .amount:after, #building-wall6 .cost .amount:after, #building-wall7 .cost .amount:after, #building-wall8 .cost .amount:after
        {content: " Total Bricks"}
.building .cost .amount:after
	{content: " bricks"}
.sell
	{position: absolute;
	bottom: 5px;}
#log
	{background: #434343;
	width: 300px;
	height: 15px;}

#topBar
{
	background:#000 url(blackNoise.jpg);
	color:#ccc;
	font-size:10px;
	text-shadow:0px 1px 1px #000;
	border-bottom:2px solid #000;
	height:26px;
}
#topBar>div
{
	display:inline-block;
	box-shadow:0px 0px 1px rgba(255,255,255,0.4) inset,0px -2px 4px rgba(255,255,255,0.1) inset;
	padding:8px;
	margin-right:1px;
}
#topBar a.neat{color:#99f;}
#topBar a{color:#fff;text-shadow:0px 0px 3px rgba(255,255,255,0.5);}
#topBar a:hover{color:#fff;text-shadow:0px 0px 3px rgba(255,255,255,1);}
#topBar a:active{color:#fff;text-shadow:none;}

.button
{
	display:inline-block;
	cursor:pointer;
	margin:4px;
	border:1px solid #000;
}
.button:hover
{
	background:rgba(255,255,255,0.5);
}
.button:active
{
	background:rgba(0,0,0,0.1);
	box-shadow:0px 0px 6px rgba(0,0,0,0.2) inset,0px 0px 0px 1px rgba(255,255,255,0.5),0px 0px 6px rgba(0,0,0,0.2);
}


.hidden,.abstract
{
	display:none;
}