/*
Theme Name: Fan
Theme URI: fan
Description: The 2010 default theme for WordPress.
Author: fan
Author URI: fan
Version: 1.0
Tags: fan

License:
License URI:

General comments (optional).
*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
strong {font-weight: bold;}


/* // Font Face // */
@font-face {
    font-family: 'Apercu';
    src: url('fonts/apercu-webfont.eot');
    src: url('fonts/apercu-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-webfont.woff') format('woff'),
         url('fonts/apercu-webfont.ttf') format('truetype'),
         url('fonts/apercu-webfont.svg#apercuregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Apercu';
    src: url('fonts/apercu-bold-webfont.eot');
    src: url('fonts/apercu-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-bold-webfont.woff') format('woff'),
         url('fonts/apercu-bold-webfont.ttf') format('truetype'),
         url('fonts/apercu-bold-webfont.svg#apercubold') format('svg');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Apercu';
    src: url('fonts/apercu-italic-webfont.eot');
    src: url('fonts/apercu-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apercu-italic-webfont.woff') format('woff'),
         url('fonts/apercu-italic-webfont.ttf') format('truetype'),
         url('fonts/apercu-italic-webfont.svg#apercuitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* Main */
body {
	background: url('images/bg.jpg');
	color: #0a0a0a;
	font: 14px/1.357em "Apercu", Verdana, Arial, sans-serif;
}
.container {
	margin: 0 auto;
	padding: 0 30px;
	width: 800px;
}
a {color: #82c99d;}
a:hover {color: #6fad87;}

#fan_big {
	
	height: 340px;
	position: relative;
	width: 274px;
	z-index: 1;
	left: -205px;
	background: url('images/fan-big.svg') no-repeat;
	background-size: auto 340px;
	top: -15px;

	
}

.top {
	height: 60px;
	margin: 0 0 30px;
	padding-top: 65px;
}
.top ul li {
	/*background: url('images/top-bullet.svg') no-repeat center left;*/
	/*float: left;*/
	/*padding-left: 27px;*/
	/*width: 200px;*/
}
.top .secondaries {
	padding-top: 4px;
	float: right;
	width: 236px;
	text-align: center;
	
}

.top .secondaries.lon {
	padding-top: 0px;
}
#navLondon .current-issue.current .sub_bg {
background-color: transparent !important;
}
#navLondon .current-issue.current   a {
color: black !important;
}
.top .active {
	background: none;
	padding: 0;
	width: 400px;
	float: left;
}

/* // Menu: Active, big logo // */
.top .active.ftf {
	/*margin-right: 16px;*/
	width: 538px;
	
	
}
.top .active.ftf a {
	height: 60px;
	background: url('images/fanthefire.svg') no-repeat;
}
.top .active.mg {
	margin-right: 16px;
	width: 357px;
}
.top .active.mg a {background-position: 0 -42px;}
.top .active.ll {
	margin-right: 16px;
	width: 402px;
}
.top .active.ll a {background-position: 0 -93px;}

/* // Menu: Secondary elements, with hover // */
.top .ftf.secondary {
	margin-right: 13px;
	padding-left: 23px;
	width: 159px;
}
.top .ftf.secondary a {background-position: -401px -10px;}
.top .ftf.secondary a:hover {background-position: -646px -10px;}

.top .secondary {
	padding-bottom: 13px;
	display: inline-block;
}
.top .ll.secondary {
	
	width: 205px;
}
.top .ll a {

background: url('images/thelondonlist-secondary.svg') no-repeat;

background-position: 0px -23px;
height: 19px;

}
.top .ll.secondary a:hover { 
	background-position: 0px 0px;	
}

.top .ftf-link a {
width: 161px;
background: url('images/fanthefire-secondary.svg') no-repeat;

background-position: 0px -23px;
height: 19px;

}
.top .ftf-link a:hover { 
	background-position: 0px 0px;	
}



.top .mg.secondary {width: 154px;}
.top .mg a {
background: url('images/magazine-secondary.svg') no-repeat;
background-position: 0px -23px;
}
.top .mg.secondary a:hover {background-position: 0px 0px;	}

.navigation {
	margin-bottom: 27px;
}

.current .sub_bg{
	
	display: block !important;
}

.current a.main{
	
	color: white !important;
} 

#nav {
	float: left;
	width: 545px;
}
 #navLondon {
	float: left;
	width: 562px;
}
#nav > li {
	width: 109px;
}
#nav > li,#navLondon > li  {
	font-size: 1.429em;
	font-weight: bold;
	float: left;
	position: relative;
	
}
#nav li a.main {
	
	width: 79px;
}
#nav li a.main,#navLondon li a.main  {
	color: #000;
	border-bottom: 5px solid #939598;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 47px;
	position: relative;
	z-index: 9999;
}

#navLondon > li {
	padding-right: 30px;
}
#navLondon li a.main {
	padding: 0px 6px;
}

.active.london a {

	width: 590px;
	height: 50px;
	background: url('images/thelondonlist.svg') no-repeat;

}
.top .active.magazine a {

	width: 540px;
	height: 57px;
	background: url('images/magazine.svg') no-repeat;

}
.top .active.magazine {
width: 540px !important;

}
.active.london {
width: 592px !important;

}
#nav li a.main .bullet, #navLondon li a.main .bullet {
	background: url('images/nav-bullet.svg') no-repeat;
	background-position: 5px 0;
	display: inline-block;
	height: 10px;
	width: 18px;
}
#nav li a.main:hover .bullet, #navLondon  li a.main:hover .bullet{
	background-position: 5px -43px;
}

#nav li.music a.main, #navLondon li.london a.main {border-color: #82c99d;}
#nav li.film a.main, #navLondon li.paris a.main{border-color: #809fd3;}
#nav li.art a.main, #navLondon li.dubrovnik a.main {border-color: #ffd64f;}
#nav li.style a.main, #navLondon li.new-york a.main {border-color: #ffd64f;}
#nav li.style a.main, #navLondon li.los-angeles a.main {border-color: #fd7564;}
#nav li .sub_bg, #navLondon li .sub_bg {
	background: #242424;
	display: none;
	height: 65px;
	position: absolute;
	left: -15px;
	top: 0px;
	width: 100%;
	z-index: 9998;
}
#navLondon li .sub_bg {
	left: -12px !important;
	
}
#nav li .sub, #navLondon li .sub {
	background: #242424;
	color: #fff;
	display: none;
	left: -15px;
	padding: 0 0 10px;
	position: absolute;
	top: 60px;
	min-width: 109px;
	z-index: 9998;
}
#nav li .sub a, #navLondon li .sub a {
	color: #fff;
	display: block;
	font-size: 0.9em;
	line-height: 1.286em;
	margin: 0 15px;
	padding: 5px 0;
	text-decoration: none;
	min-width: 79px;
}
#nav li .sub a:hover , #navLondon li .sub a:hover {text-decoration: underline;}

/* // Nav Hover, show submenu // */
#nav li:hover a.main, #navLondon li:hover a.main {
	color: #fff;
}
#nav li:hover .sub, #nav li:hover .sub_bg, #navLondon li:hover .sub, #navLondon li:hover .sub_bg {display: block;}

form#search {
	height: 52px;
	float: right;
	width: 235px;
}
form#search p {
	height: 52px;
	width: 235px;
}
form#search p input {
	background: #fff url('images/search-bg.svg') no-repeat 200px 19px;
	border: 0;
	color: #a6a6a6;
	height: 24px;
	font-size: 1.071em;
	padding: 14px 45px 14px 20px;
	outline: none;
	line-height: 24px;
	width: 170px;
}
form#search p input:focus {
	background-position: 200px -66px;
	color: #7f7f7f;
}

#header .social{
	
	min-width: 236px;
	text-align: center;
}

.fb-like {margin-right: 10px; overflow: hidden;}
/* // Open/Close Navigation // */
#nav-toggle {
	background: url('images/nav-toggle.svg') no-repeat;
	display: none;
	height: 52px;
	width: 53px;
}
#nav-toggle.active {background-position: 0 -52px;}

/* // Sub Navigation // */
#sub_navigation {
	margin-bottom: 55px;
	height: 25px;
	position: relative;
	z-index: 9;
}
.archive #sub_navigation {
/* 	margin-bottom: 40px; */
}
#subnav {
	float: left;
	width: 520px;
}
#subnav li {
	float: left;
	margin-right: 28px;
}
#subnav li a {
	color: #a6a6a6;
	display: block;
	font-size: 1.071em;
	font-weight: bold;
	text-decoration: none;
}
#subnav li a:hover {color: #0a0a0a;}

#content {
	position: relative;
	z-index: 2;
}

/* Posts */
.post {
	background: #fff;
	margin-bottom: 20px;
	padding: 15px 30px 30px;
	position: relative;
}
.post.review {
	overflow: auto;
}
.post_content {
	overflow: visible; 
	
}
.post.review .post_content {
	/*overflow: auto;
	margin-bottom: 25px;*/
	overflow: auto;
padding-bottom: 50px;
/* float: right; */
/* width: 590px; */
display: table-cell;
vertical-align: top;
}


.post .review-wrapper {
	display: table; margin-bottom: 30px; 
}
.post_title {
	margin: 0 auto;
	width: 860px;
	background: white;
}
.post_title h1 {
	padding-top: 25px;
	padding-left: 30px;
	position: relative;
	padding-right: 30px;
}
.post_title h1 a {
	color: #0a0a0a;
	display: block;
	font-size: 3.214em;
	font-weight: bold;
	line-height: 1.143em;
	text-decoration: none;
}
.post_title h1 a:hover {text-decoration: underline;}


.post_title .badges.ll	{
	background: url('images/londonbadge.svg') no-repeat;
	background-size: 92px;
	bottom: 7px;
	right: 18px;
}

.post_title h1.badge a {
width: 685px;
}

.post_title a.badges {
background: url('images/recommends.svg') no-repeat;
bottom: 7px;
height: 93px;
right: 18px;
position: absolute;
background-size: 92px;
width: 92px !important;
}
.badges.fr ~ .badges.ll {

    display: none;

}

img.6-image_main {
	float: left;
}


.post .meta {
	color: #a6a6a6;
	font-size: 1.071em;
	line-height: 1.327em;
	margin-bottom: 40px;
}
.post .meta .cat{
	float: left;
	width: 500px;
}
.post .meta .date {
	float: left;
	width: 300px;
	text-align: right;
	
}
.post .meta a {
	color: #a6a6a6;
	font-weight: bold;
}
.post .meta a:hover {
	color: #0a0a0a;
} 
.post p {
	font-size: 1.39em;
	line-height: 1.5em;
	margin-top: 25px;
	position: relative;
	word-wrap:break-word;
}

.post .more-content {
	display: none;
	padding-top: 1em;
}
.post p:first-child {
	margin-top: 0 !important;
}
.post p.featured-image {margin-top: 30px;  margin-bottom: 30px }
.post p.featured-image img { float: none; }
.post p p {
font-size: 1em;
}

.post p:last-child {margin-bottom: 0; margin-top:0;}
.post p:last-child:not(:empty) {margin-top:15px !important;}
.post_content p:nth-last-child(2) {margin-bottom: 0;}
.post.review p:nth-last-child(2) {margin-bottom: 0px !important; }
.post .rating > div{
	display: inline-block;
	margin-right: 1em;
}
.post .rating {
	bottom: 34px;
	right: 30px;
	font-size: 1.4em;
}
.post.review .rating {
	bottom: 28px;
	right: 1.8em;
}
.post_content p img {
/* 	margin-bottom: 15px; */
}
.post p.quote, blockquote {
	color: #809fd3;
	font-size: 2em;
	font-weight: bold;
	padding: 25px 70px 0 70px;
	text-align: center;
	line-height: 1.2em;
}
blockquote,  blockquote p {
	line-height: 1.2em !important;
}

.post p a {font-weight: bold;}

.post .rating {
	color: #809fd3;
	text-align: right;
	float: right;
	line-height: 1em;
	padding-top: 1em;
	margin-left: 1em;
}
.post .rating span {
	color: #0a0a0a;
	font-size: 3.5em;
	padding-left: 8px;
}
.post .rating.alone span {
	color: #0a0a0a;
	font-size: 4em;
	padding-left: 16px;
}
.post .rating span.label {font-size: 1.1em;}
.post .rating_pusher {
	float: right;
	height: 60px;
	width: 0;
}
.post .rating.inline {
	clear: right;
	font-size: 1.289em;
	float: right;
	padding-top: 0.5em;
}

