/*****************************************************
Main CSS - Addison Berry http://www.rocktreesky.com
*****************************************************/

/**** BASIC SETUP *************************************************************/
/* Level the playing field */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% 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%;
        margin-bottom: 2px;
}

/**** GLOBAL ELEMENTS *********************************************************/
body { /* to center page in IE */
    text-align: center;
    background: #fff url('images/redFade.jpg') repeat-x;
}

a {
    color: #bc293a;
}

input { /* styles input buttons to be red text*/
    color: #bc293a;
}

img { /* all inserted images will float right! this should be changed into a
    class so there is a choice! */
    float: right;
    border: none;
}

/**** MAIN STRUCTURE **********************************************************/
#page {
    width: 776px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: left; /* reset align from IE hack on body */
    background: url('images/carin-at-trolley-3.jpg') no-repeat 0 20px;
}

#sidebar {
    width: 200px;
    float: left;
    margin-top: 150px;
}

#sidebar ul {
    list-style-type: none;
    margin: 0;
}

#sidebar li {
    margin: 0 0 20px 0;
}

#content {
    margin-left: 230px;
}

#footer {
    color: #666;
}

/**** HEADER ******************************************************************/
#header {
    margin-left: 220px;
    padding-top: 90px;
    background: url('images/CRheading.gif') no-repeat;
}

/**** NAVIGATION **************************************************************/
#nav {
    font-weight: bold;
    font-size: 120%;
}

#nav a:link {
    color: #fff;
    text-decoration: none;
}

#nav a:visited {
    color: #fff;
    text-decoration: none;
}

#nav a:hover {
    color: #dd2d42;
    text-decoration: none;
}

#nav ul {
    margin: 0;
}

#nav li {
    display: inline;
    margin: 0 .5em;
}

/**** TEXT STYLES *************************************************************/
.small90 {
    font-size: 90%;
}

.small80 {
    font-size: 80%;
}

/**** EXTRAs ******************************************************************/
#home {
    margin-top: 40px;
}

.white {
    padding: 0 20px;
    background: #fff;
    border: 2px solid #dd2d42;
}


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