/*  Theme Name: DASR 2017
	Date: April, 2017
	Description: Custom CSS3-HTML5 for DASR v2.0
	Version: 1.0
	Author: akankshk@bu.edu
*/

body {
background-image : url();
background-color:white;
color : black;
font-size : 80%;
font-family : Verdana, Geneva, 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode';
text-align : left;
}

a {
text-decoration : none;
}

.body {
margin : 0 auto;
width : 90%;
}

.mainheader img {
width : 20%;
height : auto;
margin : 2% 0;
}

.mainheader nav {
background-color: teal;
height : 30px;
border-radius: 5px;
}

.mainheader nav ul {
list-style : none;
margin : 0 auto;
}

.mainheader ul li {
float : left;
display : inline;
}

.mainheader nav a:link, .mainheader nav a:visited {
color : white;
display : inline-block;
padding : 5px 20px;
height : 20px
}

.mainheader nav a:hover, .mainheader nav .active a:link, .mainheader nav .active a:visited {
background-color : #c0c0c0; /* hex code for light-grey*/
text-shadow: none;
border-radius: 5px;
}
/*-------------------------------------------end mainheader----------------------------------*/

#wrapper { margin: 0 auto; max-width: 1000px; min-width: 600px;  background: #fff; }

.colmask {
  margin: auto;
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;	
  border-radius: 5px;
  padding: 0px 0px 20px 0px;
}

.blogstyle { background:#FFFFCC; } 

.blogstyle .col1 {
  float: left;
  position: relative;
  padding: 0px 40px 0px 20px;
}

.col1 ul{
	list-style: none;
	display: inline-block;
	border-radius: 5px;
	margin: 0 auto
}

.blogstyle .col2 {
  float: left;
  position: relative;
  padding: 0px 20px 0px 20px;
} 

.col2 ul{
	list-style: none;
	display: inline-block;
	border-radius: 5px;
	margin: 0 auto
}

.blogstyle .col3 {
  float: left;
  position: relative;
  padding: 0px 20px 0px 20px;
}

.col3 ul{
	list-style: none;
	display: inline-block;
	border-radius: 5px;
	margin: 0 auto
}

.col1 ul li a, .col2 ul li a,.col3 ul li a{
	font-weight:normal;
	color: #5e5e5e
}

.col1 ul li a:hover, .col2 ul li a:hover, .col3 ul li a:hover{
	color: black }

.footer ul li{
	list-style: none;
	margin : 0 auto
}

.footer ul li a{
	color : #2f2f2f;
	font-weight: 700
}

.alignright {
  float: right;
  margin-right: 15px;
} 

.mainheader .alignright ul li a:hover{
  color: red }