jklm313

* {margin: 0; padding: 0} /* reset */

html, body {
    height: 100%;            
    }
body {
	border-top: 50px solid; /* You need to set the border for the header to overlap on. */
    border-bottom: 100px solid; /* Height of footer. */
    box-sizing: border-box; /* paulirish.com/2012/box-sizing-border-box-ftw/ */

jklm313

*{margin: 0; padding: 0;}

html, body {
	height: 100%
	}

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

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

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

jklm313

/* some uses for :hover Pseudo class and '~' selector  */

/*/ 360deg Goggle view /*/

/* le wrapper */
.g {
	width: 600px;     
	height: 400px;
	
	margin: 50px auto;