#top-menu .sf-menu a { color: #fff; }
.entry-content { font-size: 14px; }
#top-menu { background-color: #FFE000; background-image: url(http://www.lib.uiowa.edu/images/background.png); position: relative; z-index: 1000; min-width: 985px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A69602; }
#top-menu-content { height: 14px; padding: 2px 0; margin: 0 auto; width: 978px; }
#top-menu-content .sf-menu { text-transform: uppercase; margin: 0 2px; float: right; line-height: 1; }
#top-menu .sf-menu a { display: block; text-decoration: none; margin-left: 0; margin-right: 0; padding: 4px 0 2px 22px; color: #000; font-size: 0.85em; border-right: none; }
#top-menu .sf-menu a:hover { color: #666; background: none; }
#top-menu .sf-menu li:hover { color: #666; background: none; }
#top-menu .sf-menu li.sfHover { color: #666; background: none; }
#top-menu .sf-menu ul { position: absolute; z-index: 500; margin-top: -11px; }
#top-menu .sf-menu ul a:hover { color: #373331; background: #FFF; }
#top-menu .sf-menu ul li { width: 270px; margin-top: -1px; color: #666; background-color: #ffe000; border-top-width: 1px; border-top-style: solid; border-top-color: #000; }
#top-menu .sf-menu ul li:hover { color: #373331; background: #FFF; }
#top-menu .sf-menu ul li.sfHover { color: #373331; background: #FFF; }
#top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
#top-menu .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: .9em; text-transform: none; text-align: left; }
#top-menu .sf-menu .sf-with-ul { padding-right: 0; }
#top-menu .sf-sub-indicator { background: none; }
#top-menu .sf-menu ul .sf-sub-indicator { display: none; }
#top-menu .sf-menu li:hover ul { top: 2.4em; }
#top-menu .sf-menu li.sfHover ul { top: 2.4em; }
#top-menu ul.sf-menu li li:hover ul { top: 0; }
#top-menu ul.sf-menu li li.sfHover ul { top: 0; }
#top-menu ul.sf-menu li li li:hover ul { top: 0; }
#top-menu ul.sf-menu li li li.sfHover ul { top: 0; }
#footer { height: 10em; text-align: left; font-size: .9em; color: #666; font-weight: bold; margin: 20px auto; width: 970px; background: #fff; border: 1px solid #CCC; padding: 10px 10px 5px 10px; }
#socialicons { margin-top: 10px; }
#socialicons ul li { display: inline; }


/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul { padding-left: 2em; padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 0em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); }
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ }
/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; }
#top-menu .sf-menu .sf-with-ul { padding-right: 10px; }


/* =Media Queries - iPads (Portrait & Landscape)
-------------------------------------------------------------- */
@media only screen and ( min-width: 768px ) and ( max-width: 1024px ) {
body { -webkit-text-size-adjust: 110%; }
#top-menu { width: 100%; min-width: 100%; }
#top-menu-content { width: 100%; }
#top-menu .sf-menu ul li { width: 200px; }
#top-menu .sf-menu a { /*font-size: 1em;*/ padding: 4px 15px 5px; }
}



/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
body { font-size: 10px; padding: 0; margin: 0; width: 100%; background: #fff; }
#header { min-width: 768px; width: 100%; margin: 0; padding: 0; border-bottom: none; }
.logo { max-width: 300px; padding: 5px 0 5px 10px; }
.logo_main { max-width: 300px; padding: 5px 0 5px 10px; }
#searchbar { margin: 10px 10px 0 0; }
#branding { width: 100%; }
#top-menu { width: 100%; min-width: 100%; margin: 0; }
#top-menu-content { width: 100%; }
#top-menu .sf-menu ul li { width: 200px; }
#top-menu .sf-menu a { font-size: 1em; padding: 4px 15px 5px; }
#nav { min-width: 768px; width: 100%; margin: 0; }
#nav-content { margin: 0 auto; width: 100%; margin: 0; }
#nav .sf-menu { max-width: 768px; width: 100%; margin: 0; }
#nav .sf-menu ul li { width: 170px; }
#nav .sf-menu a { padding: 8px 7px 7px; font-size: 13px; }
ul.quick-nav { display: none; }
.quick-nav #rss { display: none; }
.quick-nav #twitter { display: none; }
.quick-nav #facebook { display: none; }
#wrapper { width: 100%; margin-left: 0; margin-right: 0; padding: 0; }
#main { width: 100%; margin: 0; padding: 0; max-width: 100%; }
#main .single-post { margin: 0; padding: 0 15px; width: 100%; }
#container { float: none; width: 100%; margin: 0; padding: 0; }
#content { float: none; width: 100%; margin: 0; padding: 0; }
#primary { float: none; width: 100%; margin: 0; padding: 0; }
#secondary { float: none; width: 100%; margin: 0; padding: 0; }
.module-title, .feed-title, #reply-title { margin: 0; }
.nocomments { margin-left: 0; margin-right: 0; }
#searchbar { margin-left: 0; margin-right: 0; }
.home-title { margin: 0 0 10px 0; }
#footer { width: 100%; margin: 0; padding: 10px 2px 0 2px; background: #fff; height: 13em; border: none; }
#footer_left { width: 29%; margin: 0; padding: 0; }
#footer_middle { margin: 0; padding: 0; }
#footer_right { width: 29%; margin: 0; padding: 0; }
}


/* =Media Queries - Smartphones (Portrait & Landscape)
-------------------------------------------------------------- */
@media only screen and ( max-width: 480px ) {
#top-menu { width: 100%; min-width: 100%; }
#top-menu-content, #nav-content { width: 100%; }
#top-menu-content .sf-menu { float: none; }
#top-menu .sf-menu a { padding: 4px 0 2px 22px; font-size: 0.75em; }
#footer { width: 100%; margin: 0; padding: 0; border: none; }
#footer_left { width: 100%; margin: 0; padding: 0; float: none; }
#footer_middle { width: 100%; margin: 0; padding: 0; float: none; }
#footer_right { width: 100%; margin: 0; padding: 0; float: none; }
}