/* CSS Document for Digitalbiscuits on iPhone */

/*override the minimum width of elements*/
#page_wrapper {
	min-width: 0;
	width: 100%;
}
#art_section 
{
	padding: 20px 0;
}
#pic-wrapper 
{
	width: 100%;
}
#art_mainDisplay 
{
	width: 100%;
	margin: 0;
}
/*iPhone only in portrait mode*/
@media screen and (max-device-width: 480px) and (orientation:portrait) 
{
	#art_mainDisplay img 
	{
		width:100% !important;
		height:auto !important;
		max-height:none !important;
	}
}

.arrowButton 
{
	/*Make the button area larger and more iPhone friendly*/
	padding: 100px 50px;
	top: 30%;
}
.prevPic
{
	background-position: 50px 100px;
	padding-right:0;
	left: 0px;
}
.nextPic
{
	background-position: -50px 100px;
	padding-left:0;
	right: 0px;
}

#toggleDisplay
{
	display:none;
}


#albumSelector 
{
	padding-left: 0;
	text-align:center;
}
#albumSelector .artNavItem 
{
width: 29%;
margin: 20px 0;
font-size: 18px;
text-align: center;
}
/*iPhone only in portrait mode*/
@media screen and (max-device-width: 480px) and (orientation:portrait) 
{
	#albumSelector .artNavItem 
	{
		font-size: 2em;
	}
}


#art_albumThumbs 
{
	padding-left: 0;
}
.thumbnail 
{
	margin: 3%;
	width: 19%;
}
.thumbnail img 
{
min-height: 50px;
height: auto;
width: 100%;
}