/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}

/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */

/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

body{
  background: -webkit-linear-gradient(#A7F1EE, #D2ECBF); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#A7F1EE, #D2ECBF); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#A7F1EE, #D2ECBF); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#A7F1EE, #D2ECBF); /* Standard syntax */
}

#page{
background-color:#FFFFFF;
box-shadow: 0px 0px 25px #003e19;
border-radius: 15px;
}

h1,h2,h3,h4,h5{
color:#003300;
}

#menu-bar{
background-color:#003300;
color:#FFF;
}

#menu-bar a{
color:#FFF;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
font-size:20px;
}

#block-system-main-menu{
float:left;

}

#block-search-form{
float:right;
margin-top:20px;
}

a.red{
color:red;
}

a.green{
color:green;
}

#menu-bar .ui-autocomplete a{
color: #000;
}

.ui-autocomplete-field-name, .ui-autocomplete-field-comment_count{
display:none!important;
}


#block-block-2{
float:right;
}

#block-block-2 h2{
color: #FFF;

}

#content a{
text-decoration: underline;
}

.submitted{
display: none;
}

#header{
position:relative;
}

#block-block-4{
float: right;
position: absolute;
top: 10px;
right: 0px;
}

#block-block-4 h2{
display:none;

}

#block-block-3 h2{
font-size:12px;
}

#block-block-3{
font-size:10px;
}
/*
.fivestar-flames div.fivestar-widget-static .star-1{
background: url(Smile.png) no-repeat 0 0;
}

.fivestar-flames div.fivestar-widget-static .star-1 span{
display: none!important;
}


.fivestar-flames div.fivestar-widget .star-1, 
.fivestar-flames div.fivestar-widget .star-1 a{
background: url(Smile.png) no-repeat 0 0;
}*/