/*
Theme Name: Monkey Puzzle
Description: Monkey Puzzle custom Wordpress theme
Author: Crowd Media
Author URI: http://www.crowdmedia.co.uk
Version: 1.0
Text Domain: Monkey Puzzle
*/

/*general*/
html, body {
overflow-x:hidden;
background-image:url(images/mainbg.gif);
}

@font-face {
font-family: Bebas;
src: url(fonts/BEBAS.ttf);
}

a {
text-decoration:none;
outline: none;
color: #DF5631;}

a:hover{
	color: #C4AB80;
	
}

:focus {
  -moz-outline-style: none;
}

.blocklink{
text-indent:-9999px;
display:block;
}

.shadow{
        -webkit-box-shadow: 0 6px 10px -8px black;
           -moz-box-shadow: 0 6px 10px -8px black;
                box-shadow: 0 6px 10px -8px black;
}

.fullshadow{
-webkit-box-shadow:  0 0 3px 0 #CCCCCC;
-moz-box-shadow:  0 0 3px 0 #CCCCCC;
box-shadow: 0 0 3px 0 #CCCCCC;}

.feintshadow{
 -webkit-box-shadow: 0 6px 10px -8px #bcbcbc;
           -moz-box-shadow: 0 6px 10px -8px #bcbcbc;
                box-shadow: 0 6px 10px -8px #bcbcbc;}


#page {
width:100%;
overflow:hidden;

}

strong{
font-weight:bold;}

em{
font-style:italic}

hr {
display:none;}

/*header*/

a#welove{
background-color: #000000;
    background-image: url("images/blacktext.gif");
    background-repeat: repeat;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;	
    color: #FFFFFF;
    display: block;
    font-family: Bebas,'Oswald',Arial,Helvetica,sans-serif;
    font-size: 17px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 67px;
    width: 300px;
	z-index:10000;
	cursor:default;
	text-transform:uppercase;
}



#header {
height:67px;
background-image:url(images/headbg.gif);
background-repeat:repeat-x;
position:static;
min-width:980px;}

#header h1 a{
background-image:url(images/monkey-puzzle-guernsey-logo.gif);
width:260px;
height:60px;
float:left;
}


/*main-nav*/

#main-nav{
width:675px;
float:right;
padding-top:12px;}

.logged-in #main-nav{
	width:700px}

#main-nav ul li,  #subnav ul li{
display:inline;}

#main-nav ul li a, #subnav ul li a{

  background-color: #F0F0ED;
    border-radius: 5px;
    color: #949595;
    display: block;
    float: left;
    font-family: Bebas,'Oswald',Arial,Helvetica,sans-serif;
    font-size: 17px;
    height: 31px;
    margin-left: 10px;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 6px;


-moz-border-radius:5px;

background-color:#f0f0ed;
}

#main-nav ul li a.on, .home #main-nav ul li a#linkhome, #main-nav ul li a.hover, .single-monkey-team #main-nav ul li a#linkteam, .page-template-contact-php #main-nav ul li a#linkcontact, .parent-pageid-203 #main-nav ul li a#linkneed,  #subnav ul li a.hover, .parent-pageid-201 #main-nav ul li a#linknursery, .parent-pageid-2  #main-nav ul li a#linkschool    {
background-color:#df5631;
color:#fff;
}


/*post-type-archive-blogposts*/

.archive .blogposts, .archive .nursery-private, .single-blogposts .blogposts, .archive .post, .page-template-archive-php .post, .page-template-archive-php .nursery-private, .single .post, .error404 .post, .single .nursery-private, .post-type-archive-nursery .nursery-private, .archive .school-private,  .single .school-private{
	margin-bottom:74px;
	margin-left:30px;}
	

