/*
THEME NAME: Remote Sandbox
THEME URI: http://localhost.sandbox.com:8888
DESCRIPTION: Basic Sandbox Install for Remote Location, based on Wordpress Sandbox theme
VERSION: 0.1
AUTHOR: <a href="http://remote-location.com">Adam Rodgers</a>
AUTHOR URI: http://remote-location.com
TAGS: 
*/

/* Reset
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, block quote, pre, abbr, address, cite, code, del, den, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, field set, form, label, legend, table, caption, tbody, toot, thead, tr, th, td, article, aside, figure, footer, header, group, menu, nab, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }									

article, aside, figure, footer, header, group, nab, section {display: block;}

img, object, embed { max-width: 100%; }

ul { list-style: none; }

blockquote, q { quotes: none; }

block quote:before, block quote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help; }

table {border-collapse: collapse; border-spacing: 0; }

th {font-weight: bold; vertical-align: bottom; }

td {font-weight: normal; vertical-align: top; }

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle; }

pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

input[type="radio"] {vertical-align: text-bottom; }

input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline; }

.ie6 input {vertical-align: text-bottom; }

sélect, input, textarea {font: 99% sans-serif; }

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative; }

sup {top: -0.5em;}

sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

button, input, select, text area {margin: 0;}

button {width: auto; overflow: visible;}
 
.ie7 img {-ms-interpolation-mode: bicubic;}

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  

.clearfix:after { clear: both; }  

.clearfix { zoom: 1; }  


/* Generic
-------------------------------------------------------------------------------*/

