jklm313

body {
	margin:0; 
	padding: 0;
	font: 100%;
	min-height: 100%;
	}
	
	header, article, aside,
	footer, nav, lubberofzelda { float: left }
	

jklm313

/* CSS3 ribbon (modified from Chris Coyier) */

/* a bit sloppy eh!*/

.wrapper {
  margin: 50px auto;
  
  width: 280px;
  height: 370px;
  background: linear-gradient (top, rgba(255,255,255,1), #d9d9d9);

jklm313

*{margin: 0; padding: 0;}

html, body {
	height: 100%
	}

body {
	text-align: center;
	background: linear-gradient(top, white, #aeaeae);	
	}

jklm313

body {
    font-family: sans-serif;
    padding-top: 60px;
}
    
.mainmenu {
    position:absolute; 
    z-index:100;
}

jklm313

body, body * {
	margin: 0;
	padding: 0;
	}

body * {
	position: relative;
	box-sizing: border-box;
	display: inline-block;

jklm313

body, body * {margin: 0; padding: 0; box-sizing: border-box; position: relative}

body {background: #222; color: white}

.sidebar {
	float: left;
	
	width: 20%;
	min-width: 150px;
	height: 100%;

jklm313

* {box-sizing: border-box}

.container {
	width: 100%;
	height: 100%;
	
	float: left;
	
	/*visual*/
	color: white;	

jklm313

.calc-emulator {
	width: 600px;
	border-left: 200px solid transparent;
	box-sizing: border-box;
	
	/*visual*/
	background: skyblue;
	height: 280px;
	}

jklm313

.calc-emulator {
	width: 50%;
	border-left: 200px solid transparent;
	box-sizing: border-box;
	
	/*visual*/
	background: skyblue;
	height: 280px;
	}

jklm313

* {margin: 0; padding: 0; box-sizing: border-box; position: relative}

html, body {	
	width: 100%;
	height: 100%;
	}

body {
	background: #999;
	font-size: 100%;