/* 
* Skeleton V1.0.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 5/20/2011
*/

/* this document contains customizations by Andrew Ryan, the only thing from the original document is the list of media queries at the bottom */

/* Table of Content
==================================================
	#My Media Queries 
	#Original layout.css Media Queries */


/* #My Media Queries
================================================== */
	
	
	/*Base 1280 Grid 
	================================================== */
	
	/* Note: Design for a width of 1200px */
		@media only screen and (min-width: 1280px) {
			#tiles li {
				width: 290px; 
			}
			#nav-menu {
				height:80px;
			}
			#signature-img {
				position:relative;
				height:60px;
				width:auto;
			}
            
            /*---------------*/
            /* left slidebar */
            /*---------------*/
			#nav-menu-mobile-lines {
				position:relative;
				padding-left:25px;
				padding-top:50px;
				padding-bottom:15px;
				padding-right:15px;
				top:-129%;
                width:100px;
			}
            .sb-left {
                padding-top:50px;
                font-size:110%;
			}
            .left-sidebar-top-spacer {
                height:80px;
            }
            
            /*----------------*/
            /* right slidebar */
            /*----------------*/
            #plus-sign {
                position: absolute;
				top:0px;
                right:2px;
                color:white;
                text-align:right;
                font-size: 2em;
                font-weight:bolder;
                background-color: #222;
			}
            #plus-sign img {
                height: 80px;
            }
	       .sb-right img {
                width:18%;
                max-width:96px;
                padding-top:20px;
                text-align:center;
			}
            .sb-right img {
                width:18%;
                margin-top: 20px;
            }
            
		}
	
	/* #960 Grid 
	================================================== */
		
	/* Note: Design for a width of 960px */
	
		@media only screen and (min-width: 960px) and (max-width: 1279px) {
			#tiles li { 
				width: 290px;
			}
            
			#nav-menu {
				height:80px;
			}
			#signature-img {
				position:relative;
				height:60px;
				width:auto;
			}
            
            /*---------------*/
            /* left slidebar */
            /*---------------*/
			#nav-menu-mobile-lines {
				position:relative;
				padding-left:25px;
				padding-top:50px;
				padding-bottom:15px;
				padding-right:15px;
				top:-129%;
                width:100px;
			}
            .sb-left {
                padding-top:50px;
                font-size:110%;
			}
            .left-sidebar-top-spacer {
                height:80px;
            }
            
            /*----------------*/
            /* right slidebar */
            /*----------------*/
            #plus-sign {
                position: absolute;
				top:0px;
                right:2px;
                color:white;
                text-align:right;
                font-size: 2em;
                font-weight:bolder;
                background-color: #222;
			}
            #plus-sign img {
                height: 80px;
            }
	       .sb-right img {
                width:18%;
                max-width:96px;
                padding-top:20px;
                text-align:center;
			}
            .sb-right img {
                width:18%;
                margin-top: 20px;
            }
            
		}
		
		
	/* #Tablet (Landscape)
	================================================== */	
	
		/* Note: Design for a width of 768px */
	
		@media only screen and (min-width: 768px) and (max-width: 959px) {
			
			#tiles li { width: 350px;
            }
            
			#nav-menu {
				height:80px;
			}
			#signature-img {
				position:relative;
				height:60px;
				width:auto;
			}
            
            /*---------------*/
            /* left slidebar */
            /*---------------*/
			#nav-menu-mobile-lines {
				position:relative;
				padding-left:25px;
				padding-top:50px;
				padding-bottom:15px;
				padding-right:15px;
				top:-129%;
                width:100px;
			}
            .sb-left {
                padding-top:50px;
                font-size:110%;
			}
            .left-sidebar-top-spacer {
                height:80px;
            }
            
            /*----------------*/
            /* right slidebar */
            /*----------------*/
            #plus-sign {
                position: absolute;
				top:0px;
                right:2px;
                color:white;
                text-align:right;
                font-size: 2em;
                font-weight:bolder;
                background-color: #222;
			}
            #plus-sign img {
                height: 80px;
            }
	       .sb-right img {
                width:18%;
                max-width:96px;
                padding-top:20px;
                text-align:center;
			}
            .sb-right img {
                width:18%;
                margin-top: 20px;
            }
            
        }
		
		
	/* #Tablet (Portrait)
	================================================== */
	
		/* Note: Design for a width of 481px */
		
		@media only screen and (min-width: 481px) and (max-width: 767px) {
			
			/* page layout differences */
			
			#tiles li { width: 202px; }
            
			#nav-menu {
				height:80px;
			}
			#signature-img {
				position:relative;
				height:60px;
				width:auto;
			}
            
            /*---------------*/
            /* left slidebar */
            /*---------------*/
			#nav-menu-mobile-lines {
				position:relative;
				padding-left:25px;
				padding-top:50px;
				padding-bottom:15px;
				padding-right:15px;
				top:-129%;
                width:100px;
			}
            .sb-left {
                padding-top:50px;
                font-size:110%;
			}
            .left-sidebar-top-spacer {
                height:80px;
            }
            
            /*----------------*/
            /* right slidebar */
            /*----------------*/
            #plus-sign {
                position: absolute;
				top:0px;
                right:2px;
                color:white;
                text-align:right;
                font-size: 2em;
                font-weight:bolder;
                background-color: #222;
			}
            #plus-sign img {
                height: 80px;
            }
	       .sb-right img {
                width:18%;
                max-width:96px;
                padding-top:20px;
                text-align:center;
			}
            .sb-right img {
                width:18%;
                margin-top: 20px;
            }
            
			
		}
		
	/*	#Mobile (Large Portrait) 
	================================================== */
		
		/* Note: Design for a width of 375px */
		
		@media only screen and (min-width: 374px) and (max-width: 480px)
			{
			
			/* page layout differences */
			#tiles li { 
				width: 365px; 
			}
			#nav-menu {
				height:60px;
			}
			#signature-img {
				position:relative;
				height:50px;
				width:auto;
			}
            
            /*---------------*/
            /* left slidebar */
            /*---------------*/
			#nav-menu-mobile-lines {
				position:relative;
				padding-left:15px;
				padding-top:24px;
				padding-bottom:15px;
				padding-right:15px;
				top:-129%;
                width:100px;
			}
            .sb-left {
                padding-top:50px;
                font-size:110%;
			}
            .left-sidebar-top-spacer {
                height:60px;
            }
            
            /*----------------*/
            /* right slidebar */
            /*----------------*/
            #plus-sign {
                position: absolute;
				top:0px;
                right:2px;
                color:white;
                text-align:right;
                font-size: 2em;
                font-weight:bolder;
                background-color: #222;
			}
            #plus-sign img {
                height: 60px;
            }
	       .sb-right img {
                width:18%;
                max-width:96px;
                padding-top:20px;
                text-align:center;
			}
            .sb-right img {
                width:18%;
                margin-top: 20px;
            }
            
            /*---------------------*/
            /* .contact mobile css */
            /*---------------------*/
			.contact {
				font-size:90%;
			}
            
            /*-----------------------------*/
            /* .artist-statment mobile css */
            /*-----------------------------*/
			.artist-statement {
				padding-left:10%;
                padding-right:10%;
                padding-top:40px;
                font-size:120%;
			}
		}

