﻿/***
	O2 blueroom v4
	www.aislondon.com (2009)

	:: Last update: MB/JM 16/1/2009

	-[Inherits]------------------------
	Base.css > Generic.css
	-----------------------------------

	-[Contents]------------------------
    1. HAT	
    2. VENUE DETAILS	
	3. PAGE LAYOUT
    4. ALL LISTINGS (LEFT SECTION)
        4.1 Search
        4.2 Pagination
        4.3 Listings
    5. FEATURED LISTINGS (RIGHT SECTION)
        5.1 Tickets
        5.2 Ahead of the crowd
        5.3 Explore events at The O2
    6. FOOTER
    7. FUNKY IE6 Fix
	-----------------------------------

***/


/**
    1. HAT
*/

#rss-heading {
    margin: 1em 0 0 1em;
    overflow: hidden;
}

.feeds-logo, .feeds-intro {
    float: left;
}

.feeds-logo {
    margin: 0 21px 0 0;
    display: block;
}

.feeds-intro p {
    width: 800px;
}

.inner-content h2.viewing-feeds {
    font-size: 1.4em;
    color: #06498c;
    margin: 8px 0 0 12px;
}

ol#steps {
    margin:1em 0pt 0pt;
    overflow:hidden;
}

ol#steps li span {
    background:transparent url(../../../Generic/Images/Icons/arrow-white.png) no-repeat scroll 0% 50%;
    display:block;
    height:27px;
    position:absolute;
    right:-14px;
    top:14px;
    width:14px;
    z-index:10;
}

ol#steps .inner-content {
    padding:12px;
    background: #ffffff;
}

.inner-content.white {
    padding: 6px;
    background: #ffffff;
}

ol#steps li div {
    min-height:160px;
}

ol#steps li {
    display:block;
    float:left;
    margin:0pt 6px 0pt 0pt;
    position:relative;
    width:304px;
    font-size:1em;
}

ol#steps li div#step1 {
    background: #ffffff url(../../../Specific/RSSFeeds/Images/bg-step1.gif) no-repeat 90% 30%;
}

ol#steps li div#step2 {
    background: #ffffff url(../../../Specific/RSSFeeds/Images/bg-step2.gif) no-repeat 90% 30%;
}

ol#steps li div#step3 {
    margin:0pt;
    background: #ffffff url(../../../Specific/RSSFeeds/Images/bg-step3.gif) no-repeat 90% 30%;
}

ol#steps li.last {
    margin:0pt;
}

ol#steps li div p {
    font-size:1.2em;
}

ol#steps li div p.text-blue {
    font-size:1.4em;
    color:#06498c;
    margin-bottom:0.38em;
}

.br-feed-header {
    width: 442px;
    height: 5px;
    margin: 0;
    padding: 0;
    background: url(../../../Specific/RSSFeeds/Images/header-feed.gif) no-repeat top left;
}

.br-feed-detail  {
    position: relative;
    overflow: hidden;
    width: 428px;
    min-height: 85px;
    padding: 2px 7px 0 7px;
    background: url(../../../Specific/RSSFeeds/Images/footer-feed.gif) no-repeat bottom left;
}

.br-feed-detail .rss-link, .br-feed-detail2 .rss-link {
    position: absolute;
    bottom: 6px;
    right: 8px;
}

.br-feed-detail p.feed-title {
   width: 242px;
}

.br-feed-header2 {
    width: 216px;
    height: 5px;
    margin: 0;
    padding: 0;
    background: url(../../../Specific/RSSFeeds/Images/header-feed2.gif) no-repeat top left;
}

.br-feed-detail2  {
    position: relative;
    overflow: hidden;
    width: 202px;
    min-height: 85px;
    padding: 2px 7px 0 7px;
    background: url(../../../Specific/RSSFeeds/Images/footer-feed2.gif) no-repeat bottom left;
}

.feed-icon {
    width: 76px;
    margin: 0 6px 0 0;
    float: left;
}

p.feed-title {
    font-size: 1.2em;
    float: left;
    margin: 0.5em 0 0 0;
}

p.feed-title span {
    font-weight: bold;
}

.br-feed-detail p.feed-title {
   width: 242px;
}

.br-feed-detail2 p.feed-title {
   width: 110px;
   font-weight: bold;
}

.hat-442 {
    background: url(../../../Specific/RSSFeeds/Images/hat-442.gif) no-repeat top left;
    margin: 0 0 1em 0;
    padding: 0;
}

.hat-442-footer {
    background: url(../../../Specific/RSSFeeds/Images/hat-442-footer.gif) no-repeat bottom left;
    min-height: 3px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.hat-442-footer p {
    color: #ffffff;
    font-size: 1.4em;
    margin: 0.5em 15px 0.5em 15px;
    padding: 0;
}

.hat-442-footer p {
    color: #ffffff;
    font-size: 1.4em;
    margin: 0.5em 15px 0.5em 15px;
    padding: 0;
}

.inner-content #blueroom-rss-details, .inner-content #academy-rss-details {
    width: 442px;
    float: left;
}

.inner-content #blueroom-rss-details {
        margin: 0 10px 0 0;
}

.inner-content #academy-rss-details ul, .inner-content #blueroom-rss-details ul {
    list-style-type: none;
    list-style-position: inside;
    margin:0pt 0pt 1em 0;
}

.inner-content #blueroom-rss-details ul li  {
    width: 428px;
    margin: 0 0 1em 0;
    float: left;
}

.inner-content #academy-rss-details ul li  {
    width: 216px;
    float: left;
}

.inner-content #academy-rss-details ul li.item-left  {
    margin: 0 10px 10px 0;
}

.inner-content #academy-rss-details ul li.item-right  {
    margin: 0 0 1em 0;
}

.inner-content .grey-inner-sleeve {
    padding: 10px 0 10px 10px;
    overflow: hidden;
    background: url(../../../Specific/RSSFeeds/Images/bg-grey-inner.jpg) no-repeat top left;
}