/*
 * mobile.css
 * CSS definitions for Climbers.net pages (iPhone/small screen browsers)
 * (c) Climbers.net, 2010
 */

HTML {
  min-width: 480px;
  -webkit-text-size-adjust: none;
  }

BODY {
  font-size: 12px;
  background: #fff;
  min-width: 480px;
  }

.nomobile {
  display: none;
  }
  
/* Drop shadows for images */
.img-shadow {
  clear: both;
  float: left;
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin: 4px 0 0 7px !important;
  margin: 4px 0 0 8px;
}

/* Navigation header styles */
#header	{
  padding: 0 4px 0 4px;
  height: 28px;
  margin-bottom: 8px;
  }

#header B {
  font-size: 18px;
  }

#header UL {
  top: 5px;
  left: 168px;
  font-size: 15px;
  }

#header UL LI {
  padding: 0 4px 0 4px;
  }

#header #search {
  display: none;
  }

/* Sidebar content styles */
#sidebar {
  position: relative;
  top: 0;
  right: 0;
  width: 391px;
  margin: 10px 0 10px 10px;
  border: 2px solid #ccc;
  float: left;
  }

#sidebar #col1 {
  float: left;
  width: 180px;
  border-right: 1px #ccc dashed;
  margin-right: 15px;
  padding-right: 15px;
  }

#sidebar #col2 {
  float: right;
  width: 180px;
  }

#sidebar H2 {
  font-size: 15px; 
  margin: 0 0 6px 0;
  }

/* Google Maps styles */

#map {
  height: 305px;
  }
  
#map TABLE {
  height: 305px;
  }

/* Main page content styles */

#main {
  border: 0;
  margin: 0 5px 0 5px;
  padding: 0;
  }

#main .rule, #sidebar .rule {
  margin: 6px 5% 6px 5%;
  }
  
#main H1 {
  font-size: 16px;
  }
  
#main H2 {
  font-size: 15px; 
  margin: 15px 0 2px 0;
  }

#main P, #home P {
  margin-bottom: 14px;
  }

/* Pseudo-table for thumbnails which automatically wrap on browser width */
UL#boxes {
  min-width: 310px;
  }
  
/* Medium thumbnails */
#boxes .mx {padding-top:22px; width:184px; height:160px}	
#boxes .my {padding-left:18px; width:166px; height:182px}
/* Small thumbnails */
#boxes .sx {padding-top:14px; height:126px; width:144px}	
#boxes .sy {padding-left:14px; height:140px; width:130px}
/* Gallery small thumbnails + caption */
#boxes .gx {padding-top:14px; height:152px; width:147px}
#boxes .gy {padding-left:14px; height:166px; width:133px}

/* Home page content styles */

#home {
  width: 480px;
  margin: 0 0 5px 5px;
  border: 0;
  background: #fff url(images/logo_mobile.jpg) no-repeat top right;
  padding-left: 0;
  min-height: 0px;
  }


#home H1 {
  font-size: 42px; 
  margin: 0 0 16px 0;
  }
  
#home .date {
  color: #f66;
  }
  
#home H2 {
  font-size: 20px; 
  }

#home #flow1 {
  width: 80px;
  height: 90px;
  }

#home #flow2 {
  width: 120px;
  height: 240px;
  }
  
#notice {
  width: 320px;
  }
  
/* Page footer styles */

#footer {
  margin: 10px 10px 5px 10px;
  padding: 5px 0 0 0;
  font-size: 10px;
  line-height: 12px;
  color: #666;
  clear: both;
  }
  
#footer A {
  color: #000;
  }

#footer .home {
  margin: 10px auto 0px auto;
  }