/* 
    Document   : mobile
    Description:
        Purpose of the stylesheet follows.
*/
body { padding: 0; }

.container { padding-left: 15px !important; padding-right: 15px !important;}

#header { background: none !important; }

#change_skin_menu_wrapper .container { padding: 0 !important; }

#main-content,
#sidebar-first-wrapper,
#sidebar-second-wrapper { float: none; width: 100%; }

#footer-wrapper .block { float: none; width: 100%; }

#sidebar-first-wrapper h2, 
#sidebar-second-wrapper h2 { font-size: 1.5em;}

/* quciktab */
.quicktabs-wrapper .quicktabs-tabs li, 
#sidebar-first-wrapper .item-list .quicktabs-tabs li, 
#sidebar-second-wrapper .item-list .quicktabs-tabs li {
  margin-left: 10px;
}

.quicktabs-wrapper .quicktabs-tabs li:first-child, 
#sidebar-first-wrapper .item-list .quicktabs-tabs li:first-child, 
#sidebar-second-wrapper .item-list .quicktabs-tabs li:first-child {
  margin-left: 0;
}

.quicktabs-wrapper .quicktabs-tabs li a, 
#sidebar-first-wrapper .item-list .quicktabs-tabs li a, 
#sidebar-second-wrapper .item-list .quicktabs-tabs li a {
  font-size: 1.5em !important;
}

/* gallery */
#sidebar-first-wrapper .gallery-thumbs .views-field-field-images img, 
#panel-first-wrapper .views-col .views-field-field-images img {
  max-width: 82%;
}

/* content */
.node-wrapper > h2 {
  font-size: 2em;
  line-height: 1.2;
  width: 77%;
}

#page-title { font-size: 2em; }

#panel-first-wrapper .panel-column {
  margin-bottom: 20px 
}

#panel-first-wrapper .container h2 { font-size: 1.5em; }

/* footer */
#footer-wrapper { text-align: center; }

#footer-wrapper .sf-menu {
  float: none;
}

#footer-wrapper .sf-menu li {
 float: none;
 margin: 0 5px 5px;
 display: inline-block;
}

/* search */
#block-search-form { width: 20px; position: absolute; right: 60px; top: 35px; background-position: 100% 0; }

#cse-search-box .form-text { width: 0px; }

#block-search-form:hover { width: 225px; }

#block-search-form:hover  .form-text { width: 195px; }

#cse-search-box, #cse-search-box .form-item { float: none; } 

/* menu */
.responsive-menu-button { top: 36px; right: 15px; }

.region-main-menu {
  position: absolute;
  left: 0;
  top: 66px;
  z-index:9999;
  width: 100%;
  background: #333;  
  color: #fff;
  box-shadow: 0 8px 6px -6px #000;
}

.region-main-menu .content { padding: 15px; }

.region-main-menu .sf-menu.sf-style-default { float: none; }

.region-main-menu .sf-menu.sf-style-default li, 
.region-main-menu .sf-menu.sf-style-default.sf-navbar { 
   float: none; 
   border-bottom: 1px dotted #555; 
   margin: 0;
}

.region-main-menu .sf-menu.sf-style-default li.last { 
   border-bottom: none; 
}

.region-main-menu .sf-menu.sf-style-default a, 
.region-main-menu .sf-menu.sf-style-default a:visited{ 
  display: block; 
  float: none;
  font-size: 1.167em;
  text-shadow: none;
  color:#fff;
  padding: 5px 10px;
}

.region-main-menu .sf-menu.sf-style-default a:before {
  content: '+';
  margin: 0 5px 0 0;
  color:#fff !important;
  font-size: 0.912em;
  font-family: Arial, Helvetica, sans-serif;
}

.region-main-menu .sf-menu.sf-style-default li a:focus, 
.region-main-menu .sf-menu.sf-style-default li a:hover, 
.region-main-menu .sf-menu.sf-style-default li a:active {
  background: #555 !important;
  color: #fff !important;
}

.region-main-menu .sf-menu.sf-style-default a.active, 
.region-main-menu .sf-menu.sf-style-default a.active:hover {
  background: #000 !important;
}

.region-main-menu .sf-menu.sf-style-default li ul {
  position: static;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  width: 100% !important;
  border: none;
}

.region-main-menu .sf-menu.sf-style-default li li a {
  padding-left: 30px;
  padding-right: 30px;
}

.region-main-menu .sf-menu.sf-style-default li.sfHover > a{
  background: #000 !important;
}

.region-main-menu .sf-menu.sf-style-default li li a:focus, 
.region-main-menu .sf-menu.sf-style-default li li a:hover, 
.region-main-menu .sf-menu.sf-style-default li li a:active {
  color: #fff;
}

.region-main-menu .sf-menu.sf-style-default li li a.active, 
.region-main-menu .sf-menu.sf-style-default li li a.active:hover {
  font-weight: bold;
  color: #fff !important;
}

.slideshow .views-field-field-image {
  float: left;
  margin: 0;
}

/* gallery formatter */
.gallery-slides, .gallery-thumbs { width: 100% !important; }

.galleryformatter-greenarrows .gallery-thumbs { padding: 0; }