/* TYPE -------------------------------------------------------------------------------------------------------------------- */
@font-face {
    font-family: "DIN";
    src: url("/media/type/din-medium.eot");
    src: local("DIN"), local("DIN"),
    url("/media/type/din-medium.woff") format("woff"),
    url("/media/type/din-medium.otf") format("opentype"),
    url("/media/type/din-medium.svg#filename") format("svg");
}

@font-face {
    font-family: "DIN bold";
    src: url("/media/type/din-bold.eot");
    src: local("Din bold"), local("DINBold"),
    url("/media/type/din-bold.woff") format("woff"),
    url("/media/type/din-bold.otf") format("opentype"),
    url("/media/type/din-bold.svg#filename") format("svg");
}




/* GLOBAL -------------------------------------------------------------------------------------------------------------------- */

html {
    /*background-image: url(/media/images/14-grid.png);*/
    background-color: #FFF;
}

body {
    
    font-size: 13px;
    font-weight: normal;
    color: #666;
    line-height: 1.3;
}

#root {
    font-family: DIN, Verdana, Helvetica, Arial, sans-serif;
    margin-top: 44px; 
    margin-left: 44px;
    width: 980px;
    position: relative; /* for main position */
    /*margin: auto;*/
}

#root #main {
    padding-bottom: 3em;
}

#more #root #main {
    padding-bottom: 0;
}




/* HEADER -------------------------------------------------------------------------------------------------------------------- */

#header {
    float: left;
    width: 200px;
}

#header a {
    color: #666;
}

h1 {
    margin-top: -8px; /* making up for cufon padding and global line height */
    font-size: 28px;
    text-transform: uppercase;
    color: #000;
    font-weight: normal;
}

body #header h1 a:hover {
    color: #000;
}




/* NAV -------------------------------------------------------------------------------------------------------------------- */

#nav {
    margin: 10px auto auto 1px;
    letter-spacing: 0.08em;
    /*line-height: 1.2;*/
}

#nav a:hover {
    color: #000;
}

#nav > ul > li {
    text-transform: uppercase;
    margin-bottom: 0.25em;
}

.subnav {
    text-transform: none;
    padding-left: 1em;
    font-size: 11px;
    /*margin: 1em 0;*/
    margin-top: 5px;
    margin-bottom: 11px;
    display: none; /*so no flash at load before js kicks in, IE esp*/
}



#nav h2 {
    margin: 0;
    padding: 0;
    display: inline; /* takes care of html white spacedisplaying gap */
    font-weight: bold;
}

.subnav_header {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #AAA;
    font-weight: normal;
    margin-top: 1em;
}




/* MAIN -------------------------------------------------------------------------------------------------------------------- */

#main {
    float: right;
    margin: 60px auto auto 24px;
    position: absolute;
    left: 190px;
    /*width: 700px;*/
}

a {
    text-decoration: none;
    color: #336699;
}

a:hover {
    color: #3366CC;
}

#controls {
    width: 300px; /*arbitrary but req, elsealways huge or IE/JS prob*/
    margin: 5px 0 23px 0;
    position: relative;
    clear: both;
}

#galleryview {
    
}

#info {
    float: right;
}

#controls img {
    cursor: pointer;
}

#content h4 {
    display: none;
}

#galleryview .pointer, #galleryview .loader, #galleryview .strip_wrapper  {
    /*background-color: #333;*/
    display: none;
}

/*#galleryview {
    height: 600;
}*/

/*#info-icon {
    position: absolute;
    right: 2px;
}*/

.panel-overlay {
/*    height: 30px;*/
    padding: 10px;
    color: #FFF;
    background-image: url(/media/images/trans-black-50.png);
    display: inline-block;
}

#galleryview {
    list-style: none;
}


#thumbs_gallery {
    width: 692px;
    padding: -3px;
}

#thumbs_gallery img {
    float: left;
    margin: 3px;
}

#info-icon {
    display: inline;
    margin-left: 3px;
    /*float: right;*/
}

#overview #main {
    margin-top: 56px;
} 


.overview-gallery {
    margin-bottom: 54px;
    width: 798px; /*for webkit*/
}

#overview h3 {
    font-weight: normal;
    clear: both;
    display: block;
    padding-bottom: 2px;
    color: #333;
    /*letter-spacing: 0.08em;
        text-transform: uppercase;
        font-size: 13px;*/
}

.overview-gallery li {
    display: inline;
    /*margin-right: 1px;*/
}

.galleryview, #thumbs_gallery, #controls { /*prevent caption flash before load */
    display: none;
}

#preloader {
    position: absolute;
    width: 700px;
    visibility: none;
}

#preloader_text {
    text-transform: uppercase;
    /*text-align: center;*/
    margin-top: 300px;
    position: absolute;
    top: -108px;
    left: 170px;
    z-index:2;
}





/* ABOUT ------------------------------------------------------------------ */

body#about #root #main h3, body#about #root #main h4 {
    font-weight: normal;
/*    font-family: "DIN Bold";*/
    text-transform: uppercase;
    margin-top: 1em;
    font-size: 14px;
    color: #000;
}

body#about #root #main { /* this sorts FF */
    margin-top: 3px;
}

body#about #root #main h4 {
    font-size: 13px;
    color: #000;
}

body#about #root #main #leftcol {
    float: left;
    width:45%;
    /*padding-top: -4em;*/
}

body#about #root #main #rightcol {
    float: right;
    width:45%;
    /*margin-top: -1em;*/
}



/* MORE ------------------------------------------------------------------- */

.entry-content {
    margin-bottom: 3em;
    font-weight: normal;
}

.entry-content h3, body.single h3 {
    font-weight: normal;
}

#more #root #main h3.text-only, body.single h3.text-only {
    text-transform: uppercase;
}

.entry-date {
    color: #AAA;
}