/*Web design and development by Pamela "Pippi" Peterson, www.DesignFunThings.com and www.Pippenings.com*/
@charset "utf-8";
/* CSS Document */

body {
	height:100%;
	font-family: 'Oswald', sans-serif;
	margin-top:0;
	background-color:#DAE2E9;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
#top-band  {
	width:100%;
	background-color: #232D36;
	height:54px;
	margin-bottom:0;
}

#top-band #logo {
 width:10%;
 float:left;
 padding-left:1.4%;
}

#top-band #nav {
width:76%;
float:right;
overflow: hidden;
}

#top-band #nav ul {
	float:right;
	padding: 0;
	margin:0;
	overflow: hidden;
}

#top-band #nav ul li {
	text-transform:uppercase;
	font-family: Lato, sans-serif;
	list-style-type:none;
	float:left;
	padding:0;
	margin:0 6px 0 0;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.5;
}

ul#navlist li a {
	text-transform:uppercase;
	color:white;
	text-decoration:none;
	padding: 17px 14px 16.5px 11px;
	display: block;
}

#solar-rv-smokies p, #solar-rv-smokies p a:link, #solar-rv-smokies p a:visited {
	color:black;
	text-shadow: none;
}

p a:link, p a:visited  {
	color:white;
}

ul#navlist li a.home {
	width:60%;
}
ul#navlist #current a {
	font-weight:bold;
	color: #FFA50F;
}
ul#navlist #current a:hover {
	color: #FFF;
}

ul#navlist li a.videos {
	width: 81%;
}

ul#navlist li a:hover, ul#navlist li a:active  {
	background-color: #FD8711;
}

#picbg-rv-desert {
	margin-top: -7px;
	background-image:url(imgs/tetons-bg.jpg);
	background-repeat:no-repeat;
	background-size: cover;
}
#picbg-rv-desert-test {
	margin-top: -7px;
	background-image:url(imgs/tetons-bg.jpg);
	background-repeat:no-repeat;
	background-size: cover;
}

#solar-rv-smokies {
	margin-top: -7px;
	background:url(/imgs/off-grid-solar-rv-living-fall-rv.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.halfcircle {   
	 height: 5%;
	 width:15%;
	 padding-top:12%;
	 padding-right:72px;
	 padding-left:15px;
	 color:white;
	 font-size:200%;
	 text-transform:uppercase;
	 float:none;
}

.darkscreen {
	background: rgba(29, 29, 29, 0.5);
	width:65%;
	height:100%;
	margin-left:16%;
}

.floatleftbox {
	float:left;
	padding-left:1%;
	
}

.supplyblocksm2 .centered {
  position: relative;
  top: 8px;
  left: 56px;
}

.gridblock1 {   
	 height: 5%;
	 width:32%;
	 padding-right:1%;
	 padding-left:3px;
	 color:white;
	 font-size:110%;
	 float:left;
	 text-shadow:#000 1px 0 12px;
}

.gridblock2 {   
	height: 5%;
	 width:32%;
	 padding-right:1%;
	 padding-left:3px;
	 color:white;
	 font-size:110%;
	 float:left;
	 text-shadow:#000 1px 0 12px;
}

.gridblock3 {   
	height: 5%;
	 width:32%;	 
	 padding-left:3px;
	 color:white;
	 text-shadow:#000 1px 0 12px;
	 font-size:110%;
	 float:left;
}

.gridblock4 {   
	 height: 5%;
	 width:32%;
	 padding-right:1%;
	 padding-left:3px;
	 color:white;
	 font-size:110%;
	 float:left;
	 text-shadow:#000 1px 0 12px;
}

.gridblock5 {   
	 height: 5%;
	 width:32%;
	 padding-right:1%;
	 padding-left:3px;
	 color:white;
	 font-size:110%;
	 float:left;
	 text-shadow:#000 1px 0 12px;
}

.supplyblocklarge {   
	 height: 5%;
	 width:49%;
	 padding-right:3%;
	 color:white;
	 font-size:110%;
	 float:left;
	 text-shadow:#000 1px 0 12px;
}

.supplyblockmed {   
	 height: 5%;
	 width:22%;
	 padding-right:3%;
	 padding-left:1%;
	 color:white;
	 font-size:110%;
	 float:left;
	 text-shadow:#000 1px 0 12px;
}

.supplyblocksm1 {   
	 height: 5%;
	 width:22%;	 
	 
	 color:white;
	 text-shadow:#000 1px 0 12px;
	 font-size:110%;
	 float:left;
}

.supplyblocksm2 {   
	 height: 5%;
	 width:22%;	 
	
	 color:white;
	 text-shadow:#000 1px 0 12px;
	 font-size:110%;
	 float:left;
}

.floatleftbox img:hover {
    background: blue;
	opacity: 0.8;
}

.gridblock6 {   
	 height: 5%;
	 width:32%;	 
	 padding-left:3px;
	 color:white;
	 text-shadow:#000 1px 0 12px;
	 font-size:110%;
	 float:left;
}


.solarlifepic {
	 height: 5%;
	 width:100%;


	 color:white;
	 font-size:110%;
}


.bumper-sticker-model {
	background-image:url(/imgs/western-shirt-design-rv-living.png);
	float:right;
	background-repeat:no-repeat;
	color:#fff;


}
.bumper-sticker-model p {
	padding: 48%  18% 29%;

 }

 .bumper-sticker-model form {
	padding: 0 26% 0 4%;
 }
.title-size {
	font-size:larger;
}

#wall-of-thanks {
	margin-top: -7px;

	background-image:url(imgs/wall-of-thanks.jpg);
	background-repeat:repeat;

}

