/* SITE WIDE STANDARD HTML TAGS */

a,a:link,a:visited {font-weight:bold; text-decoration:none}
a img {border:none}

#blog-main h2 {font-size:2.462em; line-height:32px; letter-spacing:-1px}
#blog-main p {margin-bottom:13px; font-size:1em; line-height:16px}

/* main container divs */
#blog-container {clear:both; padding:16px 16px 32px; height:1%}
#blog-main {float:left; width:608px; margin-right:16px}
#blog-sidebar {float:right; width:320px}

/* header */
#blog-header {height:1%}
#blog-header  h1 {padding:7px 8px 17px 7px; font-size:3.692em; font-family:"Gill Sans","Helvetica Neue",Arial,sans-serif; letter-spacing:-2px; line-height:48px; min-height:48px; text-transform:uppercase}
#blog-header  h1 .tagLine {font-size:.7085em; letter-spacing:-1px; line-height:34px}
#blog-header  h1 a {font-weight:normal!important}
.headerBg {position:absolute; top:0; left:-80px; z-index:-1; width:1136px; height:490px}



/* Classes needed for wrapper elements after upgrade from v3 to v4 */
.blq-hide {position:absolute; left:-2500px; width:1px; overflow:hidden}
.blq-clearfix {_height:1%;}
.blq-clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}

