/*****************************************************
Main CSS - by Addison Berry for http://www.carinrennings.com
*****************************************************/

/**** BASIC SETUP *************************************************************/
/* Level the playing field */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Standardize elements with vertical margins */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply standard left margins */
li, dd, blockquote {
        margin-left: 1em;
}

/* Set the form elements */
form label {
        cursor: pointer;
}

fieldset {
        border: none;
}

input, select, textarea {
        font-size: 100%;
}

/**** GLOBAL ELEMENTS *********************************************************/
body { /* to center page in IE */
    text-align: center;
    background: #85939B;
}

h1 {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 250%;
    margin: 0 0 30px 0;
    color: #fff;
}

img {
    margin: 0 -5px;
    border: none;
}

/**** MAIN STRUCTURE **********************************************************/
#page {
    width: 740px;
    margin: 0 auto;
    padding: 20px 0;
    background: #754756 url('../images/burg-mott.gif') top;
    border-left: 5px solid #B8CBD9;
    border-right: 5px solid #B8CBD9;
    border-bottom: 5px solid #B8CBD9;
}

#announce {
  width: 430px;
  padding: 5px;
  margin: 0 auto 20px auto;
  background: #8EB3CF;
  border: 1px solid #532031;
}

    #announce a {
        color: #532031;
        text-decoration: underline;
    }

#footer {
    font-size: 80%;
}

/**** TEXT STYLES *************************************************************/
a {
    color: #8EB3CF;
    text-decoration: none;
}

a:hover {
    color: #ccc;
}

/**** EXTRAs ******************************************************************/

#links {
    margin-top: -70px;
    padding: 6px;
    border-bottom: 3px solid #000;
    font-weight: bold;
    font-size: 130%;
}

.linkVet { /* pushes doctor and singer apart */
    margin-right: 500px;
}

.photoLink {
    padding-top: 20px;
    font-weight: bold;
    font-size: 130%;
}

/**** HACKS *******************************************************************/
.clear {
    clear: both;
}

/* The lines that make the string and mic cable extend are just a bottom border
on div.links.  IE rendered the complete border on top on the pictures so I had
to put the pics in a div (pics) and make it relative (didn't even need a z-index) so it
would be above the line where the border crosses.*/

* html #pics { /* this makes the black lines appear properly in IE */
  position: relative;
}