lylegomes-styles-mobile-problem

/*
Theme Name: Lyle Gomes
Description: Custom theme for Lyle Gomes Photography
Author: Robin Button
Version: 0.1
Template: twentytwelve

*/

@import url('../twentytwelve/style.css');

/*main content area to match the body bkgnd */



body {

	font-family: Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
	background-color: #f0efed;

}




body.custom-font-enabled {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

site {

	background: transparent;


}




/* decreases the space around the header logo */

.site-header {
padding: 0;

}

body .site {

	margin-top: 0;
	box-shadow: none;

}



a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}


/*remove the default box-shadow styles around the content divs */

img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 3px;
box-shadow: none;
}

/*page h1 */

.entry-content h1 {

	color: #939274;
	text-align: center;
	letter-spacing: 8px;
	letter-spacing: 0.57142857rem;
}

.entry-header .entry-title {
	text-align: center;
	color: #939274;
	font-weight: bold;

}

.entry-header {

	display: none;
	/* eliminates page title appearing as page h1. Manually insert title in page content area */

}

/*shifts the Lyle Gomes text over to the left out of view, but still visible to search engines */

.site-header h1 {
	font-size: 14px;
	font-size: 1.857142857rem;
	line-height: 0;
	margin-left: -2000px;
}

div#primary .site-content {

	padding-bottom: 0;
	margin-bottom: 0;

}


/* content styles */

/*image captions */

p.caption {
	font-weight: bold;
	color: #939274;
	text-align: right;

}




#page {

padding-bottom:0;
margin-bottom: 0;
background: transparent;

}


/* moved the column from right to left */


@media screen and (min-width: 600px) {

    .site-content {
        float: right;
    }
    .widget-area {
        float: left;
    }

/* for IE8 and IE7 ----------------*/
.ie .site-content {
    float: right;
}
.ie .widget-area {
    float: left;
}

	html {
	font-size: 87.5%;
}

body {
	font-size: 14px;
	font-size: 1rem;

}


/******  navigation styles for all but mobile ******/

nav#site-navigation .main-navigation {

background-color: #939274;
padding-top: 0;
padding-bottom: 0px;
margin: 0;
width: 100%;

}



div.nav-menu > ul {

	border-bottom: 0!important;
	border-top: 0!important;
	text-align: center!important;


}

.current_page_item > a, .main-navigation .current_page_ancestor > a {
	color: #fff!important;
	font-weight: normal!important;

}

div.nav-menu > ul {

	border-bottom: 0!important;
	border-top: 0!important;
	text-align: center!important;


}

.current_page_item > a, .main-navigation .current_page_ancestor > a {
	color: #fff!important;
	font-weight: normal!important;

}

.main-navigation {

text-align: center;
margin: 0;
padding: 0;
}


.main-navigation li {
margin: 0 10px 0 7px;
margin: 0 0.71428571rem 0 0.5rem;

}

.main-navigation li {
/*margin-top: 24px;
margin-top: 1.714285714rem;*/
font-size: 12px;
font-size: 0.85714286;
line-height: 2;

}



.main-navigation li a:hover {
color: #fff;
}


	/* link style for tablets only */

.main-navigation li a {

	color: #000;
	padding: 10px 0 10px 15px;
	text-transform: none;
	font-size: 130%;
	line-height: 2;

}

/* footer styles for all but mobile */

footer[role="contentinfo"] {
	/*max-width: none;  creates 100% footer width */
	width: 100%;
	background-color: #939274;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-top: 0;


}

footer[role="contentinfo"] a {
	color: #000;
}
footer[role="contentinfo"] a:hover {
	color: #fff;
}


/* sticky footer code */

html { margin:0; padding:0; height:100%; }

#footer-wrap {

	position:fixed;
	bottom:0;
	width: 100%;
	background-color: #939274;
	padding: 0;
	margin: 0;

 }/* additional div added to header and footer templates */

body { height:100%;

}

body .site {

	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	position:relative;
	min-height: 100%;
}




/* header adjustments */



}


/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {



.main-navigation li a {

	color: #000;
	padding: 0 0 0 30px;
	background: url(images/diamond-white.jpg) no-repeat 0 15px;
	text-transform: none;
	font-size: 130%;
	line-height: 3;

}



}