.archive .blogposts h2, .archive .blogposts h2 a, .info-hold h2, .single-blogposts .blogposts h2, .archive .post h2 a, .archive .post h2, .single .nursery-private h2, .post-type-archive-nursery .nursery-private h2 a,  .page-template-archive-php .nursery-private h2 a,  .page-template-archive-php .post h2,  .page-template-archive-php .post h2 a, .single .post h2, .error404 .post h2, .archive .nursery-private h2 a, .archive .school-private h2 a, .single .school-private h2, .page-template-terms-php h2 {
	font-family: 'Lobster', cursive;
	color:#df5631;
	font-size:51px;
	margin-bottom:4px;
	margin-top:15px;
	text-shadow:0 2px 2px #fff;
	
}
.archive #blog-spin, .single-blogposts #blog-spin{
margin-bottom:18px;}

.sharelinks{
width:90px;
height:35px;
float:right;
padding-top:17px;
}

.twittshare, .fbshare{
	background-image:url(images/main-sprite.png);
	width:35px;
	height:35px;
	
	background-position:-45px -355px;
	float:left;
	margin-left:10px;}
	
	.fbshare {
	background-position:0 -355px;
	}
	
	.twittshare:hover{
	background-position:-45px -395px;
	}
	
	.fbshare:hover{
	background-position:0 -395px;
	
	}

.archive .entry h4, .info-hold h5, .single-blogposts .entry h4, .page .entry h4{
	font-family: Bebas,'Oswald',Arial,Helvetica,sans-serif;
	font-size:19px;
	color:#444444;
	margin-bottom:4px;
	
}

.archive .entry p, .info-hold p, .single-blogposts .entry p, .page .entry p, .entry ul li, .single .entry p, .error404 p{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#535353;
	font-size:15px;
	line-height:21px;
	margin-bottom:21px;
		
}

p.postmetadata{
	font-family: 'Lobster', cursive;
	color:#d8cfc0;
	font-size:23px;
}

p.postmetadata a, p.postmetadata strong{
	font-weight:normal;
	color:#df5631;
	
}

.archive .blogposts img, .single-blogposts .blogposts img{
	border:5px solid #ebebeb;
	margin-bottom:16px;
	margin-top:10px;}

p.postmetadata a:hover{
color:#C4AB80;
}

.bottom-line{
	height:10px;
	background-image:url(images/linebg.gif);
	background-repeat:repeat-x;
	padding-left:40px;
}

.branded-line{
	height:10px;
	background-image:url(images/branded.gif);
	background-repeat:no-repeat;
}

	.post-type-archive-school-private .bottom-line, .post-type-archive-nursery-private .bottom-line{
		height:25px;}




/*content*/

#content {

}

.entry ul{
padding-bottom:20px;
text-indent:0px;}

.entry ul li{
padding-left:20px;
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
padding-bottom:0;
margin-bottom:0;
}

/*pages*/

#subnav {
	background-color:#f0f0ed;
	border-bottom:#fff 3px solid;	
	border-top:#fff 3px solid;	
	padding-left:15px;

}
#subnav a{
	margin-top:10px;
	margin-bottom:11px;}
	
	.info-item .padding{
		padding:28px 28px 15px 35px;
	}
	
					
#content>.info-item:nth-of-type(even) {
		border-bottom:#fff 3px solid;	
	border-top:#fff 3px solid;
	background-image:url(images/tiletile.gif);	
	-webkit-box-shadow:  0 0 3px 0 #CCCCCC;
-moz-box-shadow:  0 0 3px 0 #CCCCCC;
box-shadow: 0 0 3px 0 #CCCCCC;

}
	
.page .info-item h2 {
	color:#c4ab80;
	font-family: 'Lobster', cursive;
	font-size:51px;
	margin-bottom:5px;
}

.info-item a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#df5631;}
	.info-item a:hover{
		text-decoration:underline;	
	}
	
	.page #content{
		padding-bottom:30px;}

/*sidebar*/

#sidebar {
width:322px;
float:right;
margin-left:70px;

margin-right:50px;
border-bottom:3px #ffffff solid;

}

#sidebar .padding{
padding-left:6px;
padding-right:6px;
padding-top:10px;
}

