/*
Theme Name: Okanagan Stories
Description: The theme for the Okanagan Stories website.
Version: 1.0
Author: Joshua Trusz
Author URI: http://www.trusz.com/
*/


html {font-size: 125%;}
body {font-size:50%; height:100%; width:100%; margin:40px 0 0 0;font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; background-color: #75b7dd; background-image: url(images/background.jpg); background-repeat: no-repeat; background-position: top center}

#container { width:977px; height:auto; display: table; padding: 0; text-align: center; margin: 0 auto; overflow: none;}

#header{padding:0; margin:0; width:977px; height:219px; background-image: url(images/bg_header.png); background-repeat: no-repeat }
#mainContent{margin:0; padding:0 40px; text-align: left;overflow: auto;  background-image: url(images/bg_stretch.png); background-repeat: repeat-y;}

#footer {padding:0; margin:0; height:88px; width:977px; background-image: url(images/bg_footer.jpg); background-repeat: no-repeat}


#contentLeft{float:left; width: 600px;  padding:0 0px 0 0px;}
#contentRight{float:right; width:280px; border-left: solid 1px #a6a8aa; margin:0 -20px 0 0px; _margin:0 0 0 0; padding:0 0 0 20px}

/* =========================  fonts =========================*/

h1 {font-size: 1.6em; color:#75b7dd; text-transform: uppercase;}

h2 {font-size: 1.4em; color:#082664;text-transform: uppercase; font-weight: normal; letter-spacing: 1px}
h2 a {color:#082664;}
h2 a:hover{text-decoration: none}

h3 {font-size: 1.4em; color:#c2c948;text-transform: uppercase;}

h4 {font-size: 1.2 em; color:#082664; text-decoration: underline; margin:0; padding:5px 0 5px 0}
h4 a {color:#082664; text-decoration: underline}
h4 a:hover{text-decoration: none}

p {color:#636466; font-size: 1.2em; line-height: 1.6em;}
p a{color:#082664; text-decoration: underline}
p a:hover{text-decoration: none}
p.readmore {display: none}
.leadingText {color :#000; font-size: 1.5em;}
a {text-decoration: underline}
a:hover {text-decoration: none}

li {color:#636466; font-size: 1.2em; line-height: 1.6em; margin-bottom:15px;}
li p{color:#636466; font-size: 1.0em; line-height: 1.6em;}
li a{color:#082664; text-decoration: underline}
li a:hover {text-decoration: none;}
li li{font-size:1.0em; line-height: 1.0em; padding:5px 0 0 0; margin:0 0 5px 0;}

#pressRelease{margin:0 0 40px 0}
#pressRelease a{color:#082664}

.linksTitle{color:#c2c948; font-size: 1.1em;text-transform: uppercase;}
#contentRight p {font-size: 1.0 em; line-height: 1.3em;}
#contentRight a{color:#072866; text-decoration: underline;}
#contentRight a:hover{text-decoration: none;}


#athletesWrap {float:left; width:270px; margin:0 30px 0 0}
#countries {float:left; width:270px; margin:0 30px 10px 0}

#clear {clear: both}
#backButton{float:right;}