#wall-of-thanks h3{
color:white;
	 font-size:300%;
	 text-transform:uppercase;
	 	padding: .5em 0 0 1.5em;
		text-shadow: 2px 2px black;
		margin-bottom: -.3em;
}

.namelist {
	width:35%;
	padding-left:2em;
	color:white;
	text-shadow: 1px 1px black;
	font-size:1.5em;
}

.namelist ul li a:link, .namelist ul li a:visited{
	color: white;
}

.stickynotes {
	width:45%;
	color:white;
	text-shadow: 1px 1px black;
}

.stickynotes a:link, a:visited {
	color:white;
}

.stickynotes a:hover, a:active {
	color: #6FF;
}

@media screen and (max-width: 400px) {
	#respondwrap {
	width: 401px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
 	height:226px;
}

.halfcircle {   
	 padding-top:10%;
	 font-size:60%;
	 padding-left:3px;
}
.halfcircle img#btn-enter-forum {
width:57%;
}
#logo {
 width:10%;
}
#top-band #nav {
	background-color: #232D36;
}

.bumper-sticker-model {
	width:40%;
	height:100%;
	margin-top:-10%;
	background-size: 136.5px 234px;

}

.bumper-sticker-model p {
	padding: 48%  18% 29%;
	margin-bottom:0;
	font-size:.5em;
 }

.bumper-sticker-model form{
	padding: 0 26% 0 37%;
 }
 
.want-mine-btn {
	 width:72px;
	 height: 19.3px;
 }

}
	
@media screen and (min-width: 401px) {
	#respondwrap {
	width: 401px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
	height:226px;
}

.halfcircle {   
	 padding-top:10%;
	 font-size:60%;
	 padding-left:3px;
}
.halfcircle img#btn-enter-forum {
width:57%;
}
#logo {
 width:10%;
}
#top-band #nav {
	background-color: #232D36;
}
 .bumper-sticker-model {
	width:41%;
	height:100%;
	margin-top:-10%;
	background-size: 136.5px 234px;

}

.bumper-sticker-model p {
	padding: 46%  18% 29%;
	margin-bottom:0;
	font-size:.5em;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 37%;
 }
 
.want-mine-btn {
	 width:72px;
	 height: 19.3px;
 }

}
		