#sidebar h2{
font-family: 'Lobster', cursive;
color:#df5631;
font-size:41px;
display:block;
line-height:75px;
border-top:#cccccc 1px solid;
border-bottom:#cccccc 1px solid;
padding-left:15px;
}

#sb-hat{
	height:150px;
	background-image:url(images/sb-hat.jpg);
	
}

#sb-cont{
	background-image:url(images/sb-bg.jpg);
}

#sb-shoes{
	background-image:url(images/sb-shoes.jpg);
	height:6px;

}

#sidebar ul li a{
font-family: Bebas,'Oswald',Arial,Helvetica,sans-serif;
font-size:19px;
color:#444444;
display:block;
padding-left:15px;
line-height:48px;
border-bottom:#cccccc 1px solid;
letter-spacing:-1px;
}

#sidebar ul li a:hover{
color:#df5631;}

#sidebar ul.children li a {
	padding-left:25px;
	}
	#sidebar ul.children li a:before{
		content:"- ";
	}

/*Contact*/

#maphold{
	border-bottom:2px solid #fff;
	
	
}

  #map_canvas { height: 400px; width:100%; }
  .map-info {
	  font-size:11px;
	  font-family:Arial, Helvetica, sans-serif;
	  line-height:17px;
	  color:#444444;
	  
  }
  
  .map-info strong{
	  color:#df5631;
	  font-size:13px;}
	  
	  .map-box{
		  position:absolute;
		  top:21px;
		  background-color:#fff;
		  background-image:url(images/mapbox.gif);
		  z-index:10000;
		  width:403px;
		  height:132px;
		  border:10px #fff solid;
		  border-left:0;
		  color:#444444;
		  padding-left:22px;		  
		  padding-top:14px;
		  padding-bottom:4px;}
		  
		  #bottom-map-box {
			  top:211px;			  
		  }
		  
		  .map-box h4 {
			font-family: Bebas,'Oswald',Arial,Helvetica,sans-serif;
    		font-size: 19px;
			display:block;
			letter-spacing:-1px;
			word-spacing:4px;
			margin-bottom:5px;}
			
			.map-box a.findonmap{
				width:155px;
				text-align:center;
				display:block;
				color:#fff;
				font-family:Bebas, Arial, Helvetica, sans-serif;
				font-size:17px;
				height:31px;
				padding-top:6px;
				background-color:#df5631;
				-moz-border-radius:5px;
				border-radius:5px;
				margin-top:10px;
	}
			.map-box a.inactive{
				background-color:#888888;
				cursor:default;
				color:#dbdbdb;
				
			}
			
			.map-box a:hover, form.ddfm .mailbtn:hover, input#wp-submit:hover{
				  	 -moz-box-shadow:    inset 0 0 5px #fff;
   						-webkit-box-shadow: inset 0 0 5px #fff;
 					  box-shadow:         inset 0 0 5px #fff;}
					  
					  .map-box a.inactive:hover{
						-moz-box-shadow:    inset 0 0 0px #fff;
   						-webkit-box-shadow: inset 0 0 0px #fff;
 					  box-shadow:         inset 0 0 0px #fff;
					  }
					  
#formhold{
	height:504px;
	background-image:url(images/contact.jpg);
	background-position:right;
	margin-top:22px;
	margin-bottom:15px;
	
}

#formhold .padding{
	padding-left:35px;
	padding-top:54px;
}

#formhold h4{
	background-image:url(images/main-sprite.png);
	width:371px;
	height:30px;	
	background-position:0 -455px;
	margin-bottom:31px;
	}
	
	form.ddfm input.fmfile,
form.ddfm input.fmtext,
form.ddfm textarea {
	width:305px;
	height:60px;
	float: left; 
	position: relative;
	margin-bottom: 21px;
	padding-left: 15px;
	background-image:url(images/contactbox.gif);
	border:0;
	color:#2c1313;
	font-size:13px;	
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:    inset 0 1px 2px #505050;
   -webkit-box-shadow: inset 0 1px 2px #505050;
   box-shadow:         inset 0 1px 2px #505050;

}

