div#bodysection
{
  background-color: #101010; /* IE7 or it does very strange things with this div */
  background-image: none;
}

div.ibox
{
  background-color: #303030;
  float:left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 4px;
}

#b0
{
  border-color: red;
  color: #FF9900;
  text-align: center;

  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
  
  float: left;
  width: 924px;
  height: 1.5em;
}

#b1
{
  width: 615px;
  height: 200px;
}

#b2
{
  width: 145px;
  height: 200px;
}

div.iboxheader
{
  width: 100%;
  height: 20px;
  background-color: #FF9900;
}

div.iboxheaderred
{
  background-color: #FF2200;
}

div.iboxheaderdarkorange
{
  background-color: #D06600;
}

div.iboxcontent
{
  margin-top: 3px;
  margin-left: 5px;
}

div.iboxheader h2
{
  margin-left: 0.3em;
  font-size: 1.1em;
  font-weight: bold;
  margin:0px;
  margin-left:4px;
  text-shadow:1px 1px #b70;
}

#b1-image-left
{
  float: left;
  margin: 0px;
  margin-right: 5px;
}

#b1-gallery
{
  float: right;
  width: 200px;
  height: 180px;
  margin: 0px;
  margin-left: 5px;
}

#b1-gallery img
{
  width: 170px;
  height: 135px;
  border: none;
  margin-bottom: 2px;
  margin-left: 15px;
}

#b1-gallery p
{
  font-size: xx-small;
  text-align: center;
  margin-bottom: 0px;
}

#userbox
{
  width: 90%;
  font-size: xx-small;
}

#passbox
{
  width: 90%;
  font-size: xx-small;
  font-family: verdana;
}

#loginform
{
  margin-top: 0px;
  margin-bottom: 6px;
}

#loginlinks p
{
  text-align: center;
}

#b2 a
{
  font-size: x-small;
}

#b5-webcamimg
{
  float: right;
  margin: 5px;
  margin-bottom: 0px;
  width: 224px;
  height: 168px;
}

p.boxp
{
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 215px;
  margin-right: 10px;
  text-align: left;
}

#news
{
  height:185px;
}

.news-item-holder
{
  border: 2px solid #4b5d81;
  border-radius:1px;
  background-color: #101010;
  margin: 20px 20px 10px 20px;
  height: 200px;
  padding:10px;
}

ul.news-tabs
{
  display:inline-block;
  margin: 0px
}

ul.news-tabs li
{
  display:inline-block;
  list-style-type: none;
  margin-right:5px;
  float:left;
}

ul.news-tabs li a
{
  text-align: center;
  color:black;
  display:inline-block;
  width:20px;
  height:20px;
  border-radius:10px;
  background-color: #aaa
}
ul.news-tabs li a:hover {
  text-decoration: none;
  background-color: #ccc;
}

ul.news-tabs li.ui-tabs-active a
{
  background-color: #f90;
  color:white;
}
ul.news-tabs li.ui-tabs-active a:hover {
  background-color: #f90;
}

.news-item-holder
{
  position:relative;
}

.news-item img
{
  height: auto;
  max-width: 190px;
  max-height: 190px;
  /* object-fit: contain;  doesn't work on IE*/
  /* width:200px; */
  /* margin:-5px; */
  /* float:left; */
}

.iboxcontent .news-item h3
{
  float:left;
  color:white;
  font-weight: bold;
  font-size:1.3em;
  margin-left:20px;
  margin-top:-5px;
  letter-spacing: 1px;
  font-style: italic;
  max-width:210px;
}

.news-item a.read-more
{
  color:#f90;
  position:absolute;
  bottom:5px;
  right:5px;
}

.news-item .news-text
{
  margin-left:20px;
  float:left;
  width:200px;
  text-align: left;
}

.vertical-bar
{
  width:0px;
  border:1px solid #4b5d81;
  float:left;
  display:inline-block;
}

.ui-tabs-hide
{
  display:none;
}

div.blog-post-column
{
  float:left;
  height:200px;
}

div.blog-post-left
{
  width:45%;
}

div.blog-post-right
{
  width:55%;
}

#blog-posts
{
  display:inline-block;
  /* margin-top:10px; */
  /* margin-left:15px; */
  color: #999;
  width:460px;
}

#blog-posts #blog-title,
#blog-posts #blog-text
{
  /* max-width: 297px; */
  /* height:36px; */ 
  /* display:inline-block; */
  overflow:hidden;
  /* float:left; */
}

#blog-posts #blog-text
{
  /* line-height: 12px; */
  font-size: 1.1em;
  color: white;
}

#blog-posts.post-twitter
{
  font-size:0.9em;
}

#blog-posts.post-blogger
{
  font-size: 1.1em;
  font-weight: bold;
}

#blog-posts #blog-author-image
{
  width: 48px;
  height: 48px;
  margin: 0px 5px 0px 0px;
}

#blog-posts #blog-author
{
  /* display:inline-block; */
  /* float:left; */
  margin-left:7px;
  font-style: italic;
}

#blog-posts-all,
#tweets-all
{
  float:right;
  clear:right;
  color:#f90;
  margin:0px 10px 10px 0px;
  font-size: 0.9em;
}

#request-stats
{
  position:absolute;
  bottom:17px;
  color: #aaa;
}
#request-stats p
{
  margin: 2px;
  margin-left:35px;
}

#personal-alert
{
  margin-left:25px;
  margin-top: 20px;
  position: relative;
  background-color: #101010;
  border:2px solid #4b5d81;
  border-radius: 1px;
  width: 170px;
  height: 170px;
}
#personal-alert a
{
  display:block;
  text-align:center;
}
#personal-alert a:hover
{
  text-decoration:none;
  color:white;
}

#personal-alert strong
{
  font-size: 1.3em;
  display:inline-block;
  text-align: center;
  position:relative;
  color:white;
  margin:5px;
  width:140px;
}
#personal-alert img
{
  position:absolute;
  top:10px;
  left:10px;
  margin:0px;
  width:150px;
  height: 150px;
}
#personal-alert .notification
{
  position:absolute;
  text-align: center;
  bottom:-5px;
  right: -5px;
  background-color: #f90;
  font-weight: bold;
  font-size: 1.2em;
  width:20px;
  height:20px;
  border-radius: 2px
}
#personal-alert em
{
  position:absolute;
  bottom:3px;
  left:0px;
  width:170px;
  font-size: 0.9em;
  text-align: center;
}

.iboxcontent h3
{
  font-weight: normal;
  text-align: center;
  font-size: 1.1em;
  color: #ccc;
}

.status-box-container
{
  display: inline-block;
  height:150px;
  float:left;
}

.subtle
{
  font-size:0.9em;
  color:#777;
}

.status-box-container .subtle
{
  text-align: center;
  display:block;
  margin-left:10px;
  margin-right: 10px;
}

.status-box-container .image-holder
{
  border: 2px solid #4b5d81;
  border-radius: 2px;
  background-color: #101010;
  padding:4px;
  width:100px;
  height:100px;
  margin-left: 35px
}

.status-box-container .image-holder img
{
  width:100px;
  height:100px;
  margin:0px;
  padding:0px;
}

#staysignedindiv
{
  font-size: smaller;
}

#staysignedinspan
{
  cursor: pointer;
}

/* sign in button */
a.orangebutton
{
  font-size: normal;
}

.enterpressed
{
  background-color: white !important;
  color: #f90 !important;
}

#chkstayloggedin
{
  vertical-align: -3px;
}

#signinbuttondiv
{
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
}
/* end sign in button */