/* Reset File as implimented by www.redinko.com */

@media all
{

    /* For HTML5 Elements */
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
    {
        display: block;
    }

    audio, canvas, video
    {
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    audio:not([controls])
    {
        display: none;
    }

    [hidden]
    {
        display: none;
    }

    /* Fix for IE6&7 when body font-size is set using em units */
    html
    {
        font-size: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }

    html, button, input, select, textarea
    {
        font-family: sans-serif;
        color: #333;
    }

    body
    {
        margin: 0;
        background: #fff;
        color: #333;
        font-size: 1em;
        line-height: 1.4;
        font-family: Helvetica, sans-serif;
    }

    /* Typography */
    p
    {
        color: #333;
        font-size: 0.8em;
        line-height: 1.6;
        font-family: Helvetica, sans-serif;
        padding: 0 0 10px 0;
        margin: 0;
    }

    abbr[title]
    {
        border-bottom: 1px dotted;
    }

    b, strong
    {
        font-weight: bold;
    }

    blockquote
    {
        margin: 1em 40px 0 40px;
    }

    dfn
    {
        font-style: italic;
    }

    hr
    {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ddd;
        padding: 0;
        margin: 3% 0;
    }

    ins
    {
        background: #ff9;
        color: #000;
        text-decoration: none;
    }

    mark
    {
        background: #ff0;
        color: #000;
        font-style: italic;
        font-weight: bold;
    }


    /* RSet monospace & font family */
    pre, code, kbd, samp
    {
        font-family: monospace, serif;
        _font-family: 'courier new', monospace;
        font-size: 1em;
    }


    /* Improve readability of pre-formatted text in all browsers */
    pre
    {
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    q
    {
        quotes: none;
    }

    q:before, q:after
    {
        content: "";
        content: none;
    }

    small
    {
        font-size: 85%;
    }

    /* Position subscript and superscript content without affecting line-height */
    sub, sup
    {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup
    {
        top: -0.5em;
    }

    sub
    {
        bottom: -0.25em;
    }

    /* Reset styles for lists */
    ul, ol
    {
        margin: 1em 0;
        padding: 0;
    }

    li
    {
        font-size: 0.75em;
        line-height: 1.5em;
        color: #333;
        padding: 0 0 5px 0;
        list-style: none;
    }

    dd
    {
        margin: 0 0 0 40px;
    }


    /* Reset styles for html headings*/

    h1, h2, h3, h4, h5, h6
    {
        font-family: "klavika-web-condensed","Arial Narrow","Arial","Verdana",sans-serif;
        color: #333;
        letter-spacing: 0pt;
        word-spacing: 1pt;
        font-weight: normal;
        padding: 0;
        margin: 0;
    }

    h1
    {
        font-size: 2em;
        text-transform: none;
    }

    h2
    {
        font-size: 1.5em;
    }

    h3
    {
        font-size: 1.17em;
    }

    h4
    {
        font-size: 1em;
    }

    h5
    {
        font-size: 0.83em;
    }

    h6
    {
        font-size: 0.75em;
    }


    /* Sets images to be 100% of their div */

    img
    {
        width: auto\9;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
        border: 0;
        -ms-interpolation-mode: bicubic;
    }


    .fade
    {
        opacity: 1;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
        position: relative;
    }

    .fade:hover
    {
        opacity: 0.6;
        position: relative;
    }


    /* Clearfix for clearing floats */

    .clearfix:before
    {
        content: "";
        display: table;
    }

    .clearfix:after
    {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

    .clearfix
    {
        zoom: 1;
    }
    /* IE 5.5/6/7 */

}

@media (min-width: 1200px)
{
    .container
    {
        width: 970px;
    }
}




body
{
    background: url(/images/index-images/bg.jpg) repeat;
    color: #333;
}

@media (max-width: 767px )
{
    body
    {
        padding: 0 10px;
    }
}

#wrapper
{
    width: 960px;
    margin: 0 auto;
}


#content-wrapper
{
    width: 960px;
    margin: 0 auto;
}

#top
{
    /*float:left;
	width:100%;
	height:60px;*/
}

div.social-links
{
    text-align: right;
    border-bottom: #B20505 5px solid;
    padding: 12px 0 12px 0;
}


#social-media-icons a
{
    text-decoration: none;
}

.icon
{
    padding: 0 0px 0 5px;
}


p.contact
{
    float: right;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.563em;
    color: #999999;
    padding: 2.6em 0 0 0;
}

#main
{
    padding: 20px 0;
}

#main h1
{
    margin-top: 0px;
    padding: 0 0 5px 0;
}

#main h2 {
	font-weight: bold;
	margin-top: 0px;
	padding: 0 0 5px 0;
	color: #E68A00;
}

#main h3 {
	font-weight: bold;
	margin-top: 0px;
	padding: 0 0 5px 0;
}

span
{
    font-size: 0.4em;
    padding: 0px;
    color: #777;
}

.help-block span.field-validation-error {
    font-size: 1em;
}

#main h4 {
        padding: 0;
        margin: 0;
    }

/* Main Navigation */

ul.nav
{
    border-top: 1px solid #ccc;
    padding: 10px 0 10px 0;
    margin: 0;
    list-style: none;
}

ul.nav li
{
    list-style: none;
    display: inline-block;
}

ul.nav li a
{
    margin: 0 25px 0 0;
    padding: 0;
    font-size: 1.4em;
    color: #333;
    text-decoration: none;
}

ul.nav li:first-child a
{
    margin-left: 0;
}

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

.nav ul li a.current
{
    text-decoration: underline;
}

/* Styles for banners */

#banner img
{
    width: 100%;
}

div.flexslider
{
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    margin-bottom: 3%;
}

/* Main Section */
.pageHeading
{
    clear: both;
    padding-top: 20px;
}

.box a img, .box-end a img
{
    width: 100%;
}

.box a img:hover, .box-end a img:hover
{
    opacity: 0.7;
    /*width:300px;
	margin:0 30px 0 0;
	float:left;*/
}

.box-end
{
    /*width:300px;
	min-height:24em;
	padding:0;
	float:right;*/
}

.box-end-archive
{
    /*width:300px;
	min-height:21.6em;
	padding:0;
	float:right;*/
}

.entry
{
    /*min-height:10.4em;*/
}

.entry-min
{
    /*min-height:5.4em;*/
}

p.more
{
    font-size: 0.6em;
}

h2.title
{
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #ddd;
    margin: 0 0 20px 0;
    color: #E68A00;
}

/* Archive Section of homepage */

#archive a img
{
    width: 100%;
}


h2.archive-title
{
    padding: 0px 0 10px 0;
    border-bottom: 1px solid #ddd;
    margin: 0px 0 20px 0;
    color: #E68A00;
}

ul.sub-list
{
    display: inline-block;
    padding: 0;
    /*margin: 0;*/
}

ul.sub-list li
{
    margin: 0 0 10px 0;
    list-style: none;
}

ul.sub-list li a:hover
{
    background: #f4f4f4;
    -webkit-transition: color 500ms ease-in;
    -moz-transition: color 500ms ease-in;
    .-o-transition:color 500ms ease-in;
    transition: color 500ms ease-in;
}


.sub-list li a
{
    padding: 10px;
    display: inline-block;
    background: #fff;
    font-size: 1.4em;
    border: 1px solid #ddd;
    text-decoration: none;
}

.news-list {
    margin: 30px 0 0 0;
}

iframe.video {
	width:100%;
	height:300px;
	border:none;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span
{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span
{
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span
{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus
{
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
{
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ccc;
    border-color: #bbb;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus
{
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span
{
    padding: 10px 16px;
    font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span
{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span
{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span
{
    padding: 5px 10px;
    font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span
{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span
{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

ul.pagination {
	padding-left:20px;
}


aside img {
	width:100%;
	height:auto;
}

.page-post {
    margin-bottom:20px;	
}

/* Footer */

#main-footer
{
    background: #ddd;
    margin: 0px 0 50px 0;
    position: relative;
}

#main-footer .contact-icon
{
    padding: 12px;
}

#main-footer .copyright
{
    padding: 0 10px 0 0;
    font-size: 0.8em;
    color: #fff;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0px;
}


p.footer
{
    color: #555;
}

/* Style rules for sub pages */


h2.title-sub
{
    padding: 0px 0 10px 0;
    border-bottom: 1px solid #ddd;
    margin: 0 0 20px 0;
    color: #E68A00;
}

.post-content
{
    margin: 20px 0 0 0;
    overflow: hidden;
    clear: both;
}

.post-sub
{
    padding: 20px 0 20px 0;
}

.img-right
{
    float: right;
    margin: 0 0 10px 20px;
}

div.img-left {
    float: left;
    margin: 0 20px 10px 0px;
    width:40%;
}


.border
{
    border: 5px solid #fff;
}

p.caption
{
    padding: 5px 0 0 5px;
    font-size: 0.8em;
    font-weight: bold;
    color: #888;
}

#facts li
{
    font-weight: bold;
    color: #E68A00;
    list-style: inside;
}

/* Styles for Page */

.page-left {
    border-bottom: 5px solid #fff;
}

.page-right img {
    width: 100%;
	height:auto:
}

h2.page {
    border-bottom: solid #ddd 1px;
    padding: 0 0 10px 0;
}

div.news-post {
    margin-bottom:3%;	
}

/* Create bottom navigation on news pages */

#news-nav
{
    float: left;
    width: 100%;
    display: none;
}

ul#news
{
}

#news li
{
    display: inline;
    padding: 0 10px 0 0;
}

#news li.current
{
    text-decoration: underline;
}

/*******************************************
**              Gallery                   **
*******************************************/

#gallery
{
    height: 30em;
    width: 100%;
    padding: 20px 0 20px 0;
    float: left;
    margin-bottom: 3%;
}

/*******************************************
**      Archive Sound Files               **
*******************************************/


.archive-content
{
    /*float:left;
	width:100%;*/
    border-top: 5px solid #fff;
    padding: 20px 0 20px 0;
}

.archive-content p
{
    margin: 0 0 20px 0;
}

.sound-file
{
    /*float:left;
	width:49%;
	height:10em;*/
    margin: 0 0 20px 0;
}

.left-player
{
    /*margin:0 2% 0 0*/
}

h3.archive
{
    padding: 0 0 10px 0;
    font-weight: bold;
}

h3.archive.sectionHeading
{
    padding: 10px 0;
    border-top: 5px solid #FFFFFF;
    margin-top: 10px;
}

.page-right h4
{
    font-weight: bold;
}

h4.archive
{
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.arc-img-float
{
    float: left;
    margin: 0 0 20px 0;
    border: 1px solid #ddd;
}

.pad
{
    margin: 0 20px 0 0;
}


/* Styles for Henry Remembered page */

p.remembered
{
    margin: 10px 0 0 0;
    font-size: 0.6em;
}


/* Styles Cameraless Photography */
.page-right .ListingImage
{
    margin: 20px 0;
}

/*p.cameraless {
    margin:0 0 20px 0;
}*/

div.ListingImage {
	margin-bottom:6%;
}

/* Form styles */

form.contactForm {
    border:1px solid #ddd;
    padding:20px;	
}

/* MQs for responsive view */

@media screen and (min-width:768px) and (max-width:991px)
{
    h2.title
    {
        font-size: 18px;
    }
}

@media screen and (max-width:767px)
{
    div.social-links
    {
        text-align: left;
    }

    .icon
    {
        padding: 0 8px 0 0;
    }

    .img-right
    {
        float: none;
        margin: 0 0 10px 0;
    }

    .img-left
    {
        float: none;
        margin: 0 0px 10px 0px;
    }


    #main-footer .copyright
    {
        padding: 0px 10px;
        font-size: 0.8em;
        color: #fff;
        text-align: left;
        position: relative;
    }
}

@media screen and (max-width:400px) {
    div.img-left {
        width:100%;
    }
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */