/*
Theme Name: London Bike Show
Theme URI: http://www.londonbikeshow.co.uk
Description: Bespoke theme for London Bike Show.
Version: 1
Author: Mart Gordon
Author URI: http://martgordon.com/
Tags: bespoke

*/

* {
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address, hr {
margin-bottom: 20px;
}

html, body {
margin: 0px;
padding: 0px;
border: 0px;
}

/*
Basic styling for text etc. used by older browsers such as NN4.
*/

html {
background: #000;
}

body {
background: #000 url('images/backgrounds/main.jpg') no-repeat top left;
font-family:'helvetica','arial',sans-serif;
font-size: 62.5%;
color: #fff;
margin: 0px;
}

p {
font-size: 1.2em;
line-height: 1.5em;
font-weight: normal;
padding: 0;
margin: 0;
margin-bottom: 1em;
}

ul, dl {
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 1em;
}

img {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

a img {
border: none;
}

a {
color: #a22330;
}

a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
a:active{
text-decoration: underline;
}

h1 {
font-family: Impact,Charcoal,sans-serif;
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
color: #a22330;
margin: 0;
}
  
h2 {
font-family: Impact,Charcoal,sans-serif;
font-size: 15px;
text-transform: uppercase;
font-weight: normal;
}

h3 {
font-family: Impact,Charcoal,sans-serif;
font-size: 13px;
text-transform: uppercase;
font-weight: normal;
}

h4 {
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: #000;
margin: 0;
}

h4 a {
color: #000;
}

hr {
width: 100%;
clear: both;
float: left;
margin: 0  0 1em 0;
height: 1px;
border: 0;
border-top: 1px solid #555;
}

/* ####### Main site layout styling ####### */
/* ######################################## */

.wrapper {
position: relative;
margin: 0;
width: 977px;
margin-left: 63px;
height: auto;
text-align: left;
overflow: hidden;
color: #000;
}

.header {
float: left;
width: 977px;
height: 212px;
position: relative;
}

#flashcontent {
float: left;
width: 806px;
height: 212px;
position: relative;
}

.top-subnav {
clear: left;
float: left;
width: 815px;
height: 20px;
position: relative;
margin: 0 auto;
}

.top-subnav ul {
margin: 0 auto;
list-style: none;
text-align: center;
}

.top-subnav ul li {
display: inline;
padding: 0 20px;
color: black;
}

.top-subnav ul li a {
color: white;
font-family: Impact,Charcoal,sans-serif;
font-size: 14px;
text-transform: uppercase;
}

.page-id-9 .top-subnav ul li a#post-9, .parent-pageid-9 .top-subnav ul li a#post-9 {
color: black;
}

.page-id-28 .top-subnav ul li a#post-28, .page-id-57 .top-subnav ul li a#post-57, .page-id-50 .top-subnav ul li a#post-50, .page-id-52 .top-subnav ul li a#post-52, .page-id-54 .top-subnav ul li a#post-54, .parent-pageid-54 .top-subnav ul li a#post-54, .page-id-59 .top-subnav ul li a#post-59, .page-id-111 .top-subnav ul li a#post-111, .page-id-105 .top-subnav ul li a#post-105, .page-id-98 .top-subnav ul li a#post-98, .page-id-103 .top-subnav ul li a#post-103, .page-id-107 .top-subnav ul li a#post-107, .page-id-109 .top-subnav ul li a#post-109, .page-id-101 .top-subnav ul li a#post-101, .page-id-70 .top-subnav ul li a#post-70, .parent-pageid-70 .top-subnav ul li a#post-70, .page-id-36 .top-subnav ul li a#post-36, .parent-pageid-36 .top-subnav ul li a#post-36, .page-id-1089 .top-subnav ul li a#post-1089, .parent-pageid-1089 .top-subnav ul li a#post-1089, .page-id-2604 .top-subnav ul li a#post-2604, .page-id-2612 .top-subnav ul li a#post-2612, .page-id-2609 .top-subnav ul li a#post-2609, .page-id-2620 .top-subnav ul li a#post-2620, .page-id-2498 .top-subnav ul li a#post-2498, .page-id-2594 .top-subnav ul li a#post-2594 {
color: black;
}

.top-subnav ul li a:hover, .top-subnav ul li a:focus {
color: black;
text-decoration: none;
}

.maincontent {
	clear: left;
float: left;
position: relative;
margin: 0;
width: 815px;
height: 583px;
text-align: left;
overflow: hidden;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

.footer {
float: left;
position: relative;
width: 977px;
height: auto;
margin: 5px 0 10px;
}

.homecontent {
float: left;
position: relative;
margin: 0;
width: 815px;
height: 385px;
}

.homeextra {
clear: left;
float: left;
position: relative;
margin: 0;
width: 815px;
height: 177px;
border-top: 1px solid #000;
background: #ccc;
}

.maincontent ul {
list-style: disc inside;
}

.pager {
	clear: left;
	float: left;
display: block;
width: 100%;
font-size: 11px;
line-height: 33px;
}

.pager .pageNum {
padding: 2px 5px;
}

.pager a.pageNum {
background: #a22330;
color: #fff;
}

.pager a.pageNum:hover {
color: #a22330;
background: #fff;
}

.pager .currentPage {
text-decoration: underline;
}

/* ####### Header content styles ######## */
/* ###################################### */

.header .logo {
position: absolute;
top: 0;
left: 0;
text-indent: -9999em;
}

.header .logo a {
width: 340px;
height: 138px;
display: block;
}

#menu {
position: absolute;
top: 138px;
left: 20px;
width: 777px;
height: 74px;
}

#menu ul {
list-style: none;
width: 777px;
height: 74px;
}

#menu li {
float: left;
height: 74px;
}

#menu li a {
float: left;
height: 74px;
display: block;
text-indent: -9999em;
background: url('images/navigation/navigation.png') no-repeat top left;
}

#menu li#home a {
width: 50px;
background-position: 0 0;
}

#menu li#features a {
width: 94px;
background-position: -50px 0;	
}

#menu li#guests {
width: 121px;
text-indent: -9999em;
background: url('images/navigation/navigation.png') no-repeat top left;
background-position: -144px 0;
}

#menu li#brands a {
width: 135px;
background-position: -265px 0;
}

#menu li#timetables {
width: 92px;
text-indent: -9999em;
background: url('images/navigation/navigation.png') no-repeat top left;
background-position: -400px 0;
}

#menu li#buy {
width: 93px;
text-indent: -9999em;
background: url('images/navigation/navigation.png') no-repeat top left;
background-position: -492px 0;
}

#menu li#info a {
width: 107px;
background-position: -585px 0;
}

#menu li#community a {
width: 85px;
background-position: -692px 0;
}

#menu li#home a:hover, #menu li#home a:focus {
background-position: 0 -74px;
}

#menu li#features a:hover, #menu li#features a:focus {
background-position: -50px -74px;
}

#menu li#guests a:hover, #menu li#guests a:focus {
background-position: -144px -74px;
}

#menu li#brands a:hover, #menu li#brands a:focus {
background-position: -265px -74px;
}

#menu li#timetables a:hover, #menu li#timetables a:focus {
background-position: -400px -74px;
}

#menu li#buy a:hover, #menu li#buy a:focus {
background-position: -492px -74px;
}

#menu li#info a:hover, #menu li#info a:focus {
background-position: -585px -74px;
}

#menu li#community a:hover, #menu li#community a:focus {
background-position: -692px -74px;
}

#menu2 {
position: absolute;
top: 189px;
left: 0;
width: 777px;
height: 22px;
font-family: Impact,Charcoal,sans-serif;
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
font-weight: normal;
}

#menu2 ul {
list-style: none;
width: 777px;
height: 22px;
margin: 0;
}

#menu2 li {
float: left;
height: 22px;
border-right: 2px solid #fff;
}

#menu2 li a {
float: left;
height: 15px;
padding: 4px 20px 3px;
display: block;
color: #fff;
line-height: 13px;
}

#menu2 li a:hover, #menu2 li a:focus, .parent-pageid-96 #menu2 li#want-to a, .page-id-1102 #menu2 li#ex-login a, .parent-pageid-1102 #menu2 li#ex-login a {
color: #a22330;
text-decoration: none;
}

.sponsors {
position: absolute;
top: 0;
right: 0;
width: 170px;
height: auto;
}

.sponsors #inc-text {
margin-top: 5px;
}

.sponsors #lbs-logo {
margin: 10px 51px 0;
}

.newsletter {
position: absolute;
top: 135px;
right: 0;
width: 170px;
height: auto;
}

.newsletter #reg-title {
position: absolute;
top: 3px;
left: 0;
}

.newsletter #form-submit {
position: absolute;
top: 0;
right: 0;
}

.newsletter #email {
position: absolute;
top: 20px;
left: 0;
width: 164px;
border: 0;
padding: 2px;
}

/* ####### Home Content Styling ####### */
/* #################################### */

