/* 
Main Stylesheet v1.0

/*  --------------------------------------------------
    :: Global Reset & Standards
    -------------------------------------------------- */
    
    /* 
        Eric Meyer's CSS Reset
        http://meyerweb.com/eric/tools/css/reset/ 
        v2.0 | 20110126
        License: none (public domain)
    */
    
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline;
    }

    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }
    i {
        color:#ff6600;
    }
    
    small {
        font-size: .80em;
    }
    
    cite {
        display: inline-block;
        margin: 10px 0;
        color: #666;
    }
    
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    table tr:nth-child(odd) td {background: #E4E4E4}

    
    body {
        position: relative; 
        -webkit-font-smoothing: antialiased;
        background:#efefef;
    }

    /* avoid .container overflow from padding */
    .container {
        overflow:hidden;
    }

/*  --------------------------------------------------
 *  :: Typography
 *  -------------------------------------------------- */
    .understated {
        color: #777;
    }

/*  --------------------------------------------------
    :: Links
    -------------------------------------------------- */
    a { color:#A64423; outline: 0; line-height: inherit; }
    a:hover { color:#F60;}
    p a, p a:visited { line-height: inherit; }
    

/*  --------------------------------------------------
    :: Lists
    -------------------------------------------------- */
    ul, ol { margin: 0 0 18px 17px; }
    ul { list-style: outside; }
    ol { list-style: decimal; }
    ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
    ul.square { list-style: square outside; }
    ul.circle { list-style: circle outside; }
    ul.disc { list-style: disc outside; }
    ul ul, ol ol { margin: 4px 0 5px 30px; }
    li { margin-bottom: 7px; }
    ul.large li { line-height: 21px; }
    strong { font-weight:bold;}

/*  --------------------------------------------------
    :: Tables
    -------------------------------------------------- */
    table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd;  }
    
    table thead { background: #f5f5f5; }
    table thead tr th,
    table tbody tr td { font-size: 12px; line-height: 18px; text-align: left; }
    table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
    table thead tr th:first-child { border-left: none; }
    table thead tr th:last-child { border-right: none; }
    
    table thead tr {  }
    table tbody {  }
    table tbody tr {  }
    table tbody tr.even,
    table tbody tr.alt { background: #f9f9f9; }
    table tbody tr:nth-child(even) { background: #f9f9f9; }
    table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

/* -------------------------------------------------- 
    :: Misc
---------------------------------------------------*/
    .left       { float: left; }
    .right      { float: right; }
    .clear      { clear: both;}
    .hide       { display: none; }
    .highlight  { background: #ff0; }
    .actual_ul  {list-style:disc; padding:0 0 0 23px;}
    .actual_ol  {list-style:decimal; padding:0 0 0 23px;}

/* -------------------------------------------------- 
    :: Custom Styling
---------------------------------------------------*/

/* fonts */
/*
    font-family: 'Varela', sans-serif;
    font-family: 'Oswald', sans-serif;
*/

h1 {
    font:normal 1.9125em 'Oswald', sans-serif;
    color:#333;
    border-bottom:3px solid #666666;
    padding-bottom:2px;
    margin:20px 0 30px 0;
    
    text-transform:uppercase;
    text-shadow: 1px 1px 2px #ffffff;   
}

h2 {
    font:normal 1.3125em 'Oswald', sans-serif;
    color:#333;
    border-bottom:3px solid #666666;
    /*padding-bottom:9px;
    margin:20px 0 7px 0;*/
    
    padding: 10px 0 6px 0;
    margin: 20px 0 10px 0;
    
    text-transform:uppercase;
    text-shadow: 1px 1px 2px #ffffff;
    /*filter: dropshadow(color=#ffffff, offx=2, offy=2);*/
        
}

h2.top {
    margin-top:5px;
    padding:0 0 6px 0;
}

h3 {
    font:normal 1.076923076923077em 'Oswald', sans-serif;
    text-transform:uppercase;
    color:#333;
    padding: 10px 0 6px 0;
    margin: 20px 0 5px 0;
}

p {
    margin:5px 0 10px 0;
}

label {
    clear: both;
    display:block;
    font-weight: bold;
}

input, select, textarea {
    /*display:block;*/
    padding:3px;
    margin:0 0 10px 0;
    width:20em;
}

input.required,
textarea.required {
    float: left;
}

input.required:after,
textarea.required:after {
    clear: both;
}

span.required-icon{
    background: url(/img/input-required.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    width: 15px;
    height: 20px;
    margin-left: -20px;
    overflow: hidden;
    position: relative;
    text-indent: -9000px;
    top: -4px;
    vertical-align: top;
}

#recaptcha_image {
    height: 63px !important;
    margin-bottom: 15px;
}

.blocklink {
    font:bold 0.875em 'Varela', sans-serif;
    color:#CC3300;
    display:inline-block;
    padding:2px 7px;
    margin:8px 5px 8px 0;
    border:1px solid #ccc;
    background:#fff;
    text-decoration:none;
}

img.responsive_img {
    width:100%;
    height:auto;
}

img.img_shadow {
    border:14px solid #fff;
    -webkit-box-shadow:  0px 5px 4px 3px rgba(0, 0, 0, .15);
    box-shadow:  0px 5px 4px 3px rgba(0, 0, 0, .15);
        
    
}

/* errors */
#err_box {border:1px solid #900; color:#C00; background:#FFC; margin:0 0 15px 0;}
#err_box p {margin:0; padding:5px; font-size:12px;}

.hilight {
    color:#CC3300;
    font: normal 1.08em 'Oswald', sans-serif;
}

a.normal {
    text-decoration: underline !important;
}

.topspace {
    clear: both;
    margin:45px 0 15px 0;
}

#head_wrapper {
    margin-top: 46px;
    font-size: .8em;
    background:#CC3300;
    border-bottom:1px solid #fff;
}

#nav_wrapper {
    background:#333333;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}

#nav_wrapper a {
    color:#fff;
}

#nav_wrapper.mobile_menu {
    -webkit-box-shadow:  0px 2px 3px 1px rgba(0, 0, 0, .4);
            box-shadow:  0px 2px 3px 1px rgba(0, 0, 0, .4);
}


#site_title h1, #site_title_txt {
    font:normal 2.625em/1.5em 'Oswald', sans-serif;
    text-transform:uppercase;
    color:#fff;
    text-shadow: 2px 2px 3px #000000;
    border-bottom:none;
    margin:0;
    padding:0;
    /*filter: dropshadow(color=#000000, offx=2, offy=2);*/
}

#site_title i {
    color:#000;
    text-shadow: 1px 1px 1px #cbcbcb;
    /*filter: dropshadow(color=#cbcbcb, offx=1, offy=1);*/
}

#site_subtitle {
    color:#fff;
    font:normal 1.0625em 'Varela', sans-serif;
    margin:-5px 0 5px 0
}