form.ddfm textarea {
	height:105px;
	width:525px;
	padding-top:10px;
}

form.ddfm .mailbtn {
	background-image:url(images/buttonbg.gif);
	-moz-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-size:17px;
	font-family: Bebas,'Oswald',Arial,Helvetica,sans-serif;
	height:35px;
	padding-left:20px;
	padding-right:20px;
	border:0;
	float:right;
	padding-bottom:3px;
	margin-left:20px;	
	cursor:pointer;
}

#holdserrors{

    float: right;
    margin-top: 120px;
    padding: 25px;
width:350px;
color:#666666;


}

.ddfmerrors {
	font-weight: bold;
	font-family: 'Lobster', cursive;
	color:#CC0033;
	font-size:21px;
	margin-bottom:10px;

}


/*footer*/

#footer{
height:320px;
clear:both;
background-image:url(images/footbg.gif);
background-position:center;
background-repeat:repeat-x;
color:#FFFFFF;
}

#inner-foot{
width:960px;
margin:auto;
padding-top:113px;}

#footer h2{
font-family: 'Lobster', cursive;
font-size:23px;
line-height:20px;
font-stretch:expanded;

}

#footer h3{
font-family: Bebas,'Oswald',Arial,Helvetica,sans-serif;
    font-size: 17px;
	margin-bottom:6px;}
	
	#foot-tweets, #footer p{
	float:left;
	width:525px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	}

	ul#twitter-container-list li{
	line-height:21px;
	padding-bottom:20px;
	}
	
	#foot-icons{
	float:left;
	width:60px;
	padding-top:42px;
	padding-left:33px;}
	
	#foot-tweets a, #foot-tweets strong{
	color:#df5631;
	}
	#foot-tweets a:hover{
	color:#fff;}
	
	a#foot-fb, a#foot-tw{
	background-image:url(images/main-sprite.png);
	width:60px;
	height:60px;
	background-position:0 -62px;
	}
	a#foot-tw {
	background-position:0 -122px;
	}
	a#foot-fb:hover{
	background-position:-60px -62px;
	}
	a#foot-tw:hover{
	background-position:-60px -122px;
	}
	
	#foot-email {
	width:300px;
	float:right;}
	
	#foot-email p{
	margin-bottom:15px;}
	
	.mc_var_label{
	display:none;}
	
	.mc_form_inside {
		position: relative;
		background-image: url(images/main-sprite.png);
		clear: both;
		height: 44px;
		padding-left: 15px;
		padding-top: 21px;
		padding: 23px 0px 0px 24px !important;
		width: 295px;
	}
	#mc_message.updated {
		position: absolute;
		top: 12px;
		left: 14px;
	}
	.mc_input{
	border:0;
	background-color:#4a4843;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	float:left;
	width: 246px !important;
	}
	#mc_signup_submit{
	background-color:#df5631;
	color:#fff;
	-moz-border-radius:5px;
	border-radius:5px;
	 border:0;
	 font-family: Bebas,'Oswald',Arial,Helvetica,sans-serif;
	font-size:17px;
	padding:4px;
	cursor:pointer;
	position:relative;
	top: 0px;
	margin-top: 30px !important;
	}
	
	#mc_signup_submit:hover{
	background-color:#f77551;
	
	
	}
	
/*topcarusel*/

ul#mytopcarousel li a{
width:1353px;
height:561px;

}
	

#top-spin .jcarousel-clip {
    overflow: hidden;
}

#top-spin .jcarousel-clip-horizontal {
    width:  110%;
    height: 561px;
}



/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 249px;
    right: 0px;
    width: 60px;
    height: 80px;
    cursor: pointer;
	background-image: url(images/main-sprite.png);
	background-position:0 -190px;
    
}

.jcarousel-next-horizontal:hover{
    background-position:0 -270px;
}