.post_footer {
	margin-bottom: 60px;
	text-align: center;
	letter-spacing: 10px;
}
.post_footer a.social {
	background: url('images/post_footer_social.svg') no-repeat;
	display: inline-block;
	height: 42px;
	width: 41px;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.post_footer a.fb {background-position: -41px 0;}
.post_footer a.tw {background-position: -82px 0;}
.post_footer a.su {background-position: -123px 0;}
.post_footer a.social:hover {opacity: 0.8;}

.post_ad {
	background: url('images/ad-border.png') repeat-x left bottom;
	margin: 20px auto 50px;
	padding-bottom: 20px;
	text-align: center;
}
.post_ad .top-border {
	background: url('images/ad-border.png') repeat-x;
	height: 4px;
	margin: 0 0 20px -30px;
	width: 860px;
}

/* Post Type: Review */
.post.review {padding-bottom: 0;}
.post.review p {
	float: right;
	width: 575px;
	position: relative;
	top: -0.3em;

}
.post.review .featured-image {
	/*float: left;
	margin: 0;
	width: 195px;
	margin-bottom: 30px;*/
	margin: 0;
	width: 195px;
	margin-bottom: 30px;
	display: table-cell;
	vertical-align: top;
}

/* // Single: Related Posts // */
#posts_related ul {
	background: #fff;
	margin-bottom: 60px;
	padding: 30px 0 30px 30px;
	width: 830px;
}
#posts_related ul li {
	float: left;
	margin-right: 30px;
	width: 136px;
}
#posts_related ul li a {
	color: #0a0a0a;
	display: block;
	font-size: 1.143em;
	font-weight: normal;
	line-height: 1.3em;
	text-decoration: none;
}
#posts_related ul li a img {
	height: auto;
	margin-bottom: 10px;
	width: 136px;
}
#posts_related ul li a b {font-weight: normal;}
#posts_related ul li a small {
	color: #a6a6a6;
	display: block;
	font-size: 0.750em;
}
#posts_related ul li a:hover b {text-decoration: underline;}
#posts_related ul li a:hover div {opacity: 0.8;}
#posts_related ul li a:hover img {opacity: 0.8;}
.also_thumbnail {
	margin-bottom: 10px;
	width: 136px;
	height: 136px;
	background-size: auto 100%;
}

/* // Blog General // */
.blog h4, .single h4, .archive h4, .search h4, .page h4 {
	color: #0a0a0a;
	font-size: 2.3em;
	font-weight: bold;
	margin: 30px auto 50px;
	text-align: center;
	width: 800px;
}


/* // Regular Page // */
.block-page {
	background: #fff;
	margin-bottom: 30px;
	padding: 30px;
	position: relative;
}
.block-page h1 {
	color: #0a0a0a;
	font-size: 3.214em;
	font-weight: bold;
	line-height: 1.429em;
}
.block-page h2 {
	color: #0a0a0a;
	font-size: 2.286em;
	font-weight: bold;
	line-height: 1.429em;
}
.block-page h3 {
	color: #0a0a0a;
	font-size: 1.429em;
	font-weight: normal;
	line-height: 1.429em;
}


/* // Magazine // */

.magazine li.secondary{margin-right: 8px !important; padding-left: 26px;}
.magazine #nav > li {
	margin-right: 30px;
	width: 140px;
}
.magazine #nav li a.main {width: 140px;}
.magazine #nav li .sub_bg {
	padding-right: 30px;
}
#navLondon li.current-issue a.main {border-color: #fd7564;}
#navLondon li.back-issues a.main  {border-color: #809fd3;}
#magazine_embed {
	margin: 0 auto;
	width: 960px;
}