#blq-container {margin-top:-40px;  padding-top:0}
#blq-container-inner {margin:0 auto; position:relative; width:976px; padding:0 9px}
#blq-main {position:relative; padding-top:40px; font-family:arial,sans-serif; font-size:1.3em; line-height:1.6em;}
body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, th, td, pre, p, blockquote, hr {margin: 0;padding: 0;}
ol, ul {list-style: none outside none;}
orb-header a,orb-footer a {color:#fff;}
#orb-contentinfo a {font-weight:normal}


.orb-nav-pri-black, .orb-nav-pri-black a, .orb-nav-pri-black .orb-nav-sec h2, .orb-nav-pri-black .orb-nav-sec a {color: white	!important}
.orb-nav-pri-white, .orb-nav-pri-white a, .orb-nav-pri-white .orb-nav-sec h2, .orb-nav-pri-white .orb-nav-sec a, .orb-nav-active, .orb-nav-active a, .orb-nav-active .orb-nav-sec h2, .orb-nav-active .orb-nav-sec a {color: #333333!important;}
#orb-panel-more li a:hover, #orb-panel-more li a:focus, #orb-panel-more li a:active { background: none repeat scroll 0 0 black;color: white!important;}
.orb-footer-transparent-dark, .orb-footer-transparent-dark a, .orb-footer-transparent-dark small {color: white!important}
.orb-footer-grey , .orb-footer-grey  a, .orb-footer-grey  small {color: white!important}
.orb-skip-links a {color:black!important}

#blq-mothball{background:url(http://static.bbci.co.uk/frameworks/barlesque/2.45.9/desktop/2.8/img/mothball/bg.jpg) 0 0 repeat-x #fbfbfb;}
#blq-mothball a{display:block; height:56px; background:url(http://static.bbci.co.uk/frameworks/barlesque/2.45.9/desktop/2.8/img/mothball/i.gif) 230px 10px no-repeat; color:#666; font-size:1.538em;text-decoration:none;padding-left:300px; padding-top:17px; font-weight:normal}
#blq-mothball-sub{display:block; font-size:0.5em; padding:0 0 0 70px;font-weight:bold;}
#blq-mothball-sub span {color:#1A75BB; margin-left:5px;}
a:hover #blq-mothball-sub span {text-decoration:underline;}


/* SHARED CLASSES */
.fr {float:right}
.fl {float:left}
.hr {margin-bottom:11px; border-bottom:1px solid}
.hide {position:absolute; left:-9000px!important; top:0; z-index:20}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}


p.linkReadmore {margin-top:-11px; margin-bottom:14px!important}
p.date {margin:3px 0 15px!important}

.seealllink	{clear:both; margin-bottom:8px; height:1%}
.seealllink	p {float:right; line-height:13px!important; margin:0!important; padding:5px 8px 6px}

.nbrePosts {display:block; font-size:.9em!important; text-transform:uppercase; font-weight:normal}
.nbrePosts a {display:inline; margin-left:4px; padding-left:8px; border:1px solid}

.infoAuthor {height:1%}
.infoAuthor a img {border:none}
.infoAuthor	img {float:left; margin-right:8px; width:104px; height:59px}
.authorName	{margin-top:-1px; font-size:1em; line-height:16px; font-weight:bold}
.authorTitle {margin-left:75px; display:block; font-weight:normal; text-decoration:none!important}
.authorPost {margin-left:75px; display:block; font-weight:bold!important}
.authorRole {display:block; font-weight:normal!important}

.listPagination  {clear:both; margin-bottom:12px; padding-top:8px; border-top:1px solid}
.listPagination div {height:1%}
.listPagination ul {float:right; padding:8px}
.listPagination li {float:left}
.listPagination li a,.listPagination li span {width:24px; padding:3px 0; margin-right:2px; line-height:18px; font-weight:normal; display:inline-block; text-align:center}
.listPagination li.prev a,.listPagination li.prev span {margin-right:7px; font-weight:bold; font-size:1.231em; width:auto; background-color:transparent}
.listPagination li.next a,.listPagination li.next span {margin-right:0; margin-left:5px; font-weight:bold; font-size:1.231em; width:auto; background-color:transparent}

.empAlignCenter .imgAlignLeft .asset,.imgAlignRight .asset,.imgAlignCenter .asset {display:block}
.imgAlignLeft 	{display:block; clear:both; text-align:left; margin:10px 0 12px 0; line-height:1em}
.imgAlignRight  {display:block; clear:both; text-align:right;  margin:10px 0 12px 0; line-height:1em}
.imgAlignRight:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.imgAlignCenter  {display:block; clear:both; text-align:center;  margin:11px 0 13px 0; line-height:1em}
.imgAlignLeftWrap {display:block; float:left; margin:0 16px 10px 0; line-height:1em}
.imgAlignRightWrap {display:block; float:right; margin:0 0 10px 16px; line-height:1em}

.empAlignCenter {padding:16px 0 11px 0; margin:21px 0!important; text-align:center}

.assetCaption {line-height:1.2em; margin-top:1px; display:block}

.imgAlignCenter .assetCaption,.empAlignCenter .assetCaption {text-align:left; margin:0 auto}
.imgAlignRight .assetCaption {float:right; text-align:left}


/* INDEX */
#listPosts li {display:inline-block; margin-bottom:12px; padding-bottom:27px; width:100%; border-bottom:1px solid}
#listPosts li.last,#listAuthors li.last {margin-bottom:0; padding-bottom:26px; border-bottom:none}
#listPosts li li.last {padding-bottom:0}
#listPosts h3 {font-size:1.846em; line-height:25px; letter-spacing:-1px}

.blogindex #listPosts > li {margin-bottom:12px!important}
.blogindex .date {margin:3px 0 15px!important}
.blogindex .seeAllPosts {margin:-5px 0 6px 0}

.indPost ul {margin-bottom:13px}
.indPost li	{list-style-type:disc; margin:0 0 3px 18px; line-height:16px}

.postSummary div img, .postSummary div embed, .postSummary iframe{width:20em!important; height:20em!important}

#listPosts li li	{display:list-item; list-style-type:disc; border:none; margin:0 0 3px 18px; line-height:16px; padding:0}
#listPosts li ul	{margin-bottom:13px}

#featuredPost {padding:8px; margin-bottom:8px; height:1%}
#featuredPost .postInfo {clear:both}
#featuredPost .author,#featuredPost .date {display:inline-block; margin-bottom:5px}
#featuredPost h3 {font-size:1.846em; line-height:25px; letter-spacing:-1px; margin-bottom:15px}
#featuredPost h4 {font-size:2.462em; line-height:32px; letter-spacing:-1px}
#featuredPost .blogs_comments {margin-bottom:3px}
#featuredPost .infoAuthor {float:left; margin-bottom:0}
#featuredPost .infoAuthor img {width:240px; height:135px}

/* POSTS */
.seeAllPosts {margin:-3px 0 8px 0; height:1%}
.seeAllPosts h4 {float:left; font-weight:normal; margin-right:5px}
.blogindex .seeAllPosts ul {position:relative; top:3px}
.seeAllPosts li{float:left; display:inline!important; width:auto!important; margin:0!important; border:none!important}
.seeAllPosts li.last {padding-bottom:0!important}
.seeAllPosts a {font-weight:normal}

.listPrevNextPost {clear:both; margin-bottom:11px; height:1%}
.listPrevNextPost ul {float:right; padding:5px 8px 6px}
.listPrevNextPost li {float:left; line-height:13px}
.listPrevNextPost li span {font-weight:bold}
.listPrevNextPost li.home a {padding:0 7px; margin:0 7px 0 8px; border-width: 0 1px; border-style:solid}
.listPrevNextPost li a {line-height:10px; display:inline-block}

.listMorePost {margin-top:4px}
.listMorePost dt {display:inline-block; float:left; width:224px; font-size:1.231em; line-height:20px; font-weight:bold}
.listMorePost dd {display:block; padding-top:2px; margin:0 0 0 224px; line-height:18px}
.listMorePost dd.npdate {padding-top:0px; margin-bottom:6px}
.listMorePost .date {margin:1px 0 17px!important}

.blogpost h3 {margin-top:20px; margin-bottom:0!important; padding-bottom:11px; font-size:1.846em; letter-spacing:-1px; border-bottom:1px solid}
.blogpost .authorName {font-size:1.231em}


.postCommentsSharetools {margin:-29px 0 0 108px}
.postCommentsSharetools #bbc-st-toolbar-1 {margin:-6px 0 11px 0}


/* AUTHORS */
#listAuthors li {display:inline-block; margin-bottom:12px; width:100%; border-bottom:1px solid}

#listAuthors .infoAuthor {float:left; width:208px; margin-right:16px}
#listAuthors .postSummary {float:left; width:384px}

.blogauthors h2 {margin-top:-6px; font-size:2.769em!important; line-height:40px!important}
.blogauthors .listPagination {margin:17px 0 18px 0}



.blogauthors .infoAuthor img {margin-bottom:10px; width:208px; height:117px}
.blogauthors .authorName, .blogauthors .authorPost {clear:both; display:block; margin-left:0; width:214px}
.blogauthors .authorName {font-size:1.846em; line-height:25px; letter-spacing:-1px}
.blogauthors .authorPost {padding-bottom: 5px; font-weight:normal!important; }
.blogauthors .authorRole {margin-top:-3px; padding-bottom:6px}
.blogauthors h4 {margin-top:-4px;font-size:1.385em}

.listHeaders {margin-bottom:18px}
.listHeaders span.authorName,.listHeaders span.latestPost {padding-bottom:3px; margin-top:0; float:left; clear:none!important; font-size:1.538em!important; font-weight:bold; line-height:24px; letter-spacing:-1px; border-bottom:1px solid}
.listHeaders span.authorName {top:0!important; width:208px; margin-right:16px}
.listHeaders span.latestPost  {width:384px}

#listAZ  {padding:5px 0 15px 0; border-bottom:1px dashed #000}
#listAZ li {margin:10px 0; display:inline}
#listAZ li a {text-decoration:none; border:1px solid #000}
#listAZ li span {border:1px dashed #000}
#listAZ li a, #listAZ li span{padding:3px 4px}


.blogauthorspost .infoAuthor {margin-bottom:32px!important}
.blogauthorspost .authorName {position:relative; top:-6px; left:-1px; font-size:2.769em; line-height:40px; letter-spacing:-1px; margin-top:0}
.blogauthorspost .authorName {display:block}
.blogauthorspost .nbrePosts {display:block; margin-top:14px; font-size:0.85em!important}
.blogauthorspost img	{float:left; margin-right:16px}
.blogauthorspost h4 {font-size:1.538em; line-height:25px; letter-spacing:-1px}
.blogauthorspost .seealllink {margin-bottom:16px}
.blogauthorspost .infoAuthor img {width:240px; height:135px}
.blogauthorspost .authorRole {font-weight:bold!important}
.blogauthorspost .authorRole,.blogauthorspost .authorDesc {font-size:1.231em; display:inline; position:relative; top:-1px}
.blogauthorspost .authorDesc {font-weight:normal}


.postSummary ul li {border:none}

/* ARCHIVE */
.listYear  {margin-top:16px; padding:8px 0 19px 0; height:1%; border-top:1px solid}
.listYear li {position:relative; float:left; margin-right:4px}
.listYear li a {float:left; display:block; font-size:1.538em; line-height:24px; letter-spacing:-1px; font-weight:normal; text-decoration:none}
.listYear li a span {float:left; display:inline-block;}
.listYear li a span.year {height:29px; padding:3px 4px  0 4px!important; }
.listYear li a span.arrow {width:35px; height:32px; background-image: url(../img/icon-arrow-down.png); background-repeat:no-repeat; background-position: 100% 0}

.listMonth  {opacity:.9; filter:alpha(opacity=85);}
.listMonth li {float:none; display:list; margin-right:0}
.listMonth li a,.listMonth li span{float:none; white-space:nowrap; display:block; padding:6px 6px 7px 6px!important; font-size:.923em; line-height:12px; height:1%; letter-spacing:0;  font-weight:bold; text-decoration:none}


.blogarchive h2 {margin-top:-6px; font-size:2.769em!important; line-height:40px!important}
.blogarchive h3 {margin-bottom:2px!important; font-size: 1.847em!important; line-height:25px!important; letter-spacing:0!important}
.blogarchive p.archive {padding-bottom:25px; margin-bottom:12px!important; font-size:2.154em!important; font-weight:bold; line-height:32px!important; letter-spacing:-1px; margin-bottom:20px}
.blogarchive p.archive span {font-weight:normal}

.blogarchiveday #listPosts {margin-top:23px}


/* TAGS */
.tagCloud	{padding:29px 24px 24px 24px; text-align:center; width:560px}
.tagCloud li {display:inline; padding:0 4px; line-height:1.1}
.tagCloud li a {}
.tagCloud li a:hover {text-decoration:none}
.tagList {float:left; margin-right:16px; width:124px; padding:8px}
.tagList.last {margin-right:0}

.tagOrdered {margin-top:35px}
.tagOrdered li {padding:12px 0 19px;  border-top:1px solid}
.tagOrdered li a {font-size:1.231em; font-weight:normal}
.tagOrdered div {float:right; font-size:0.923em; text-transform:uppercase}

.seealltags {margin-top:24px}
.seealltags ul {float:right}
.seealltags li {float:left; font-size:1.385em; font-weight:normal}
.seealltags li a {display:block; padding:4px 10px}
.seealltags li p {padding:8px; font-weight:bold}


.blogtagsposts h2 {margin-bottom:12px}
.blogtagsposts h3 {font-size:1.538em!important; line-height:23px!important}
.blogtagsposts .seealllink {margin-bottom:19px}
.blogtagsposts .nbrePosts {margin-bottom:20px!important; display:inline-block}
.blogtags h2 {margin-top:-4px}
.blogtags h2 span {font-weight:normal}

/* SIDE COLUMN */
#blog-sidebar div {margin-bottom:16px; padding:0 8px}
#blog-sidebar div:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
#blog-sidebar div h2 {padding:12px 0 10px 0; font-size:1.846em; line-height:24px; letter-spacing:-1px}
#blog-sidebar div p {font-size:1em; line-height:16px; margin-bottom:8px}

#moduleDescription		{padding-bottom:11px!important}
#moduleDescription ul {margin-top:16px; padding:3px 0 0 0 border-top:1px solid}
#moduleDescription ul li{}
.moduleDescriptionImg img {margin:0 -8px; width:320px; height:180px}

#moduleRss {padding-bottom:5px!important}
#moduleRss ul li a {padding-left:21px;  background-repeat:no-repeat; background-position:0 0}
#moduleRss ul {margin-bottom:5px; padding-bottom:7px; border-bottom:1px solid}
#moduleRss ul li {padding:4px 0}


.customModules {padding-bottom:11px!important}
.customModules ul {margin-top:-5px}
.customModules ul li {padding:2px 0 3px 20px; background-repeat:no-repeat; background-position: 0 11px;}
.customModules .imgAlignLeftWrap { margin: 0 8px 10px 0}
.customModules .imgAlignRightWrap {margin:0 0 10px 8px}
.customModules .imgAlignCenter  {margin:0!important}
.customModules div.player {padding:0!important}

#moduleMostRecentlyCommented {margin-bottom:16px; padding-bottom:6px!important; position:relative}
#moduleMostRecentlyCommented h3 {padding:8px 8px 10px; margin-top:3px; font-size:1.231em; line-height:16px}

.tabH {display:inline; float:left; position:relative; top:0}
.tabH-js {cursor:pointer}
.tabC {width:304px; position:relative}
.tabC-js {clear:right; float:right; right:304px; margin-right:-304px}
.tabList li {padding:13px 8px 12px; margin-bottom:1px}
.tabList li a {display:block; padding-right:29px; line-height:16px; padding-bottom:1px}

.list-1,.list-2,.list-3,.list-4,.list-5 {background-position:100% 50%; background-repeat:no-repeat}
.list-1 {background-image:url(../img/icon-one.gif)}
.list-2 {background-image:url(../img/icon-two.gif)}
.list-3 {background-image:url(../img/icon-three.gif)}
.list-4 {background-image:url(../img/icon-four.gif)}
.list-5 {background-image:url(../img/icon-five.gif)}

#moduleBrowseby {margin-bottom:16px; padding-bottom:6px!important; position:relative}
#moduleBrowseby h3 {padding:8px 8px 10px; margin-top:3px; font-size:1.231em; line-height:16px}

#browseAuthors {background-color:#fff}
#browseAuthors h4 {padding:11px 32px; font-size:1.077em; line-height:17px}
#browseAuthors .authorRole {clear:both; font-size:.928em; font-weight:normal}
#browseAuthors .imgAuthor {padding:0 32px; width:240px; height:135px}
#browseAuthors dt {display:none}
#browseAuthors dl {padding:11px 32px;}
#browseAuthors .linkSeeAll {padding:11px 32px;}

#browseDate	{background-color:#fff!important; margin-bottom:0!important; padding:0!important}
#browseDate h4 {background-color:green; padding:0 48px; margin:24px 16px 0; font-size:1.846em; letter-spacing:-1px; line-height:43px; font-weight:bold}
#browseDate h4 span {font-weight:normal}
#browseDate table {margin:0 16px 8px; width:272px}
#browseDate th,#browseDate td {}
#browseDate th {padding:5px 0; text-align:center; background:blue; border-right:1px solid blue; broder-bottom:1px solid #fff; font-size:1.077em; width:38px; line-height:18px}
#browseDate td a,#browseDate td span {text-align:center; font-size:1.231em; line-height:16px; display:block; width:38px; height:18px; padding:10px 0}
#browseDate td {background-color:red; border-right:1px solid #fff; border-bottom:1px solid #fff}
#browseDate td.none,#browseDate th.none{border-right:none!important}

#browseDate .linkSeeAll {margin:11px 16px;}

/* sharetools */
.bbc-st-buttons	{margin-top:-3px !important}
.bbc-st-buttons li {width:auto!important; border-bottom:none!important}
.bbc-st-buttons li.bbc-st-twitter-cta a {margin-right:0!important}
.blogpost .bbc-st-buttons,.bbc-st-count {margin-top:0!important}
.blogpost .bbc-st-count {margin-top:3px!important}
.blogpost #bbc-st-toolbar-2 {margin:5px 0 25px}

/* comments */
.dna-comments_module {clear:both; margin:20px 0 0 0; max-width:608px!important}
.dna-comments_module p {margin-bottom:0!important}
.dna-comment-count-simple {line-height:0}
.blogs_comments a,.dna-comment-count-simple a {overflow:visible; padding-left:17px; font-size:.846em; font-weight:normal!important; line-height:16px; text-transform:uppercase;  background-repeat:no-repeat; background-position:0 2px; padding-bottom:2px}
.dna-comments_module h3 {margin-top:0; border:none}
.dna-comments-error {margin: 24px 0 !important}
.dna-comments_module ul li.dna-comment cite {font-style:normal}

/* twitter */

.tweets_container, .tweets_container div {padding:0!important}
.tweets_container div {background-color:transparent}
.tweets_container,.tweets_container div {margin-bottom:0!important}

.sps-twitter_module  {background:none!important; margin:0!important; padding:0!important;}
.sps-twitter_module .twitter_module_header {padding:8px 0!important}
.sps-twitter_module .twitter_module_header p {margin:0!important}

#blog-sidebar > div#tweets {background:none; padding:0!important; border-bottom: 1px solid}
#tweets .section {padding:0;margin:0;}
#tweets h2{padding:0 0 9px 0!important; background-color:none; border-bottom: 1px solid;}
#tweets .twitter_module_header{background:none; border-bottom:none; margin-bottom:0!important}
#tweets .tweets_container{padding:8px;}
#tweets .twitter_module_info{border-bottom: 1px solid;}
#tweets .twitter_module_info{border-bottom:1px solid;}
#tweets .sps-tweet{border-bottom: 1px solid;}
#tweets .sps-tweet{border-bottom:1px solid;}
#tweets .tweet_username{font-style:normal;font-weight:bold;}
#tweets .tweet_username a:link,
#tweets .tweet_username a:visited,
#tweets .tweet_username a:active{font-style:normal;font-weight:bold;}
#tweets .tweet_username a:hover {text-decoration:underline;}
#tweets .tweet_screenname{font-weight:normal;}
#tweets .tweet_screenname a{font-weight:normal;}
#tweets ul.twitter_module_tweets {border-top:1px solid}
#tweets .twittermodule_tweets_to_load a:link,
#tweets .twittermodule_tweets_to_load a:visited,
#tweets .twittermodule_tweets_to_load a:hover,
#tweets .twittermodule_tweets_to_load a:active{text-decoration: none;}
#tweets .twitter_module_footer a{font-weight:bold;}
#tweets .customStyleSelectBox{border: 1px solid;}
#tweets .twitter_disclaimer {padding: 4px 8px 4px 8px; border-bottom: none; margin:0}
#tweets .twitter_disclaimer{border-bottom: none;}
#tweets .twitter_disclaimer a:hover{text-decoration:underline;}
#tweets .twitter_module_tweets{border-bottom: none;}
#tweets .twitter_module_tweets{border-bottom: none;}
#tweets .customStyleSelectBox{border:1px solid;}
#tweets .sps-tweet:hover{background-image: none;}
#tweets .twitter_module_footer {background:none; margin:0; padding: 4px 8px 8px 0;}
#tweets .sps-tweet .twitter_module_avatar {height: 48px;}
#tweets .tweet-text p {font-weight:normal;f;}
#tweets .tweet-text a {font-weight:normal;}
#tweets .tweet-text .time,#tweets .tweet-text .time a{font-family:arial;font-style:normal;font-weight:normal;}
#tweets .sps-twitter_module .jspVerticalBar {width:7px; border-left:1px solid}
#tweets .sps-twitter_module li.infinite_loading .loading_holder {background-image:url(http://static.bbc.co.uk/modules/twitter/0.1.17/img/loader.gif)}