div#content{
  background:#878f91 url("boston.jpg") center 0 scroll no-repeat;
  min-height:300px;
  padding-bottom:0; /* 15px overridden as each .list has 15px bottom itself */
}


/* Theme */
div#content.bg-college{
  background-color:#85b359;
  background-image:url("college.jpg");
}
div#content.bg-bruges{
  background-color:#000000;
  background-image:url("bruges.jpg");
}
div#content.bg-alley{
  background-color:#000000;
  background-image:url("alley.jpg");
}


/* Columns and List Boxes */
div#features{
  float:left;
  width:593px;
}
div#column{
  float:right;
  width:260px;
  padding:0;
  margin:0;
}
div.list{
  display:inline-block;
  margin-bottom:15px;
  background-color:white;
  background-color:rgba(255, 255, 255, 0.8);
}
div.list:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
div#features div.list{
  width:100% !important;
  background-color:rgba(255, 255, 255, 0.7);
}
div#column div.list{
  width:260px !important;
}
div.list div.strap{
  background-color:#686868;
  border-top:2px solid #4f4f4f;
  border-bottom:2px solid #4f4f4f;
  font-weight:bold;
  color:white;
  padding:5px;
}
div.list div.strap a,
div.list div.strap span{
  display:block;
  font-weight:bold;
  text-align:center;
  color:white;
}
div.list div.box{
  padding:5px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  text-shadow:0 0 5px white;
}
div.list div.box p{
  margin:0;
  padding:5px 0;
  text-align:justify;
  text-shadow:0 0 5px white;
}
div.list div.box hr{
  background-color:#E5E5E5;
  color:#E5E5E5;
  border:0;
  height:1px;
  margin:3px 0;
  padding:0;
}
div.list div.box ul{
  margin:0;
  padding:0;
  color:#4f4f4f;
  list-style:square inside none;
}
div.list div.box ul li{
  margin:0;
  padding:0;
}
div.list div.box ul li a{
  text-align:left;
  color:black;
}


/* Forms */
div.list div.box fieldset{
  border:0;
  margin:0;
  padding:0;
}
div.list div.box input{
  width:100%;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
div.list div.box select{
  width:100%;
}
div.list div.box fieldset.dual-select select{
  width:48%;
}
div.list div.box button.search,
div.list div.box button.view{
  width:100%;
  margin:5px 0 0 0;
}
div.list div.box fieldset.chron-search{
  border-bottom:1px solid #4F4F4F;
  margin-bottom:5px;
  padding-bottom:5px;
}


/* Featured Character */
div#character{
  text-align:left;
}
div#character a.vitals{
  display:block;
  border-bottom:1px solid currentcolor;
  padding:5px;
  text-align:left;
  vertical-align:middle;
  text-decoration:none;
}
div#character a.vitals img.rpbutton{
  vertical-align:middle;
  margin-right:10px;
}
div#character a.vitals h1{
  display:inline;
  vertical-align:middle;
  font-size:2em;
  font-weight:bold;
  color:inherit;
  text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);
}
div#character a.vitals:hover h1{
  text-decoration:underline;
}
div#character p + ul{
  border-top:1px solid #4F4F4F;
}
div#character ul{
  list-style:none outside none;
  padding:5px 0;
}
div#character ul li{
  display:inline;
  padding-right:12px;
  font-size:80%;
}
div#character ul li:before{
  padding-right:5px;
  content:"»";
}


/* Birthdays */
div#birthdays ul{
  list-style-type:none;
  text-shadow:0 0 5px white;
}
div#birthdays ul li span{
  color:#343434;
}
/* Birthdays */
img.rpmicrobutton{
  height:20px !important;
  margin:1px !important;
  vertical-align:middle;
  width:20px !important;
}


/* Stats */
div#stats{
  padding-bottom:5px;
}
ul#stats-list{
  margin:0;
  padding:0;
  padding:1%;
}
ul#stats-list li{
  margin:5px;
}
ul#stats-list li.branch{
  list-style:none;
  margin:0;
  padding:0;
  float:left;
  width:auto;
}


/* Narrative */
div#narrative ul{
  list-style-type:none;
}
div#narrative li{
  margin:5px;
}
div#narrative img.rpicon{
  margin-right:5px;
  vertical-align:middle;
}


/* Atlas */
div#atlas option.zone{
  margin-top:10px;
  font-weight:bold;
}
div#atlas option.region{
  padding-left:2em;
}


/* Theos */
div#theos li{
  margin:5px;
  padding:0;
}