/*

Styles for very thin devices, like iPhones

Applied when under 480px, the suggested iPhone max width
Set in template.php theme_preprocess_page()

*/


/* global */
/* remove the background which has the logo embedded in it */
body {
  width: 100% !important;
  display: inherit;  
  background-image: none;
  font-size: inherit;
}

iframe,
table {
  width: 100% !important;
}

input,
textarea,
select {
  max-width: 100%;
}

.rteindent2 {
  margin-left: 0 !important;
}

.node-inner .content ul {
  margin-left: 15px;
}

.centerDiv {
  width: inherit;
  margin-left: 0;
  margin-right: 0;
}

div#topSection {
	display: none;
}
div#leftSection {
  float: none;
  margin-left: 5px;
  width: inherit;
}

div#rightSection {
  float: none;
  width: inherit;
  margin-left: 0;
}

div.tabbedBox ul.tabs li a {
  background-image: none;
  font-size: 15pt !important;
  height: 100px;
  width: 100px;
  background-color: #ccc;
  line-height: 1.1em !important;
}

div.tabbedBox ul.tabs li a.on {
  background-color: #e6e6e6;
}

/* search */
#search input#searchText {
  height: inherit;
        background-image:url("/sites/all/themes/nano7/images/backgrounds/searchBarThin.png");
}


/* footer refinements */
div#footer .left,
div#footer .right {
  float: none;
  text-align: center;
}

/* remove the white space logo link */
a#homeLink {
  height: inherit;
  width: inherit;
  display: inline;
}

#primaryNavigation {
  width: inherit;
  margin-left: 0;
}

#primaryNavigation ul.menu li#prim1 a,
#primaryNavigation ul.menu li#prim2 a,
#primaryNavigation ul.menu li#prim3 a,
#primaryNavigation ul.menu li#prim4 a,
#primaryNavigation ul.menu li#prim5 a,
#primaryNavigation ul.menu li#sec1 a,
#primaryNavigation ul.menu li#sec2 a,
#primaryNavigation ul.menu li#sec3 a {
  background-color: #EBEBEB;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 15px;
  width: inherit;
}

/* these are side bar items */
#leftSection .relatedResources {
  float: none;
  margin-bottom: 0;
  width: inherit;
}

/* images in content are in floated tables */
.node-inner .content table {
  float: none;
}

.node-inner .content img {
  max-width: 100% !important;
  height: auto !important; 
}

/* home page changes */
div#quadrants div.topLeft, 
div#quadrants div.bottomLeft,
div#quadrants div.topRight,
div#quadrants div.bottomRight {
  margin-right: 0;
  float: none;
  width: inherit;
}

div#slideshow {
  display: none;
}

.view-display-id-block_2 {
  display: block;
}

/* Side by sides into one lane */
.nodequeue {
  float: none;
  padding-right: 0px;
  height: inherit;
  width: inherit;
}

#leftSection .nodequeue .img,
#rightSection .nodequeue .img  {
  float: none;
}

.nodequeue h3 {
  margin-top: 10px;
}

.nodequeue p {
  margin-left: 0;
}

.nodequeue:nth-child(2n+1) {
  margin-right: 0px;
}

/* clean up the header */
#banner {
  height: inherit;
  background: url(../../images/header.png) no-repeat;
}

#utility {
  height: inherit;
  text-align: left;
  width: inherit;
  text-align: center;
}

#utility a {
  font-size: 120%;
}

#search {
  float: none;
  margin-left: 0px;
}

#search input#searchText {
  width: inherit;
}

#search input#searchGlass {
	display: none;
}

#topLink {
float: none;
}

a#homeLink img {
  display: block;
  margin-top: 15px;
  width: auto;
  height: auto;
}

img {
  max-width: 100%;
}

/* refine the navigation */
#primaryNavigation .menu {
  margin-left: 0;
  margin-top: 10px;
  background-color: #fff;
}

#primaryNavigation > ul > li {
  float: none;
  line-height: inherit;
}

#primaryNavigation > ul > li > a {
  background-image: none;
  height: inherit;
  margin-bottom: 5px;
}

#primaryNavigation > ul > li > a > strong {
  position: static;
}

/* second row items that become main row */
div#primaryNavigation ul li#sec1 a,
div#primaryNavigation ul li#sec2 a,
div#primaryNavigation ul li#sec3 a {
  background-image: none;
  height: inherit;
  margin-top: 0;
  width: inherit;
}

div#primaryNavigation ul li#sec1,
div#primaryNavigation ul li#sec2,
div#primaryNavigation ul li#sec3 {
  margin-left: 0px;
}

/* this hides the hover nav */
#primaryNavigation > ul > li > ul,
div#primaryNavigation ul li#sec1 > ul,
div#primaryNavigation ul li#sec2 > ul,
div#primaryNavigation ul li#sec3 > ul {
  border: none;
}

#primaryNavigation > ul > li > ul > li {
  display: none;
}

.nano-news-box {
  width: inherit;
}

/* add borders to home page elements */
.front .thin-news-list,
.front .topLeft,
.front .topRight {
  background-color: #EBEBEB;
  padding-top: 10px;
}

.front .topLeft,
.front .topRight  {
  padding-top: 10px;
  padding-left: 15px;
  margin-top: 45px;
}

#footerContainer {
  width: inherit;
}

/* some form stuff */
div#pubsFilterForm input#edit-keywords {
  float: none;
}

div#pubsFilterForm #edit-keywords-all-wrapper label.option {
  margin-left: 1.5em;
}

div#pubsFilterForm #edit-submit {
  margin-left: 0;
}

/* events fixes */
.node .press_release .dateline {
  float: none;
}

.node .press_release .titleTeaser {
  margin-left: 0;
}

/* form fixes */
div#achieveFilterForm #edit-keywords-all-wrapper label.option,
div#achieveFilterForm #edit-keywords-all-wrapper label.option input {
  margin-left: 0;
}

div#achieveFilterForm input#edit-keywords {
  float: none;
}