body {margin: 0 auto;}

/*#email-toolbar,
#page-wrapper {
  max-width:490px;
  width:98%;
  margin: 0 1%;
  padding-top:0;
}
*/

#page-wrapper {
  width:490px;
  margin:0 5px;
  background-image: none;
}

#header {
  margin-right: 7px;
  padding-bottom:10px;
}
#logo-wrapper, #header-wrapper {float:none; width: 100%;}


#block-block-21 {
  display:none;
}

#block-block-22 {
  padding-top:5px;
  padding-bottom:0;
}

.tia-bottom-wrapper .campaignmonitor-subscribe-form, .tia-bottom-wrapper #tia-signup-subscriber-form {
  width: 95%;
}

.tia-bottom-wrapper .signup-intro {
  display:none;
}

.tia-bottom-wrapper .campaignmonitor-subscribe-form {
  width: 100%;
  margin-left:0;
}



#block-block-22 iframe {
  height:25px !important;
}

div.region-navigation {float: left;}

div.region-navigation #block-nice-menus-1 ul#nice-menu-1 li {
  clear:both;
  width: 100%;
  overflow:hidden;
  background-image: linear-gradient(bottom, rgb(57,57,57) 18%, rgb(63,63,63) 59%);
  background-image: -o-linear-gradient(bottom, rgb(57,57,57) 18%, rgb(63,63,63) 59%);
  background-image: -moz-linear-gradient(bottom, rgb(57,57,57) 18%, rgb(63,63,63) 59%);
  background-image: -webkit-linear-gradient(bottom, rgb(57,57,57) 18%, rgb(63,63,63) 59%);
  background-image: -ms-linear-gradient(bottom, rgb(57,57,57) 18%, rgb(63,63,63) 59%);

  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0.18, rgb(57,57,57)),
  	color-stop(0.59, rgb(63,63,63))
  );
  border-top: 1px solid #444444;
  border-bottom: 1px solid #393939;
  text-align: left;
  }

div.region-navigation #block-nice-menus-1 ul#nice-menu-1 li a {
  background: url('../images/one-col-nav-bg.gif') no-repeat 5px 8px;
  padding-left: 30px;
  padding-top:7px;
  text-align:left;
}

div.region-navigation #block-nice-menus-1 ul#nice-menu-1 li ul li {
  border: 0 none;
}

#block-views-news-media-banners-block, #block-views-banners-block {
  max-width:100% !important;
  overflow: hidden;
}

#block-views-news-media-banners-block a.jcarousel-prev-horizontal, 
#block-views-banners-block a.jcarousel-prev-horizontal,
#block-views-news-media-banners-block a.jcarousel-next-horizontal,
#block-views-banners-block a.jcarousel-next-horizontal {
  height:111px;
}
.jcarousel-container {margin-top:20px;}

#block-views-news-media-banners-block a.jcarousel-prev-horizontal, 
#block-views-banners-block a.jcarousel-prev-horizontal {
  background-position: left center;
}

#block-views-news-media-banners-block a.jcarousel-next-horizontal,
#block-views-banners-block a.jcarousel-next-horizontal {
  background-position: right center;
}
#main #sidebar .region-sidebar-upper .section .block,
#block-views-multimedia-list-block, #block-views-latest-news-block-1, #block-views-press-releases-block-2 {
  width:100%;
  margin-bottom:10px;
  clear: both;
}

 #block-views-press-releases-block-2 {margin-left:0;}
#main .region-content .views-row,
#block-views-multimedia-list-block .views-row,
#block-views-latest-news-block-1 .views-row,
.sidebar-view-block .view-empty,
.sidebar-view-block .views-row {
  width:96%;
  padding: 1% 2%;
  clear: both;
  min-height: 75px;
}

#main {
  margin: 0 7px;
}

#main #sidebar {
  margin-right: 0;
  float: none;
}

#main #sidebar .region-sidebar-upper,
#main #sidebar .region-sidebar-lower {
  float:none;
  width:100%;
  padding:0;
  clear:both;
}

#main #content {
  padding-bottom: 10px;
}

#block-system-main .content .node {
  padding:15px 0;
  background-color: transparent;
}