@media screen and (min-width: 594px) {
	#respondwrap {
	width: 594px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
	height:335px;
}
#top-band #nav {
	background-color: #232D36;
}

.halfcircle {   
	 padding-top:10%;
	 font-size:90%;
}
.halfcircle img#btn-enter-forum {
width:57%;
}
#logo {
 width:45%;
}

.bumper-sticker-model {
	width:40%;
	height:100%;
	margin-top:-10%;
	background-size: 191.1px 327px;

}

.bumper-sticker-model p {
	padding: 45%  18% 29%;
	margin-bottom:0;
	font-size:.65em;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 37%;
 }
 
.want-mine-btn {
	 width:72px;
	 height: 19.3px;
 }

}
			
@media screen and (min-width: 673px) {
	#respondwrap {
	width: 673px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
 	height:379px;
}

.halfcircle {   
	 padding-top:10%;
	 font-size:102%;
}
.halfcircle img#btn-enter-forum {
width:58%;
}
#top-band #logo {
 width:10%;
}

.bumper-sticker-model {
	width:40%;
	height:100%;
	margin-top:-10%;
	background-size: 245.7px 421.2px;

}

.bumper-sticker-model p {
	padding: 45%  18% 29%;
	margin-bottom:0;
	font-size:.65em;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 35%;
 }
 
.want-mine-btn {
	 width:89px;
	 height: 23.9px;
 }

ul#navlist li a {
	padding: 17px 13px 16.5px 11px;
}
#top-band #nav ul li{
	margin: 0;
	font-size:10px;
}
#top-band #nav {
	width:78%;
}
}
				
@media screen and (min-width: 783px) {
#respondwrap {
	width: 783px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
 	height:441px;
}	

.halfcircle {   
	 padding-top:10%;
	 font-size:114%;
}
#top-band #logo {
 width:10%;
}

.bumper-sticker-model {
	width:40%;
	height:100%;
	margin-top:-10%;
/*	background-size: 430px 435px;*/

}

.bumper-sticker-model p {
	padding: 45%  18% 29%;
	margin-bottom:0;
	font-size:.73em;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 37.2%;
 }
 
.want-mine-btn {
	 width:104px;
	 height: 28px;
 }
ul#navlist li a {
	padding: 17px 13px 18px 11px;
}
#top-band #nav ul li{
	margin: 0;
	font-size:10px;
}
#top-band #nav {
	width:83%;
}

}
					
@media screen and (min-width: 810px) {
	#respondwrap {
	width: 810px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
 	height:456px;
}

.halfcircle {   
	 padding-top:10%;
	 font-size:122%;
}
.halfcircle img#btn-enter-forum {
width:50%;
}
#top-band #logo {
 width:15%;
}

.bumper-sticker-model {
	width:40%;
	height:100%;
	margin-top:-10%;
	background-size: 273px 468px;

}

.bumper-sticker-model p {
	padding: 46%  20% 29%;
	margin-bottom:0;
	font-size:.73em;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 38%;
 }
 
.want-mine-btn {
	 width:104px;
	 height: 28px;
 }
ul#navlist li a {
	padding: 17px 13px 18px 11px;
}
#top-band #nav ul li{
	margin: 0;
	font-size:10px;
}
#top-band #nav {
	width:78%;
}
}
						
@media screen and (min-width: 846px) {
	#respondwrap {
	width: 846px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
 	height:477px;
}

.halfcircle {   
	 padding-top:10%;
	 font-size:132%;
}
.halfcircle img#btn-enter-forum {
width:55%;
}

#top-band #logo {
 width:18%;
}

.bumper-sticker-model {
	width:40%;
	height:100%;
	margin-top:-10%;
/*	background-size: 455px 460.7px;*/

}

.bumper-sticker-model p {
	padding: 46%  20% 29%;
	margin-bottom:0;
	font-size:.8em;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 39%;
 }
 
.want-mine-btn {
	 width:104px;
	 height: 28px;
 }
#top-band #nav {
	width:80%;
}
}
							
