@font-face {
    font-family: "Curly Joe";
    src: url(/media/fonts/curlyjoe.eot);
    src: local("Curly Joe"), url(/media/fonts/curlyjoe.ttf) format("truetype");
}

body {
    color: white;
    background: black;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

a {
    color: white;
}

a img {
    border: none;
}

h1 {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    font-family: 'Curly Joe', cursive, sans-serif;
    font-size: 250px;
    margin-top: -0.2em;
    margin-left: -0.3em;
    opacity: 0.1;
    filter:alpha(opacity='10'); /* MSIE */
    z-index: -1;
}

form {
    padding: 25px 0px;
    margin: 0px auto;
}

form table {
    margin: auto;
}

form th {
    text-align: right;
}

form tr {
    vertical-align: top;
}

form td.error input, form td.error textarea {
    border: 2px solid red;
    background-color: pink;
}

input {
    width: 100%;
    opacity: 0.7;
    filter:alpha(opacity='70'); /* MSIE */
}

select {
    width: 95%;
    margin-left: 5%;
    height: 24px;
    opacity: 0.7;
    filter:alpha(opacity='70'); /* MSIE */
}

textarea {
    opacity: 0.7;
    filter:alpha(opacity='70'); /* MSIE */
}

button {
    color: black;
    background-color: orange;
    font-weight: bold;
    cursor: pointer;
    border: 2px solid darkorange;
    padding: 0.3em 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/media/styles/PIE.htc);
}

button:hover {
    background-color: gold;
}

h1.logo {
    font-family: 'Curly Joe', cursive, sans-serif;
    font-size: 8em;
    position: absolute;
    color: white;
    text-shadow: #333 1px 1px 2px;
    z-index: 10;
    opacity: 0.5;
    filter:alpha(opacity='50'); /* MSIE */
    display: inline;
    font-weight: normal;
    margin-top: 0.4em;
    margin-left: -0.2em;
}

ol.tweets {
    list-style-type: none;
    padding: 0em;
    margin: 0em;
    background: transparent url(/media/img/twitter.png) 4px center no-repeat;
    padding-left: 32px;
    font-size: 14pt;
    opacity: 0.5;
    filter:alpha(opacity='50'); /* MSIE */
}

ol.tweets a {
    text-decoration: none;
}

li.tweet {
    padding: 3pt 0pt;
}

table.gallery {
    width: 100%;
    margin: 0px;
}

table.gallery td {
    margin: 0px;
    padding: 25px 0px;
}

.gallerythumb {
    position: relative;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    overflow: hidden;
}

.gallerythumb a {
    text-decoration: none;
}

.gallerythumb span {
    background: black;
    position: absolute;
    top: 1em;
    left: 0em;
    padding: 0.5em;
    font-size: 120%;
    border-radius: 0px 7px 7px 0px;
    -webkit-border-radius: 0px 7px 7px 0px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    opacity: 0.75;
    filter:alpha(opacity='75'); /* MSIE */
    behavior: url(/media/styles/PIE.htc);
}
.gallerythumb img {
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    /* clipping will round corners in Firefox */
    clip-path: url(/media/img/clip.svg#c1);
    /* PIE behavior might round corners in MSIE */
    behavior: url(/media/styles/PIE.htc);
}

.info {
    text-align: center;
    color: black;
    background-color: lightseagreen;
    padding: 0.5em;
    margin: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/media/styles/PIE.htc);
    border: 1px dotted darkseagreen;
}

.half {
    width: 49%;
}

.thirty {
    width: 29%;
}

.left {
    float: left;
}

.right {
    float: right;
}

#menu {
    text-align: right;
    font-family: 'Lobster', 'Helvetica', sans-serif;
    position: relative;
    z-index: 100;
}

#menu a {
    color: white;
    text-decoration: none;
    font-size: 22pt;
    padding: 0.25em 0.5em;
    /*margin: 0.25em 0.5em;*/
    /*text-shadow: #555 -1px -1px 0px;*/
}

#menu a.selected {
    border-bottom: 1px solid white;
}

#menu ul {
    float: left;
    padding: 0em;
    margin: 0em;
}

#menu li {
    display: inline;
    padding: 0em;
    margin: 0em;
}

#content {
    position: relative;
}

#footer {
    font-family: 'Josefin Sans Std Light', 'Helvetica', sans-serif;
    opacity: 0.5;
    filter:alpha(opacity='50'); /* MSIE */
    text-align: right;
    margin: 1em;
    clear: both;
}

#footer a {
    color: white;
    text-decoration: none;
}