.homecontent .video {
position: absolute;
top: 5px;
left: 5px;
width: 498px;
height: 375px;
}

.homecontent .home-features {
position: absolute;
top: 5px;
right: 5px;
width: 302px;
height: 172px;
}

.homecontent .home-photos {
position: absolute;
top: 182px;
right: 5px;
width: 302px;
height: 198px;
background: #000;
}

.homeextra .home-features {
float: left;
width: 582px;
height: 132px;
padding: 15px 10px 30px;
overflow: hidden;
overflow-x: scroll;
}

.homeextra .home-features ul {
float: left;
width: 964px;
height: 132px;
margin: 0;
padding: 0;
list-style: none;
}

.homeextra .home-features ul li {
float: left;
display: inline;
width: 230px;
height: 126px;
padding: 3px;
margin-right: 5px;
background: url('images/backgrounds/home-feature-day.png') no-repeat top left;
}

.homeextra .home-features ul li img {
float: left;
width: 111px;
height: 126px;
}

.homeextra .home-features ul li span {
float: left;
width: 110px;
height: 63px;
padding: 65px 4px 0 5px;
text-transform: uppercase;
display: block;
font-size: 10px;
line-height: 12px;
text-align: center;
}

.homeextra .home-features ul li span a {
font-family: Impact,Charcoal,sans-serif;
font-size: 13px;
}

.homeextra .home-sponsors {
float: left;
width: 213px;
height: 177px;
background: url('images/backgrounds/home-sponsors.jpg') no-repeat top left;
}

.homeextra .home-sponsors h2 {
color: white;
width: 213px;
text-align: center;
margin: 0;
line-height: 1em;
padding: 5px 0;
}

.homeextra .slideshow {
clear: left;
float: left;
width: 213px;
height: 152px;
line-height: 152px;
text-align: center;
overflow: hidden;
position: relative;
}

.homeextra .slideshow a {
display:block;
height:152px;
width:213px;
}

.homeextra .slideshow a img {
position: absolute;
top: 0;
left: 0;
}

#slideshow {
    position:relative;
    height:152px;
}

#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow a.active {
    z-index:10;
    opacity:1.0;
}

#slideshow a.last-active {
    z-index:9;
}

/* ####### General Content Stylings ####### */
/* ######################################## */

.one-col {
float: left;
position: relative;
margin: 0;
padding: 20px;
width: 775px;
height: 523px;
overflow: auto;
}

.two-col {
float: left;
position: relative;
margin: 0;
padding: 0;
width: 815px;
height: 563px;
}

.subnav-left {
float: left;
position: relative;
margin: 0;
padding: 0;
width: 239px;
height: 563px;
overflow: auto;
overflow-x: hidden;
background: #ccc;
border-right: 1px solid #000;
}

.second-col {
float: right;
position: relative;
margin: 0;
padding: 20px;
width: 535px;
height: 523px;
overflow: auto;
}

.subnav-excerpt {
float: left;
margin: 0;
width: 209px;
height: auto;
padding: 10px 5px 10px 10px;
}

ul.login-menu {
list-style: none;
}

ul.login-menu li {
float: left;
margin: 0;
width: 209px;
height: auto;
padding: 10px 5px 10px 10px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: #000;
margin: 0;
}

ul.login-menu li a {
color: #000;
}

.subnav-excerpt p, .brands-excerpt p {
margin: 0;
}

.subnav-left .even {
background: #fff;
}

h1.brands-title {
color: black;
margin-bottom: 1em;
}

.brands-excerpt {
clear: left;
float: left;
margin: 0;
width: 755px;
height: auto;
padding: 10px;
}

.brands-excerpt h2 {
margin: 0;
}

#content .brands-excerpt img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.one-col .even {
background: #ccc;
}

.subnav-left h2 {
width: 239px;
background: black;
color: white;
font-size: 18px;
text-align: center;
padding: 10px 0;
margin: 0;
}

.nomargin {
margin: 0;
}

.news-date {
text-transform: uppercase;
color: #a22330;
}

.contact-page {
background: url('images/pf/lbs-logo-bg.jpg') no-repeat 550px 400px;
}

.contact-page h1 {
margin-bottom: 20px;
}

.contact-page h1 span {
color: black;
}

.contact_images {
float: left;
width: 100%;
height: auto;
margin-bottom: 20px;
}

#content .contact_images img {
float: left;
margin-right: 30px;
}

#content .contact_images img.last-image {
margin: 0;
}

#the-contacts {
float: left;
width: 540px;
height: auto;
}

