/*
Theme Name: Ipseity
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
*/

*{ margin:0; padding:0;}
body { background: #000 url("images/14.jpg") no-repeat top left; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; color: #272727; font-variant:small-caps; background-color: #000; }
a:link, a:visited { color: #fff; text-decoration: none; }
a:hover, a:active { color: #ffb400; text-decoration: none; }
img { border: none; }
span.left { float: left; }
span.right { float: right; }
#page { min-width: 940px; max-width: 1100px; margin: 0 auto; position: relative; }
.panel, .panel-single { color: #efefef; position: absolute; display: block; width: 940px; height: 600px; }
.panel-single {	height: 300px; margin: 0px auto; padding-top: 10px; }
.entry { max-width: 940px; padding-right: 5px; position: relative; height:600px; z-index: 100; font-size: 1.5em; line-height: 1.5em; }
.entry h1, .entry h3 { padding: 200px 0 50px 0; font-size: 3em; color: #ffb400; }
.entry h2 { padding: 0px 0 10px 0; line-height: .9em; font-size: 2.7em; }
.entry h4, .entry p { padding: 0px 0 10px 0; font-size: 1em; font-weight:normal; }
#content { width: 940px; margin: 0px auto; font-size: 1.2em; }
#footer { position:fixed; bottom:5px; right:5px; width: 300px; margin: 0px auto; text-align: right; font-size: 0.5em; color: #fff; }
#footer a { color: #ffb400; }
#footer a:hover, a:active { color: #333; }
.csw {width: 100%; height: 600px; overflow: hidden}
.csw .loading {margin: 0; text-align: center}
.stripViewer { position: relative; overflow: hidden; clear: both; width: 940px;	height: 600px; margin: 0px auto; padding-top: 5px; }
.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; }

 
#profilescontent { line-height:18px; width: 100%; margin: auto; }
#profilescontent ul { display:block; margin:0; padding:0; list-style:none;     }
#profilescontent li { float: left; width:154px; margin-left:0px;   }
#profilescontent a { font-size: 11px; color: #fff; text-decoration: none; padding: 10px 0 5px;  display:block;  width:154px;  height:40px;  position:relative;  z-index:2; cursor:pointer; }
#profilescontent li a img { border: 0;  float: left;  margin: 0 10px; height:32px; filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}

#profilescontent a:hover img { filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; margin-left: 5px; }
#profilescontent a strong { display: block; font:bold 14px color: #fff; }
#profilescontent .clear { clear: left; }