body{
	background-color:#eee;


    background-image:
    linear-gradient(to bottom,  rgba(0, 0, 0, 0), rgba(23, 23, 23, 0.53)),
    url(../cocoa/stonebg.png);
    

	background-size: 32px;
	color:#fff;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

.top{
    
    
    float:right;
    padding-right:10%;
    padding-top:16px;
    font-family: Helvetica, Arial, sans-serif;
    font-size:16px;

}

a {
  color:#ff5;
}

.base {
    background-image:url(../cocoa/dirtbg.png);
    background-size: 32px;

	  width:720px;
	  margin:auto;
    padding-left:12px;
    padding-right:12px;
    padding-top:2px;
    padding-bottom:2px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    transform: translate(120px, 0%);
}

.spacing {
  float:left;
  padding-left:16px;
}

.toppanel {

  padding-bottom:60px;
	position: relative;
	top: 0px;
	margin-top: 0px;
	height: 50px;
	overflow: visible;
	width: 100%;
	margin-left: auto;
	margin-right: auto;

}

.toppanel_bg {
	position: absolute;
	top: 0px;
	height: 48px;
	width: 90%;
	padding-left:10%;
	background-color: #555;
	background-image: url('../cocoa/dirttop.gif');
	border-bottom: 3px solid #000;

}

.grouped {
   width:1140px;
   margin:auto;
}

aside {
    background-image:url(../cocoa/dirtbg.png);
    background-size: 32px;
	  width:200px;
	  margin:auto;
    padding:8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
    float:left;
    transform: translate(60px, 0%);
    font-size:12px;
}

footer {
    margin:auto;
    padding:8px;
     text-align:center;
}