@import url('reset.css');

a {
color: #c73a3a;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

body {
background: url('../graphics/background.png') #e8e8e8;
color: #141414;
font-family: Helvetica, Verdana, Arial, sans-serif;
}

img.block {
display: block;
margin: 10px auto;
}

img.left {
margin: 0 10px 10px 0;
}
img.right {
margin: 0 10px 10px;
}

h1 a {
background: url('../graphics/logo.png') center center no-repeat;
display: inline-block;
height: 66px;
overflow: hidden;
text-indent: -999em;
width: 511px;
}

h2 {
background: none top center no-repeat;
height: 22px;
overflow: hidden;
margin-bottom: 0.5em;
text-indent: -999em;
}
h2.omg { background-image: url('../graphics/header-omgwtfbbq.png'); width: 160px; }
h2.archive { background-image: url('../graphics/header-archive.png'); width: 116px; }
h2.further { background-image: url('../graphics/header-further.png'); width: 245px; }
h2.webdesign { background-image: url('../graphics/header-webdesign.png'); width: 150px; }

h3 {
color: #c73a3a;
}

h3 a:hover {
text-decoration: none;
}

h3 a:hover span em {
text-decoration: underline;
}

h3 a > span {
color: #141414;
font-size: 0.75em;
}

hr {
border: 0;
clear: both;
height: 0;
margin: 0;
padding: 0;
width: 0;
}

p {
font-size: 0.9em;
line-height: 1.2em;
margin-bottom: 1em;
text-align: justify;
}

#about {
color: #e8e8e8;
font-size: 0.55em;
}

#about a {
color: #e8e8e8;
}

#body {
background: #141414;
margin: 0 120px;
padding: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#container {
margin: 20px auto;
width: 960px;
}

#content {
background: #e8e8e8;
margin: 10px 0;
min-height: 300px;
padding: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#footer {
background: url('../graphics/footer.png') bottom right no-repeat;
height: 103px;
}

#header {
background: url('../graphics/header.png') top left no-repeat;
height: 85px;
margin-bottom: -30px;
}

.message {
font-size: 1.05em;
text-align: center;
}

.left { float: left; }
.right { float: right; }

.websites {
margin-bottom: 2em;
text-align: center;
}
.websites a {
display: block;
border: 5px solid #e8e8e8;
}
.websites a:hover { border-color: #c73a3a; }
.websites li {
display: inline-block;
width: 32%;
}

.websites img {
display: block;
width: 100%;
}