/************************************************

1. Universal Styles
2. Header and Nav Styles
3. Main Body Content 
4. Sidebar Styles
5. Footer styles 
*************************************************
************************************************/

/*********************************
*********************************
~ Universal Styles ~ 
*********************************
*********************************/

body {
    color: #000;
    background-image: url(../_images/LT_logo_lc_f_red_black.gif);
    font-family: Verdana, sans-serif;
    font-size: 100%;
    line-height: 1.4;
    /******This is the small background tile of the logo LT tilted sideways *******/

}

.container {
    width: 100%;
    max-width: 1260px;
    min-width: 480px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-image: url(../_images/bkg_brown_pattern.gif);
    background-repeat: repeat;
    position: relative;
}

.container .wrapper {
    background-image: url(../_images/runner_LT.gif);
    background-position: 50% 300px;
    background-repeat: no-repeat;
}

.container .runner {
    height: 645px;
    width: 720px;
    position: absolute;
    z-index: 1;
    left: 300px;
    top: 300px;
    background-image: url(../_images/runner_LT.gif);
}

h1, h2, h3, h4, h5, h6, p {
    padding-right: 10px;
    padding-left: 10px;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */

aside, article, section, header, footer, nav, figure {
    display: block;
}

/*********************************
*********************************
~ Header and Nav Styles ~ 
*********************************
*********************************/

header {
    background: #590b0b;
}

header h1, article h1 {
    color: #f2b967;
    font-size: 2.5em;
}

header h2 {
    color: #f2b967;
    font-size: 1.75em;
}

header img {
    padding-top: .5em;
}

nav {
    display: block;
    margin: 0 0 0 5em;
    background: #590b0b;
    padding: 0.5em;
}

nav li {
    display: inline;
    border-right: 1px solid #f2b967;
    font-weight: bold;
    margin: 0.5em;
    padding-right: 1em;
}

nav li.last {
    border-right: 0;
}

nav a {
    color: #f2b967;
}

nav a:hover {
    font-size: 1.0em;
    font-style: normal;
    font-weight: bold;
    color: #BDF7E4;
}

/*********************************
*********************************
~ Main Body Content Styles ~ 
*********************************
*********************************/

.content1 {
    float: left;
    width: 60%;
    font: 1.1em "Lucida Grande", Arial, sans-serif;
    background-color: rgba(89, 11, 11, .7);
    margin: 2%;
}

.content1 p {
    color: #f2b967;
}

.content1 a {

}

.sidebar1 {
    float: right;
    width: 32%;
    font-size: 1em;
    background-color: rgba(89, 11, 11, .7);
    line-height: 1.6;
    margin: 2% 2% 2% 0;
}

.sidebar1 h1 {
    color: #f2b967;
    font-size: 2em;
}

.sidebar1 h2 {
    color: #6d120a;
    font-size: 1.5em;
    padding: 15px;
    0px;
    0px;
    0px;
}

.sidebar1 p {
    color: #f2b967;
}

/****** These are tags and selectors colors from another page and will eventually be changed as needed

.content h1 {
	background: #BDF7E4; 
	color: #2e038c;
	font-size: 1.75em;
}

.content h1 b {
	color: #7c99f7;
	font-size: 1.75em;
}

.content h2 {
	color: #2e038c;
	font-size: 1.5em;
	
}

.content h3 {
	color: #2e038c;
	font-size: 1.35em;
	
}
*/
.content1 ul, .content1 ol, .sidebar1 ul {
    padding: 0 0 0 1em;
    font-size: 1em;
    color: #f2b967;

}

.content1 ul li, .content1 ol li, .sidebar1 ul li {
    padding: 0 0 .6em 1em;
    color: #f2b967;
    font-size: 1em;

}

article img, aside img, header img {

    width: 100%;
    height: auto;
}

a img {
    border: none;
}

a:link {
    color: #f2b967;
    text-decoration: underline;
    font-size: 1.1em;
}

a:visited {
    color: #f2b967;
    text-decoration: underline;
    font-size: 1.1em;
}

a:hover, a:active, a:focus {
    text-decoration: none;
    color: #dd0000;
}

/*********************************
*********************************
~ Footer Styles ~ 
*********************************
*********************************/

footer {
    padding: 10px 0;
    background: #590b0b;
    background-size: cover;
    /* this gives IE6 hasLayout to properly clear */
    clear: both; /* this clear property forces the .container to understand where the columns end and contain them */

}

footer p {
    color: #f2b967;
}

/************************************************
Color Guide:

# Black (sets all colors to black but will get over-ridden as necessary) #000

# Gold (text, links, headlines) #f2b967

# Maroon (footer, link, header background) #590b0b; rgba(89,11,11,1)

# Blue (link hover to contrast with maroon color) #BDF7E4

# red (link hover for  links in paragraphs) #dd0000

*************************************************
************************************************/

/*********************************
*********************************
~ Universal Styles ~ 
*********************************
*********************************/