/* MOBILE CSS 
When active, this file modifies all the previously loaded CSS files  */

.mobileHidden { display:none;
	
}




	img { width: 100%; }  /* IMPORTANT set to 100% this will resize images every time to 100% */
	
	body { 	height: 100%;
			font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} /* testing for font */
	
	#container { width: auto; /* IMPORTANT width must be auto - #container is very important... sets width for the whole container layout */
	min-height:100%;
    position:relative; }  
	
	.templateHome #container {
			background: #fff; }  /* white background for mobileHome page */
	
	#branding { height: 45px; }  /* IMPORTANT  set to 45 - branding is the whole top section including logo and navigation background.  */
	 				
			
	#brandingLogo { display:none; } /* IMPORTANT  eliminates the logo */
	
	
/** 
 * @section		NAVIGATION
 **/
 
	#nav {
		position: relative;
		top: 0px;
		width: auto; }  /* IMPORTANT the nav div */
	
	#navMobile {
		display: inline;
		position: absolute;
		top: -48px;
		left: 10px;	}   /* IMPORTANT - this is exclusive to the mobile CSS */

	#mobileMenu {
		position: absolute; 
		top: 48px;
		left: 0px;
		height: auto;
		z-index: 1000; } /* IMPORTANT - this is the actual menu - it is CODED INTO NAV.CFM */
	
	.saveSpace { display: none; }  /* IMPORTANT - this makes the menu invisible in its initial state */
 	


/** styles for the main menu buttons.  this modifies the SUPERFISH.CSS **/

.sf-menu, .sf-menu * {
	opacity: 1;
	font: normal 14px/14px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; } /* menu font size */

.sf-menu a {
	padding: 10px 0px 10px 15px;
	width: 280px } /* menu items dimensions */


/** hiding desktop NAVigation menu things for mobile **/

	#dropdownmenu,
	#navGlobal,
	#navSearch,	
	#tools { display: none; }
			
	
/** 
 * @section		CONTENT
 **/
 

	#content {
		padding: 0px 15px 30px 20px; } /*  content DIV dimensions and padding */
		
		
	
/** 
 * @section		MAIN CONTENT
 **/
	#contentMain {
		width: 100%;
		padding: 0px 0px 30px 0px; } /* main content DIV */
	
	#contentMain.content580 {
		width: 100%;
		padding: 0px;
		float: none;
	}
		
	
	/* @note	there should only be one H1 per page, it is the section (that you are in) title. */
	
	#contentMain h1 {
		line-height: 110%;
		padding: 10px 0px 10px 0px;	} /* H1 header - must be the title of the section */
	
	
 	#desktopHome {display: none; }  /* hides the desktop homepage items */
		
		
	#mobileHome {
	 			display: inline;
				
				} /* un-hide the mobile homepage items and sets parameters*/
	
	#mobileHomeContent {
				padding: 0px 10px 0px 15px;
		
	}
	
	#contentLeft, 	
	#contentNav,
    #trumba,
	#contentRelated,
	#foresee  { display: none; }
	


/**
 * @section		ARTIST and ARTWORK SEARCH FORM
 **/
	
	
			#contentSearchForms div.column1 {
				border-right: none;
				padding: 0px;
			}
			
			
			
			#contentSearchForms div.submitField {
				height: auto;
			}
			
/**
 * @section		ALPHABET NAV FOR ARTISTS SEARCH
 * @note		A-Z located on the artist search results page.
 **/
	#contentSearchAlpha {
		width: auto;
	}	
			


/**
 * @section		ARTIST SEARCH FILTER
 * @note		located on the artist search results page, underneath the A-Z.
 **/
	#contentSearchFilter {
		height: 50px;
	}
	
	#contentSearchFilter div {
			display: block;
			padding: 0px;
			}

/**		
SEARCH RESULT PAGES MODS	
**/	

		#contentSearchListArtwork div.artworkThumb,
		#contentSearchListArtwork div.artworkDetails {
			float: none;
			width: auto;
		}
			
			
