/**
* Mobile Safari (iPhone/iPod) Alternative Styles Defintions
*
* @author			Matt Gifford
* @copyright		2009 Timeshifting Interactive Limited
* @version		1.0
*
* @filename		common-iphone.css
*/

html,
body {
	width: 520px; margin: 0; padding: 0; overflow-x: hidden;
	}


/*  ::  Global Styles  */

#page {
	position: relative; width: 480px; margin: 0 0 0 40px; padding: 0;
	background: #fff;
	}


/*  ::  Global Styles  --  Header  */

#globalHeader {
	position: relative; width: 480px;
	background: url(../images/global-header-bg.jpg) no-repeat -40px 0;
	}



/*  ::  Global Styles  --  Content  */

#globalContent {
	width: 440px; padding: 0 20px;
	background: #fff;
	}


/*  ::  Global Styles  --  Footer  */

#globalFooter {
	width: 440px; padding: 0 20px;
	background: #fff;
	}

#globalFooter div.footerRecentBlog,
#globalFooter div.footerRecentWork {
	display: none;
	}

#globalFooter div.footerMeta {
	float: none; width: auto !important; position: relative; padding: 0 0 30px 0;
	}

#globalFooter div.footerLegal {
	position: static; width: auto !important;
	padding: 0 0 40px 0;
	}

#pageBg {
	display: none !important;
	}


/*  ::  Page Styles  --  Home  ::  Body  ::  Featured  */

#homeBody div.featured div.featuredItem,
#homeBody div.featured div.lastItem {
	float: left; width: auto !important; padding: 0 0 20px 0;
	clear: left;
	}

#homeBody div.featured div.featuredItem div.image,
#homeBody div.featured div.featuredItem div.image a,
#homeBody div.featured div.featuredItem div.image a:hover,
#homeBody div.featured div.featuredItem div.image img,
#homeBody div.featured div.featuredItem h3,
#homeBody div.featured div.featuredItem h4,
#homeBody div.featured div.featuredItem p {
	width: auto !important;
	}

#homeBody div.featured div.featuredItem div.image {
	float: left; margin: 0 20px 0 0;
	}


/*  ::  Page Styles  --  Home  ::  Sidebar  ::  Flickr  */

#homeSidebar div.flickr {
	padding: 0 0 20px 0;
	}

/*  ::  Page Styles  --  Columns  */

#homeBody,
#insideBody,
div.wideBodyColumn #insideBody,
#homeSidebar,
#insideSidebar {
	float: none; width: auto !important; padding: 10px 0 30px 0;
	}


/*  ::  Page Styles  --  Inside  ::  Body  ::  Portfolio Body  */

#insideBody div.portfolioBody div.image,
#insideBody div.portfolioBody div.text {
	float: none; padding: 0 0 10px 0;
	}