/*
    Theme Name: Mr Bean Theme
	Description: Mr Bean is a child theme created with the Genesis Framework.
    Author: Ellen Cubbin - Digital Tactics
    Author URI: http://www.digitaltactics.co.uk/
 
    Version: 0.1
 
    Tags: 
 
    Template: genesis
    Template Version: 1.8
 
*/

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
 * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
 .pagination {clear: both; text-align: center; margin: 12px 6px 24px 6px; padding-top: 12px;}
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:url('images/layout/bg-button.png') no-repeat; color:#FFF; margin-right:4px; padding:6px 9px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {text-decoration: underline;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:url('images/layout/bg-button.png') no-repeat; border:1px solid #000; margin-right:4px; padding:6px 9px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}


/* Styles added in this Worpress Build*/
/* Page backgrounds */
.index-home {background:#ECE6E6 url('images/layout/background/home.jpg') no-repeat top center}
.error404 {background:#ECE6E6 url('images/layout/background/home.jpg') no-repeat top center}
.about {background:#ECE6E6 url('images/layout/background/garden.jpg') no-repeat top center}
.page-template-meet-the-characters-page-php {background:#ECE6E6 url('images/layout/background/garden.jpg') no-repeat top center}
.questions-and-answers {background:#ECE6E6 url('images/layout/background/sea.jpg') no-repeat top center}
.timeline {background:#ECE6E6 url('images/layout/background/night.jpg') no-repeat top center}
.news {background:#ECE6E6 url('images/layout/background/street.jpg') no-repeat top center}
.single {background:#ECE6E6 url('images/layout/background/garden.jpg') no-repeat top center}
.single-mrbean-creators {background:#ECE6E6 url('images/layout/background/home.jpg') no-repeat top center}
.clips {background:#ECE6E6 url('images/layout/background/clips.jpg') no-repeat top center}
.games-downloads {background:#ECE6E6 url('images/layout/background/home.jpg') no-repeat top center}
.quiz {background:#ECE6E6 url('images/layout/background/home.jpg') no-repeat top center}
.boring {background:#ECE6E6 url('images/layout/background/home.jpg') no-repeat top center}
.page-template-shops-page {background:#ECE6E6 url('images/layout/background/home.jpg') no-repeat top center}
.page-template-apps-page {background:#ECE6E6 url('images/layout/background/home.jpg') no-repeat top center}

/* Single Post page */
/* Tweak heading when split over multiple lines */
h1 .heading-subsequent-line {display: block; line-height: 0px;}
.title-height-double {height: 180px;}

.dt-post-content {clear: both; background-color: #FFF; padding: 20px; height: 934px; margin-bottom: 30px;}
.wp-post-image {float: left; margin-right: 20px;}


/* Tweaked Original Mr Bean stylesheet */

/* Layout */
*{margin:0;padding:0}
html{overflow-y:scroll}
body{color:#000;font-family:Arial,Verdana;font-size:13px;line-height:21px}
h1{color:#B20E10;float:left;font-size:40px;height:100px;line-height:100px;text-align:center;width:100%}
h3{color:#B20E10;font-size:24px;margin-bottom:20px;width:100%}
h4{color:#B20E10;float:left;font-size:18px;margin-bottom:10px;width:100%}
p{margin-bottom:14px;}
a{color:#B20E10;font-weight:bold;text-decoration:none}
a:hover{text-decoration:underline}
a.button{background:url('images/layout/bg-button.png') no-repeat;color:#FFF;display:block;float:left;height:34px;line-height:34px;margin-top:14px;text-align:center;width:148px}
div.button a{background:url('images/layout/bg-button.png') no-repeat;color:#FFF;display:block;float:left;height:34px;line-height:34px;margin-top:14px;text-align:center;width:148px}
img{border:0}
span{font-weight:bold}
#wrapper{height:2500px;margin:0 auto;width:968px}
#logo-content{float:left;width:100%; height:250px}
#logo{float:left;height:110px;margin:51px 0 0 11px;width:298px}
#content{float:left;height:1570px;margin-top:78px;padding:0 30px;width:908px}
#bean-balloon{background:url('images/layout/bean-balloon.png') no-repeat;height:325px;margin-left:-266px;position:absolute;width:266px}
#hand-top{background:url('images/layout/hand-top.png') no-repeat;height:118px;margin:349px 0 0 44px;position:absolute;width:203px}
#hand-right{background:url('images/layout/hand-right.png') no-repeat;height:240px;margin:1160px 0 0 884px;position:absolute;width:130px}

/* Menu */
#menu-nav{float:left;height:57px;width:968px}
#menu-nav, #menu-nav ul{list-style:none}
#menu-nav li{float:left;height:57px;margin-right:6px;text-align:center;width:156px}
#menu-nav li a{background:url('images/layout/bg-nav.png') no-repeat;color:#FFF;float:left;font-size:18px;height:57px;line-height:57px;text-decoration:none;width:156px}
#menu-nav li a:hover, #menu-nav li.current-menu-item a{background:url('images/layout/bg-nav-hover.png') no-repeat}
#menu-nav li ul{display:none;position:absolute;top:57px;width:154px}
#menu-nav li:hover ul{display:block;z-index:999}
#menu-nav li ul li{height:44px;margin-top:0px} /* margin-top changed from 6px to 0px */
#menu-nav li ul li a{background:#980717;font-size:13px;height:44px;line-height:44px}
#menu-nav li ul li a:hover{background:#FFF;color:#980717}

#menu-nav li.last-menu-item {margin-right:0}


/* Footer */
/*#footer{float:left;height:220px;width:908px}*/
#footer{position:absolute;height:220px; top:1740px; width:908px}
#footer .col170{float:left;height:169px;padding-top:51px;width:170px}
#footer .col170 a{color:#66574F;float:left;margin-bottom:2px;width:100%}
#logo-small{background:url('images/layout/logo-mrbean-small.png') no-repeat;float:left;height:56px;margin:51px 80px 0 0;width:148px}
#logo-small-tiger{background:url('images/layout/tiger_aspect_logo.png') no-repeat;float:left;height:56px;margin:123px 0 0 -225px;width:148px}
#newsletter-sign-up-button{background:url('images/layout/newsletter.png') no-repeat;cursor:pointer;float:left;height:220px;width:340px}
#newsletter-placeholder{background:url('images/newsletter_placeholder.png') no-repeat;float:left;height:120px;margin-top:51px;width:335px}
#copyright{color:#888;float:right;font-size:11px;line-height:18px;width:335px}

#text-under-logo {float:left;margin:180px 0 0 -280px; text-align:center;width:275px;height:62px}

/* Social Media */
#social-media{background:url('images/layout/social-media-bean.png') no-repeat;height:65px;position:absolute;margin:85px 0 0 774px;width:100%;}
#facebook{height:36px;margin-top:23px;position:absolute;width:36px; left:45px}
#twitter{height:37px;margin:28px 0 0 40px;position:absolute;width:37px; left:45px}
#youtube{height:37px;margin:22px 0 0 81px;position:absolute;width:37px; left:45px}
#instagram {
	height: 36px;
	margin-top: 12px;
	position: absolute;
	width: 36px;
	left: 2px;
}

/* Footer Beanie */
#footer-beanie{float:left;margin-bottom:6px;width:908px;}

#footer-beanie-quiz{background-image:url('images/footer-img-quiz.jpg');float:right;height:306px;width:672px}
#footer-beanie-quiz:hover{background-position:0 306px;box-shadow:0 0 10px #000}

#footer-beanie-facts{background-image:url('images/beanie/facts.jpg');display:block;float:left;height:150px;width:220px}
#footer-beanie-facts:hover{background-position:0 150px;box-shadow:0 0 10px #000}

#footer-beanie-shop{background-image:url('images/beanie/shop.jpg');display:block;float:left;height:150px;margin-top:6px;width:220px}
#footer-beanie-shop:hover{background-position:0 150px;box-shadow:0 0 10px #000}

/* Facebook Footer */
#facebook-footer{background:url('images/facebook-sprite.jpg');display:block;float:left;height:150px;width:908px}
#facebook-footer:hover {background-position:0 150px; box-shadow:0 0 10px 0px #000}

/* Home */
#home-page {margin-top:60px; color:#FFF}

/** Zone style by Jesse Taylor **/
#zones {
  	margin-top:60px;
}

.zone {
 	position:relative;
 	overflow:hidden;
 	margin-bottom:6px;
}

.zone:hover {
 	box-shadow:0 0 10px #000
}

.zone img {
 	position:absolute;
}

#zone1, #zone9 {
 	width:672px;
 	height:306px;
}

#zone1 {
 	float:left;
}


 #zone1 img:hover, #zone3 img:hover, #zone5 img:hover {
 	top:-306px;
}

#zone2 {
 	width:220px;
 	height:462px;
 	float:right;
 	margin-right:10px;
 	box-shadow:none;
}

 #zone2 img:hover {
 	top:-462px;
}

  #zone3, #zone5 {
 	width:446px;
 	height:306px;
 	float:left;
}

 #zone4, #zone5, #zone7 {
   margin-left:6px;
}

 #zone4, #zone6, #zone7, #zone8, #zone10 {
 	width:220px;
 	height:150px;
 	float:left;
}

 #zone4 img:hover, #zone6 img:hover, #zone7 img:hover, #zone8 img:hover, #zone10 img:hover, #zone11 img:hover, #facebook-banner img:hover {
 	top:-150px;
}

#zone5, #zone9 {
 	margin-right:10px;
 	float:right;
}

 #zone11 {
 	width:898px;
 	height:150px;
 	float:left;
}

#facebook-banner {
    width:908px;
    height:150px;
    float:left;
}

/** End Zones **/


#fb-like-box{position:absolute;left:50%;margin-left:406px;top:102px;}

/* About */
.about-images2{float:left;width:452px}
.about-images2 img{float:left;margin:0 6px 6px 0}
.about-images-big img:hover{box-shadow:0 0 10px 0px #000}
.about-text2{background:url('images/layout/bg-about1.png') no-repeat left top;float:left;height:470px;padding:0 0 0 26px;width:430px}
.about-text2 img{float:right;margin:0 6px 6px 0}
.about-text2 h3 {margin-top:10px}

#about-facts{float:left;height:306px;margin-bottom:6px;position:relative;width:908px}
#about-facts-img{float:left;height:306px;width:908px}
#about-facts-overlay{background:url('images/about-facts-overlay.png');float:left;height:306px;width:908px}
#about-facts-overlay p{color:#FFF;font-size:18px;height:120px;left:54px;line-height:26px;position:absolute;top:90px;width:333px}
#about-facts-next{cursor:pointer;height:26px;left:342px;position:absolute;top:230px;width:42px}
#about-facts-previous{cursor:pointer;height:26px;left:305px;position:absolute;top:230px;width:36px}
.fancybox-lock {
    overflow: hidden;
    margin-right:0 !important;
}
    
 .fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: auto; 
}

        
/* Timeline */
.timeline_year, .timeline_year_2{float:left;height:305px;margin-bottom:6px;width:850px}
.timeline_year h3, .timeline_year_2 h3{height:40px;line-height:75px;text-align:center}
.timeline_year h3#timeline_top{float:right;text-align:left;width:400px}
.timeline_year p{clear:right;float:right;margin:0 30px;width:365px}
.timeline_year_2 p{clear:left;float:left;margin:0 30px;width:365px}
#timeline_scrollbar{background:#DDD;color:#666;float:right;font-weight:bold;height:1238px;padding-top:12px;width:52px}
#timeline_scrollbar div{cursor:pointer;float:right;height:35px;line-height:35px;text-align:center;width:52px}
#timeline_scrollbar div:hover{background:#B20E10;box-shadow:0px 0px 0 2px #B20E10;color:#FFF}
#timeline_scrollbar div#active{background:#B20E10;box-shadow:0px 0px 0 2px #B20E10;color:#FFF;cursor:text}

/* Clips */
#clips{
    text-align: center;
    margin-bottom: 0px !important;
}

/* Questions and Answers */
#questions h2{background:#FFF;color:#B8B8B8;cursor:pointer;float:left;font-size:25px;height:64px;line-height:64px;margin:6px 0;padding:0 12px;width:884px}
.answer{display:none;float:left;height:338px;margin-bottom:6px;width:908px}

/* Latest News */
#latest-news-paginator{clear:left;text-align:center}
#latest-news-paginator a{background:url('images/layout/bg-button.png');color:#FFF;display:inline-block;height:34px;line-height:34px;margin:12px 6px 24px 6px;text-align:center;width:34px}
.news-item{background:#FFF;float:left;height:455px;margin-bottom:6px;width:411px;padding:20px}
.news-item h2{color:#B6121B}
.news-item img{margin:20px 0;min-height:230px}
.news-item p{height:100px;margin-bottom:10px}
.news-item-clickable2{cursor:pointer;position:relative}
/*
.news-item-clickable a{bottom:15px;position:absolute;left:150px}*/
.news-item-clickable2:hover{box-shadow:0 0 10px 0px #000}
.news-item-end-row {margin-left:6px}
.news-item a.button {
	position:absolute;
	top:420px;
	left:152px;
	}

.news-link span{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('/images/spacer.gif');
}

.news-image {
	display:inline-block;
	float:left;
	width:200px;
	margin-right:20px;
}

.news-content {
	float:left;
	height: 800px;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 640px;
}

.dt-post-content .button {
	margin-left:220px;
	margin-top:30px;
}

.news-content h3 {
	font-size:16px;
	margin-bottom:5px;
}

.news-title {
	margin-bottom:20px;
}

.latest-news-image {
	width:411px;
	height:230px;
}

/* Games */
.game-item{float:left;height:430px;margin:0 4px 6px 0;width:450px}
.game-item h2{color:#B6121B}
.game-item-img{display:block;float:left;height:252px;margin:0 0 20px 0;width:450px}
.game-item-img:hover{background-position:0 252px}
.game-item p{height:75px;margin:0 0 10px 0;padding:0 12px}
.game-play-btn{margin:0 0 0 150px}

/* Downloads */
.download-item{float:left;height:430px;margin:0 4px 6px 0;width:298px}
.download-item h2{color:#B6121B}
.download-item-img{display:block;float:left;height:252px;margin:0 0 20px 0;width:298px}
.download-item-img:hover{background-position:0 252px}
.download-item p{height:75px;margin:0 0 10px 0;padding:0 12px}
.download-play-btn{margin:0 0 0 150px}

/* Shop */
#shop{background-image:url('images/coming_soon_image_new.jpg');float:left;height:705px;margin-bottom:30px;width:908px}

/* Newsletter */
#newsletter{background:#F2F2F2;border:0;float:left;margin:0;padding:0;width:666px}
#newsletter fieldset{border:0;display:inline;margin:0;padding:0}
#newsletter input{height:20px;width:298px}
#newsletter input{border:1px solid #AAA;border-radius:4px;box-shadow:1px 1px #EDEDED;float:left;font-size:13px;margin:0 13px 18px 13px;padding:5px 6px}
#newsletter label{clear:left;color:#666;float:left;font-size:13px;line-height:30px;text-align:right;width:135px}/*width:200px*/
#newsletter option{background:#fafafa;border-bottom:1px solid #c7c7c7;font-size:13px;padding:5px}
#newsletter option:last{border-bottom:0}
#newsletter select{border:1px solid #AAA;border-radius:4px;box-shadow:1px 1px #EDEDED;cursor:pointer;float:left;font-size:13px;margin:0 13px 18px 13px;padding:6px 7px 5px 3px;height:30px;width:87px}
#newsletter select.select_small{width:100px}
input#newsletter_submit{background:#B20E10;border:1px solid #FFF;box-shadow:0 0 6px #000;color:#FFF;cursor:pointer;font-size:16px;font-weight:bold;height:36px;line-height:26px;margin-left:148px;width:312px}
input#newsletter_submit:hover{box-shadow:0 0 12px #000;text-decoration:underline}


/* Text */
#text-leftcolumn{background:#FFF;float:left;height:1248px;overflow-y:scroll;overflow-x:hidden;width:672px}
#text-leftcolumn h3{float:left;margin:30px 15px 0 15px;width:642px}
#text-leftcolumn p{float:left;margin:15px;width:632px}
#text-rightcolumn{background:#FFF;float:right;height:1248px;width:220px}

/* Facebook */
.fb-like-box{background:#FFF;}

/* Advertisement */
#advertisement-skyscraper{left:50%;margin-left:500px;position:absolute;top:387px}

/* Cookies */
#cookies{background:#F2F2F2;border:5px solid #FFF;border-radius:6px;bottom:60px;padding:6px 12px;position:fixed;right:6px;width:360px}
#cookies-close{background:url(http://cookies.endemoluk.com/images/button.png);border:0;cursor:pointer;float:right;height:26px;width:116px}
#cookies-close:hover{background-position:0 27px}

/* Quiz styles by Jesse Taylor*/
	 h1.question {
	 	line-height:40px;
	 	margin-bottom:40px;
	 	height: auto;
	 }

	 .answers {
	 	display:block;
	 	margin: auto;
	 	clear:both;
	 }

	 .answers span {
	 	font-size:1.5em;
	 	display:block;
	 	color:black;
	 	margin:50px;
	 	text-align:center;
	 }

	 .answers img {
	 	display:block;
	 	margin:auto;
	 }

	 .answers span:hover {
	 	color:red;
	 	cursor:pointer;
	 }

	 .question-image a {
	 	display: block;
		height: 90px;
		position: absolute;
		left: 50%;
		margin-left: 128px;
		top: 1210px;
		width: 227px;
		cursor:pointer;
		background: url("/path/to/image.png") 0 0 repeat;
	}

	.question-image img {
		display:block;
		margin:auto;
		clear: both;
	}

	.question-number {
		color: #B20E10;
		float: left;
		font-size: 18px;
		text-align: center;
		margin:auto;
		margin-top:40px;
		margin-bottom:40px;
		width:100%;
	}

/* Newsletter */

#dt-coppa-optin-submit {
	background: url('images/layout/bg-button.png') no-repeat;
	color: #FFF;
	padding: 6px 9px;
	text-align: center;
	text-decoration: none;
}
div#dt-coppa-optin-parents-email-row h3, p.dt-coppa-optin-thankyou {
	margin-top: 20px;
	font-size: 16px;
	color: #B20E10;
}
div#dtcoppaoptinform {
	min-height: 300px;
	width: 450px;
	margin: auto;
	padding-top: 10px;
}

body#newsletter-page {
	background-color: #f2f2f2;
	background: url('images/cartoonteddy.png') no-repeat left bottom;
}

/* Additions by Jesse Taylor 20/01/2014 */
.page-id-9 h3#text-under-logo .cufon{
 margin-top:10px;
}

#cookies {
    display:none;
}

.button:hover {
    cursor:pointer;
}

.app-window img:hover {
    cursor:pointer;
}

.row{
    overflow: hidden;
}