body{ background-color:#FAFAFA; margin: 0; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; } h1 { position:absolute; margin-left:10px; font-size:16px; } #title{ text-align:center; margin-bottom:50px; border-bottom:1px solid grey; padding-bottom: 10px; } .title{ font-family:arial; font-size:40px; } @font-face { font-family: 'Conv_finalf'; src: url('fonts/finalf.eot'); src: local('☺'), url('fonts/finalf.woff') format('woff'), url('fonts/finalf.ttf') format('truetype'), url('fonts/finalf.svg') format('svg'); font-weight: normal; font-style: normal; } #content{ text-align:left; } .timer{ font-size:14px; font-family:arial; } .work{ width:550px; margin-left:auto; margin-right:auto; margin-bottom:50px; text-align:left; font-size:13px; border:solid grey 1px; background-color:white; } .work2{ width:550px; margin-left:auto; margin-right:auto; margin-bottom:50px; text-align:left; font-size:14px; border:solid grey 1px; background-color:white; } .titles{ margin-left:2px; font-size:14px; } .location{ font-size:13px; margin-left:2px; } .location2{ font-size:13px; margin-left:2px; margin-top:5px; } @-moz-document url-prefix() { .work2{ width:550px; margin-left:auto; margin-right:auto; margin-bottom:50px; padding-top:0px; text-align:left; font-size:13px; border:solid grey 1px; background-color:white; } .work{ width:550px; margin-left:auto; margin-right:auto; margin-bottom:50px; padding-top:2px; text-align:left; font-size:13px; border:solid grey 1px; background-color:white; } } footer{ text-align:center; font-family:times; font-size:14px; border-top:1px solid grey; padding-top:5px; } .fade{ opacity: .50; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .fade:hover{ opacity: 0.20; }