* { margin: 0; padding: 0; }

/* For the "inset" look only */




html {
    overflow: auto;
    width: 97%;
}
body {
    font: 14px Arial, Georgia, serif;
    

}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}


.city {
    float: left;
    margin: 5px;
    padding: 15px;
    width: 320px;
    height: 240px;
    border: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #8320b9 0%, #ffffff 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #8320b9 0%, #ffffff 100%);
    border-image: linear-gradient(to bottom, #8320b9 0%, #ffffff 100%);
    border-image-slice: 1;}
} 



.grad1 {
    height: 1px;
    background: -webkit-linear-gradient(left, #8320b9 , #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #8320b9, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #8320b9, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #8320b9 , #ffffff); /* Standard syntax (must be last) */
}

.hr {
    border: 0;
    height: 1px;
    background: -moz-linear-gradient(left center, transparent, red, transparent);
    background: -webkit-gradient(linear, left center, right center,
                                 color-stop(1, transparent),
                                 color-stop(0.5, #8320b9),
                                 color-stop(1, transparent));
}


/* unvisited link */
a:link {
    color: white;
	font-weight:bold; 
}

/* visited link */
a:visited {
    color: 0000ff;
	font-weight:bold; 
}

/* mouse over link */
	
a:hover {
    color: #ff0000;
	font-weight:bold; 
}

/* selected link */
a:active {
     color: 0000ff;
	font-weight:bold; 
}

.font-link {
	font-family: Arial, Cambria, MS Sans Serif, Courier;
	font-size:14px;
.wrapper {
  height: 100%;
  display: table;
  width: 100%;
  text-align: center;
}

.header {
  display: table-row;
  height: 1px;
  background: @yellow;
}

.main {
  height: 100%;
  display: table;
  width: 100%;
}

.box {
  display: table-cell;
}

.sidebar {
  width: 100px;
  background: @orange;
}

.footer {
  display: table-row;
  height:1px;
  background: @green;
  color: @beige;
}