/* CSS Document */

@media all and (min-width: 1001px) { /* DEFAULT */
  body {
	font-size: 1.2em;
  }
}

@media all and (max-width: 1000px) and (min-width: 900px) { /* TABLETS */
  body {
	font-size: 1.0em;
  }
  #navigation ul li .searchButton button { 
      height: 32px;
  }
}

@media all and (max-width: 899px) { /* PHONES */
  body {
	font-size: 1em;
	line-height: 1.2em;
	min-width: 320px;
  }
  .mobile_hide, #navigation ul li#nav_main_search, #colophon ul#footerSocial li.mobile_hide { 
  	display: none;
  }
  .desktop_hide { display: none; }
  .mobile_show { display: block; }
  #navigation ul li#nav_search { 
  	display: block; 
  }
  ._100, ._75, ._67, ._50, ._33, ._25 {
	  width: 95%;
  }
  #sortableWrapper ._25, #sortableWrapper ._50, #sortableWrapper ._67, #sortableWrapper ._75, #sortableWrapper ._100 { 
    width: 95%;
  }
  
  #navigation ul li#nav_logo { 
  	width: 170px;
  }
  #navigation ul li#nav_user {
	  width: auto;
  }
  
  ul.news_block { 
  width: 42%;
  }
  
  .footer_container .copy {
	  width: 90%;
  }
  #colophon ul#footerSocial li, #colophon ul li {
    width: 100%;
    clear: both;
    display: block;
    float: left;
    text-align: left;
    margin-top: 5px;
  }
  .submenu, .readerDesktopMenu { display: none; }
  #readerOptionsWrapper #rightReaderOptions { float: right; text-align: right; }
  
  /*** FORM ELEMENTS ***/
  label.error { width: 92%; float: none; }
  input, textarea, select, label {
	  width: 94%;
	  text-align: left;
  }


  .notification { margin-bottom: 10px; }



  
}