/*	#Mobile (Portrait) 
	================================================== */
		
		/* Note: Design for a width of 320px */
		
		@media only screen and (max-width: 374px) {
			
			/* page layout differences */
			#tiles li { 
				width: 312px; 
			}
			#nav-menu {
				height:50px;
			}
			#signature-img {
				position:relative;
				height:40px;
				width:auto;
			}
            
            
            /*---------------*/
            /* left slidebar */
            /*---------------*/
			#nav-menu-mobile-lines {
				position:relative;
				padding-left:15px;
				padding-top:15px;
				padding-bottom:15px;
				padding-right:15px;
				top:-129%;
                width:100px;
			}
            .sb-left {
                padding-top:50px;
                font-size:110%;
			}
            .left-sidebar-top-spacer {
                height:50px;
            }
            
            /*----------------*/
            /* right slidebar */
            /*----------------*/
            #plus-sign {
                position: absolute;
				top:0px;
                right:2px;
                color:white;
                text-align:right;
                font-size: 2em;
                font-weight:bolder;
                background-color: #222;
			}
            #plus-sign img {
                height: 50px;
            }
            .sb-right img {
                width:18%;
                max-width:96px;
                padding-top:20px;
                text-align:center;
			}
            .sb-right img {
                margin-top: 20px;
                width:18%;
            }
            
            /*---------------------*/
            /* .contact mobile css */
            /*---------------------*/
			.contact {
				font-size:75%;
			}
            
            /*-----------------------------*/
            /* .artist-statment mobile css */
            /*-----------------------------*/
			.artist-statement {
                padding-top:40px;
                font-size:120%;
				padding-left:10%;
                padding-right:10%;
			}
		}
	
	
	

/* #Media Queries
================================================== */

	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {}
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 481px) and (max-width: 767px) {}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 481px) and (max-width: 767px) and (max-device-width: 1000px) {}