.jcarousel-prev-horizontal {
    position: absolute;
    top: 249px;
    left: 0px;
    width: 60px;
    height: 80px;
    cursor: pointer;
	background-image: url(images/main-sprite.png);
	background-position:-65px -190px;
}



.jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal.hover{
    background-position:-65px -270px;
}


.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active,
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
display:none;
}

/*mid carousel*/

.bands{
height:218px;
background-image:url(images/bandbg.gif);
clear:both;
        -webkit-box-shadow: 0 0 3px 0 #CCCCCC;
           -moz-box-shadow: 0 0 3px 0 #CCCCCC;
                box-shadow: 0 0 3px 0 #CCCCCC;
}
ul#mymidcarousel{
}

ul#mymidcarousel li.team-list a{
width:195px;
height:195px;
background-position:0 0;
position:relative;
}

ul#mymidcarousel li.team-list a span{
background-position:0 -195px;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
opacity: 0;
-webkit-transition: opacity 0.25s;
-moz-transition:    opacity 0.25s;
-o-transition:      opacity 0.25s;
}
/*ul#mymidcarousel li.team-list a:hover, ul#mymidcarousel li.team-list a.hover{
background-position:0 -195px;
}*/

ul#mymidcarousel li.team-list a:hover span{
opacity: 1;

}

#mid-spin{
    padding-top: 20px;
	margin-bottom:25px;
}

a#monkeyteam{
width:328px;
height:195px;
background-image:url(images/monkeyteam.jpg);
}


#mid-spin .jcarousel-clip {
    overflow: hidden;
}

#mid-spin .jcarousel-clip-horizontal {
    width:  110%;
    height: 195px;
}



#mid-spin .jcarousel-item-horizontal {

padding-left:10px;
}

#mid-spin .jcarousel-item-1 {
padding-left:0;}



/**
 *  Horizontal Buttons
 */
#mid-spin .jcarousel-next-horizontal {

    top: 63px;
    right: 0px;
      
}

#mid-spin .jcarousel-prev-horizontal {

    top: 63px;
    left: 0px;

}

/*blog spin */

#blog-spin {
padding-top:20px;
margin-bottom:28px;

}

a#monkeynews{
width:328px;
height:198px;
background-image:url(images/monkey-news.jpg);
position:relative;
}
/* --- this utterly kills the carousel - SET IN JS
.blog-tasters{
width:400px;
height:198px;
position:relative;
}
*/

.blog-tasters .padding{
padding:23px;
padding-top:19px;}


.blog-tasters p {
  color: #FFFFFF;
    font-family: georgia;
    font-size: 15px;
    letter-spacing: normal;
	position:relative;
}

.blog-tasters p a.morelink{
font-family:Arial, Helvetica, sans-serif;
color:#df5631;
font-weight:bold;
}


.authorspin {
color:#d8cfc0;
font-family: 'Lobster', cursive;
font-size:23px;
height:27px;
position:relative;
}

.titlespin a{
color:#fff;
font-family:Bebas, 'oswald', Arial, Helvetica, sans-serif; 
font-size:19px;
margin-bottom:5px;
position:relative;
}

.blog-tasters p a.morelink:hover, .titlespin a:hover{
color:#C4AB80;
}

#blog-spin .jcarousel-clip {
    overflow: hidden;
}

#blog-spin .jcarousel-clip-horizontal {
    width:  110%;
    height: 198px;
}


ul#myblogcarousel li.blog-list a:hover{
}

#blog-spin .jcarousel-item-horizontal {
padding-left:10px;
position:relative;
}

#blog-spin .jcarousel-item-1 {
padding-left:0;
position:relative;}

#blog-spin .jcarousel-next-horizontal {

    top: 63px;
    right: 0px;
      
}

#blog-spin .jcarousel-prev-horizontal {

    top: 63px;
    left: 0px;

}

/*team page*/

.single-monkey-team .bands{
background-image:url(images/team-page-spin.gif);
margin-bottom:28px;
}

/*big team spin*/

.bio-hold{
	width:849px;
	height:439px;
	background-image:url(images/biobg.png);
	position:relative;
	left:-15px;
	margin-top:15px;	

	
}