#side_desc {
    font:normal 0.8375em 'Varela', sans-serif;
    color:#fff;
    margin:2px 0 7px 0;
}

#topnav_menu a {
    display:block;
    float:left;
    
    padding:4px 8px;
    margin:10px 7px;
    
    font:normal 0.79em 'Varela', sans-serif;
    
    text-decoration:none;
    text-transform:uppercase;
    color:#fff;

    /*background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWFhYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(255,255,255) 1%, rgb(234,234,234) 15%, rgb(201,201,201) 84%, rgb(170,170,170) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(255,255,255)), color-stop(15%,rgb(234,234,234)), color-stop(84%,rgb(201,201,201)), color-stop(100%,rgb(170,170,170)));
background: -webkit-linear-gradient(top,  rgb(255,255,255) 1%,rgb(234,234,234) 15%,rgb(201,201,201) 84%,rgb(170,170,170) 100%);
background: -o-linear-gradient(top,  rgb(255,255,255) 1%,rgb(234,234,234) 15%,rgb(201,201,201) 84%,rgb(170,170,170) 100%);
background: -ms-linear-gradient(top,  rgb(255,255,255) 1%,rgb(234,234,234) 15%,rgb(201,201,201) 84%,rgb(170,170,170) 100%);
background: linear-gradient(to bottom,  rgb(255,255,255) 1%,rgb(234,234,234) 15%,rgb(201,201,201) 84%,rgb(170,170,170) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#aaaaaa',GradientType=0 );*/

    -webkit-border-radius: 1px;
    border-radius: 1px;

}
#topnav_menu a:active {
    -webkit-box-shadow:none;
    box-shadow:none;
    position:relative;
    top:2px;
}
#topnav_menu a:hover {
    background: #EAEAEA;
    color: #333;
}

