/*
body { background:url(design/big_sky2.jpg) top no-repeat fixed;
       background-size:cover;}
   */
/* add this for old sites */ 
img { padding: 5px; border: 1px solid #666;}
img.full { width:100%; height:auto;}
/*  
.row img { width:100%; height:auto;}
 */
#contentleft { text-align:left; margin-top:50px;}
p { font-size:14px; line-height:1.5em; margin: 10px 5px;}

.nav { xborder-bottom:1px solid #444; font-size:9px;}
.nav, .nav a {color:#888; font-size:11px; margin: 1px 5px 1px; }
.nav a:hover { color:#ccc;}
.nav a.actual {color:#ccc; background:#555; border-bottom:0px;}

/* styling the next links sail 2008 */
#content p a.next { color:#777; font-size:11px; float:right; 
padding:3px 5px; border:1px solid #777; margin:2px;}
#content p a.next:hover { color:#ccc;}


#head p.small {xborder-bottom:1px solid #555; xbackground-color:#999;}
#head p.small a { font-size:10px;  color:#777; margin:0px 15px;}
#head p.small a:hover { font-size:10px;  color:#ccc; }
/* ### testing again ###*/

#wrapper920    {width: 920px; margin:0px auto; margin-top:40px; 
background-color:rgba(80, 80, 80, 0.8); background-color:#333; padding:0px 20px;  
-moz-box-shadow:4px 4px 5px 5px #222;  -webkit-box-shadow: 4px 4px 5px 5px #222;   
box-shadow:4px 4px 5px 5px #222;  }

span.prevnextbox { border:1px solid #555; border-radius: 3px; 
                   padding:1px 2px 1px; margin-bottom:5px;
				   line-height:2em; display:inline-block;  }
a.prevnext { color:#999; font-size:11px;padding:1px 2px 1px; margin:0px 3px;}
a.prevnext:hover { color:#ccc;}
 

p.scrollreplace { text-align:right; color:#333;}
.scrollreplace a{ padding:20px; font-size:10px; color:#777; margin:30px 0 20px; text-align:right;}
.scrollreplace a:hover{ padding:20px; color:#aaa; background:#333;}
.mobileinfo { display:none;}

/*  */
@media only screen and (max-width : 959px){
#wrapperfull, #wrapper920, #wrapper960, body.wider #wrapper920 
{width:auto; min-width:480px; margin:0;   padding:20px; background:#292929;}
#head p.small a { color:#777; margin:0px 5px;}
.nav, .nav a {color:#888; margin: 1px 1px 1px; }
.row img, img {max-width:100%; height:auto; }
.row img.icon2 {width:auto; height:auto; }
.col {margin:0;}
 h1 {font-size:24px;}
.mobileinfo { display:block; font-size:16px; padding:10px; margin: 5px 30px; border:1px solid #999;}
.sub1, .sub2 { float:none; width: 100%;}
}

@media only screen and (max-width : 480px){
#wrapper920, body.wider #wrapper920 {width:auto; min-width:420px; margin:0; padding:5px; background:#313139;}
/*
.row img {width:100%; height:auto; }
.col {margin:0;}
#content p { font-size:12px;}

 */
 h1 {font-size:18px;}
.mobileinfo { display:block; font-size:12px; padding:10px; margin:  5px 30px; border:1px solid #999;}
.sub1, .sub2 { float:none; width: 100%;}
}