/*
Theme Name: Unshaken
Theme URI: www.katapult-studios.com
Description: Custom theme
Version: 1.0
Author: Katapult
Author URI: www.katapult-studios.com
*/

body {margin: 0px; background-color:#2e2e2e; font-size: 62.5%; text-align: center; font-family:Arial, Helvetica, sans-serif; background: transparent url(images/main-back.gif) top left;}
a {text-decoration: none; color: #15819e}
a:hover {text-decoration: underline}
form {margin: 0}
img {border: 0}
.bold {font-weight: bold}
.floatleft {float: left}
.floatright {float: right}
h2 {color: #e62e60}
h4 {font-size: 1.4em; margin: 20px 0px 0px 0px; color: #e62e60}

hr {
    background-image:url('images/hr-back.gif');
    background-repeat:no-repeat;
    border:none;
    height:5px;
    margin:15px 0;
}

/*1050px content width*/
#wrapper {position:relative; margin: 0 auto; padding: 0px; top:0px; width: 100%; clear: both; text-align: left; }
#wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#header {position: relative; background-color: #242424; height: 150px; }
#header img {margin-left: 100px; }

#mainnav {position: relative; margin: 0px;}
#mainnav img {float: left}
#mainnav ul {margin-left: 670px; margin-top: 0px; padding: 0px; list-style: none; width: auto; min-width: 300px}
#mainnav ul li {background: #424242 url(images/mainnav-back.jpg) bottom left; margin:0;}
#mainnav ul li a {display: block; height: 39px; padding: 10px 10px 0px 29px; color: #ffffff; font-size: 1.4em; }
#mainnav ul li a.first {height: 39px; padding: 25px 10px 0px 29px;}
#mainnav ul li a.last {height: 54px; padding: 10px 10px 0px 29px;}
#mainnav ul li a:hover {text-decoration: none}
#mainnav ul li a span {display: block; color: #22b24c; font-size: 0.8em}
#mainnav ul li.search {height: 23px; background: #15819e;}
#s {position: relative; height: 23px; border: 0px; margin: 0px; padding: 0px; float: left}
#searchsubmit {height: 22px; border: 0px; background-color: #15819e; color: #ffffff}

#main {
position: relative;
width: 100%;
background: transparent url(images/wrapper-back.jpg) no-repeat bottom left;
text-align: left;
margin-top: -10px;
padding-top: 20px;
min-height:500px;
}

.screen-reader-text { display:none; }

#main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#navigation {
    float:left;
    width:265px;
    margin:0 0 0 50px;
    list-style-type:none;
    padding:0px;
    list-style: none;
}

#navigation ul {
    list-style-type:none;
    padding:0;
    margin:0 0 10px 0;
}

#navigation li { margin:0 ; padding:1px 0 1px 10px;}
#navigation li a {font-size:1.4em; text-transform:uppercase; font-weight:bold;}
#navigation li a:hover, #navigation .current_page_ancestor ul a:hover {color: #ed1c24; text-decoration:none; }

#navigation ul { display:none; }
#navigation .current_page_ancestor ul, #navigation .current_page_item ul {display:block; }
#navigation .current_page_ancestor ul a, #navigation .current_page_item ul a { color:#fff; font-size:1.0em; }
#navigation .current_page_item > a, #navigation .current_page_ancestor .current_page_item > a { color:#ff0000; }

#content { float: left; width: 350px; color: #ffffff; font-size: 1.4em; }
#content p { margin: 0px 0px 20px 0px}

#content h1 { margin: 0px 0px 15px 0px; padding: 0px; font-size:18px; text-transform:uppercase; }
#content h2 { margin: 0px 0px 15px 0px; padding: 0px; font-size:16px; text-transform:uppercase; color:#15819e; }

.breadcrumb { margin-bottom: 20px; position:absolute; left:680px; top:125px; color:#fff; }

#upcoming-events {float: left; width: 280px; color: #6a6a6a; margin-left:33px; }
#upcoming-events h2 {text-transform:uppercase; color: #15819e; margin:0px 0px 15px 0px; }
#upcoming-events a {color: #15819e;}
#upcoming-events strong {color:#ffffff;}

.footerswish {position: absolute; bottom: 0px; left: 0px;}
.footerswish a {position: absolute; bottom: 0px; left:0px; width:100px; height:100px; }

.footertext {position:relative; font-size: 0.8em; text-transform:uppercase; color:#9c9c9c; margin-top:10px;}
.footertext a {color:#ffffff}

/*blog specific*/

h1.blogtitle {text-transform:uppercase; margin: 0px !important; padding: 0px}
.postdate {color: #15819e; font-size: 0.8em; display: block}
.posttags {font-size: 0.8em; display: block}
.posttags a {color: #6a6a6a;}
.postcommentslink {font-size: 0.8em; color: #22b24c;}
.postcommentslinknon {font-size: 0.8em; color: #6a6a6a;}

form { margin:0; padding:0; }
label {display:block; margin:0 0 3px 0; font-size:12px; }
form div { margin:0 0 10px 0; }

.event-list { margin:30px 0 10px; }

.event-list dt { font-weight:bold; font-size:16px; }

.event-list dd {margin:0;}