/* 92702/common/styles/google-ads.css */
#google-ads-container
{
    border-top-style: solid;
    border-top-width: 10px;
    background-color: #fff;
    padding: 0;
    margin-bottom: 20px;
}

#google-ads-container h3
{
	border-top: none !important;
	font-weight: bold;
	font-size: 14px;
    margin-bottom: 0 !important;
    padding-top: 6px;
    padding-bottom: 15px;
}

#google-ads-container h4
{
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
}

#google-ads-container li
{
    padding-bottom: 9px;
    padding-top: 4px;
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: #999;
}
/* 92702/common/styles/grid-pixies.css */
          /* ---------- grid/mini-pixies.css starts here ---------- */
.pixies li.mini
{
	height: 112px;
}

.pixies li.mini .trail-text
{
	margin-top: 0;
	position: absolute;
	overflow: hidden;
	text-align: left;
	padding-top: 28px;
	padding-bottom: 0;
	z-index: 1;
	height: 84px;
	width: 100%;
	display: none;
	height: 140px;
}

.pixies li.mini .trail-text a
{
	display: block;
	height: 84px;
	padding-right: 5px;
	padding-top: 3px;
	width: 135px;
}

.pixies li.mini .caption
{
	font-size: 0.875em;
	height: 25px;
	overflow: hidden;
	padding-top: 3px;
}

.pixies li.mini .caption h3 a
{
    color: #fff;
}
          /* ----------  grid/mini-pixies.css ends here ----------- */

.pixies h2
{
    font-weight: bold !important;
}

.pixies li,
li.pixie.big
{
	overflow: hidden;
	position: relative;
	margin-bottom: 7px !important;
	border-top-width: 0 !important;
}

.pixies li a,
.pixies li div,
.pixies li a:hover,
li.pixie.big a,
li.pixie.big div,
li.pixie.big a:hover
{
	display: block;
	position: relative;
	text-decoration: none;
}

.pixies li,
.pixies .caption h3,
.pixies .caption p,
.pixies li.open-pix div.trail-text,
.pixies li.open-pix div.trail-text a
li.pixie.big,
li.pixie.big .caption h3,
li.pixie.big .caption p
{
	font-size: 16px !important;
	font-family: georgia, serif !important;
	font-weight: normal !important;
	line-height: 1.125;
    margin-top: 0;
    border-top-width: 0 !important;
}

li.pixie.five-col
{
	line-height: 0;
}

.pixies .caption h3
{
    margin-bottom: 0 !important;
}

