/* GENERAL STUFF */

body{
	padding:0px;
	margin:0px;
	padding-left:20px;
	padding-right:20px;
	color: #444444;
}

h1{
    margin:0px;
    padding:0px;
	display:block;
	background-color: #ce2632;
	padding-top:40px;
	padding-left:20px;
	padding-bottom:10px;
	color:white;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
        margin-left:-20px;
        margin-right:-20px;
}

#menu{
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px;
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  z-index:1000;
}

#menu ul {
  margin:0px;
  padding:10px;
}

#menu ul li{
	display: inline;
	padding-left:10px;
	padding-right:10px;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited, #menu ul li a:active{
	text-decoration: none;
	color:inherit;
}

#menu ul li a:hover{
	text-decoration: underline;
}

ul.menuleft {
  float:left;
}
ul.menuright {
  float:right;
}

.content{
     position:relative;
     margin:auto;
     max-width:700px;
}

.content a, .content a:hover, .content a:link, .content a:active, .content a:visited{
   text-decoration:none;
}

.content a[name]{
   position:absolute;
   top:-40px;
   left:0px;
   width:0px;
   height:0px;
}

.section-image{
    border-radius:56px;
    width:100px;
    height:100px;
    border-style:solid;
    border-width:6px;
    float:right;
    margin:10px;
}

.contact ul li{
	display:inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

.contact ul{
	margin:0px;
	padding:0px;
	text-align:center;
}


.contact{
	background-color: lightgrey;
	margin-left: -20px;
	margin-right: -20px;
	padding-top:10px;
	padding-bottom:10px;
	color:gray;
	margin-top:50px;
}

.contact h2 {
	display:none;
}

/* MARIOLYS SPECIFIC */

@font-face{
	font-family:CenturyGothic;
	src: url(CenturyGothic.woff);
}

h1,h2,h3{font-family: CenturyGothic,sans-serif;font-weight:bold}


#menu{
  background-color:#ce2632;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.content, .contact{
     font-family: 'HelveticaNeue-Light','Helvetica Neue', Helvetica, Arial, sans-serif;
     clear:both;
}

.content a, .content a:link, .content a:active, .content a:visited{
   color:salmon;
}

.content a:hover{
   color:#39d1b4;
}


.section-image{
    border-color:#ce2632;
}

#section-research .section-image{
	background-image:url('research1.png');
	background-position: 100px 100px;
}

/*
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

#section-research .section-image:hover {
  width: 100px;
  height: 100px;
}
*/

#section-publications .section-image{
	background-image:url('books1.png');
	background-position: 100px 100px;
}

#section-teaching .section-image{
	background-image:url('pencils4.png');
	background-position: 0px, -10px;
}

#section-about .section-image{
	background-image:url('mariolys1.png');
	background-position: 0px, -10px;
}

#mathpapa
{
position:relative;
border-style:solid;
border-width:5px;
border-color:#ce2632;
width:200px;
height:200px;
border-radius:105px;
margin-top:-30px;
margin-left:150px;
}

#mathpapa img {
position:absolute;
border-width:0px;
left:35px;
top:35px;
width:130px;
height:130px;
}