#topnav_menu a.first {
    margin-left:0;
}

#topnav_menu a.icon_home {
    width:18px; 
    height:18px;
    background:url(/img/icons.png) no-repeat 7px 11px;
    margin-left:0;
    filter:none;
}

#mobile-navlinks {
    display: none;
}

#mobile-navlinks a {
    display: block;
    border-top: 1px solid #666;
    float: none;
    margin: 0;
    padding: 10px 5px;
}

/* social media icons */
.social-icons {
    overflow: hidden;
    list-style: none;
}

.social-icons li {
    float: left;
}

.social-icons li a {
    display: block;
    float: left;
    text-indent: -9999px;
    margin-right: 10px;
    background: url(/img/social-icons-all.png) no-repeat;
}

.social-icons li a.social-icons-gplus {
    
    background-position: 0 -96px;
    height: 32px;
    width: 33px;
    display: block;
}

.social-icons li a.social-icons-facebook {
    background-position: 0 -384px;
    height: 32px;
    width: 33px;
}

.social-icons li a.social-icons-twitter {
    background-position: 0 -256px;
    height: 32px;
    width: 33px;
}

.social-icons li a.social-icons-youtube {
    background-position: 0 -64px;
    height: 32px;
    width: 33px;
}

.social-icons li a.social-icons-pinterest {
    background-position: 0 0;
    height: 32px;
    width: 33px;
}

#body {
    font:normal 0.84em/1.4em 'Varela', sans-serif;
    background:#fff;
    padding-bottom:30px;
}

#bread_row {
    background: #cccccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 74%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(74%,#ffffff));
background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 74%);
background: -o-linear-gradient(top,  #cccccc 0%,#ffffff 74%);
background: -ms-linear-gradient(top,  #cccccc 0%,#ffffff 74%);
background: linear-gradient(top,  #cccccc 0%,#ffffff 74%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 );



}

#breadcrumb_wrapper {
    margin:5px 0 0 10px;
    padding:3px 0;
    border-bottom:1px solid #333;
}

#breadcrumb_wrapper i {
    color:#333;
}

#breadcrumbs {
    font:normal 0.90em/1.4em 'Varela', sans-serif;
}

ul.breadcrumbs {
    background: none;
    border: none;
}

ul.breadcrumbs li a,
ul.breadcrumbs li span{
    font:normal 0.70em/1.4em 'Oswald', Arial, 'Varela', sans-serif !important;
    letter-spacing: 1px;
}

ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
    padding-left: 4px;
}

/*.quote_box blockquote[lang-=en] { quotes: "\00AB" "\00BB" }*/

.quote_box blockquote {
    margin: 0;
    font-style:italic;
    /*text-indent: 20px;*/
    /*quotes: "\00AB" "\00BB";*/
}

.quote_box {

}

.quote_box .quote {
    font-style:italic;
}

.quote_text {
    background:#E9E9E9;
    margin: 10px 20px 20px 20px;
    padding: 12px;
}

div.panel {
    padding-bottom:10px;
}

blockquote {
    font:italic 0.93333em/1.75em Georgia, "Times New Roman", Times, serif;
    color: #333;
}

#camera_wrap_1 {
    margin:10px 0 0 0;
}

.camera_caption {
    font:bold 0.8125em 'Varela', sans-serif;
}

.linedrow {
    /*border-bottom:1px dotted #ccc;*/
}

.err_label {
    color:red;
}