.pixies .trail-text,
li.pixie.big .trail-text
{
	background-image: url(http://static.guim.co.uk/static/92702/common/styles//images/grey-bg.png);
	background-repeat: repeat;
	background-color: transparent;
	color: #333;
	display: none;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.125;
	min-height: 40px;
	max-height: 210px;
	height: auto !important;
	height: 40px;
	left: 0;
	overflow: hidden;
	margin-top: 0 !important;
	padding-top: 55px;
	padding-bottom: 10px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 1;
}

.pixies .trail-text a,
li.pixie.big .trail-text a
{
	padding-left: 4px;
	padding-right: 4px;
}

.pixies .caption,
li.pixie.big .caption
{
	position: relative;
	height: 50px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 2;
	margin: 0 !important;
}

.pixies .caption
{
	background-color: #a5a5a5;
}

/* mugshots */
.pixies li.mugshot .trail-text 
{
	padding: 0 5px 5px 5px;
}

.pixies li.mugshot .caption
{
	padding-bottom: 3px;
	min-height: 3.4em;
	height: auto;
}

.pixies li.mugshot .caption,
.pixies li.open-pix,
.pixies li.open-pix .caption,
.pixies li.open-pix .trail-text a
{
  	background: #e2e2e2;
}

.pixies li.mugshot .trail-text a:hover,
.pixies li.mugshot .caption a:hover
{
    text-decoration: underline;
}

/* open pixies - mugshot but text and image reversed */
.pixies li.open-pix
{
    margin-bottom: 10px !important;
	overflow: hidden;
	padding-bottom: 4px;
}

.pixies li.open-pix .caption
{
    height: auto;
}

.pixies li.open-pix .trail-text 
{
    display: block;
    position: static;
    padding-top: 0;
    padding-bottom: 0;
}

.pixies li.open-pix .trail-text a:hover,
.pixies li.open-pix .caption a:hover
{
    text-decoration: underline;
}

.pixies li.open-pix a img
{
	vertical-align: bottom;
}

/* section colours */


.pixies li.news .caption h3 a,
.pixies li.open-pix.news .caption p a
{
	color: #d61d00;
}

.pixies li.sport .caption h3 a,
.pixies li.open-pix.sport .caption p a
{
	color: #008000;
}

.pixies li.travel .caption h3 a,
.pixies li.open-pix.travel .caption p a,
.pixies li.travel-1 .caption h3 a,
.pixies li.open-pix.travel-1 .caption p a
{
	color: #65c5fb;
}

.pixies li.travel-2 .caption h3 a,
.pixies li.open-pix.travel-2 .caption p a
{
	color: #066ec9;
}

.pixies li.environment-1 .caption h3 a,
.pixies li.open-pix.environment-1 .caption p a
{
	color: #7bbb00;
}

.pixies li.environment-2 .caption h3 a,
.pixies li.open-pix.environment-2 .caption p a
{
	color: #4a7801;
}

.pixies li.red a,
.pixies li.red .caption h3 a,
.pixies li.open-pix.red .caption p a
{
	color: #d61d00;
}

.pixies li.blue .caption h3 a,
.pixies li.open-pix.blue .caption p a
{
	color: #4c90c1;
}

.pixies li.yellow .caption h3 a,
.pixies li.open-pix.yellow .caption p a
{
	color: #ffb93e;
}

.pixies li.black .caption h3 a,
.pixies li.open-pix.black .caption p a
{
	color: #000;
}

.pixies li.blog .caption h3 a,
.pixies li.open-pix.blog .caption p a,
.pixies li.comment .caption h3 a,
.pixies li.open-pix.comment .caption p a
{
	color: #0061a6;
}

.pixies li.lifestyle .caption h3 a,
.pixies li.open-pix.lifestyle .caption p a
{
	color: #c93900;
}

.pixies li.life-style-1 .caption h3 a,
.pixies li.open-pix.life-style-1 .caption p a
{
	color: #ffc202;
}

.pixies li.life-style-2 .caption h3 a,
.pixies li.open-pix.life-style-2 .caption p a
{
	color: #c93900;
}

.pixies li.arts-culture .caption h3 a,
.pixies li.open-pix.arts-culture .caption p a
{
	color: #f09;
}

.pixies li.culture .caption h3 a,
.pixies li.open-pix.culture .caption p a
{
	color: #d1008b;
}

.pixies li.media-professional .caption h3 a,
.pixies li.open-pix.media-professional .caption p a
{
	color: #e13209;
}

.pixies li.business-money .caption h3 a,
.pixies li.open-pix.business-money .caption p a
{
	color: #5d15ad;
}

.pixies li.business .caption h3 a,
.pixies li.open-pix.business .caption p a
{
	color: #4a64d9;
}

.pixies li.money .caption h3 a,
.pixies li.open-pix.money .caption p a
{
	color: #8f1ab6;
}

.pixies li.jobs .caption h3 a,
.pixies li.open-pix.jobs .caption p a,
.pixies li.shops-services .caption h3 a,
.pixies li.open-pix.shops-services .caption p a
{
	color: #005689;
}

.pixies li.pixie .caption h3 a,
.pixies li.pixie .trail-text a,
.pixies li.mugshot p.strap a,
.pixies li.open-pix .trail-text a,
li.pixie.big .caption h3 a,
li.pixie.big .trail-text a
{
    color: #000;
}

.pixies li.pixie .caption p a,
li.pixie.big .caption p a
{
    color: #fff;
}

.four-col .pixies .hd
{
    margin-bottom: 10px;
}

.four-col .pixies .hd h2
{
    font-weight: normal  !important;    
}

.four-col .pixies .odd
{
    margin-right: 0;
}

.four-col .pixies .first
{

	margin-bottom: 0;
}

.pixies .l1
{
	font-size: 12px !important;
	font-family: arial, sans-serif !important;
	border-top: 1px dotted #999 !important;
}

.pixies .l1 a:hover
{
	text-decoration: underline !important;
}

.pixies .new-section
{
	margin-top: 20px;
	clear: left;
	overflow: hidden;
}

.pixies .new-section.first
{
	margin-top: 0;
	margin-right: 0 !important;
}

/* guardian careers are different */
.guardian-careers .new-section 
{
	margin: 0 !important;
}

.guardian-careers .new-section h2
{
	border-top: 0 !important;
	padding-top: 0 !important;
}
/* 92702/common/styles/grid/latest-music-reviews.css */
.latest-music-reviews .link-image
{
    position: relative;
}

.latest-music-reviews .circle-mask
{
	position: absolute;
	top: 0;
	left: 0;
}

.latest-music-reviews h2
{
    border-top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.latest-music-reviews .bd
{
    float: left;
}

.latest-music-reviews .strap,
.latest-music-reviews li
{
    margin-top: 0 !important;
    margin-bottom: 0 !important;    
}
/* 92702/common/styles/header-local-info.css */
#local-info 
{
	border-bottom: 1px solid #bebebe;
	float: left;
	clear: both;
	width: 940px;
	height: 2.165em;
}

#local-info p
{
	display: inline;
	float: left;
	margin-top: 5px;
}

#local-info a#accolade
{
	color: #d61d00;
	font-weight: normal;
}

#local-info a#accolade:active,
#local-info a#accolade:focus
{
	background-color: #d61d00;
	color: white;
}

#local-info p#webfeed 
{
	margin-left: 5px;
	width: 70px;
}

#local-info p#webfeed a 
{
	background-position: 0 55%;
	background-image: url(http://static.guim.co.uk/static/92702/common/styles//images/icon_rss.gif);
	display: block;
	height: 14px;
	padding-left: 18px;
	padding-top: 1px;
}

#local-info #search,
#search 
{
	float: right;
	padding-top: 10px;
	width: 350px;
}

.network-front #local-info #search,
.network-front #search,
.network #local-info #search,
.network #search
{
	padding-top: 3px !important;
}

#local-info #web-search,
 #web-search 
{
	clear: right;
	float: right;
	position: relative;
	width: auto;
}

#local-info #web-search-field, 
#local-info #sitesearch-text,
#sitesearch-text,
#web-search-field
{
	width: 140px;
}

#local-info #search #web-search #go-guardian,
#search #web-search #go-guardian 
{
	min-width: 4em;
}
/* 92702/common/styles/news-direct-mini.css */
.news-direct-mini
{
	border-top: none !important;
	padding-top: 0 !important;
}

.news-direct-mini .hd h2
{
	border-top: none !important;
	padding-top: 0 !important;
}
/* 92702/common/styles/news-trails.css */
.news-trails .bd
{
	background-image: url(http://static.guim.co.uk/static/92702/common/styles/images/simplesite-inner-bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	overflow: hidden;
}

.news-trails .thumb .link-image
{
	float: left;
	margin-right: 10px;
}

.news-trails h3
{
	font-size: 16px !important;
	padding-bottom: 10px;
}

.news-trails h4
{
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.news-trails .pixie h3
{
	padding-bottom: 0;
}

.news-trails .rating-container
{
	position: relative;
	top: -10px;
}

.news-trails .last-updated
{
	color: #999;
	position: relative;
	top: -10px;
}

.news-trails li
{
	clear: both;
	overflow: hidden;
	margin-bottom: 14px;
}

.news-trails .sublinks li
{
	margin-bottom: 0;
}

.news-trails li.compact,
.news-trails li.heading
{
	margin-bottom: 0;
}

.news-trails .strap
{
	margin-top: 0;
	margin-bottom: 6px;
}

.news-trails .comment-count-info
{
	clear: both;
}

.news-trails .hd h2
{
	border-top: none !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}

/* the following two selectors are to make the first trail in the first instance of the component get some larger text sizes. It doesn't work in IE but the designers have said that's ok */
#main-trailblock.news-trails .four-col:first-child ul:first-child li.b3:first-child h3
{
	font-size: 21px !important;
	line-height: 23px;
}

#main-trailblock.news-trails .four-col:first-child ul:first-child li.b3:first-child .trail-text
{
	font-size: 14px;
	line-height: 17px;
}
/* 92702/common/styles/tag-plus-tag-pickable.css */
.tag-plus-tag-pickable ul li div.linktext h3
{
	font-family: georgia, serif;
	font-size: 1.33em;
	font-weight: normal;
}

.tag-plus-tag-pickable .date 
{
	font-weight: bold
}

.tag-plus-tag-pickable div.trailtext a.small 
{
	float: left;
}

.tag-plus-tag-pickable div.trailtext 
{
	margin-top: 10px;	
}

.tag-plus-tag-pickable div.trailtext p 
{
	display: inline	
}

.tag-plus-tag-pickable .trailtext img.trail-image 
{
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 0;
}

body.beautiful-boss div#related div#recent div.tag-plus-tag-pickable ul li h3,
body.beautiful-boss div#recent div.tag-plus-tag-pickable div.linktext
{
	padding-bottom: 0;
}

body.beautiful-boss div#related div#recent div.tag-plus-tag-pickable ul li h3
{
	font-size: 1.116em;
}

.boss-tag #content .tag-plus-tag-pickable div.tag-tag ul li.last a
{
    font-size: 12px;
}

.boss-tag #content .tag-plus-tag-pickable
{
    margin-bottom: 17px;
}

.tag-plus-tag-pickable li.picture
{
	border-top: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.tag-tag
{
	overflow: hidden;
}

div#wrapper div#box div.col .tag-plus-tag-pickable ul.extra-links li,
.tag-plus-tag-pickable ul.extra-links li
{
    clear: none;
    margin-right: 4px;
    margin-top: 2px;
    width: auto;
    float: left;
}

.tag-plus-tag-pickable ul.extra-links li.bullet
{
    background-image: url(http://static.guim.co.uk/static/92702/common/styles//images/icon_bullet.gif);
    background-repeat: none;
    clear: left !important;
}

.tag-plus-tag-pickable a.more
{
    font-size: 12px;
}

.tag-plus-tag-pickable h2
{
	font-weight: bold;
}

.tag-plus-tag-pickable .four-col
{
	border-top: none !important;
	padding-top: 0;
	width: 300px !important;
}

.tag-plus-tag-pickable
{
	clear: left;
}
/* 92702/common/styles/top-navigation.css */
#header,
#sub-header
{
	padding-top: 0 !important;
}

#fake-bar
{
	background-color: #ededed;
	height: 2.5em;
	margin-bottom: 20px;
}

.top-navigation
{
	position: relative;
	z-index: 300;
	top: -3.5em;
	margin-bottom: -3.5em;
	left: 10px;
	background-color: transparent;
}

.top-navigation h2
{
	font-family: arial, sans-serif;
	font-size: 12px;
}

.top-navigation .drop-down
{
	z-index: 5000 !important;
}

.top-navigation .drop-down h2
{
	cursor: default;
	font-weight: bold;
	color: #333;
}

.top-navigation .drop-down h2,
.top-navigation .drop-down li,
.top-navigation span
{
	float: left;
}

.top-navigation .drop-down h2,
.top-navigation .top-navigation #larger
{
	clear: left;
}

.top-navigation .drop-down h2,
.top-navigation .drop-down li
{
	margin-right: 10px;
	padding-bottom: 10px;
}

.top-navigation .webfeed a
{
	background-image: url(http://static.guim.co.uk/static/92702/common/styles//images/rss_icon_nobg.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 19px;
	position: static !important;
	margin: 0;
	padding-top: 0;
}

.top-navigation span
{
    padding-right: 10px;
}

.top-navigation span#larger
{
    background-image: url(http://static.guim.co.uk/static/92702/common/styles//images/textsize_a_dark.png);
    background-position: 10px center;
    padding-left: 30px;
}

.top-navigation a
{
	color: #005689;
}

/* tidy up for no javascript */
#omnitureNoScript
{
	position: absolute;
}

.top-navigation .user-details
{
	height: 2.5em;
	float: left;
}

.top-navigation .user-details .drop-down,
.top-navigation .user-details ul,
.top-navigation .user-details #sign-out
{
	float: left;
}
