/*css document http://jdanielgonzalez.com */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
body{padding-top:32px;background-color:#020202;font-family:"Helvetica Neue",helvetica,sans-serif;color:#cadadd;}
#wrapper{position:relative;}
a{color:#CADADD;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}
li.active a{color:#fff;}
#logo{width:630px;}
#logo h1{height:129px;background:url('../images/JohnRogers.png') 0 -129px no-repeat;overflow:hidden;background-size:100%;}
#logo h1 a{width:630px;height:0px;background:url('../images/JohnRogers.png') 0 0 no-repeat;padding-top:129px;overflow:hidden;display:block;background-size:100%;}
#mainNav{font-size:1.188em;color:#fff;width:145px;}
body#home div.mainContent{height:600px;background:url('../homebg/rotate.php') no-repeat;width:500px;margin:30px auto;}
.footer{bottom:0;text-align:center;padding-bottom:20px;}
.footer ul{font-size:0.8em;text-transform:uppercase;display:inline;}
.footer li{display:inline;padding:0 24px;}
li.breaker{border-bottom:1px solid #fff;padding-bottom:5px;}
li.after{padding-top:5px;}
div.mainContent{font-family:"Helvetica Neue",helvetica,sans-serif;font-size:1em;padding-bottom:72px;height:100%;margin-left:40px;overflow:hidden;}
div.mainContent p:first-child{padding-top:40px;}
div.mainContent p{padding:10px;line-height:1.6em;}
ul.aboutlist li{padding:5px 10px;}
body#about p a{color:#990000;text-decoration:underline;}
span.copy{font-size:0.6em;padding-top:14px;line-height:40px;}
blockquote{font-size:18px;line-height:1.25;width:700px;margin:25px auto 15px;}
.bio_column{
	width:295px;
	float:left;
	display:inline-block;
	
}
#MainContent{
	display:none;
}


@media screen and (max-device-width: 480px) {
  *{
	float:none;
}

   html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
body{
	padding:10px 0;
}
body#home div.mainContent{
	width:100%;
	background-size:300px;
}
body#home div.mainContent img{
	max-width:90%;
	
}
#logo{
	width:100%;
}
#logo h1{
	height:70px;
	margin-bottom:10px;
}
#logo h1, #logo h1 a{
background-size: 290px;

}
#mainNav{
	width:100%;
	text-align:center;
	margin:0 auto 10px;
}
#mainNav ul{
	margin:0 auto;
	width:90%;
}
#mainNav ul li{
	display:inline;
}
#mainNav li.menu_port{
	display:none;
}
#mainNav ul li a{
float:left;
display:inline-block;	
font-size:12px;
padding:3px;
background-color:#666;
margin-right:3px;
}
#mainNav li.breaker{
border-bottom:none;
padding-bottom:none;
}
.bio_column{
	width:100%;
}
div.mainContent{
	width:100%;
	margin-left:0;
}
blockquote{
	width:90%;
	margin:10px auto;
}
div.mainContent{
	padding:0;
}

textarea#comments{
	width:270px;
}
.footer{
	margin-top:14px;
}
.footer li{
	padding:0 2px;
	font-size:11px;
}
.mainContent iframe{
	display:none;
}
#simpleViewer{
	display:none;
	height:0;
}
#MainContent{
	display:block;
	height:500px;
}

#MainContent { padding-bottom: 30px; margin:20px 10px 20px 10px; width:300px; }


.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; margin:8px; }
.gallery li a { display: block;}
.gallery li img { display: block;  height: auto; }

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
  *{
	float:none;
}

   html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
body{
	padding:10px 0;
}
#logo{
	width:100%;
}
#logo h1{
	height:70px;
	margin-bottom:10px;
}
#logo h1, #logo h1 a{
background-size: 290px;

}
#mainNav{
	width:100%;
	text-align:center;
	margin:0 auto 10px;
}
#mainNav ul{
	margin:0 auto;
	width:90%;
}
#mainNav ul li{
	display:inline;
}
#mainNav li.menu_port{
	display:none;
}
#mainNav ul li a{
float:left;
display:inline-block;	
font-size:12px;
padding:3px;
background-color:#666;
margin-right:3px;
}
#mainNav li.breaker{
border-bottom:none;
padding-bottom:none;
}
.bio_column{
	width:100%;
}
div.mainContent{
	width:100%;
	margin-left:0;
}
blockquote{
	width:90%;
	margin:10px auto;
}
div.mainContent{
	padding:0;
}
textarea#comments{
	width:270px;
}
.footer{
	margin-top:14px;
}
.footer li{
	padding:0 2px;
	font-size:11px;
}
.mainContent iframe{
	display:none;
}
#simpleViewer{
	display:none;
	height:0;
}
#MainContent{
	display:block;
	height:500px;
}

#MainContent { padding-bottom: 30px; margin:20px 30px; width:300px; }


.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; }
.gallery li a { display: block;}
.gallery li img { display: block;  height: auto; }
}