/* ******************************************************
	BBC CREATIVE FUTURES - GENERAL STYLESHEET
*********************************************************/

/* HTML =================================================*/

* {
 margin:0;
 padding:0;
 }

body {
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:small;
 voice-family: "\"}\""; 
 voice-family:inherit;
 font-size:medium;
 }

p {
 margin:0 0 12px 0;
 }

a img {
 border:0 !important;
}


#contentHome ol, 
#contentHub ol,
#contentClean ol,
#contentCreative ol,
#contentHome ul,
#contentHub ul,
#contentClean ul,
#contentCreative ul  {
 margin:0 0 0 25px
}

#contentHome li, 
#contentClean li,
#contentCreative li,
#contentHub li  {
 margin:0 0 10px 0
}
 

/* LAYOUT =================================================*/


#container {
 width:770px;
 }

#mastHead {
 background:#1B4164 url("https://www.bbc.co.uk/staticarchive/31f2894f12cac8dea082c12dbe622d39d168ef47.gif") top right repeat-y;
 }

.featureBox {
 background:#F3F8E6;
 border-right:2px solid #DEDEDE;
 border-bottom:2px solid #DEDEDE;
}



/* float clearing classes ---------------------------*/


.trickLeft {
 clear:left;
 display:block;
 height:0;
 }

.trickRight {
 clear:right;
 display:block;
 height:0;
 }

.trickBoth {
 clear:both;
 display:block;
 height:0;
 }


/* crumbtrail -----------------------------------------*/


#breadcrumb {
 border-bottom:1px solid #9799AD;
 color:#000000 !important;
 font-size:60% !important;
 padding:3px 0 3px 0;
 width:768px;
 }

#breadcrumb #az {
 border-right:1px solid #9799AD;
 float:left;
 padding:2px 0 2px 10px;
 width:150px;
 } 

#breadcrumb #contact {
 border-left:1px solid #9799AD;
 float:left;
 padding:2px 0 2px 10px;
 width:139px;
 }

#breadcrumb #contact a,
#breadcrumb #az a {
 color:#1B4164;
 font-weight:bold;
 }

.crumbtrailText {
 color:#000000 !important;
 float:left;
 padding:2px 0 2px 3px;
 width:460px;
 }

.crumbCrumb {
 color:#1B4164;
 font-weight:bold;
 text-decoration:underline !important;
 }

.crumbCrumb:hover {
 color:red;
 }




/* #rightNav  ------------------------------------------*/


#rightNav {
 float:left;
 padding:0 0 0 10px;
 width:150px;
 }

#rightNav #change_at_bbcScopedSearch {
 margin:10px 0 15px 0;
 }

#rightNav #change_at_bbcScopedSearch fieldset {
 border:none;
 }

#rightNav #q1 {
 background:#FFF7E5;
 border:1px solid #DDDDDD;
 }

#rightNav label {
 color:#000000;
 display:block;
 font-size:60%;
 font-weight:bold;
 }

#rightNav .submit {
 background:#FFFFFF;
 border:none;
 cursor:pointer;
 font-weight:bold;
 }

#rightNav #q1 {
 width:105px;
 }

#rightNav, 
#rightNav a {
 color:#636252;
 }


/* .footer  -----------------------------------------------*/ 


.footer {
 background:#FFFBF2;
 display:block;
 float:none !important;
 clear:both;
 font-size:60%;
 margin:20px 0 0 0;
 }

#footerContainer {
 text-align:center;
 line-height:1.5em;
 margin:0 0 0 150px;
 text-align:center;
 width:460px;
 }

.footer a {
 color:#1B4164;
}


/* Tertiary Navigation  ------------------------------------*/ 


.terNavTop {
 border-bottom:4px solid #FFFFFF;
 } 

.terNavItem,
.terNavItem_active  {
 margin:0 0 4px 0;
 padding:0;
 }

.terNavTop a {
 background:#666666;
 color:#000000;
 display:block;
 padding:2px 0 2px 0;
 width:130px;
 }

.terNavItem a {
 background:silver;
 color:#000000;
 display:block;
 padding:2px 0 2px 0;
 width:130px;
 }

.terNavItem_active  {
 background:red !important;
 color:#000000 !important;
 display:block;
 padding:2px 0 2px 0;
 width:130px;
 }



