/*
Theme Name: Matmi Template - November 2011 
Theme URI: http://www.matmi.com
Author: Nathan Broadbent
Author URI: http://www.matmi.com
Description: The new Matmi theme.
Version: 1.0
Text Domain: matmi
*/

@import url('bootstrap/css/bootstrap.css');

/*
Campaign Monitor CSS override
*/
span.wpcf7-not-valid-tip{
	position: static !important;
	float: right;
	width: 95% !important;
	padding: 2px 4px !important;
	margin: 0px 0px 10px 0px !important;
}
.newsletter-signup div.wpcf7 form {
	margin: 0px !important;
	margin-bottom: 0px !important;
}
.newsletter-signup div.wpcf7 form p {
	margin: 0px !important;
	margin-bottom: 0px !important;
}
.newsletter-signup div.wpcf7 img.ajax-loader {
	float: left;
}
div.wpcf7-response-output {
	margin: 10px 0px !important;
}
.newsletter-signup div.wpcf7 #mc4wp-checkbox {
	display: none !important;
}

/* Img width fix for when no span is used */
.row > img {
	margin-left: 20px;
	width: 980px;
}

/*contact page amends
*/
.black{
	color:#535352 !important;
}
#contactForm .controls{
	margin-top:-19px;
}
.wpcf7-submit{
	width:90px !important;
	height:36px !important;
	background:url(bootstrap/img/send_off.png) top left no-repeat !important;
	border: 0 !important;
	margin-left:143px;
}
.wpcf7-submit:hover{
	background:url(bootstrap/img/send_on.png) top left no-repeat !important;
}



/* RSS Widget */

.widget_rss .widgettitle {
	display: none;
}

.widget_rss li {
	margin-bottom: 10px;
}

/*
Sepia Bleed
NOTE - THIS CAN'T BE USED BECAUSE IE AND FIREFOX ARE TERRIBLE BROWSERS. HAD TO RESORT TO JAVASCRIPT
*/
/*
.thirds-tile-img-container > a img.work{
	-webkit-filter: sepia(100%); 
	-moz-filter: sepia(100%);
	-ms-filter: sepia(100%); 
	-o-filter: sepia(100%);
	filter: url(sepia.svg#sepia); 
	-webkit-filter: sepia(1);
	filter: alpha(opacity = 50);
	filter: sepia(100%); zoom:1;
}
.thirds-tile-img-container > a img.work:hover{
	-webkit-filter: sepia(0); 
	-moz-filter: sepia(0);
	-ms-filter: sepia(0); 
	-o-filter: sepia(0); 
	-webkit-filter: sepia(0);
	filter: alpha(opacity = 100); 
	filter: sepia(0); zoom:1; 
	filter: none;
}
img.colorshift {
	-webkit-transition: 0.3s all ease-in; -o-transition: 0.3s all ease-in;
	-moz-transition: 0.3s all ease-in; transition: 0.3s all ease-in;
}*/
/*
Header
*/
.header-slider{
	width:725px;height:312px;float:right;
}
/*
Game Type
*/
.container-trees-game {
  width: 100% !important;
  height: auto;
  text-align:center;
  margin:auto !important;
  padding:10px 0 6px 0 !important;
  background:url(bootstrap/img/treebground.jpg) bottom center no-repeat;
}
.mobile-link {
	display:inline-block;
	width:185px;
	padding:0;
	margin:0 30px 0 0px;
}
/******************************************/

.image-fader{
	width:245px !important;
	height:245px !important;
	display:block;
	background:top left no-repeat;
	z-index:1;
	padding:0;
	margin:0;
}
.img-top{
	z-index:99;
	padding:0;
	margin:0;
}
.mbpb0{
	margin-bottom:0px;
	padding-bottom:0px;
}
.mtpt0{
	margin-top:0px;
	padding-top:0px;
}
.mb25{
	margin-bottom:25px !important;
	padding-bottom:0px;
}

/* Social linke
*/
.socialyt{
	width:60px;
	height:63px;
	background:url("bootstrap/img/youtube_contact_off.png") top left no-repeat;
}
.socialli{
	width:60px;
	height:63px;
	background:url("bootstrap/img/linkedin_contact_off.png") top left no-repeat;
}
.socialpi{
	width:60px;
	height:63px;
	background:url("bootstrap/img/pintrest_contact_off.png") top left no-repeat;
}
.socialgo{
	width:60px;
	height:63px;
	background:url("bootstrap/img/google_contact_off.png") top left no-repeat;
}
.socialtw{
	width:60px;
	height:63px;
	background:url("bootstrap/img/twitter_contact_off.png") top left no-repeat;
}
.socialfb{
	width:60px;
	height:63px;
	background:url("bootstrap/img/facebook_contact_off.png") top left no-repeat;
}
.socialyt:hover{
	background:url("bootstrap/img/youtube_contact_on.png") top left no-repeat;
}
.socialli:hover{
	background:url("bootstrap/img/linkedin_contact_on.png") top left no-repeat;
}
.socialpi:hover{
	background:url("bootstrap/img/pintrest_contact_on.png") top left no-repeat;
}
.socialgo:hover{
	background:url("bootstrap/img/google_contact_on.png") top left no-repeat;
}
.socialtw:hover{
	background:url("bootstrap/img/twitter_contact_on.png") top left no-repeat;
}
.socialfb:hover{
	background:url("bootstrap/img/facebook_contact_on.png") top left no-repeat;
}

/*
Games page
*/
.unity{
	margin:auto;
	width:auto;
	padding:0;
	text-align:center;
	background-color: #000;
}
/*.game-summary{
	height:100px;
}*/
.game-summary > div {
	height: 90px;
}
.play-button{
	margin-top:15px;
	padding:18px 46px;
	display:inline-block;
}

.details-button{
	margin-top:15px;
	margin-left:12px;
	padding:18px 67px;
	display:inline-block;
}
.back-button{
	background:url("bootstrap/img/back_off.jpg") top left no-repeat;
	margin-top:15px;
	padding:18px 46px;
	display:inline-block;
}
.back-button:hover{
	background:url("bootstrap/img/back_on.jpg") top left no-repeat;
}
.casestudy-button{
	background:url("bootstrap/img/casestudy_off.jpg") top left no-repeat;
	margin-top:15px;
	margin-left:12px;
	padding:18px 67px;
	display:inline-block;
}
.casestudy-button:hover{
	background:url("bootstrap/img/casestudy_on.jpg") top left no-repeat;
}
.page-number-container {
	text-align: center;
}
.page-number-container > .page-number:first-child > a {
	margin-left: 0px !important;
}
.page-number {
	display: inline-block;
	*display: inline;
	background:url("bootstrap/img/pagination_off.png") top left no-repeat;
	margin-left: 10px;
	width: 34px;
	height: 36px;
	color: #fff;
}
.page-number:hover, .page-number.active {
	background:url("bootstrap/img/pagination_on.png") top left no-repeat;
	color: #fff;
}
.page-number span {
	display: block;
	padding: 8px 0px;
	width: 100%;
	text-align: center;
	font-size: 22px;
}
/*
search box
*/
.screen-reader-text{display:none;}
.widget_search{
	list-style: none !important;
	padding: 3px 2px 3px 5px;
}