a.thumb {
    display: block;
    float: left;
    /*overflow: hidden;*/
    /*width: 150px;*/
    /*height: 120px;*/
    /*padding: 5px 5px 0 5px;*/
    padding: 0 15px 15px 0;
    margin-bottom: 15px;
    /*border: 1px solid #ccc;
    background: #efefef;
    color: #fff;*/
    /*-webkit-box-shadow:  1px 1px 2px 0px rgba(3, 30, 30, .2);
    box-shadow:  1px 1px 2px 0px rgba(3, 30, 30, .2);*/
    text-decoration: none;
    
    height: 100px;
    width: 150px;
    margin-bottom: 15px;
    overflow: hidden;
}

a.thumb:hover {
    /*background: #CC3300;*/
}

a.thumb .caption {
    background: #666;
    font-size: 0.7857142857142857em;
    display: block;
    position: relative;
    overflow: hidden;
    /*top: -23px;*/
    /*height: 23px;*/
}

#footer_wrapper {
    clear:both;
    font:normal 0.7125em/1.5em 'Varela', sans-serif;
    color:#666;
    padding:0;
    margin:20px 0;
    background: #efefef;
/*background: #cccccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #cccccc 0%, #ffffff 74%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(74%,#ffffff));
background: -webkit-linear-gradient(top,  #cccccc 0%,#ffffff 74%);
background: -o-linear-gradient(top,  #cccccc 0%,#ffffff 74%);
background: -ms-linear-gradient(top,  #cccccc 0%,#ffffff 74%);
background: linear-gradient(top,  #cccccc 0%,#ffffff 74%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 );*/

}

#footer_wrapper a {
    
    color:#666;
}
#footer_nav {
    margin: 15px 0 15px 0;
    height: 30px;
}

#footer_nav a {
    display:block;
    float:left;
    font-size: 1.25em;
    padding:3px 5px;
    margin:0 10px 5px 0;
    text-transform:uppercase;
    text-decoration:none;
    background: #fff;
    border:1px solid #ccc;
}

#footer_nav a:hover {
    background:#fff;
}

#footer_nav a:active {
    background: #000;
    color: #fff;
}

.footer_copy {
    font:'Varela', sans-serif;
}

/* common utility classes */
.group {
    margin: 0 0 10px 0;
}

.section {
    margin: 0 0 20px 0;
}
    
/* styles for specific pages */
#pg_quotes h2 {
    margin-top:0;
    border:none;
}
#pg_quotes .quote_info {
    margin:10px 0 10px 20px;
}

.margin-lt-10 {
    margin-left: 10px;
}

.safe-text {
    color: #690;
}

.no-wrap {
    white-space: nowrap;
}

/* page-specific styling */
.pg-contact input,
.pg-petition-sign input,
.pg-petition-sign select,
.pg-contact textarea,
.pg-petition-sign textarea {
    width: 20em;
}

.pg-petition-sign select {
    width: 21em;
    color: rgba(0,0,0,0.75);
}

/* photos page */
#photo_overlay {
    display: none;
    position: absolute;
    z-index: 9998;    
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
    /* background gradient */
    background: #333;

}

#photo_wrapper {
    z-index: 9999;
    clear: both;
    width: 90%;
    padding: 3px;
    margin: 3px auto;
}

#photo_controls {
    width: 150px;
    margin: 10px auto;
}

#photo_controls a {
    display: block;
    float: left;
    padding: 7px;
}



.pg-contact textarea,
.pg-petition-sign textarea {
    width: 30em;
    height: 15em;
}

/* --------------------------------------------
       Responsive Breakpoint Folding 
---------------------------------------------*/

/* menu button for mobile devices */
.btn-navbar {
    display: block;
}

.icon-btn {
    background: #000;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.icon-btn.navbar {
    margin: 10px 0 0 0;
}

.icon-btn .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    
    background-image: url("/img/glyphicons-halflings.png");
    background-repeat: no-repeat;
    background-position: -430px -95px;
    margin-bottom: 3px;
}

.iconset {
    background-image: url("/img/glyphicons-halflings.png");
    background-repeat: no-repeat;
    display: inline-block;
}

.iconset.icon-prev {
    width: 12px;
    height: 12px;
    background-position: -433px -73px;
}