/* #contentHome ----------------------------------------*/


#contentHome {
 background:url("https://static.files.bbci.co.uk/webarchive/asset/cc8b93c5c2a34be788a55daa557b5d579ad0db6e381bd5f1713ae2cf8ed0d2b6.jpeg") top left repeat-x;
 float:left;
 padding:15px 15px 0 20px;
 width:620px;
 }

#contentHome #heroPanel {
 background:#FFFFFF;
 margin:7px 0 10px 0;
 padding:5px;
 }

#contentHome #col1 {
 float:left;
 position:relative;
 width:385px
 }

#contentHome #col2 {
 float:left;
 width:185px;
 }

#contentHome .indent {
 margin:20px 0 0 14px;
}


/* #contentHub -----------------------------------------*/


#contentHub {
 background:url("https://static.files.bbci.co.uk/webarchive/asset/cc8b93c5c2a34be788a55daa557b5d579ad0db6e381bd5f1713ae2cf8ed0d2b6.jpeg") top left repeat-x;
 float:left;
 padding:15px 0 0 25px;
 width:460px;
 }

#contentHub #heroPanel {
 background:#FFFFFF;
 margin:7px 0 10px 0;
 padding:5px;
 width:400px;
 }

#contentHub #col1 {
 float:left;
 margin:0 20px 0 0;
 position:relative;
 width:250px;
 }

#contentHub #col2 {
 float:left;
 width:140px;
 }

#hubBoxA {	
 background:#FFFFFF;
 border-right:3px solid #DEDEDE;
 border-bottom:3px solid #DEDEDE;
 color:#636252;
 padding:7px 7px 10px 7px;
 top:30px;
 left:70px;
 width:160px;
 }
 
#hubBoxB {	
 background:#FFFFFF;
 border-right:3px solid #DEDEDE;
 border-bottom:3px solid #DEDEDE;
 color:#636252;
 left:0;
 margin:0 0 0 0;
 padding:7px 7px 10px 7px;
 top:0;
 width:160px;
 }

#hubBoxA a,
#hubBoxB a {
 color:#E41B5B;
 font-weight:bold;
 }



/* #contentClean ----------------------------------------*/


#contentClean {
 float:left;
 margin:0 5px 0 5px;
 padding:15px 0 0 20px;
 width:440px;
 }

#contentClean #col1 {
 float:left;
 position:relative;
 width:440px
 }

#contentClean #col1 #col2 {
 float:right;
 margin:0 0 15px 15px;
 width:120px;
 }


/* #contentCreative ---------------------------------------*/


#contentCreative {
 float:left;
 width:460px;
 }

#creativeWrapperOuter {
 background:url("https://www.bbc.co.uk/staticarchive/31f2894f12cac8dea082c12dbe622d39d168ef47.gif");
 padding:15px;
 width:460px;
 }

.creativeWrapperInner  {
 background:silver;
 padding:10px 0 10px 10px;
 width:420px;
 }


#creativeContent {
 background:#D7EADA;
 margin:0 0 5px 0;
 }



#creativeNav {
 clear:left;
 padding:0;
 }

#creativeNav ul {
 list-style:none;
 margin:0 !important;
 }

#creativeNav li {
 float:left;
 font-size:60%;
 }
 
#creativeNav li a {
 background:#46A78E url("https://www.bbc.co.uk/staticarchive/31f2894f12cac8dea082c12dbe622d39d168ef47.gif") repeat-y;
 background-position:0 0 ;
 border:1px solid #1D7373;
 color:white;
 display:block;
 font-weight:bold;
 margin:0 5px 0 0;
 padding:2px 0 2px 5px;
 text-decoration:none;
 width:198px;
 }

#creativeNav li a:hover {
 background:#C5E2D4 url("https://www.bbc.co.uk/staticarchive/31f2894f12cac8dea082c12dbe622d39d168ef47.gif") repeat-y;
 background-position:0 100%;
 }




#controller {
 background:#799E9D;
 border:1px solid #1C7171;
 color:#FFFFFF;
 font-weight:bold;
 padding:5px;
 }


 
.filmThumb {
 float:left;
 font-size:60%;
 margin:0 6px 10px 0;
 width:130px;
 }

