::-moz-selection 	{ background-color: #91D8f7; color: #fff; }
::selection 		{ background-color: #91D8f7; color: #fff; }

a			{ outline: 0; color: #B0E2FF; text-decoration: none; }
a:hover 		{ text-decoration: none; color: #D9D9F3 }
a:active 		{ outline: none; position: relative; top: 2px; }

.clearfix 		{ clear: both; }

body { 
    font-family: 'HelveticaNeue'; font-size: 14px; color: #e8e8e8;
    line-height: 1.3;
    background-image: url("https://farid.berkeley.edu/images/lgrey064.jpg");
    background-repeat: repeat;
    -webkit-transition-property: font-size;
    -moz-transition-property: font-size;
    transition-property: font-size;
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s; 
}

#wrapper { 
    margin: 10px auto; 
    max-width: 760px; 
    width: 100%; 
    padding: 0px; 
}

header { 
    padding: 0px; 
}

nav 		{ background: #222; padding: 0; margin: 10px 0;}
nav a 		{ color: #F9F9F9; display: block; float: left; padding: 10px; }
nav a:visited 	{ color: #f9f9f9; }
nav a:hover	{ text-decoration: none; background: #27B3CF; }
nav a:active	{ position: relative; top: 0; }

.left-col { 
    width: 35%; 
    float: right; 
    text-align: left;
}

.sidebar { 
    width: 65%; 
    float: left; 
    margin-bottom: 10px; 
    text-align: left;
    -webkit-transition-property: width;
    -moz-transition-property: width;
    transition-property: width;
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s; 
}

#featured 	{ padding: 0px; }
#latest		{ padding: 0px; }
#about 		{ padding: 20px; text-align: justify}
ul 		{ list-style: none; }
ul li 		{ margin: 0 0px; }
ol li 		{ margin: 0 25px; }
footer 		{ padding: 20px; }
pre		{ overflow: scroll; font-size: 0px; }

#block {
    border: 0px solid gray; 
    box-shadow: 0px 0px 0px gray;
    padding: 8px
}
#blockbg {
    border: 0px solid gray; 
    box-shadow: 0px 0px 0px gray;
    padding: 8px
}
#blockimg {
    border: 0px solid gray; 
    box-shadow: 0px 0px 0px gray;
    padding: 8px;
    float: left;
    width: 256px;
}

html{
  height:100%;
}
body{
  height:100%;
}
section {
  padding: 0 0 0 0;
  height: 100%;
  min-height: 100%;
}