body
{
    background-image: url('/Images/paisley.png');
    margin: .3125em;
    padding: .3125em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: .875em;
    color: #666;
}

*
{
    margin: 0 0 0 1;
    padding: 0;
}


p
{
    margin-top: 1em;
    line-height: 1.9em;
    margin-bottom: 1em;
}

    p.nomargin
    {
        margin: 0;
    }

a
{
    color: #004A94;
}

    a:hover
    {
        color: #F57A00;
    }

    a:focus
    {
        outline: none;
    }

    a.button
    {
        background-color: #003D7A;
        border-radius: .3125em;
        color: #FFFFFF !important;
        display: inline-block;
        font-size: 1.0769em;
        font-weight: bold;
        padding: .9em .9375em;
        text-decoration: none;
        text-transform: uppercase;
    }

        a.button:hover
        {
            background-color: #FF7B24;
        }

fieldset
{
    display: block;
    border: none;
    border-top: .0625em solid #ccc;
}

    fieldset legend
    {
        font-weight: bold;
        font-size: .8125em;
        padding-right: .625em;
        color: #333;
    }

    fieldset form
    {
        padding-top: .975em;
    }

    fieldset p label
    {
        float: left;
        width: 16%;
    }

form input, form select, form textarea
{
    padding: .3125em;
    color: #333333;
    border: 1px solid #999999;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8125em;
}



    form input.formbutton
    {
        border: none;
        background: #003D7A;
        color: #ffffff;
        font-weight: bold;
        padding: .375em .625em;
        font-size: .75em;
        font-family: Tahoma, Geneva, sans-serif;
        letter-spacing: .0625em;
        width: auto;
        overflow: visible;
    }

form.searchform p
{
    margin: .3125em 0;
}


span.required
{
    color: #ff0000;
}

h1
{
    color: #000;
    font-size: 2.1875em;
}

h2
{
    color: #000;
    font-size: 2em;
    font-weight: normal;
    padding: 0 0 .3125em;
    margin: 0;
}

h3
{
    color: #888;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: .625em;
    letter-spacing: -.0625em;
}

h4
{
    color: #F57A00;
    font-size: 2.0625em;
    font-weight: normal;
    padding: .3125em;
    text-transform: uppercase;
}

h5
{
    padding-bottom: .625em;
    font-size: .8125em;
    color: #003D7A;
}

ul, ol
{
    margin: 0 0 2.1875em 2.1875em;
}

li
{
    padding-bottom: .3125em;
}

    li ol, li ul
    {
        font-size: 1.0em;
        margin-bottom: 0;
        padding-top: .3125em;
    }


#container
{
    width: 80%;
    margin: 3.125em auto;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 0 .625em #000000;
}

header
{
    border-top: .3125em solid #003061;
    padding: .9375em .9375em;
    background: #666;
    margin: 0 auto;
}

    header h1 a
    {
        color: #000;
        font-size: 3.4375em;
        font-weight: normal;
        font-family: georgia;
        text-decoration: none;
        height: 3.5em;
    }


        header h1 a:hover
        {
            color: #F57A00;
            font-size: 3.5em;
            font-weight: normal;
            font-family: georgia;
            text-decoration: none;
            letter-spacing: -3px;
        }


    header h2
    {
        color: #eee;
        font-size: .8125em;
        position: relative;
        top: -.3125em;
        letter-spacing: 0;
    }

nav
{
    width: 100%;
    height: 3.5em;
    background-color: #000;
}

#Main-nav
{
    height: 5.7em;
    width: 100%;
    background-color: #000;
}

.tinynav { display: none; }

nav ul
{
    height: 3.5em;
    list-style: none;
    padding: 0;
    margin: 0;
}

    nav ul li
    {
        float: left;
        display: block;
        padding: 0;
        width: 15%;
        height: 3.5em;
        background-color: #000;
    }

        nav ul li a
        {
            display: inline-block;
            font-family: georgia;
            font-size: 1em;
            line-height: 2em;
            margin: 0;
            padding: 1.125em .975em 1.0625em;
            text-decoration: none;
            text-align: center;
            height: 3.5em;
        }

            nav ul li a,
            nav ul li a:hover
            {
                color: #F57A00;
                width: 100%;
            }


                nav ul li a:hover
                {
                    color: #fff;
                    background-color: #000;
                    text-decoration: none;
                }

#body
{
    background: none;
    margin: 0 auto;
    padding: 0;
}

section
{
    margin: .3125em;
    padding: .3125em;
}

#top
{
    background-color: #333;
    color: #eee;
}

    #top p, #top li, #top a, #top h1, #top h2, #top h3
    {
        color: #ccc;
    }

    #top .article-image
    {
        border-color: #262626;
        background-color: #262626;
    }

#content
{
    float: left;
    padding-right: 1.1875em;
    width: 62.5%;
}



.formLabel
{
    margin: .3125em;
    padding: .3125em;
}


.clear
{
    clear: both;
}