.bio-hold h2{

}

.info-hold .padding{
		padding-top:15px;
	padding-right:30px;}

.bio-hold img {
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	float:left;
	 margin-left: 5px;
    margin-top: 14px;
	margin-right:30px;}
	

.bigbands{
height:472px;
background-image:url(images/bigbandbg.gif);
clear:both;
        -webkit-box-shadow: 0 0 3px 0 #CCCCCC;
           -moz-box-shadow: 0 0 3px 0 #CCCCCC;
                box-shadow: 0 0 3px 0 #CCCCCC;
}

#big-team-spin {
margin-bottom:28px;

}

#big-team-spin .jcarousel-item-horizontal {
	

}

#big-team-spin .jcarousel-item-1 {
}

#big-team-spin .jcarousel-next-horizontal {

    top: 210px;
    right: 0px;
      
}

#big-team-spin .jcarousel-prev-horizontal {

    top: 210px;
    left: 0px;

}


/*paginate*/

.wp-paginate {
font-family:Bebas, Arial, Helvetica, sans-serif; 
clear:both; 
padding-bottom:20px; 
font-size:13px; 
width:600px; 
font-weight:bold; 
padding-left:45px;
padding-top:30px;
margin-bottom:7px;
}
.wp-paginate li {
display:inline-block; 
list-style:none;}
.wp-paginate a {
	
background:#f2f2f2; 
color:#878787; 
margin-right:10px; 
text-align:center; 
text-decoration:none; 
width:28px; 
height:26px; 
border:0; 
display:block; 
line-height:26px;
-moz-border-radius:5px;
border-radius:5px;
   -moz-box-shadow:    inset 0 0 3px #ccc;
   -webkit-box-shadow: inset 0 0 3px #ccc;
   box-shadow:         inset 0 0 3px #ccc;   

   
   
 
}
.wp-paginate a:hover, .wp-paginate a:active {
background-color:#868686; color:#fff;}
.wp-paginate .title {display:none;}
.wp-paginate .gap {color:#999; margin-right:10px;}
.wp-paginate .current {
background:#868686; 
margin-right:10px; 
color:#fff; 
text-align:center; 
width:28px; 
height:26px; 
border:0; 
display:block; 
line-height:26px;
-moz-border-radius:5px;
border-radius:5px;}

#loginform label{
	display:block;}
	
	#loginformwrap{
	border:#fff 3px solid;
	background-image:url(images/tiletile.gif);	
	-webkit-box-shadow:  0 0 3px 0 #CCCCCC;
-moz-box-shadow:  0 0 3px 0 #CCCCCC;
box-shadow: 0 0 3px 0 #CCCCCC;
width:380px;}

#loginform {
	padding:30px;}
	
	#loginform input#user_login, #loginform input#user_pass {
	width:305px;
	height:60px;
	line-height:60px;
	position: relative;
	margin-bottom: 15px;
	margin-top:5px;
	padding-left: 15px;
	background-image:url(images/contactbox.gif);
	border:0;
	color:#2c1313;
	font-size:13px;	
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:    inset 0 1px 2px #505050;
   -webkit-box-shadow: inset 0 1px 2px #505050;
   box-shadow:         inset 0 1px 2px #505050;}
   
   input#rememberme{
	   background-image:url(images/contactbox.gif);
	   border:#CCC 1px solid;
	   
   }
   
   input#wp-submit{
	background-image:url(images/buttonbg.gif);
	-moz-border-radius:5px;
	border-radius:5px;
	color:#fff;
	font-size:17px;
	font-family: Bebas,'Oswald',Arial,Helvetica,sans-serif;
	height:35px;
	padding-left:20px;
	padding-right:20px;
	border:0;
	float:right;
	padding-bottom:3px;
	margin-left:20px;	
	cursor:pointer;
	}
	
/*terms*/
.page-template-terms-php {
	padding:20px;
}
.mc_var_label {
	display: none !important;
}