/*
Theme Name: High Trails
Theme URI: http://www.hightrailssf.com/
Description: Custom theme for High Trails Cyclery
Version: 1.0
Author: Paul Armstrong
Author URI: http://paularmstrongdesigns.com/
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,img,input,textarea,p,blockquote,table,th,td,a,abbr,address,caption,cite,code,dfn,em,strong,th,var,hr,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,mark{margin:0;padding:0;background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-style:normal;font-weight:normal;text-decoration:none;text-align:left;list-style:none;quotes:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
input:focus,a:focus,textarea:focus{outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:'';}
sup,sub{vertical-align:baseline;position:relative;top:-0.4em;}sub{top:0.4em;}
html,body,button,input,legend,textarea{font:14px/20px Helvetica,Arial,Verdana,sans-serif;color:#222;}

/*
Burnt Orange:       #AF5301
Bright Orange:      #FE8011
Orange:             #FF9131
Bright Blue:        #00DBF9
Blue:               #0096AB
*/

html,
body { background: #F1ECE6; }
    html { text-align: center; }
    body {
        text-align: left;
        width: 960px;
        margin: 0 auto;
        position: relative;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    color: #AF5301;
    margin: 0 0 10px;
}

a { 
    color: #0096AB;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
}
a:hover { color: #00DBF9; }
a:active { color: #FE8011; }

strong { font-weight: bold; }
em { font-style: italic; }

header {
    width: 698px;
    background: url(images/top1.jpg) 1px 0 no-repeat;
    height: 66px;
    padding: 22px 10px 12px;
    border: 1px solid #C4BCB5;
    border-top: 0;
}
    header.image1 { background-image: url(images/top1.jpg); }
    header.image2 { background-image: url(images/top2.jpg); }
    header.image3 { background-image: url(images/top3.jpg); }
    header h1 a {
        display: block;
        width: 302px;
        height: 66px;
        background: url(images/logo.png) 0 0 no-repeat;
        text-indent: -999em;
        overflow: hidden;
    }
    * html header h1 a { background-image: url(images/logo.gif); }

footer {
    padding: 10px;
    font-size: 11px;
}

section {
    border: 1px solid #C4BCB5;
    border-top: 0;
    padding: 10px;
    width: 698px;
    background: #FFF;
    min-height: 600px;
}    
#sidebar {
    position: absolute;
    top: 0;
    left: 720px;
    width: 220px;
    padding: 10px;
}
    #sidebar li.widget {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #C4BCB5;
    }
        #sidebar li.widget:last-child { border: 0; }
        #sidebar .widget_pages h2 { display: none; }
    #sidebar .widget_pages li a {
        font-size: 16px;
        font-weight: bold;
    }
    #sidebar li.page_item {
        line-height: 30px;
    }
        #sidebar li.page_item li.page_item {
            margin: 0 0 0 24px;
            line-height: 20px;
        }
        #sidebar li.page_item li.page_item a {
            font-size: 14px;
        }
    
    #map {
        border: 1px solid #C4BCB5;
        height: 150px;
    }

article {
    height: 1%;
}
    article:after {
        content: '.';
        display: block;
        clear: both;
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden;
    }
article p,
article ul,
article ol {
    margin: 0 0 20px;
}
    article ul,
    article ol { margin: 0 0 20px 28px; }
    article ul li {
        list-style-type: disc;
    }
        article ul li li { list-style-type: circle; }

.alignright {
    float: right;
    margin: 0 0 10px 10px;
}
.alignleft {
    float: left;
    margin: 0 10px 10px 0;
}
.aligncenter {
    display: block;
    margin: 0 auto 10px;
}

ul#slideshow {
    position: relative;
    height: 463px;
    overflow: hidden;
    border: 1px solid #C4BCB5;
    margin: 10px;
}
    ul#slideshow li {
        position: absolute;
        top: 0;
        left: 0;
    }
        ul#slideshow img {
            position: absolute;
            top: 0;
            left: 0;
        }