/*
Theme Name: Ipseity DE GOEDE
Theme URI: http://human3rror.com
Description: A Personal Branding Theme. It's like a Digital Business Card or Virtual CV. It's you. It's "Ipseity."
Version: .001
Author: John Saddington
Author URI: http://human3rror.com
*/
@import url(netto_otbold/stylesheet.css);
@import url(netto_otregular/stylesheet.css);
@import url(netto_otlight/stylesheet.css);
*{ margin:0; padding:0; }
html { height: 100%;}
body { background: #000 url("images/1.jpg") no-repeat; background-size: 100%; font-family: "netto_otregular", Helvetica, Arial, sans-serif; font-size: 100%; color: #fff; min-height: 100%}
a:link, a:visited {	color: #fff; text-decoration: underline; }
a:hover, a:active { color: #333; text-decoration: underline; }
ul { list-style: circle; }
img { border: none; }
label { margin-left: 0px; }
blockquote { margin: 0px 5px 10px 5px; padding: 10px 10px 1px 10px; font-style: italic; border: 1px solid #ddd; background-color: #f3f3f3; }
span.left { float: left; }
span.right { float: right; }
.clearer { clear: both; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
#page { min-width: 940px; max-width: 1100px; margin: 0px auto; position: relative;  height: 100%;}
.panel, .panel-single { font-family: Georgia; color: #efefef; position: left; display: block; width: 940px; height: 600px; }
.panel-single {	height: 300px; margin: 0px auto; padding-top: 10px; }
.entry { max-width: 940px; padding-right: 5px; position: left; bottom: 200px; right: 200px; z-index: 100; font-size: 1.5em; line-height: 1.5em; }
.entry h1 { padding: 170px 0 20px 0; font-family: "netto_otregular", Helvetica, Arial, sans-serif; font-size: 3em; color: #ffb400; }
.entry h2 { padding: 0px 0 10px 0; line-height: .9em; font-family: "netto_otregular", Helvetica, Arial, sans-serif; font-size: 2.7em; color: #fff; }
.entry h3 { padding: 0px 0 16px 0; font-family: "netto_otregular", Helvetica, Arial, sans-serif; font-size: 1em; color: #fff; }
.entry a:hover { color: #ffb400; }
.entry .big { font-size: 2em; }
#thepost { margin-bottom: 15px; }
#content { width: 940px; margin: 0px auto; font-size: 1.2em; }
#footer { position: fixed; bottom: 20px; right: 20px;}
#footer a { color: #fff; }
#footer a:hover, a:active { color: #ffb400; }
.csw {width: 100%; height: 600px; overflow: hidden}
.csw .loading {margin: 0; text-align: center}
.stripViewer { position: relative; overflow: hidden; clear: both; width: 940px;	height: 590px; margin: 0px auto; padding-top: 0px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0;	width: 100%; }
.stripViewer .panelContainer .panel { float:left; height: 600px; position: relative; width: 940px; }
.stripNavL, .stripNavR { position: relative; top: -360px; z-index: 200; }
.stripNavL { float: left; }
.stripNavR { float: right; }
#full { background: url(background/raster.png); width: 100%; height: 100%;}
#floating-logo {
  width: 171px;
  height: 70px;
  background: url(logo-rb-color@2x.png) left top;
  background-size: 171px 70px;
  position: absolute;
  bottom: 20px;
  left: 77px;
}
body.MSIE #floating-logo {
  background:url(logo-rb-color.png) left top;
}

@media (max-width: 1100px) {
  .stripNavL, .stripNavR {
    top: -540px;
    float: left;
    padding: 20px;
  }
  #floating-logo {
    left: 20px;
  }
}
.slashes {
    color: #F5982F; #FFB400;
    font-family: netto_otregular, Helvetica, Arial, sans-serif;
    position: relative;
}
.slashes > span {
    color: #389ABA; #FFB400;
    position: relative;
    left: -22px;
}

.stripNav {
  display: none;
}