/* Main layout styles */
html, body { width: 100%; height: 100%; }
#wrap { width: 320px; height: 480px; }

/* stuff not to display at all */
.noIPhone, .sideElement, .readNow, #free, #loginBox, #search-go, #footer, #issueDiv, #nav5, #nav6, #nav7, #nav8, #nav9, 
#worksWithIphone, .advert, .wideElement h2, #uservoice-feedback-tab, #search-channel
{ display: none !important; }

#header { 
	width: 100%;
	background: none;
	background-color: #80EDF1;
	margin: 0;
	text-align: center;
	height: 85px;
	margin-bottom: 20px;
	border: none;
}

#header #logo { 
	position: relative;
	margin: 0;
	left: 10px;
}

#main {
	width: 100%;
	margin: 0;
	background-color: #fff;
}

#browser { display: none; }

.featured_infoBox { width: 210px; }


/* navigation styles */
#nav { 
	width: 100%;
	background: none;
	text-align: center;
	top: 85px;
	left: 0;
}
#nav ul {  }
#nav ul li a { text-indent: 0; height: 22px; }
#nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a {
	width: 79px; 
	height: 22px;
	background-color: #DDD;
	background-image: none;
	border-right: 1px solid #FFF;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #222;
}
#nav4 a { border-right: 1px solid #DDD; }

#nav .active a {
	background-color: #FEA133;
}

#nav a:hover { text-decoration: none; }

#liveSearch { 
	background-image: none;
	position: absolute;
	left: 0;
	top: 55px;
	width: 320px;
}

#search-input {
	background-color: #FFF;
	border: 1px solid #CAC6C6;
	height: auto;
	width: 172px;
	margin: 0 0 0 70px;
}

#subtabs {
	margin-top: 40px;
}
#subtabs li a {
	text-indent: 0;
	color: #000;
	margin: 5px 0 0 0;
}
#subtabs ul { padding: 0; margin: 0;}
#subtabs li#subtab1, #subtabs li#subtab1.active, #subtabs li#subtab2, #subtabs li#subtab2.active {
	background-image: none;
	background-color: #DDD;
	font-size: 12px;
	font-weight: bold;
	width: 79px;
	border-right: 1px solid #FFF;
	text-align: center;
	margin: 0;
}
#subtabs li#subtab1.active, #subtabs li#subtab2.active {
	background-color: #FEA133;
}

/* browse page navigation */
#resultsPagination { margin-top: -30px; }
#filters { left: 10px; }
#filters select {
	width: 145px;
}


/* preview and common styles */
.miniPreview {
	width: 310px;
	text-align: left;
}
.miniPreview div.popin {
	display: block;
	background-color: #FFF;
	border: none;
	left: 100px;
	top: 0;
}


/* ########################### column top styles ####################### */
#doubleColumn, #fullColumn .blankHeader { 
	width: 100%;
	background-color: #FFF;
}

#doubleColumn h2 { 
	width: 100%;
	height: auto;
	margin: 0;
	padding: 5px 0 5px 0;
	text-indent: 20px;
	color: #FFF;
	font-weight: bold;
}

.browserPreview {
	width: 290px;
}

#nav-featuredTitles, #nav-latestTitles, #nav-channels, #nav-favourites, #nav-searchResults, 
#nav-aboutUs, #nav-siteMap, #nav-termsAndConditions { 
	background: none;
	background-color: #80EDF1;
}


/* ########################### live search ####################### */
#liveSearchResults {
	z-index: 30;
	position: relative;
	margin: 0 auto;
	top: 18px;
	width: 210px;
	left: 0px;
	padding-top: 17px;
	background: transparent url('default/bckgrnd-liveSearch-iphone.png') no-repeat top left;
}
#liveSearchResults a { background-color: #DBDADB; margin: 0; padding: 10px; }