technobrat / bbc Goto Github PK

<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />


<style type="text/css">

body{margin:0;
font-family: Arial, Helmet, Freesans, sans-serif;
}

#topbar{
    background-color : #7A0000;
    width : 100%;
    height : 40px;
    color:white;
    margin-top:0px;

}

.fixedwidth{

    width:1100px;
    margin :0 auto;

height:90px;
}

#logo{

padding-top:5px;
float:left;
border-right: 1px solid #990000;
margin-right:170px;
padding-bottom:5px;
}


#navigation{
float:left;

}

#navigation ul{
margin:0;

}

#navigation li{
list-style-type:none;
margin:0;
float:left;
padding-left: 30px;
padding-top: 10px;
font-size: 0.8em;
font-family: "Gill Sans MT", "Gill Sans", Arial, Helmet, Freesans, sans-serif;
font-weight:bold;


}

#search{
float:left;
padding-left: 30px;
padding-top:5px;

}

#search input{
 height: 20px;
 width : 120px;
 padding-left: 10px;
 font-size: 1.1 em;
 background-image: url("images/search.jpg");
 background-repeat:no-repeat;
 background-position: right center;

}

.float{
clear:both;
}

#newsbar{
background-color : #990000;
    width : 100%;
    height : 80px;
    color:white;
    margin-top:0px;
    float:left;
}


#newslogo{
margin:0;
padding-top:9px;
float:left;
padding-left:5px;

}

#uk{
margin:0;
float:left;
}


#uk p{
    margin:0px;
    float:left;
    font-size:30px;
    padding-top:20px;
    padding-left:12px;


}

#navbar {
 margin:0;
 float:left;
 background-color:#3E0C0D;
 width:1000px;
 height:17px;
 padding-top: 6px;

}

#navbar ul{
margin:0;
padding-left: 12px;
}

#navbar li{
list-style-type:none;
margin:0;
float:left;
padding: 0 5px 0 5px;
font-size: 0.75em;
font-family: "Gill Sans MT", "Gill Sans", Arial, Helmet, Freesans, sans-serif;
font-weight:bold;
border-right: 1px solid #990000;

}

#rss{
float:right;
padding-top: 30px;


}


.selected{
background-color:#EDEDED;
color:#505050;
height:18px;
font-weight:bold;

position:relative;
top:-6px;
padding-top:4px !important;
border: 0 !important;
border-left:0;
}

.home{
border-right:0px !important;
}



#submenu{
 margin:0;
 float:left;
 background-color:#EDEDED;
 width:1000px;
 height:17px;
 padding-top: 6px;

}


#submenu ul{
margin:0;
padding-left: 12px;
}

#submenu li{
list-style-type:none;
margin:0;
float:left;
padding: 0 5px 0 15px;
font-size: 0.75em;
font-family: "Gill Sans MT", "Gill Sans", Arial, Helmet, Freesans, sans-serif;
font-weight:bold;
border-right: 1px solid #CCCCCC;
}


.date{
margin:0;
font-size:0.8em;
padding-top: 30px;
font-weight:bold;
}
#content{

    width : 100%;
    color:#505050;
    margin-top:0px;
    font-size;0.75em;

}


#content p{
margin:0;
}

#banner img{
padding-top: 20px;
display:block;
margin : auto;
}

h1{
 color:#1F4F82;
 font-size: 2em;
 float:left;

}

.headlineimage{
 float:left;
 margin-top: 20px;
margin-right:10px;
}

.mainheadline{
float:left;
}

.newsitem{
float:left;
padding-top:22px;
font-size:0.4em;
float:left;
color:#505050;
width: 320px;



}

.newsitem p{
padding-bottom:5px;
}

a {
text-decoration:none;
}
.newsitem a{
color:#1F4F82;

padding-top:10px;

}
a:hover{
text-decoration:underline;
}


.video{

background-image:url("images/video.jpg");
background-repeat:no-repeat;
background-position: left center;
padding-left: 23px;
}

.links{
line-height:1.65em;
}

#watchlisten{
background-color: #EEEEEE;
float:right;
width: 325px;
height: 200px;
position:relative;
top: -60px;
margin-left:40px;
}
h2{

color:#505050;
}
#watchlisten h2{

 font-size: 0.9em;
 padding-top:5px;
 margin:0;
 padding-left: 10px;
 width:200px;
}
.squares{
float:right;
margin:20px 5px 0 0;
}
.leftbutton{
float:left;
border-right: 1px solid white;
}
.rightbutton{
float:right;
border-left: 1px solid white;
}
#videoblock{
float:left;
width:140px;
border-right: 1px solid white;
font-size: 0.4em;
margin:0;
padding-right:2px;
background-color:#D1700E;
line-height:1.3em;
height:120px;


}
#videoblock img{
 height:80px;
 width: 142px;
}
#audioblock{
float:left;
width:140px;
border-right: 1px solid white;
font-size: 0.4em;
margin:0;
padding-right:2px;
font-size: 0.4em;
margin:0;
background-color:#D1700E;
line-height:1.3em;
height:120px;

}


#audioblock img{
 height:80px;
 width: 142px;
}
.audiovideoblock{
margin:0;

}

#live {
font-size:0.4em;
margin:0;
padding-top:3px;

float:left;
position:relative;
}


#live img{
margin:0;

}


</style>