.filmThumb img {
 border:1px solid #CCCCCC;
 margin:5px 0 2px 0;
 }

.filmThumb a {
 color:#FF0000;
 font-weight:bold;
 text-decoration:none;
 }



/* heroPanel feature -----------------------------------------*/


#heroPanel #feature {
 background:#F8FBF2;
 }

#heroPanel #highlight {
 float:right;
 margin:0 0 15px 15px;
 text-align:center;
 width:130px;
 }
 
#heroPanel ul,
#heroPanel ol {
 list-style:none;
 width:370px;
 }

#heroPanel li {
 background:url("https://www.bbc.co.uk/staticarchive/31f2894f12cac8dea082c12dbe622d39d168ef47.gif") no-repeat;
 background-position:0 4px;
 margin:0 0 12px 5px;
 padding:0 0 0 10px;
 }

 

/* Floating Boxes -------------------------------------------*/


#homeBoxA {	
 background:#007A81;
 border-right:3px solid #DEDEDE;
 border-bottom:3px solid #DEDEDE;
 left:0;
 padding:7px 7px 10px 7px;
 top:0;
 width:228px;
 }
 
#homeBoxB {	
 background:#55B47B;
 border-right:3px solid #DEDEDE;
 border-bottom:3px solid #DEDEDE;
 left:153px;
 padding:7px 7px 10px 7px;
 top:70px;
 width:197px;
 }
 
 


.mediaItem {
 margin:0 0 18px 0;
 }
 



.featureBox {
 padding:4px;
 margin:0 0 20px 0;
}


/* Site A-Z -----------------------------------------*/

.AtoZ {
}

.letters {
 font-size:60%;
 }

.AtoZ h3 {
 height:20px;  
}

.AtoZ ul {
 padding:0;
 margin:0;
 }

.AtoZ li {
  border:1px solid #FFFFFF;
 font-size:60%;
 height:10px;
 margin:0 !important;
 padding:0 !important;
}
 
.letters a {
 color:#1B4164;
 font-weight:bold;
 padding:0 3px 0 3px;
 text-decoration:underline;
 }


/* cdsoNEW_home02 template styles 30.06.06 ---------------------------------------*/

#contentHome02 {
 background:url("https://static.files.bbci.co.uk/webarchive/asset/cc8b93c5c2a34be788a55daa557b5d579ad0db6e381bd5f1713ae2cf8ed0d2b6.jpeg") repeat-x left top;
 float:left;
 padding:20px 8px 0 20px
 width:600px; 
 }

#contentHome02 #heroPanel {
 border:4px solid #ff7e00;
 background:#FFFFFF;
 margin:7px 0 10px 0;
 padding:5px;
 position:relative;
 width:588px;
 }
 

 
#homecolourpanel01, 
#homecolourpanel02, 
#homecolourpanel03 {
 color:#FFFFFF;
 float:left;
 height:129px !important;
 padding:4px;
 width:169px;
 }
 
#homecolourpanel01 {
 background:#007a81;
 }
 
#homecolourpanel02 {
 background:#53b37d;
 margin:0 42px 0 40px;
 }

#homecolourpanel03 {
 background:#8fc48a;
 }
 
#homehighlights {
 background:#FFFFFF;
 margin:20px 0 20px 0;
 padding:5px;
 position:relative;
 width:590px;
 }

#homehighlights #highlight01,
#homehighlights #highlight02,
#homehighlights #highlight03 {
float:left;
 position:relative;
 width:185px;
 }


 
#homehighlights #highlight02 {
 margin:0 10px 0 10px;
 }

#homehighlightsfurther {
border-bottom:1px solid #cccccc;
 clear:both;
 margin:0 0 10px 0;
 text-align:right;
 }


.homecolourpanel01text a,
.homecolourpanel02text a,
.homecolourpanel03text a {
  font-weight:bold;
  color:white;
  }

#imageswitcher {
 float:right;
 height:270px;
 position:relative;
 width:245px;
 }

#contentHub #col1 #hubBoxA {
background:#007A81;
}

#contentHub #col1 #hubBoxB {
 background:#55B47B;
}


#contentHub #heroPanel #herocol1 {

 float:left;
  margin:0 15px 0 0;
 width:185px;
}

#contentHub #heroPanel #herocol2 {

 float:left;
 width:185px;
}