body{ background-color: #DDDDDD; font-family: Sans; font-size: 0.8em; } .page{ max-width: 960px; margin: 0 auto; } .contentwrapper{ overflow: auto; } .column-left{ float: left; width: 50%; } .column-right{ float: right; width: 45%; } #footer{ width: 960px; padding: 10px; margin: 0 auto; margin-top: 20px; } @media (max-width: 960px) { .column-left { float: none; width: auto; } .column-right { float: none; width: auto; } #footer { width: auto; } } .columns, #content{ border-radius: 10px; background-color: white; padding: 10px; } /*Adjustment of textAdjustment of text */ h1, h2, h3, .title{ color: #C70036; } .pageheader { margin: 20px auto; } .pageheader .title{ background-image: url('swirl_and_vienna.png'); background-repeat: no-repeat; padding-left: 170px; margin-top:10px; height: 95px; display: block; font-size: 2em; padding-top: 47px; } .pageheader .header{ border-radius: 10px; background-color: white; padding: 10px; height: 100px; } .pageheader .actions{ padding: 10px; height: 30px; } .pagebody{ max-width: 960px; } a{ text-decoration: none; } a:link, a:vistited { color: #1888A4; text-decoration: none; } a:active, a:hover{ color: #23C7F0; text-decoration: none; }