.contact_person {
float: left;
width: 220px;
margin: 0 50px 30px 0;
}

.bookmarks li a {
color: black;
}

/* ####### Footer content styling ####### */
/* ###################################### */

#footer-menu {
position: absolute;
top: 0;
right: 0;
width: 761px;
height: 31px;
}

#footer-menu ul {
list-style: none;
width: 761px;
height: 31px;
}

#footer-menu li {
float: left;
height: 31px;
}

#footer-menu li a {
float: left;
height: 31px;
display: block;
text-indent: -9999em;
background: url('images/navigation/footer.gif') no-repeat top left;
}

#footer-menu li#sponsors a {
width: 180px;
background-position: 0 0;
}

#footer-menu li#exhibiting a {
width: 160px;
background-position: -180px 0;	
}

#footer-menu li#contact a {
width: 150px;
background-position: -340px 0;
}

#footer-menu li#press a {
width: 170px;
background-position: -490px 0;
}

#footer-menu li#privacy a {
width: 101px;
background-position: -660px 0;
}


#footer-menu li#sponsors a:hover, #footer-menu li#sponsors a:focus, .page-id-80 #footer-menu li#sponsors a, .parent-pageid-80 #footer-menu li#sponsors a {
background-position: 0 -31px;
}

#footer-menu li#exhibiting a:hover, #footer-menu li#exhibiting a:focus, .page-id-96 #footer-menu li#exhibiting a, .parent-pageid-96 #footer-menu li#exhibiting a {
background-position: -180px -31px;
}

#footer-menu li#contact a:hover, #footer-menu li#contact a:focus, .page-id-84 #footer-menu li#contact a, .parent-pageid-84 #footer-menu li#contact a {
background-position: -340px -31px;
}

#footer-menu li#press a:hover, #footer-menu li#press a:focus, .page-id-92 #footer-menu li#press  a, .parent-pageid-92 #footer-menu li#press a {
background-position: -490px -31px;
}

#footer-menu li#privacy a:hover, #footer-menu li#privacy a:focus, .page-id-90 #footer-menu li#privacy  a, .parent-pageid-90 #footer-menu li#privacy a {
background-position: -660px -31px;
}



/* ####### Skyscraper positioning ####### */
/* ###################################### */

.skyscraper {
position: absolute;
width: 160px;
height: 600px;
top: 195px;
right: 0;
}

.skyscraper a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

.skyscraper a.active {
    z-index:10;
    opacity:1.0;
}

.skyscraper a.last-active {
    z-index:9;
}

/* ####### Post navigation ####### */
/* ############################### */

.navigation {
clear: left;
float: left;
width: 100%;
margin: 0 0 20px;
font-size: 1.2em;
}

.navigation .alignleft, .navigation .alignright {
float: right;
width: 45%;
height: auto;
padding: 0 0 0 5%;
text-align: right;
}

.navigation .alignleft {
float: left;
padding: 0 5% 0 0;
text-align: left;
}

/* ####### Blog Styling ####### */
/* ############################ */

.blogmain {
float: left;
height: auto;
width: 510px;
padding: 20px;
position: relative;
}

.auxcontent {
float: left;
width: 205px;
height: auto;
background: #eee;
padding: 20px;
position: relative;
}

.auxcontent ul {
list-style: none;
}

.auxcontent ul h2 {
margin-bottom: 10px;
}

.auxcontent ul ul li {
font-size: 12px;
border-bottom: 1px dotted #777;
}

.postmetadata {
border-top: 1px dotted #777;
border-bottom: 1px dotted #777;
padding: 10px 0;
}

h3#comments {
margin-bottom: 0;
}

.blogwrap {
float: left;
padding: 0;
width: 815px;
height: 563px;
position: relative;
overflow: auto;
background: #fff url('_images/_backgrounds/blog_bg.gif') repeat-y;
}

ol.commentlist {
list-style: none;
}

ol.commentlist cite {
font-size: 1.4em;
font-style: normal;
}

ol.commentlist li {
width: 470px;
padding: 20px;
}

ol.commentlist li.even {
background: #eee;
}

/* Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}


/* Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background:none !important;
	}
	#wrapper {
		float: none !important;
		clear: both !important;
		display: block !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		margin: 0;
		padding:0;
		line-height: 1.4em;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		width: 100%;
		margin: 0;
	}
	#content,
	.one-column #content {
		width: 100%;
		margin: 24pt 0 0;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display:none
	}
	#site-generator a {
		padding: 0;
	margin: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display:inline;
	}
	.home .sticky {
		border: none;
	}
}