@charset "UTF-8";
/*	CSS Document									*/

/*	Theme Name: Scope Architects					*/
/*	File Name: layout_B_screenSmall.css 			*/
/*	Author: Ben Guthrie								*/
/*	Author URI: http://www.TheGuthrieProject.com	*/





/* special attributes for larger screens and windows */
@media only screen and (min-width:1px) and (max-width:320px),
only screen and (min-device-width:1px) and (max-device-width:320px)
{
	



/* this changes the number of grid columns down to 1 */
.gridItem,
.gridItem_smallScreensOnly,
.gridItem_largeScreensOnly,
.gridItem_hoverImage,
.gridItem_hoverImage_smallScreensOnly,
.gridItem_hoverImage_largeScreensOnly
	{
	width: 95%;
	margin-bottom: 30px;
	}
	
	
/* turn on special grid items for smaller screens */
.gridItem_smallScreensOnly,
.gridItem_hoverImage_smallScreensOnly
	{
	display:inline;
	}
/* turn off special grid items for larger screens */
.gridItem_largeScreensOnly,
.gridItem_hoverImage_largeScreensOnly,
.gridItem a span span,
.gridItem_smallScreensOnly a span span,
.gridItem_largeScreensOnly a span span	
	{
	display:none;
	}



/* adjust padding of pageSlide pages to suit smaller screens */
#pageSlide_Content
	{
	position: absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:0px;
	overflow:auto;
	}
#pageSlide_Footer
	{
	position:relative;
	display: inline;
	overflow:auto;
	top:5px;
	left:0px;
	}
#pageslide {    
    /* Specify the width of your pageslide here */
    width: 100%;
	}


/* decrease font sizes */
h1, h2, h3, h4, h5, h6,
div.image-title
	{
	font-size: 15px;
	}
body,
pre, p, br, span,
form, select, option,
#mainContentText,
#mainContentText a, 
#mainContentText a:link, 
#mainContentText a:visited,
ul, ul ul, ul ul ul, li,
#projectPopUpText,
#projectPopUpText a, 
#projectPopUpText a:link, 
#projectPopUpText a:visited,
div.content a, 
div.navigation a,
captionToggle,
captionToggle a,
captionToggle a:link,
captionToggle a:visited,
captionToggle a:hover,
div.caption,
div.caption a,
div.image-desc
	{ 
	font-size: 9px;
	line-height: 15px;
	}
	
		
	
/* turn off slideshow thumbnails for small screens */
div.navigation,
div.navigation-container,
#slideShow_thumbnails
	{
	display:none;
	}
	
/* reduce size of slideshow images for small screens */
div.slideshow img
	{
	width:230px;
	}
div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	left:0;
	width: 300px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
	height: 250px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}
div.slideshow a.advance-link {
	line-height: 250px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
}
#captionToggle
	{
	top:5px;
	left:0px;
	}
div.slideshow-container {
	top:0px;
	left:0px;
	}
	
#maximage, 	
#maximage_Container 
	{
	left:20px;
	right:20px;
	top:40px;
	bottom:70px;
	}
#slideshowNavigation_container 
	{
	left:20px;
	bottom: 7px;
	}
#projectPopUpButton					/* locates Info button */  
	{
	left:auto;
	right:0px;
	bottom: -5px; 
	}
	
#projectPopUpDescription
	{
	bottom:60px;
	height:200px;
	padding-left:10px;
	padding-right:10px;
	}	
	
	



#footer .siteDesign
	{
	text-align: left;
	bottom: 20px;
	left: 11%;
	width: 80%;
	}	
#footer .copyright
	{
	float: left;
	text-align: left;
	bottom: 20px;
	left: 11%;
	width: 80%;
	}
		
}/