#block-system-main .content .node p {
  margin-top:0;
}

/*
 * Hmmm... How can we optimize so that the mobile client isn't downloading
 * a ton of content it isn't going to display? It's a little different when
 * the content is text, but when it's images that a bit steeper...
 */
#main .region-content #block-views-advertisers-block .views-row {
  padding: 0;
  margin-bottom: 0;
} 

#block-views-advertisers-block .views-row {
  display:none;
}

#block-views-advertisers-block .views-row-first {
  display: block;
}

#block-signup-0 .content p {
  font-size:110%;
}

/*
 * 'tiled views' don't need to align vertically, so min-heights are not important,
 * and the sizes can flow as per normal.
 */
.views-tia-list .tia-grid-item {float: none; width: 100%; margin: 0; margin-bottom:1em; padding: 1em 0; background-color:#F2F2F2}
.views-tia-list .tia-grid-wrapper {margin: 0;}

.tiled-view .views-row {
  height:auto;
  min-height:0;
  padding-bottom:10px;
}

.tiled-view .views-row-odd {
  margin-right:0;
}

.tiled-view .views-field-title {
  line-height: 110%;
}

.tiled-view .views-field-body p {
  margin-bottom: 0;
}

ul.nice-menu-down li.menuparent {
  background: none;
}
 
div.region-navigation #block-nice-menus-1 ul#nice-menu-1 {
  background: none;
  float:left;
  width: 460px;
}

div.region-navigation #block-nice-menus-1 ul#nice-menu-1 li.active-trail {
  display:block;
  background: url('../images/one-col-active-nav-bg.gif') repeat-x left top;
}

div.region-navigation #block-nice-menus-1 ul#nice-menu-1 li a {
  background: url('../images/inactive-nav.gif') no-repeat 10px 10px;
}

div.region-navigation #block-nice-menus-1 ul#nice-menu-1 li.active-trail a {
  background: url('../images/active-nav.gif') no-repeat 10px 10px;
}

div.region-navigation #block-nice-menus-1 ul#nice-menu-1 li.active-trail ul {
  display: block !important;
  position: static !important;
  visibility: visible !important;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top:0;
  width:100% !important;
}

div.region-navigation #block-nice-menus-1 ul#nice-menu-1 li.active-trail ul li {
  background-image: linear-gradient(bottom, rgb(199,199,199) 25%, rgb(238,238,238) 75%);
  background-image: -o-linear-gradient(bottom, rgb(199,199,199) 25%, rgb(238,238,238) 75%);
  background-image: -moz-linear-gradient(bottom, rgb(199,199,199) 25%, rgb(238,238,238) 75%);
  background-image: -webkit-linear-gradient(bottom, rgb(199,199,199) 25%, rgb(238,238,238) 75%);
  background-image: -ms-linear-gradient(bottom, rgb(199,199,199) 25%, rgb(238,238,238) 75%);

  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0.25, rgb(199,199,199)),
  	color-stop(0.75, rgb(238,238,238))
  );
  display: block;
}

div.region-navigation #block-nice-menus-1 ul#nice-menu-1 li.active-trail ul li a {
  background:none;
  text-shadow: 0px 1px 1px #fff;
  color:#323232;
  padding-top:5px;
  padding-bottom:0;
}

/* sorting out the sponsor carousel */
#block-views-sponsor-carousel-block-1,
#block-views-sponsor-carousel-block {
/*  height:60px;*/
}
#block-views-sponsor-carousel-block-1 .views-field-field-sponsor-logo,
#block-views-sponsor-carousel-block .views-field-field-sponsor-logo {
/*  height:27px !important; */
}

#block-views-banners-block .view-content .jcarousel-clip .jcarousel li.jcarousel-item {
  width: 296px;
  max-width: 296px !important;
}

#block-communityengagement-delta-0 #video-posts-wrapper .views-row {
  min-height: 84px;
}

#event-details .sponsors.first, #event-details .sponsors.second {
  float:none;
  height: 100%;
  width:100%;
  margin: .5em 1em;
 }
  
.sponsors .logos {height: auto;}