body { background: #f5f5f5; font-family: 'LinotypeUniversBasicRegular'; font-size: 0.95em; line-height:1.3em; letter-spacing: 0.06em; color:#9fa0a4;  }

html body { width: 100%; height: 100%;  overflow-x: hidden; font-weight: normal; text-align:center;   }

a { color:#9fa0a4; text-decoration:none; }


/* Header
-------------------------------------------------------------------------------*/

#header { position:fixed; width:100%; min-width:960px; padding:40px 0 0 40px; z-index:10002;   }

#content {  color:#000; text-align:left; margin:0 0 0 189px; width:520px;  }

#content p { margin:0 0 20px 0;  }

#content a { color:#000; text-decoration:underline;  }

#content a:hover { color:#9fa0a4;  }

#site-title {  float:left; color:#9fa0a4; margin:0 30px 0 0; font-family: 'LinotypeUniversBasicMedium'; padding:0;  }

#site-title a { color:#9fa0a4; text-decoration:none;   }

#site-title a:hover { color:#9fa0a4;  }

div#site-details { float:left; font-weight:normal;   }

a#site-info-click { margin:0 0 0 30px; cursor:pointer;  }

a#site-info-pop { margin:0 0 0 30px; cursor:pointer;  }

a#site-info-click:hover { color:#000; }

span.details { margin:0 6px 0 0; }

span.agent { margin:0 0 0 20px; }

div#directions  { font-family: 'LinotypeUniversBasicMedium'; font-weight:normal; position:absolute; top:33px; left:170px; width:90px; display:none; z-index:10002; }

div#directions a  { float:left; display:inline; width:18px; height:24px; margin:0; padding:0; text-decoration:none; background-repeat: no-repeat; background-position:0px 0px; padding:6px; cursor:pointer;  }

div#directions a:hover, div#directions a.fakehover  {  color:#000; }

div#directions a#slideprev { font-size: 1.4em;   }

div#directions a#slidenext { font-size: 1.4em;  }


/* Navigation
-------------------------------------------------------------------------------*/

ul { list-style-type:none; border:none; margin:0; padding:0; }

div.menu-primary-container { float:left; margin:0 20px 0 28px; font-weight:normal;   }

div.menu-primary-container ul#menu-primary li.menu-item, #folio_zoom ul li, ul#main-cats li.cat-item { float:left; margin:0 15px 0 0; color:#9fa0a4; text-decoration:none;  }

div.menu-primary-container ul#menu-primary li.menu-item a, ul#main-cats li.cat-item a { border:none;  }

div.menu-primary-container ul#menu-primary li.menu-item a:hover, div.menu-secondary-container ul#menu-secondary li.menu-item a:hover, ul#main-cats li.cat-item a:hover { color:#000; }

div.menu-primary-container ul#menu-primary li.current_page_item a, ul#main-cats li.current-cat a { color:#000;  }

div.menu-primary-container ul#menu-primary li.current_page_item a:hover, ul#main-cats li.current-cat a:hover { color:#000; }

ul#main-cats  { margin:0 0 0 8px;  }

#page_nav { display:none; }

/* Content
-------------------------------------------------------------------------------*/

#container  { padding-top:80px; padding-bottom:54px; width:100%; height:100%; z-index:9998; text-align:center;   }

.ctnmove  { position:absolute; top:0; left:0; }

.element {   position: relative; padding:25px; line-height: 0; display: inline-block; vertical-align: bottom; }

.info {    line-height: 1.2em; width:510px; min-height:230px; vertical-align: bottom; background-color:#FFF; text-align:left; margin-bottom:25px; margin-right:25px;   }

.info-pad p {  margin:0 0 25px 0;  }

.inside { position: relative; padding:0; display:block;    }

.box {   opacity: 0; color:#FFF; position: absolute; top:0; left:0;  width:100%; height:100%; z-index:9996;   }

.image {  z-index:9995;   }

.getslides { cursor:pointer; }

.over {  color:#FFF; position: absolute; top:0; left:0; background-image:url(_/images/item-over.png); background-repeat: repeat;  background-position:0px 0px;  width:100%; height:100%; line-height:1.4em; display:table;    }

.over_content {   z-index:9996;  position:relative; width:100%; height:100%; overflow:hidden; display:table-cell; vertical-align:middle; margin:auto; text-align:center; cursor:pointer; padding:20px;   }

.link {  display:block; position: absolute; top:0; left:0;  width:100%; height:100%; z-index:9994;background:rgba(0,0,0,.5) ;  }

h2.project_name {  font-family: 'LinotypeUniversBasicMedium'; font-weight:normal; color:#565656; }

h2.project_name a {  color:#565656;  }

h2.project_name a:hover {  color:#9fa0a4;  }

span.excerpt {  color:#9fa0a4; }

.over_content span p  {   margin:0; padding:0;   }

ul.categories {  text-align:center; padding:15px 15px 0 15px; }

ul.categories li { display: inline; margin:0 3px 0 2px; }

ul.categories li a {  color:#9fa0a4; font-family: 'LinotypeUniversBasicMedium'; border-bottom: 1px solid #9fa0a4;  }

ul.categories li a:hover {  color:#565656; border-bottom: 1px solid #565656; }

strong { font-family: 'LinotypeUniversBasicMedium'; font-weight:normal;  }

a.loadInfo { margin:0 0 0 20px; }

a.loadInfo:hover { color:#000; }

#DOMWindow {  z-index:10003; text-align:left;   }

#DOMWindow p {  margin:0 0 20px 0; color:#000;  }

#DOMWindow a {   text-decoration:underline; color:#000;   }

#DOMWindow a:hover {  color:#565656; text-decoration:underline;  }

/* Slides
-------------------------------------------------------------------------------*/

.step {  min-width: 1040px; height:auto; margin: 0 auto; padding-bottom:40px; text-align:center; }
	
.step {  -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }

.step:not(.active) { opacity: 0.3; }

.slide { display: block;   }

.slide img {  max-height:90%;  width:auto; height:auto;  }

.fallback-message { }

.fallback-message p { margin-bottom: 10px; }

.impress-not-supported .step { position: relative; opacity: 1; margin: 20px auto; }

.impress-not-supported .fallback-message { display: block; }

.editme { float:left; margin:0 12px 0 0; }

.editmepage { float:left;  }

#impress { z-index:10001; display:none; margin:0; padding:0;  }

#bg { background-color:#f5f5f5; width:100%; height:100%; z-index:10000; position:absolute; top:0; left:0;  display:none;  }

.down { cursor: pointer; z-index:1000; position:relative;   }

.close-slides { width:100%; height:100%;  position:absolute; bottom:0; left:0; display:block; z-index:999; }

.image_title {  z-index:10000; position:absolute; bottom:0; left:0; display:block; cursor: pointer; background-color:#FFF; color:#000; padding:5px; display:none;   }


/* Project
-------------------------------------------------------------------------------*/

#project-info { z-index:9999; display:block; background-color:#f5f5f5; font-family: 'LinotypeUniversBasicMedium'; font-size: 1em; color:#000; text-align:left; width:98%;  }

.infomove  { position:absolute; top:-198px; left:0; }

#project-info #project-text {  margin:90px 0 50px 182px; width:665px; float:left; }

#project-info #project-close {  margin:0 0 0 42px; float:left;   }

#project-info #project-close a#x  {  color:#000;  cursor:pointer;   }

#project-info #project-close a#x:hover  {  color:#9fa0a4;    }

#site-projects  { font-family: 'LinotypeUniversBasicRegular';  }

#site-projects .nav-previous { margin:0 12px 0 42px; font-size: 1.3em;   }

#site-projects .nav-next { margin:0 0 0 12px; font-size: 1.3em;  }

#site-projects .nav-previous a:hover, #site-projects .nav-next a:hover { color:#000;  }

#site-projects { position:absolute; top:38px; right:100px; }


/* News
-------------------------------------------------------------------------------*/

.news-ctn { width:100%; min-width:1200px; margin:50px 0 0 0; padding:0 0 25px 0; color:#000;  }

.news-title {  color:#000; margin:0 0 15px 0; font-family: 'LinotypeUniversBasicMedium'; font-weight:normal;  }

.news-title a {  color:#000;  }

.news-text { width:285px; float:left; text-align:left; margin:0 30px 0 188px; }

.news-text a { text-decoration:underline; }

.news-text a:hover { color:#000; }

.news-image {  float:left;  }

#related-work {  margin:15px 0 0 0; }

#related-work li a:hover {  color:#000; }

#edit-me { margin:15px 0 0 0;  }

#information {   }

#infopad { padding:20px; width:500px; margin:auto; }

.read-more { clear:both; }


/* News
-------------------------------------------------------------------------------*/

.required { padding:5px; width:200px; margin:4px 0 8px 0; }