body{
  font-family:"Trebuchet MS",sans-serif;
  color:#69c;
  background-color:#000;
  padding:0;
  margin:0;
  z-index:0;
}
img#logo950{
  height:100px;
  width:950px;
  margin:0;
  padding:0;
  border:0;
}
/*Menu*************************************************************************/
/*Main containing div*/
div#nav {
  float: left;
  width:100px;
  width:180px;
  position:absolute;
  left:10px;
  top:126px;
  top:103px;
  overflow:hidden;
}
/*Containing list*/
ul#navbar {
  margin:0;
  padding:0;
  width:100px;
  width:180px;
  background: #005;
  list-style-type:none;
}
/*Individual line items*/
ul#navbar li {
  position:relative;
  list-style:none;
  margin:0;
  height:20px;
  padding:0;
  font-size:75%;
  font-weight:bold;
}
/*Color change for hover*/
ul#navbar li:hover {
  background: #33f;
}
/*Links*/
ul#navbar li a {
  display: block;
  padding: 0 0 0 5px;
  text-decoration:none;
  width:95px;
  color:#fbb;
  line-height:20px;
}
/*Line for current page*/
ul#navbar li.here{
  background:#00a;
  color:#f33;
  padding: 0 0 0 5px;
  line-height:20px;
}
/*Line for currentsubmenu page page*/
ul#navbar li.sub{
  background:#00a;
  height:auto;
  min-height:20px;
  padding:2px 0 2px 10px;
  font-size:60%;
  font-weight:normal;
  text-align:left;
}