footer
{
    height: 7em;
    background-color: #999;
    margin: 1.25em auto 0;
    width: 100%;
}

    footer p
    {
        text-align: center;
        color: black;
        font-size: .75em;
        margin: 0;
        padding: 0;
    }


div
{
    margin: .3125em;
}

.headshot
{
    float: right;
}

textbox
{
    margin: .3125em;
}

.emailForm
{
    margin: .3125em;
    padding: .3125em;
}

.aboutme
{
    margin: .3125em;
    padding: .3125em;
}

.default
{
    width: 100%;
    margin: .3125em;
    padding: .3125em;
}

.projects
{
    margin: .3125em;
    padding: .3125em;
}

.links
{
    margin: .3125em;
    padding: .3125em;
}

#socialMediaToolbar
{
    float: right;
}

.rslides
{
    text-align: center;
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .rslides li
    {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

        .rslides li:first-child
        {
            position: relative;
            display: block;
            float: left;
        }

    .rslides img
    {
        text-align: center;
        margin: 3em;
        display: inline;
        height: 30em;
        width: 90%;
        border: 0;
    }

.rslides_nav
{
    color: #F57A00;
    margin-bottom: 2em;
}

a.rslides_nav.rslides1_nav.prev
{
    text-align: center;
    margin-left: 35%;
    font-size: 2em;
    text-align: center;
    width: 100%;
}

a.rslides_nav.rslides1_nav.next
{
    text-align: center;
    margin-left: 8%;
    font-size: 2em;
    text-align: center;
    width: 100%;
}

.rslides img
{
    height: 40em;
    margin: 1em;
}

.fa
{
    display: inline;
}

.welcome
{
    text-align: center;
}

.width
{
    width: 85%;
}
    form textarea
    {
        width:  50%;
        height: 20em;
    }

        .contactintro
    {
        margin-left: .5em; 
    }

/* Begin Media queries*/
@media screen and (max-width: 825px)
{

        form textarea
    {
        width: 50%;
        height: 15em;
    }
    .rslides img
    {
        text-align: center;
        margin: 3em;
        display: inline;
        height: 20em;
    }

    header h1 a, header h1 a:hover
    {
        font-size: 2em;
    }

    #container
    {
        width: 100%;
    }

    body
    {
        width: 100%;
        background-image: none;
    }

    .width
    {
        width: 100%;
    }

    #socialMediaToolbar
    {
        margin-right: 35%;
    }

    nav ul li a
    {
        font-size: .8em;
    }
}
/* End media query*/

@media screen and (max-width: 600px)
{
   .tinynav { display: none;}



    h1
    {
        font-size: 1.5em; 
        margin: 2%; 
    }
    *
    {
        box-sizing: border-box; /*fixed*/
    }
        form textarea
    {
        width: 50%;
        height: 10em;
    }
    #socialMediaToolbar
    {
       height: 50%; 
    }
    #container
    {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    #header
    {
        text-align: center;
        padding: 10px 0;
    }

        #header h1 a, #header h2
        {
            float: none;
        }

        #header h2
        {
            margin-top: 10px;
        }


}
/* end media query */

/* Begin Media Query */
@media screen and (max-width: 500px)
{
    #content, .sidebar
    {
        float: none;
        width: 100%;
    }

        .sidebar > ul > li:first-child
        {
            display: none;
        }

        /* toggle the search box back up next to the text box*/
        .sidebar input.s
        {
            width: 75%;
            margin-right: 5px;
        }
    /*stack the lower footer content */
    #footer .footer-content ul
    {
        float: none;
        text-align: center;
        width: 100%;
        margin-bottom: 2em;
    }

    #Main-nav ul li
    {
        width: 100%;
        float: none;
        text-align: center;
    }

    #Main-nav, #Main-nav ul
    {
        height: auto;
    }

    #nav ul li
    {
        float: none;
        text-align: center;
    }

    #nav, #nav ul
    {
        height: auto;
    }

    a.rslides_nav.rslides1_nav.next, a.rslides_nav.rslides1_nav.prev
    {
        text-align: center;
        margin-left: 20%;
        font-size: 1em;
        text-align: center;
        width: 100%;
    }

            form textarea
    {
        width: 60%;
        height: 10em;
    }
}
/* end 600px*/

@media screen and (max-width: 375px)
{
    h1
    {
        font-size: 1em;
    }

    h4
    {
        font-size: 1em;
    }

    .rslides img
    {
        margin: 1em;
        display: inline;
        height: 10em;
    }

    header h1 a, header h1 a:hover
    {
        font-size: 1em;
        text-align: center;
    }

    #Main-nav ul
    {
        display: none; 
    }
    .tinynav 
    {
        display: block;
        width: 100%;
        color: white;
        background-color: #222;
        font-size: 2em;
    }

    #socialMediaToolbar
    {

        display: none;
    }
    form input
    {
        width: 100%;
        font-size: 1em; 
    }
                form textarea
    {
        width: 100%;
        height: 10em;
    }
}
/*  End responsive design */

.ui-accordion .ui-accordion-header
{
    background-color: #F57A00;
}

.ui-accordion .ui-accordion-icons
{
    background-color: #F57A00;
}