@media screen and (min-width: 1008px) {
#respondwrap {
	width: 1008px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
 	height:568px;
}	

.halfcircle {   
	 padding-top:10%;
	 font-size:142%;
}

.halfcircle {   
	 padding-top:10%;
	 font-size:139%;
}

#top-band #logo {
 width:10%;
}

.bumper-sticker-model {
	width:40%;
	height:100%;
	margin-top:-10%;
	background-size: 354.9px 608.4px;

}

.bumper-sticker-model p {
	padding: 52%  20% 29%;
	margin-bottom:0;
	font-size:.9em;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 38%;
 }
 
.want-mine-btn {
	 width:122px;
	 height: 32.7px;
 }

}
								
@media screen and (min-width: 1040px) {
#respondwrap {
	width: 1040px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
 	height:586px;
}	

.halfcircle {   
	 padding-top:10%;
	 font-size:150%;
}
.halfcircle img#btn-enter-forum {
width:60%;
}

#top-band #logo {
 width:15%;
}
.bumper-sticker-model {
	width:40%;
	height:100%;
	margin-top:-10%;
	background-size: 382.2px 655.2px;

}

.bumper-sticker-model p {
	padding: 54%  20% 29%;
	margin-bottom:0;
	font-size:.9em;
 }

 .bumper-sticker-model form{
	padding: 0 0 0 37%;
 }
 
.want-mine-btn {
	 width:122px;
	 height: 32.7px;
 }


}
									
@media screen and (min-width: 1080px) {
#respondwrap {
	width: 1080px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width:100%;
 	height:609px;
}	

.halfcircle {   
	 padding-top:9%;
	 font-size:160%;
}

#top-band #logo {
 width:10%;
}

.bumper-sticker-model {
	width:40%;
	height:100%;
	margin-top:-8%;
/*	background-size: 580px 587px;*/

}

.bumper-sticker-model p {
	padding: 54%  20% 29%;
	margin-bottom:0;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 39%;
 }
 
.want-mine-btn {
	 width:122px;
	 height: 32.7px;
 }

}
										
@media screen and (min-width: 1110px) {
	body {
		font-size: 100%;
}
#respondwrap {
	width: 1110px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width: 1110px;
 	height:625px;
}

.halfcircle {   
	 padding-top:10%;
	 font-size:170%;
}

.halfcircle img#btn-enter-forum {
width:60%;
}

#top-band #logo {
 width:17%;
}

.bumper-sticker-model {
	width:40%;
	height:100%;
/*	margin-top:-10%;*/
/*	background-size: 618px 626px;*/

}
.bumper-sticker-model p {
	padding: 50%  19% 29%;
	margin-bottom:0;
	font-size:1em;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 39%;
 }
 
.want-mine-btn {
	 width:144px;
	 height: 39px;
 }

}
											
@media screen and (min-width: 1218px) {
	#respondwrap {
	width: 1218px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width: 1218px;
	height:686px;
}

.halfcircle {   
	 padding-top:11%;
	 font-size:180%;
}

#logo {
 width:36%;
}
#top-band #nav {
	float:right;
}#top-band #nav ul {
	float:right;
}

.bumper-sticker-model {
	width:40%;
	height:100%
	margin-top:-12%;
/*	background-size: 680px 689px;*/

}
.bumper-sticker-model p {
	padding: 50%  19% 29%;
	font-size:1em;
 }

 .bumper-sticker-model form{
	padding: 0 26% 0 41%;
 } 
 
 .want-mine-btn {
	 width:164px;
	 height: 44px;
 }

}
												
@media screen and (min-width: 1260px) {
	#respondwrap {
	width: 1260px; 
 	margin: 0 auto;
}
#picbg-rv-desert {
 	width: 1260px;
	height:710px;
}

#top-band #logo {
 width:15%;
 float:left;
 padding-left:1.4%;
}

#top-band #nav {
width:60%;
float:right;
overflow: hidden;
}

#top-band #nav ul {
	float:right;
}

}
.clear {
	clear:both;
}