/*
Horizontally scrolling portfolio
Semantically optomised
Version: 2
Author: Michael Redfearn
Author URI: http://www.michaelredfearn.com
mobile style sheet
remove large splash image on front page
hide the share div
hide the jquery back button
remove gallery width setting
scale images 100% hopefully phone browsers should scale appropriately
make menu font bigger
remove floats and linearise layout
*/
	

/* --------------------------------------------------*/
/* BODY                                              */
/* --------------------------------------------------*/

body { 
	background-color: #f7f7f7;
	padding: 20px;
	}
	
body.home { 
	background: #f7f7f7;
	}


/* --------------------------------------------------*/
/* HEADER                                            */
/* --------------------------------------------------*/


 #sidebar {
	width: 100%;
	height: auto;
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	text-align: left; /* Setting the value to center, will center the content in the sidebar for a more 'classic' layout */
	float: none;
 	}
	
#share_container {
	display: none;
	}
	
	
/* --------------------------------------------------*/
/* GALLERY                                           */
/* --------------------------------------------------*/
 
  
  ul#gallery {
    list-style-type:none;
	margin: 0px;
	padding: 50px 0px 0px 0px;
	width: auto; /* main layout change for mobile */
	}
	
 ul#gallery li {
	padding: 0px 0px 0px 0px;
	float: none;
	}
	
 ul#gallery li.first {
	padding: 0px 0px 0px 0px;
	}
	
	
/* --------------------------------------------------*/
/* MAIN SITE NAVIGATION                              */
/* --------------------------------------------------*/
	
 ul#main-navigation li a {
 	font-size:18px;
    }