/**	
ARTWORK/ARTIST PAGES MODS
**/	
	
		#contentMain div.callout div.column1,
		#contentMain div.callout div.column2,
		#contentMain div.noBiography div.column2,			
		#contentArtistDetails,
		#contentArtworkDetails,		
		#contentArtistThumb,
		#contentArtworkRelated,
		#contentArtworkThumb,
		#contentArtworkRelated,
		#contentMain div.callout div.column1Results {
			width: auto;
			float: none;
			clear: both;
		}
		
		#more-views {width:auto;}
		#collections_artwork_zoom { display:none; }  /* ELIMINATES THE ARTWORK ZOOM FEATURE ON COLLECION SEARCH */
		
/**
EXHIBITIONS
**/
		
		
	#exhibitionRelatedLinks {display: none; }
	
	
	
/**
COLUMNS
**/
	
	
	.column_left,
	.column_right {
		
		width: 100px;
		float:none;
	}
	
	
/** 
 * @section		SITEINFO
 * @note		footer of a page.
 **/
	#siteinfo { clear: both;
				width: auto;
				margin: 20px 0px;
				padding: 0px 0px 50px 10px;
	}
		.templateHome #siteinfo {
			padding: 0px 0px 50px 10px;
		}
	
	#siteinfoLinks {
		border-top: 1px solid #000;
		margin: auto;
		padding: 10px 5px;
	}
	
/** 
 * @section		MOBILE FOOTER
 * @note		mobile footer of a page.
 **/
	
		
	#mobileFooter {
		display: none;
		/* display:inline; */
		color:#FFF;
		position:absolute;
		bottom:0;
		padding:6px 0px 0px 10px;
		width:97%;
		height:30px;   /* Height of the footer */ 
		background:#333; }
		
	.footer { display:none; } /* hides the mainsite footer on mobile */
	
	
	/**
	* VIDEO CONTAINER 
	**/
	
		
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom: 15px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom: 15px;
}
 
.video_container iframe,
.video_container object,
.video_container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* image placement */

#contentMain .explore_float {
	width: 100%;
}

#contentMain .image_float_right {
	width: 100%;
	}
	
#contentMain .image_float_left {
	width: 100%;
	}	



#contentMain .image_right {
	width: 100%;
	}
	
#contentMain .image_left {
	width: 100%;
	}	
	

#contentMain .image_right250 {
	width: 100%;
	}
	
#contentMain .image_left250 {
	width: 100%;
	}	
	
#contentMain .image_right350 {
	width: 100%;
	}
	
#contentMain .image_left350 {
	width: 100%;
	}			
	
#contentMain .image_right400 {
	width: 100%;
	}
	
#contentMain .image_left400 {
	width: 100%;
	}		
	
	
	
#contentMain .image_center {
	
	width: 100%;	
	}
#contentMain .image_center710 {
	
	width: 100%;	
	}			


/* HOME PAGE CHANGES CSS  */


.nivo-caption {
		
	position: static;
	padding: 0px;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	height: 50px;
	background-color:  #CCC;
	display:table;
	padding: 0px, 20px;
	 
}

.nivo-caption p{
    font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
    font-size: 85%;
	margin-top: 23px;
	display:table-cell;
	vertical-align:middle;
	
				}
				
.theme-default .nivo-caption {
    font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
    font-size: 100%;
}

.home_section {
	
	margin: 16px 10px; 
	
}


.home_section_title {
	
	
	padding: 10px 10px;
		
}


div.middleimage {
	
	height: 100%;
	line-height:100%; 
}  


div.rightimage {
	
	height: 100%;
	line-height:100%;  
}


/* #homepage_twitter_feed {
	
	display:none;
	
}  */

/* our_america  */

#oa_browse  {
	
	display:none;
	
	}

/* Fix centering for Latino Acquisitions Page */	
#contentMain #margin-latino {	

	margin-right: 0;
	
	}
	
	
/* Pullquotes */

#contentMain .pullquote {
	margin-bottom: 16px; 
	}

#contentMain blockquote.quotes { 
 width: 100%;
	}
	
	
#slideshow_navigation_arrow { display: none; 
}

.slideshow_navigation_arrow { display: none; 
}