body {
	background-color: #fff;
	background-image: none;
}

#wrapper {
	background: transparent url(../images/mobile/wrapper_bg.jpg) 0 0 no-repeat !important;
	overflow: visible;
}

#inner {
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	background-image: none;
}

#masthead {
	height: 167px;
	overflow: visible;
	position: relative;
}

#masthead h1 {
	width: auto;
	padding: 12px 0 0 0;
	text-align: center;
}

#masthead h1 img {
	margin: 0 auto;
}

#comment_form input[type="text"],
#comment_form input[type="email"],
#comment_form input[type="url"] {
	font-size: 18px;
	width: auto;
}

#comment_form input[type="submit"] {
	font-size: 18px;
	line-height: 18px;
	padding: 10px;
}

#content hgroup.section-head {
	display: none;
}

.article #content .blog,
.articles #content .blog {
	width: auto;
	padding: 10px;
}

.article #sidebar,
.articles #sidebar {
	display: none;
}

.article #content footer {
	display: block;
	color: #999999;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #e6e6e6;
}

.article #content footer a.back {
	display: none;
}

#content {
	position: relative;
	line-height: 1em;
	overflow: visible;
	display: block;
}


.home #column-a .intro {
	display: none;
}

a.hire-me-btn {
	margin-left: 1px;
}

.article #content .textarea {
	width: 90%;
	height: 120px;
}

.right,
.left {
	float: none;
	margin: 0 auto;
}

.home #column-a #sales-pitch {
	margin: -50px 0 0 0;
	height: 55px;
	display: block;
}

.home #content {
	float: none;
	width: auto;
}

.home .blog {
	display: block;
	padding: 0 10px;
}

.home #column-a {
	float: none;
	width: auto;
	padding: 0 5px;
	position: relative;
	display: block;
}

.home #steves-work {
	display: none;
}

#latest-projects {
	display: block;
	padding: 0 5px;
}

#testimonials {
	display: block;
	padding: 0 5px;
}

.about .me {
	float: none;
	width: 100%;
	margin-right: 0;
}

.about .manifesto {
	float: none;
	width: 100%;
}

.about .additional {
	float: none;
	width: 100%;
	margin-right: 0;
	padding-top: 0;
}

.about #content article {
	padding: 0 10px 0 10px;
}

.portfolio .padding {
	padding-left: 10px;
	padding-right: 10px;
}

.portfolio .description {
	float: none;
	width: 100%;
}

.portfolio .image {
	float: none;
	width: 100%;
}

.contact #sidebar {
	float: none;
	width: 100%;
}

.contact #content {
	padding: 0 10px;
	overflow: visible;
}

.contact #content .padding {
	float: none;
	width: 100%;
}

.contact .textbox {
	width: 130px;
}

.contact .textarea {
	width: 90%;
}

.article .zoomable {
	width: 95%;
}

#content .syntaxhighlighter {
	width: 90%;
}

.pullquote {
	width: auto;
}

.follow-me {
	display: none;
}

/* Navigation
------------------------------------------------- */

nav#primary { 
	position: absolute;
	bottom: 67px;
	left: 0;
	height: 30px; 
	width: 100%;
}

nav#primary ul { margin: 0; padding: 0; list-style-type: none; }
nav#primary li { float: left; }

nav#primary li a {
	float: left;
	height: 0px;
	padding: 30px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

nav#primary li a:hover {
	background-position: 0 -30px;
}

nav#primary li#nav-home,
nav#primary li#nav-home a { width: 55px; background-image: url(../images/mobile/home.png); }

nav#primary li#nav-about,
nav#primary li#nav-about a { width: 56px; background-image: url(../images/mobile/about.png); }

nav#primary li#nav-portfolio,
nav#primary li#nav-portfolio a { width: 73px; background-image: url(../images/mobile/portfolio.png); }

nav#primary li#nav-articles,
nav#primary li#nav-articles a { width: 67px; background-image: url(../images/mobile/articles.png); }

nav#primary li#nav-contact,
nav#primary li#nav-contact a { width: 69px; background-image: url(../images/mobile/contact.png); }

body.home li#nav-home,
body.home li#nav-home a,
body.home li#nav-home a:hover,
body.about li#nav-about,
body.about li#nav-about a,
body.about li#nav-about a:hover,
body.portfolio li#nav-portfolio,
body.portfolio li#nav-portfolio a,
body.portfolio li#nav-portfolio a:hover,
body.articles li#nav-articles,
body.articles li#nav-articles a,
body.articles li#nav-articles a:hover,
body.article li#nav-articles,
body.article li#nav-articles a,
body.article li#nav-articles a:hover,
body.contact li#nav-contact,
body.contact li#nav-contact a,
body.contact li#nav-contact a:hover
{
	background-position: 0 -30px;
}

#site-footer .padding {
	width: auto;
	padding: 10px;
}

#site-footer .twitter {
	display: none;
}

#site-footer .legal {
	float: none;
	width: 100%;
}

#site-footer .powered {
	display: none;
}