.iconset.icon-next {
    width: 12px;
    height: 12px;
    background-position: -457px -73px;
}

.iconset.icon-close {
    width: 12px;
    height: 12px;
    background-position: -313px -1px;
}

.r-breather {
    margin-right: 15px;
}

.icon-btn .icon-bar:nth-child(1) {
    margin-top: 3px;
}

/*[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}*/

.show {display:block !important; }
.hide { display: none !important;}

.show-at320 { display: none !important;}
.hide-at320 { display: block !important;}

.show-at480 { display: none !important;}
.hide-at480 { display: block !important;}

.show-at768 { display: none !important;}
.hide-at768 { display: block !important;}

.show-at1024 { display: none !important;}
.hide-at1024 { display: block !important;}

/* Smartphones (landscape) ----------- */
@media all and (min-width:320px) {
    .hide-at320 { display:none !important; }
    .show-at320 { display: block !important; }
}

@media all and (min-width:480px) {
    .show-at480 { display: block !important; }
    .hide-at480 { display: none !important; }
}

@media all and (min-width:560px) {
    
}

/* tablet */
@media all and (min-width:768px) {
    .show-at768 { display: block !important;}
    .hide-at768 { display: none !important;}
    
    #nav_wrapper {
        position: static;
    }
    
    #head_wrapper {
        margin-top: 0;
        font-size: 1em;
    }
    
    #side_desc {
        margin:10px 0 0 0;
    }
    
    #footer_nav a {
        font-size: 1em;
        padding:3px 5px;
    }
}

/* desktop */
@media all and (min-width:1024px) {
    .show-at1024 { display: block !important;}
    .hide-at1024 { display: none !important;}
}

/* Smartphones (portrait) ----------- */
@media all and (max-width:320px) {
    /* common responsive toggled */
    /*.hide-on-phones   {display:none;}
    .hide-on-tablets  {display:block;}
    .hide-on-desktops {display:block;}
    .show-on-phones   {display:block;}
    .show-on-tablets  {display:none;}
    .show-on-desktops {display:none;}
    
    .hide_at320 {display:none;}
    .show_at320 {display:block;}*/
    
}


/* Smartphones (landscape) ----------- */
@media all and (min-width:321px) and (max-width:480px) {
    /* common responsive toggled */
    /*.hide-on-phones   {display:none;}
    .hide-on-tablets  {display:block;}
    .hide-on-desktops {display:block;}
    .show-on-phones   {display:block;}
    .show-on-tablets  {display:none;}
    .show-on-desktops {display:none;}
    
    .hide_at480 {display:none;}*/
    /*.hide_at320 {display:none;}*/
    /*.show_at480 {display:block;}
    .show_at320 {display:block;}*/
    
    
}


/* in between device widths - more mobile-only overrides than device support*/
@media all and (min-width:481px) and (max-width:767px) {
    /*.hide_at480 {display:none;}
    .show_at800 {display:block;}*/
    
    
}



/* Tablets (portrait) ----------- */
@media all and (min-width:768px) and (max-width:800px) {
    /* common responsive toggled */
    /*.hide-on-phones   {display:block;}
    .hide-on-tablets  {display:none;}
    .hide-on-desktops {display:block;}
    .show-on-phones   {display:none;}
    .show-on-tablets  {display:block;}
    .show-on-desktops {display:none;}*/
}


/* Tablets(portrait)/netbooks ----------- */
@media all and (min-width:801px) and (max-width:1024px) {
    /* common responsive toggled */
    /*.hide-on-phones   {display:block;}
    .hide-on-tablets  {display:none;}
    .hide-on-desktops {display:block;}
    .show-on-phones   {display:none;}
    .show-on-tablets  {display:block;}
    .show-on-desktops {display:none;}*/
    
}

/* full desktops ----------- */
@media all and (min-width:1025px) {
    /* common responsive toggled */
    /*.hide-on-phones   {display:block;}
    .hide-on-tablets  {display:block;}
    .hide-on-desktops {display:none;}
    .show-on-phones   {display:none;}
    .show-on-tablets  {display:none;}
    .show-on-desktops {display:block;}*/
    
}