/*main text elements***********************************************************/
div#body55{
  width:820px;
  width:740px;
  min-height: 2000px;
  position:absolute;
  left:130px;
  left:210px;
  top:103px;
}
div.topredbox{
  border:#f33 solid 1px;
  margin:0 0 5px 0;
  padding:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
/*main headers*/
h1,h4{
  font-size:115%;
  color:#36f;
  text-align:left;
  margin-top:2ex;
  margin-top:0;
}
h2{
  font-size:115%;
  color:#36f;
  text-align:center;
  margin:2ex 0 0 0;
}
/*left aligned secondary headers*/
h3{
  font-size:100%;
  color:#f33;
  text-align:left;
  margin-top:1ex;
  margin-bottom:1ex;
}
/*italic header between blue bars*/
h4{
  font-size:90%;
  font-style:italic;
  margin-top:1ex;
  margin-bottom:1ex;
}
/*standard paras, justified*/
p{
  font-size:90%;
  line-height:120%;
  text-align:justify;
  margin-top:1.5ex;
  margin-bottom:0px;
}
/*paras in updates*/
p.updates{
  margin-right:0;
  padding-right:0;
  width:100%;
}
/*logo image*******************************************************************/
img.logo{
  width:100%;
  height:152px;
  margin-left:0;
  margin-right:0;
}
/*blue display bars, top and bottom, and centering*****************************/
img.bluebar{
  width:99%;
  height:5px;
  margin-bottom:1px;
  margin-left:2px;
}
/*all centered elements*/
.cent{
  text-align:center;
}
/*New menu section*************************************************************/
div.spec{
  position:absolute;
  left:200px;
  top:200px;
  width:200px;
  height:13px;
  background:#00f;
  color:#000;
  font-weight:bold;
  font-size:70%;
  vertical-align:middle;
  padding-top:3px;
  padding-bottom:2px;
}
div.menu{
  z-index:3;
  font-size:75%;
  font-size:80%;
  font-weight:bold;
  background:#005;
  overflow:hidden;
  cursor:default;
  padding:4px 0 5px 5px;
  width:195px;
}
div.innr{
  padding-top:4px;
  height:20px;
}
div.here{
  color:#f33;
  background-color:#00a;
  cursor:default;
}
div.lk{
  cursor:pointer;
}
div.invi{
  z-index:2;
  position:absolute;
  left:0px;
  float:left;
}
/*new menu items*/
.new{
  color:#ff0;
}
/*new text items*/
span.newbld{
  color:#ff0;
  font-weight:bold;
}
.blk{
  display:block;
}
/*div containing main content table********************************************/
div.main{
  margin-left:211px;
  margin-bottom:10px;
  clear:none;
  border-left:2px solid blue;
}
/*main content table*/
table.main{
  border-left:2px solid blue;
  width:99%;
}
/*div at bottom of page********************************************************/
.bot{
  width:100%;
  margin-top:0;
}
/*bluefraccfoot*/
img.bluefoot{
  width:100%;
  height:150px;
}
/*'site design' at bottom of page*/
p.credits{
  color:#b8860b;
  text-align:center;
}
/*'copyright' statement at bottom of page - '.small' class*/
span.small{
  font-size:70%;
}
/*text modifications***********************************************************/
/*weight in intro - 'small' element*/
p small{
  font-size:80%;
}
/*emphasised lines in possibilities*/
p.em1{
  font-size:120%;
  color:#f33;
  font-weight:bold;
  text-align:center;
}
p.em2{
  font-weight:bold;
  font-size:100%;
  color:#36f;
  text-align:center;
}
/*all red text (eg, in main noscript)*/
.red,p.red{
  color:#f33;
}
/*left aligned text*/
p.left{
  text-align:left;
}
/*return to links in links-dom left-aligned*/
span.em3{
  font-weight:bold;
  font-size:100%;
  text-align:left;
}
/*warning text in comprotocol*/
.big{
  font-size:120%;
  line-height:100%;
  margin-bottom:1ex;
}
/*ensure em tags produce italics*/
em{
  font-style:italic;
  font-weight:normal;
}
/*para headings in chastity contract*/
.redlist{
  display:block;
  color:#f33;
  margin-bottom:0.5ex;
  font-size:110%;
}
/*red bold text*/
.fone,.redbld{
  color:#f33;
  font-weight:bold;
}
.fone{
  speak-numeral:digits;
}
/*left alligned text*/
.left, ul.left li{
  text-align:left;
}
span.trip{
  font-size:150%;
  color:#f33;
  line-height:150%;
  display:block;
}
/*to spell out acronyms*/
acronym,span.so{
  speak:spell-out;
}
acronym.first{
  cursor:help;
  border-bottom:1px dotted #69c;
}
acronym.firstred,
h3 acronym.first,
span.redlist acronym.first{
  cursor:help;
  border-bottom:1px dotted #f33;
}
/*testimonials*/
h3 span.p acronym.first{
  cursor:help;
  border-bottom:1px dotted #69c;
}
/*for sonnet*/
span.poem{
  text-indent:-20px;
  margin-left:20px;
  display:block;
}
span.vers{
  margin-bottom:20px;
}
/*required to render img alt normal when img embedded in heading*/
.norm{
  font-size:90%;
  font-weight:normal;
  color:#69c;
}
/*speaking numbers*/
span.snd{
  speak-numeral:digits;
}
span.snc{
  speak-numeral:continuous;
}
/*break tags*******************************************************************/
br.cl{
  clear:left;
}
br.cr{
  clear:right;
}
br.cb{
  clear:both;
}
/*links************************************************************************/
a:link{
  color:#fbb;
  text-decoration:none;
}
a:visited{
  color:#999;
  text-decoration:none;
}
a:active{
  color:#ffc;
  text-decoration:underline;
}
a:hover,a:focus{
  color:#fbb;
  text-decoration:underline;
}
a:link img,a:visited img,a:active img,a:hover img,a:focus img{
  border:solid 1px #fbb;
}
/*to avoid mouseover and mousedown changes in third party links*/
a.mainlink:active,a.mainlink:hover,a.mainlink:focus{
  color:#000;
  text-decoration:none;
}
/*to keep visited video purchase links bright*/
a.vids:visited{
  color:#fbb;
}
/*to avoid mouseover and mousedown changes in bottom links*/
a.botlink:active, a.botlink:hover,a.botlink:focus{
  color:#f33;
  text-decoration:none;
}
/*links at bottom of page*/
.botlk{
  font-size:65%;
  line-height:150%;
  text-align:center;
}
/*lists************************************************************************/
/*for constant style in nested lists*/
ul{
  margin-top:4px;
  list-style-type:disc;
}
ul.p{
  margin-top:6px;
  margin-left:0;
}
/*list text*/
li{
  font-size:90%;
  line-height:120%;
  text-align:justify;
  margin-left:0px;
  margin-bottom:0.5ex;
}
li.none{
  list-style-type:none;margin-top:7px;margin-bottom:7px;
}
/*to eliminate double margin, eg in possibilities*/
ul.inner{
  margin-right:0;
  mar gin-left:-10px;
}
/*Lists of paras in Possibilities, keyholder, etc*/
ul.inner li,ul.p li,ol.p li{
  font-size:100%;
  li ne-height:120%;
  mar gin-bottom:1ex;
  mar gin-left:30px;
}
/*overrule magin in prev decln*/
ol.p li{
  margin-left:35px;
}
/*nested lists in keyhoder*/
ol.ordin li{
  margin-left:-15px;
  margin-right:0;
}
ul.unin li{
  margin-left:-25px;
  margin-right:0;
}
/*lists in site map*/
ul.menu ul{
  font-size:110%;
  margin-left:-15px;
  margin-right:-50px;
}
ul.menu li, ul.menu ul li{
  margin-bottom:10px;
}
ul.menu ul ul{
  font-size:110%;
}
/*images***********************************************************************/
/*External link*/
img.ext-link{
  border:0;
}
/*images at right of page with left padding*/
img.r{
  float:right;
  margin-left:15px;
}
/*images at left of page with right padding*/
img.l{
  float:left;
  margin-right:15px;
}
/*images with bottom padding*/
img.b{
  padding-bottom:10px;
}
/*link banners in link pages*/
.bann{
  display:block;
  text-align:center;
  margin-bottom:10px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
  border-width:2px;
  border-color:#000;
}
/*table of image links in links************************************************/
/*and div of image links in intro**********************************************/
div.lkk{
  margin-left:50px;
  margin-right:50px;
  margin-top:10px;
}
table.lk{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:2ex;
}
table.lk td{
  text-align:center;
  vertical-align:bottom;
  padding-left:3px;
  padding-right:3px;
}
div.lkk img,table.lk td img{
  border:0;
}
table.lk td.nlk{
  cursor:default;
}
/*elements not shown on screen, incl url in links******************************/
.nos,.lkurl{
  display:none;
}
img.js{
  width:1px;
  height:1px;
  margin:0;
  padding:0;
}
/*boxes in video pages*/
.redbox{
  border:#f33 solid 1px;
  margin:10px 0 5px 0;
  padding:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.rbc1{
  margin:0 0 1.5ex 0;
}
.rbc2{
  margin:0;
}
.vid{
 margin:0 0 1.5ex 16px;
 text-indent:-16px;
}
/*pics in video pages (and updates?)*/
div.block{
  display:table;
  margin:0;
  padding:0;
  width:100%;
}
/*pic in updates that isnt 200x150*/
img.otherpic{
  border:#fbb solid 1px;
}
p.bott{
  font-size:110%;
  text-align:center;
}
/*background for gallery thumbs*/
.bgb{
 width:100%;
 height:100%;
 background:url(loading.gif) no-repeat center;
}
/*contact page*/
table.maincontact{border:0px;}
table.maincontact td{padding-right:50px;}
table.maincontact h1,
table.maincontact h3,
table.maincontact p,
table.maincontact li{margin-right:0px;}
table.maincontact img{margin-top:6px;}
table.maincontact li.none{list-style-type:none;margin-top:7px;margin-bottom:7px;}
table.maincontact div.block{display:table;margin:0;padding:0;width:100%;}

/*apprec page*/
table.mainapprec .newlist{font-weight:bold;color:#ff0;}
table.mainapprec ul a:visited{color:#fbb;}
table.mainapprec{border:0px;}
table.mainapprec td{padding-right:50px;}
table.mainapprec h1,
table.mainapprec h3,
table.mainapprec p,
table.mainapprec li{margin-right:0px;}
table.mainapprec img{margin-top:6px;}
table.mainapprec li.none{list-style-type:none;margin-top:7px;margin-bottom:7px;}
table.mainapprec div.block{display:table;margin:0;padding:0;width:100%;}

/*bookmarking links************************************************************/
div#socialBookMarks{
  border:#f33 solid 1px;
  margin-top:10px;
  padding:0 10px 10px 10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
ul#bookmarks{
  margin:0;
}
ul#bookmarks li{
  display:inline;
  margin-bottom:0;
  margin-left:0;
}
/*bookmarking links************************************************************/
div#socialBookMarks2{
  border:#f33 solid 1px;
  margin-top:10px;
  padding:0 10px 10px 10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
ul#bookmarks2{
  margin:0;
}
ul#bookmarks2 li{
  display:inline;
  margin:0 10px 0 0;
}
img.bluebar{
  width:818px;
}
/*bottom menu and credits, etc*/
p.small1{
  font-size:70%;
  text-align:center;
}
/*bottom credits to create blank at page bottom*/
p.small2{
  font-size:70%;
  text-align:center;
  margin-bottom:40px;
}
img.topr, div.topr{
  width:200px;
  margin-top:23px;
  margin-top:0;
  float:right;
  margin-bottom:10px;
  margin-left:10px;
}
img.w200{
  width:200px;
}
/*External link*/
a img.ext-link{
  border:0;
}
/*to center gallery table******************************************************/
table.bord{
  margin:10px auto;
}
ul#bookmarks li{
  margin-right:20px;
}
/*used in key-contract*/
ul.unin li{
  font-size:100%;
}
ol.ordin li{
  font-size:100%;
}
/*for sonnet*/
span.poem{
  display:block;
}
span.vers{
  margin-bottom:20px;
}
p.last{
  margin-left:50px;
}
p.poet{
  margin-left:300px;
}
/*pix prepared in windows*/
.vidpic{
  width:200px;
  height:150px;
  border:#fbb solid 1px;
  margin:30px 0 10px 10px;
  float:right;
}
/*pix prepared in mac*/
a img.macvidpic{
  width:225px;
  height:150px;
  border:#fbb solid 1px;
  margin:30px 0 10px 10px;
  float:right;
}
/*video pics in updates pages if no link*/
img.vidpicnolink{
  width:200px;
  height:150px;
  border:0;
  margin-left: 10px;
  float:right;
}
/*video pics in updates pages if a link*/
a img.updatesvidpic{
  width:200px;
  height:150px;
  border:#fbb solid 1px;
  margin:10px 0 0px 10px;
  float:right;
}
/*video pics in videos with link*/
a img.vidpagepic{
  width:200px;
  height:150px;
  border:#fbb solid 1px;
  margin:1px 0 0px 10px;
  float:right;
}
/*video pics in videos without link*/
img.vidpagepicnolink{
  width:200px;
  height:150px;
  border:0;
  margin:1px 0 0px 10px;
  float:right;
}
/*pics in omnibus video pages*/
img.vidpicomn{
  float:right;
  width:200px;
  height:150px;
  margin:5px 0 0 10px;
  border:0;
}
li#skipnav, li#skipnav a#skiplink, li#skipnav a#skiplink:blur{
  display:none;
}
li#skipnav a#skiplink:focus{
  display:list-item;
}
/*videos.php table*/
  table.videos{
    width:820px;
    width:740px;
    table-layout:fixed;
  }
  td.details{
    width:405px;
    width:360px;
    vertical-align:top;
    font-size:90%;
    line-height:120%;
  }
  td.center{
     width:10px;
  }
  td.redline{
    border-bottom:#f33 solid 1px;
    height:5px;
  }
/*tweets*/
#tweets{
  border:1px solid #f33;
  width:170px;
  padding-right:5px;
  margin-left:3px;
  overflow:hidden;
}
ul#twitter_update_list li{
  padding:5px 5px 5px -15px;
}



