body { font-size:125%; }

.header-wrapper {
    background-color: black;
    border-bottom: 1px solid lightgrey;
    border-width: 0px 0px 1px 0px;
    height: 95px;
}

.content-wrapper .container {
    padding-top: 2em;
}

.footer-wrapper {
    margin-top: 4em;
    padding-top: 2em;
    border-top: 1px solid black;
    background: url(/static/img/background.gif) repeat-x;
}

.footer-wrapper, .footer-wrapper a {
    color: black;
    text-decoration: none;
}

input.openid {
    background: url(/static/img/openid-16x16.gif) no-repeat;
    background-position-x: 5px;
    background-position-y: 50%;
    padding-left: 25px;
}


/* button buttons */
.button, .button:visited {
    background: #222 url('/static/img/alert-overlay.png') repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}

.button:hover                            { background-color: #111; color: #fff; }
.button:active                            { top: 1px; }
.small.button, .small.button:visited     { font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited {
line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.button {
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.25;
    color: #eeeeee;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Droid Serif', arial, serif;
}
.button span.title { font-size: 18px; line-height: 1.25; color: white; overflow: hidden; text-overflow: ellipsis; }


.large.button, .large.button:visited { padding: 8px 14px 9px; }

.green.button, .green.button:visited        { background-color: #749a02; }
.green.button:hover                        { background-color: #91bd09; }
.blue.button, .blue.button:visited        { background-color: #007d9a; }
.blue.button:hover                            { background-color: #2daebf; }
.red.button, .red.button:visited            { background-color: #872300; }
.red.button:hover                            { background-color: #e33100; }
.magenta.button, .magenta.button:visited        { background-color: #630030; }
.magenta.button:hover                            { background-color: #a9014b; }
.orange.button, .orange.button:visited        { background-color: #d45500; }
.orange.button:hover                            { background-color: #ff5c00; }
.yellow.button, .yellow.button:visited        { background-color: #fc9200; }
.yellow.button:hover                            { background-color: #ffb515; }
.grey.button, .grey.button:visited                            { background-color: #555555; }
.grey.button:hover                            { background-color: #aaaaaa; }

body .large {
    width: 180px;
}
body.portrait .large {
    width: 180px;
}
body.landscape .large {
    width: 180px;
}

h1 {
    padding-top: 1em;
    font-size: 2em;
    color: #484848;
}

h2 {
    font-size: 1.5em;
}

p {
    color: #484848;
}

h1 sup a {
    text-decoration: none;
    color: grey;
}

label {
    color: #484848;
}

.medium {
    font-size: 18px;
}

#puppy {
    border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;
}

.blockquote {
    padding-right: 2em
}