/* 82844/common/styles/wide/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: none !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: none !important;
}

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

.pixies .trail-text,
li.pixie.big .trail-text
{
	background-image: url(http://static.guim.co.uk/static/82844/common/styles/wide//images/grey-bg.png);
	background-repeat: repeat;
	background-color: transparent;
	color: #333;
	display: none;
	font-family: arial, sans-serif;
	font-size: 12px;
	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.sport .caption h3 a,
.pixies li.open-pix.sport .caption p a
{
	color: #216a07;
}

.pixies li.travel .caption h3 a,
.pixies li.open-pix.travel .caption p a
{
	color: #06f;
}

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

.pixies li.lifestyle .caption h3 a,
.pixies li.open-pix.lifestyle .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.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.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;
}

/* 82844/common/styles/wide/soulmates.css */
div.soulmate
{
    margin-bottom: 10px;
    clear: both;
}

div.soulmate p
{
	border-top: 1px dotted #999;
	clear: left;
	padding-top: 3px;
	overflow: hidden;
}

div.soulmate .hd
{
	border-top-width: 10px;
	border-top-style: solid;
	font-family: georgia, serif;
    padding-top: 4px;
	padding-bottom: 15px;
}

div.soulmate h3
{
    padding: 0;
    font-weight: bold;
}

div.soulmate p a
{
	display: block;
	float: left;
	width: 70px;
}

div.soulmate p.slotfooter,
#section-contents div.soulmate p.slotfooter
{
	margin-top: 5px;
}

div.soulmate p.slotfooter a
{
	clear: left;
	display: inline;
	width: auto;
}


/* overrides */
#main-offers .soulmate h3,
#onsite .soulmate h3
{
    border-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

body.front #main-offers .soulmate .hd
{
    border-color: #a6d1e2 !important;
}