html, body {
background: #000;
margin: 0;
padding: 0 0 10px 0;
position:relative;
}

/* Chats */
.border {
display: inline;
float: left;
overflow: hidden;
margin: 10px 0 0 10px;
padding: 0;
background: #000;
}

#sc2tv iframe {
height:440px;
width:230px;
background-color: #000;
border: 1px solid #009999;
}

#twitch iframe {
height: 440px;
width: 300px;
border: 1px solid #009999;
}

#own3d iframe {
height: 440px;
width: 300px;
border: 1px solid #009999;
}

#goodgame iframe {
height: 440px;
width: 300px;
border: 1px solid #009999;
}

#empire div {
height: 413px;
width: 334px;
position: relative;
border: 1px solid #009999;
overflow: hidden;
}
#empire iframe {
width: 1280px;
height: 1280px;
left: -794px;
top: -188px;
position: absolute;
}

#goha div {
height: 416px;
width: 253px;
position: relative;
}
#goha iframe {
width: 1280px;
height: 1280px;
left: -887px;
top: -280px;
position: absolute;
}

/*Buttons*/
#button {
position: absolute;
float: right;
cursor: pointer;
right: 0;
top: 0;
margin: 10px;
}

.button {
cursor: pointer;
display: inline-block;
margin: 5px;
padding: 5px 10px;
font: bold 14px Candara;
color: #fff;
text-shadow: 0 1px #444;
text-decoration: none;
border: 1px solid #767676 !important;
background: #9c9c9c;
background: -webkit-linear-gradient(top, #a9a9a9, #939393);
background: -moz-linear-gradient(top, #a9a9a9, #939393);
background: -o-linear-gradient(top, #a9a9a9, #939393);
border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
transition: border-color .20s;
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
}
.button:active {
color: #fff;
border-color: #353535;
box-shadow:inset 0 0 10px #D4D4D4;
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	-o-box-shadow:inset 0 0 10px #D4D4D4;
}

/*Color buttons*/
.blue.button {
border: 1px solid #2F5BB7 !important;
background: #3F83F1;
background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
background: -moz-linear-gradient(top, #4D90FE, #357AE8);
background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
.green.button {
border: 1px solid #2D6200 !important;
background: #3A8E00;
background: -webkit-linear-gradient(top, #3C9300, #368200);
background: -moz-linear-gradient(top, #3C9300, #368200);
background: -0-linear-gradient(top, #3C9300, #368200);
}
.red.button {
border: 1px solid #B0281A !important;
background: #D14130;
background: -webkit-linear-gradient(top, #DC4A38, #C53727);
background: -moz-linear-gradient(top, #DC4A38, #C53727);
background: -0-linear-gradient(top, #DC4A38, #C53727);
}
.orange.button {
border: 1px solid #c7741b !important;
background: #db882e;
background: -webkit-linear-gradient(top, #e8953a, #d18028);
background: -moz-linear-gradient(top, #e8953a, #d18028);
background: -o-linear-gradient(top, #e8953a, #d18028);
}
.purple.button {
border: 1px solid #573596 !important;
background: #6441A5;
background: -webkit-linear-gradient(top, #714EB2, #5D3B9C);
background: -moz-linear-gradient(top, #714EB2, #5D3B9C);
background: -o-linear-gradient(top, #714EB2, #5D3B9C);
}
.button:hover, .blue.button:hover, .green.button:hover, .red.button:hover, .orange.button:hover, .purple.button:hover {
border: 1px solid #353535 !important;
background: #6E6E6E;
background: -webkit-linear-gradient(top, #838383, #5B5B5B);
background: -moz-linear-gradient(top, #838383, #5B5B5B);
background: -o-linear-gradient(top, #838383, #5B5B5B);
}