@charset "UTF-8";
/* CSS Document */

.clear { clear:both;}


body { background:#f1f1f0; margin:0; padding:0; font-size: small;
	   /*background-image:url(images/seamless-bg2.png);

typetester.org. background-color: #fff;*/
font-family: Arial;
color:  #666;
font-size:small;
}	

#main { margin:0; padding:0; width:100%;}

article { font-size: 105%; }

.wrapper  { width: 100%;
            height: auto; margin:0; padding:0;}
			

/* Making wrappers beautiful */
.strip1 { /**/background-color: #c0f254; height:25px;border-bottom: 1px solid white;}			
.strip2 { /**/background-color: #bbbbba;
              background-image:url(../images/top-header-white-shape.png);
		      background-repeat:no-repeat; background-position:bottom center;
			
			  }
.strip3 { background-color: white; /*border: 1px dashed green;*/}
.strip4 { background-color: #bbbbba;
          background-image:url(../images/bottom-footer-white-shape.png);
		  background-position: top center; background-repeat:no-repeat; height: 100%;}
/*************************************************************/
.container{
	width:90%;
	padding: 2%;
	margin:0 auto;
	font-size: 103%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	word-spacing: -0.1em;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.4em;
	/*background-color:#cce2cf; border:dashed 1px #352e2b ;
    -moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px; */
	}
	
	
article aside {
                 
				
			
                }

	
article aside nav { background-image:url(../images/nav-img-bottom.png);
		      background-repeat:no-repeat; background-position:bottom center;
   
   /* -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
     border-radius: 11px;*/
 
}
	

nav ul, nav ol { list-style: none; 
				 list-style-image: none; 
				 margin: 10px 0 20px 0; 
				 padding: 0;  }	
				 
nav li {  /*border-left:dashed 1px #352e2b;*/ 
          padding-bottom:10px; }	




nav a { display:block; 
                width:auto;
				padding: 0.4em;
				line-height:1.0;
				font-variant: small-caps;
				text-align:center;
				font-size: 170%;}
				
				
	a { text-decoration:none;}			
	a:link{ color: #75a904;}
	a:visited{color: #676e58;}
	a:hover{ color:#C00;}			
			
				
header {
	width: 100%;
	margin:0;
	height:auto; 
		}				

header .left { float:left; }


				
footer { padding:30px;}				
				
				
				
/* Smaller screens */


/* Mobile */

/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {
/* Mobile -- really IPAD I think */

nav{
		margin: 0 auto; 
		width:100%;
		padding:10px; 
	}
	
header .right h1 { font-size:100%;color: #C00;
	               font-family: Courier, monospace;
	
}					

}

@media only screen and (min-width: 768px) {
	
/*IPAD*/

aside{
		float:right;
		width:31%;
		margin:30px; 
	}
	
	
	nav{
		float:right;
		padding:10px; }
	

 article{
		float:left;
		width:100%; 
		margin-top: 20px;}
		
	
	body {

	-webkit-text-size-adjust: none;
	/*background-image: url(images/ornate1.png);*/
	}
	


	
	
	
	header .right h1 {
	font-size: 200%; color: #C00;
	font-family:"Courier New", Courier, monospace;
	float:right;
	
	margin: 35px 50px 0 0;


}					
	
	
}

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

/* ===============
    Maximal Width = DESKTOP
   =============== */

	body {
	/*font-size: 0.8em;*/
	line-height: 1.5em; 
	}


	/*.wrapper{
		width:1026px;  1140px - 10% for margins 
		margin:0 auto;*/
		
	
	
	
	.container { max-width:900px; }
	
	
	nav{
		float:right; width: 100%; 
		
	    float: right;
		padding:10px; 
	}
	
	header .right h1 {
	font-size: 200%;
	color: #C00;
	font-family:"Courier New", Courier, monospace;
	float:right;
	
	margin: 20px 150px 0 0;


}				
	
	
}