/* ------------------------------------------
READING ROOM
Stylesheet: Handheld (Override)Styles
Author: Reading Room
Updated: 10 September 2008
------------------------------------------ */



/* ------------------------------------------------------------------------------------
--  HANDHELD OVERRIDES
------------------------------------------------------------------------------------ */

body {background:#c2c2c2;}

#uberWrapper {position:relative; max-width:none; min-width:0; margin:0 auto; background:#fff;}
body.test #uberWrapper {min-width:0;}

#navSkip {position:static; left:auto; list-style:none; padding:0 0 0.5em; margin:0; text-align:center; background:#e6e5e1;}
	#navSkip li {display:inline; padding:0 0 0 5px; margin:0; text-transform:lowercase;}
	#navSkip li:first-child {padding:0 8px 0 0; background:url(../images/bgSlash.gif) right center no-repeat;}
	#navSkip li a {padding:0 0.25em; color:#666; text-decoration:none;}
	#navSkip li a:focus, #navSkip li a:hover {color:#fff; background:#1a7a80;} 
	
#wrapper, #innerWrapper {padding:0; background:none;}
#pageBody {padding:0 10px;}

#header {padding-top:0;}
	#logo {position:relative; top:auto; right:auto;}
	#getInTouch {position:static; left:auto; top:auto;}

#mainContent, body.portfolioDetail #mainContent {margin-top:2em;}
	#intro {width:auto;}
	#mainContent blockquote {width:auto; margin:0 0 1em 10px;}

#copyright {text-align:left;}
#copyright .sos {float:none; line-height:normal;}

#footer {background:#c2c2c2;}
	#footerNav, #footerCoDetails {float:none; padding-left:5px; background:none; width:auto; text-align:left;}
	#footerCoDetails {margin-top:1em;}

/* NAVIGATION
------------------------------------------ */

#topNav {padding-bottom:1em; background:none;}
	#wrapper #topNav li {position:static; left:auto; float:none; width:auto; background:none;}
	#topNav li a, #topNav li a:hover, #topNav li a:active, #topNav li a:focus, #topNav li a.on {display:block; height:auto; padding:5px 0; margin:0; overflow:visible; background:none;}
	#topNav li a span {position:static; width:auto; height:auto; background:none;}

#topNav #subNav {position:static; top:auto; left:auto; bottom:auto; width:auto; background:none;}
	#topNav .aboutUs #subNav {left:auto;}
	#topNav #subNav ul {float:none; background:none;}
	#topNav #subNav li {float:none; background:none;}

/* HOMEPAGE BOXES
------------------------------------------ */

#news, #about, #featSite, #promoBox, .bottomRight {float:none; width:100%; margin-bottom:1em;}
.featureMargin, .noHeight {margin:0 0 1.5em;}
.topLeft {min-height:0;}

.newsList li {overflow:hidden;}
.newsList li img {float:none;}
#featSite p.image {padding:0; border:0;}
#featSite p.image img {width:auto; padding:2px; border:1px solid #ccc;}
#featSite h3 {text-align:left;}

/* ACCORDION
------------------------------------------ */

#accordion {width:auto;}

.accordionInner, .accordionItem {padding:0; background:none;}
.accordionInner {padding:0 0 5px; border-bottom:1px solid #ccc;}
	.accordionInner h2, .accordionInner h2.toggle {height:auto; padding-left:0; overflow:visible; background:none;}
	.accordionInner h2 a {height:auto; margin-left:0; background:none;}
	#wrapper .accordionInner h2 span {position:static; left:auto; top:auto; height:auto; width:auto; display:inline; background:none;}

/* SHOWCASED ITEM
------------------------------------------ */

#portfolioShowcase .portfolioItem .portfolioImg {float:none; width:170px; height:70px; margin:0 0 0.5em;}
#portfolioShowcase .portfolioItem .portfolioImg img {width:auto;}
#portfolioShowcase .portfolioItem h3 {font-size:0.875em; margin:0 0 0.35em 0;}
#portfolioShowcase .portfolioItem p {margin-left:0;}
	
/* PORTFOLIO ITEM
------------------------------------------ */

.portfolioItem {float:none; width:auto; margin:0 0 2em;}
.portfolioImg {width:170px; height:70px;}
.portfolioItem h3, .portfolioItem p, .portfolioItem p.date {margin-left:0; margin-right:0;}

.caseStudy .column {float:none; width:auto; margin-left:0;}

/* PAGINATION
------------------------------------------ */

.pagination p.pageNumber {float:none;}
.pageNav {margin-top:0.5em; text-align:left;}
.pageNav p {display:block;}
.pageNav ul {margin-left:0;}

/* FORMS
------------------------------------------ */

.genericForm {padding:0;}
.genericForm h2, p.mandatoryFields {margin-left:0;}
.frmRow label, .frmRow input, .frmRow textarea, .frmRow select {float:none; width:90%; margin:0;}
.frmRowCheckBox, .frmRowBtn {margin-left:0;}
.frmRow label {display:block;}
.frmRow input[type="file"] {padding:1px;}

/* MISC
------------------------------------------ */

#wrapper h1 {position:static; left:auto;}

div.back {float:none;}
#contentHeader div.rssFeed {position:static; top:auto; right:auto; margin-bottom:1em;}
.filterLinks ul {margin-left:0;}
.locationContainer {float:none; width:auto; overflow:visible; margin:0 0 1em;}

#articleTools {position:relative;}
	#articleTools li {float:none; display:block; margin:0 0 0.5em;}
	#articleTools li.viewclips a {margin:0;}
	li.clipArticle a.toolTip {position:static;}
	li.clipArticle a.toolTip span {visibility:hidden; position:absolute; bottom:105%; width:80%; padding:1em; border:2px solid #1a7a80; font-weight:800; line-height:1.4em; color:#000;}
	li.clipArticle a.toolTip:hover span, li.clipArticle a.toolTip:focus span, li.clipArticle a.toolTip:active span {left:5%;}

#myClippings ul.clips li {padding-bottom:10px;}
	#myClippings ul.clips li a.clip {padding:0;}
	#myClippings ul.clips li a.clip span {float:none; display:block; line-height:1.5em; background-position:0 0;}
	#myClippings ul.clips li a.remove {float:none; margin:5px 0 0;}
	
.newsblock img {float:none; margin:0.5em 0;}