body{
  margin:0;
}

/*centers in the middle */
.fixed-width{
  width:1000px;
  margin:0 auto;
}

#logo{
  float:left;
  padding-top:6px;
  padding-right: 10px;
  padding-bottom:6px;
  border-right: 1px solid #B4B4B4;
  
}

#sign-in{
  float:left;
  padding:5px;
  font-weight:bold;
  font-size:1.1em;
  border-right: 1px solid #B4B4B4
}

#search-box{
  float: left;
  width:20px;
  padding: 4px;
  height:4px;
}
#search-box input{
  height:20px;
  padding-bottom:2px;
  background-image: url("https://static.bbci.co.uk/frameworks/barlesque/2.83.4/orb/4/img/orb-search-dark.png");
  background-repeat: no-repeat;
  background-position: right center;
}

.top-bar{
  background-color:white;
  width:100%;
  height:40px;
  color:black;
  font-family: font-family:Aria,Helvetica,freesans,sans-serif;
}
.top-bar ul{
  margin:0;
  padding:0;
}
.top-bar ul li{
  list-style:none;
  float:left;
  font-weight:bold;
  border-right: 1px solid #B4B4B4;
  padding:10px 20px 10px 20px;
}
.news-bar{
  background-color:#bc0404;
  width: 100%;
  height: 60px;
  color:white;
}
.news-bar p{
  margin: 0;
  padding: 0;
  font-size: 2em;
  font-family:Arial;
}
.category-bar{
  background-color: #bc0404;
  width:100%;
  height:30px;
  color: white;
}
.category-bar ul{
  margin:0;
  padding:0;
  list-style:none;
}

.category-bar ul li{
  float: left;
  font-family: Arial;
  font-size: 0.9em;
  border-right: 1px solid #BB1919;
  position:relative;
  right:10px;
  top:2px;
  padding:3px 5px ;
}

.category-bar ul li:hover {
  box-shadow: 0px 6px 0px 0px #FFF; 
}
.location-bar{
  background-color:white;
  width:100%;
  height:40px;
  color: black;
  font-family:Arial;
}
.location-bar ul{
  list-style:none;
  margin:0;
  padding: 0;
}
.location-bar ul li{
  float: left;
  font-size: 0.8em;
  padding: 3px 10px 3px 10px;
  border-right: 1px solid #B4B4B4;
  position: relative;
  right: 10px;
  top: 7px;
}
.content{
  background-color:white;
  width:100%;
  height: 40px;
  color: white;
}

.content h1{
  color:#1167A8;
}
.content img{
  float:right;
  position:relative;
  right:330px;
}
.content p{
  width:215px;
}

#content-links{
  margin-top:60px;
  line-height: 1.5em;
  width: 250px;
}
.content a{
  text-decoration:none;
}
#bold{
  font-weight:bold;
  font-size:1.2em;
}

hr {
  border:none;
 }
.watch-listen{
  float: right;
  position:relative;
  left:300px;
  bottom:40px;
  border-left: 1px solid #B4B4B4;
  padding: 0 0 0 25px;
}
.watch-listen h2{
  font-family:Arial;
  font-weight:100;
  margin: 0 0 20px 0;
  padding:0;
}
.watch-listen img{
  position:relative;
  right:5px;
}