/* // Magazine Back Issues // */
.backissues #content.container {
	width: 860px;
}
.backissues #issues {
	overflow: hidden;
	width: 916px;
	text-align: center;
}
.backissues .issue {
	display: inline-block;
/* 	float: left; */
/* 	margin: 0 55px 30px 0; */
	width: 174px;
	margin: 0 52px 30px 0px;
}
.backissues .issue a {
	color: #0a0a0a;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 174px;
}
.backissues .issue a:hover {text-decoration: underline;}
.backissues .issue a img {
	height: 226px;
	margin-bottom: 10px;
	width: 174px;
}
.backissues .issue a:hover img {opacity: 0.8;}
.backissues .issue a strong {
	font-size: 2.143em;
	font-weight: bold;
	line-height: 1.5em;
}
.backissues .issue a span {
	display: block;
	font-size: 1.143em;
	font-weight: bold;
}
.backissues .post_ad {
	float: left;
}



/* // The London List // */
.londonlist {
	
}


/* // 404 Page // */
.error404 .block-page {
	padding: 80px 30px;
	text-align: center;
}
.error404 .block-page h1 {margin-bottom: 20px;}
.block-page #search {
	float: none;
	margin: 40px auto;
	
	width: 567px;
}
.error404 .block-page #search p {
	height: 67px;
	width: 500px;
}
.error404 .block-page #search input {
	background-position: 510px 30px;
	border: 1px solid #c8c8c8;
	border-radius: 1px;
	height: 50px;
	font-size: 1.429em;
	line-height: 44px;
	width: 500px;
	background-size: 20px;
}
.error404 .block-page #search input:focus {background-position: 485px -76px;}
.error404 .post_ad {margin-top: 60px;}

/* // About Overlay // */
#about {
	background: #82c99d;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999999;
}
#about p:first-child {margin-top: 160px;}


#about p {
	color: #ffffff;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 auto 30px;
	line-height: 1.289em;
	text-align: center;
	max-width: 800px;
	
}
#about a {color: #fff;}
#about a:hover {color: #a5ffc7;}


/* Classes */
.center {text-align: center;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.text-right { text-align: right !important;}
/* // For Image Headers, Hide Text // */
.title_image {z-index: 99999; text-indent: -2000em; display: block; font-size: 6px;}

#header {
	width: 860px;
}
#close-about{
	
	cursor: pointer;
	color: #fff;
/* 	border: 3px solid #FFFFFF; */
/* 	border-radius: 50%; */
	font-size: 0.8em;
	font-weight: bold;
	background:url(images/x.png) no-repeat;
	line-height: 0px;
/* 	padding: 12px 7px; */
	display: none;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 30px;
	right: 30px;
}

#close-about:hover{
	opacity: 0.8;
}


#backtop > div {
	width: 860px;
	margin: 0 auto;
	
}
#backtop {
	z-index: 1000;
	width: 100%; 
	position: fixed;
	bottom: 0;
	display: none;
}
#backtop .peek {
	cursor: pointer;
	width: 76px;
	height: 90px;
	background: url(images/fan-little.svg) bottom no-repeat;
	position: relative;
	bottom: 0;
	left: -106px;
	
	
}

#backtop .peek a { 
	display: block;
	width: 76px;
	height: 90px;
	background: url(images/backtop.svg) top center no-repeat;
	
}

.blank {
    text-align: right; float: right; line-height: 1em; 
    width: 1.7em;
	height: 2em;
    font-size: 3.5em;
}

.rating {
	
    position: absolute;
    bottom: 0.3em;
    right: 0;
}

.post .clear {
	display: none;
}
/*.post_content p:nth-last-child(2) { margin-top: 0; }*/
.category-dvds.review.post .clear,.category-music.review.post .clear {
	display: block !important;
}
.category-music.review.post .blank {
	width: 1.3em ; 
	height: 1.5em ;
}
.category-dvds.review.post .rating{
	/*display: block;
	position: absolute;
	width:100%;
	margin-top:0.5em;*/
	display: block;
position: absolute;
width: 100%;
margin-top: 0.5em;
}

.category-dvds.review.post .blank{
	display: none !important;
}



#fan-animation {
	width: 80px;
height: 40px;
background: url(images/fan.svg);
background-size: 80px;
overflow: hidden;
margin-left: 48%;
	}
#fan-animation div{
		
		margin: 2px;
width: 76px;
height: 76px;
background: url(images/spans.svg);
background-size: 76px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

#infscr-loading img{
	display: none;
}