* {
    padding: 0;
    margin: 0;
}

html {
  height: 100%;
}

body {
    height: 100%;
    font-family: 'Computer Modern Typewriter Light', sans-serif;
    font-size: 0.9em;
    background-color: #f8f8f8;
    text-align: center;
    background-image: url('../img/texture.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
}

/* ##### TEXT ##### */

hr {
    height: 0;
    border: 0;
    border-bottom: 1px solid #ddd;
    margin: 0.5em 0;
}

p {
  line-height: 1.5em;
  margin-bottom: 0.8em;
}

a {
  color: #276c80;
  text-decoration: none;
}

a:hover,
a:focus {
  text-shadow: 0 0 2px rgba(0,0,0,0.2);
  text-decoration: underline;
}

#center ul {
    list-style-position: inside;
    margin-bottom: 0.8em;
}

/* ##### FORM ##### */

label {
  font-weight: normal;
  color: #444;
}

input[type=text],
input[type=password],
textarea {
  font-size: inherit;
  font-family: inherit;
  border: 1px solid #ccc;
  padding: 4px 8px;
}

input[type=text]:hover, input[type=text]:focus,
input[type=password]:hover, input[type=password]:focus,
textarea:hover, textarea:focus {
  box-shadow: 0 0 2px #e5e5e5;
}

/* ##### TABLE ##### */

table th {
    background-color: #ddd;
    padding: 0.3em 0.5em;
    border-bottom: none;
}

table td {
    background-color: #eee;
    padding: 0.1em 0.5em;
}

/* ##### FIELDSET ##### */

fieldset {
    border: 1px solid #ccc;
}

legend {
    color: #444;
    padding: 0 5px;
}