/*-------------------------------------------------------------------------------------------*/
/*- MEDIA QUERIES ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*------------------------------------------------*/
/* layouts smaller than 600px, iPhone and mobiles */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
	html {-webkit-text-size-adjust: none;}
	body{font-size: 14px;}
	#header-container{padding: 0px; overflow: hidden;}

	#header{padding: 20px 0px 10px; margin: 0px 20px 0px;}
	#navigation-container{float: none; margin: 0px; padding: 0px; position: static;}
	#content-container{padding: 30px 20px;}
	#left-column{float: none; width: 100%; margin-bottom: 30px;}
	#right-column{float: none; width: 100%;}

	.logo{float: none; text-align: center;}
	.logo img{display: block; margin: 0px 0px 10px;}

	#menu-drop-button{display: block; float: right; height: 30px; width: 30px; margin-top: -40px; background: rgba(0, 0, 0, 0.8) url(images/layout/drop-down.png) center no-repeat; border-radius: 5px;}
	ul#nav{display: none; clear: both; margin: 0px; padding: 5px; background: rgba(0, 0, 0, 0.8); border-radius: 5px;}
	ul#nav li{float: none; padding: 1px; margin: 0px;}
	ul#nav li a{padding: 3px 5px; margin: 0px; border-radius: 3px;}


	ul#nav ul.sub-menu, ul#nav .children{padding: 0px; position: relative; top: auto; left: auto;
											background: rgba(0, 0, 0, 0.8) !important; border-radius: 4px; border: none !important; box-shadow: none !important;}
	ul#nav ul.sub-menu ul, ul#nav .children ul{display: block !important; top: auto; left: auto; margin: 5px;}
	ul#nav ul.sub-menu li, ul#nav .children li{clear: both; width: auto; padding: 0px; margin: 0px; border: none !important;}
	ul#nav ul.sub-menu li:last-child, ul#nav .children li:last-child{border-bottom: none;}
	ul#nav ul.sub-menu li a, ul#nav .children li a{display: block; margin: 4px; padding: 2px 5px; border-radius: 5px;}



	.header-copy{width: auto; height: auto; padding: 160px 20px 20px; text-align: left;}
	.header-copy h2{font-size: 22px; line-height: 32px; letter-spacing: 2px;}
	.header-copy p{font-size: 14px; line-height: 24px; padding: 0px; font-weight: 400;}
	.header-copy .post-date{margin-top: 0;}

	.collage li{width: 25%;}
	.collage li:nth-child(6n+7){clear: none;}
	.collage li:nth-child(5n+6){clear: none;}
	.collage li:nth-child(4n+5){clear: left;}

	.home-page-widgets .widget_text{padding: 0px 0px;}
	.home-page-widgets .social-widget{padding: 0px 0px;}
	.home-page-widgets li .widgettitle{font-size: 20px; margin-bottom: 20px;}
	.home-page-widgets .widget_text{font-size: 14px; line-height: 1.6em;}

	.grid{padding: 0;}
	.grid .fitvid{margin: 0 0 30px;}

	.album-grid{margin-left: 0; margin-right: 0;}

	.grid .photos-1 li{width: 100%;}
	.grid .photos-2 li{width: 50%;}
	.grid .photos-2 li:nth-child(2n+3){clear: left;}
	.grid .photos-3 li{width: 50%;}
	.grid .photos-3 li:nth-child(3n+3){width: 100%; clear: left;}
	.grid .photos-4 li{width: 50%;}
	.grid .photos-4 li:nth-child(3n+3){clear: left;}
	.grid .photos-5 li{width: 50%;}
	.grid .photos-5 li:nth-child(2n+3){clear: left;}
	.grid .photos-5 li:nth-child(5n){display: none;}
	.grid li img{width: 100%; height: auto;}

	.page-grid li{width: 50% !important;}

	#crumbs{margin: 0 0 10px; display: none;}

	.title-block{padding: 0px 0px; margin-bottom: 30px;}
	.title-block .post-title{margin-bottom: 0; font-size: 30px; line-height: 40px;}

	.has-background .title-block-container{padding: 20px 0;}
	.has-background .title-block{margin-bottom: 0;}

	.gallery-categories{padding: 0px 0px 2px;}
	.gallery-categories li{display: inline-block; margin: 0px 5px 7px 0px;}
	.gallery-excerpt{padding: 0px 0px 0px; margin-bottom: 30px; font-size: 14px; text-align: left;}

	.photolist li.photo-item{margin-bottom: 20px;}
	.photolist li.active img{margin-left: 0px;}
	.active .photo-meta{display: block;}
	.exif-type{width: 25px; padding: 0px; text-indent: -999px;}

	.info{display: none;}
	.photo-meta{display: none;}


	.photo-details{padding: 20px;}
	.post-content{width: 100%;}
	.post-meta{margin: 0px 0px 30px;}
	.post-meta li.meta-block{width: 100%; float: none; margin-bottom: 10px;}
	.post-meta li.meta-block:last-child{margin-bottom: 0px;}
	.tags{text-align: left;}

	.attachment .logo{margin-bottom: 20px;}
	.attachment .view-post{float: none; margin: 0px 40px; font-size: 12px; text-align: center;}
	.content-panel .related-photos-link, .content-panel .related-comments-link{display: none;}
	.related-photos li.photo-item img{width: 50%;}
	.content-panel #commentform textarea{width: 89%;}


	#footer ul li.column{float: none; width: 100%; margin: 0px 0px 30px 0px;}
	#footer ul li.column:last-child{margin-bottom: 0px;}

	.footer-text{text-align: center;}
	.footer-text .copyright{float: none; margin: 0px 0px 20px;}
	.footer-text .obox-credit{float: none; margin: 0px;}

}


/*---------------*/
/* iPad PORTRAIT */
@media only screen and (max-width: 1024px) and (min-width: 601px) {

	#header-container{padding: 0px;}

	#header{padding: 20px 0; margin: 0 20px;}

	.header-copy{padding: 80px 0 40px;}
	.header-copy h2{padding: 0 20px; font-size: 30px; line-height: 40px; letter-spacing: 2px;}
	.header-copy p{padding: 0 20px; font-size: 20px; line-height: 30px; padding: 0px;}

	.has-background .title-block-container{padding: 20px 0;}

	.collage{height: 440px;}
	.collage li{width: 20%;}
	.collage li:nth-child(6n+7){clear: none;}
	.collage li:nth-child(5n+6){clear: left;}

	.post-content{width: 90%;}

	.grid .photos-1 li{width: 100%;}
	.grid .photos-2 li{width: 50%;}
	.grid .photos-2 li:nth-child(2n+3){clear: left;}
	.grid .photos-3 li{width: 33.33333333%;}
	.grid .photos-3 li:nth-child(3n+4){clear: left;}
	.grid .photos-5 li{width: 25%;}
	.grid .photos-5 li:nth-child(5n+6){clear: left;}
	.grid .photos-5 li:nth-child(5n){display: none;}

	.grid .copy{padding: 0px 30px; margin: 0px;}

	.page-grid .photos-4 li{ height: 200px; }
	.page-grid .photos-3 li{ height: 250px; }
	.page-grid .photos-2 li{ height: 350px; }

	.home-page-widgets .widget_text{padding: 0px 30px;}
	.photo-details{padding: 30px;}
	.title-block{padding: 0px 30px;}
	.gallery-categories{padding: 0px 30px 2px;}


	.post-meta li.meta-block{width: 100%; float: none; margin-bottom: 20px;}
	.post-meta li.meta-block:last-child{margin-bottom: 0px;}

	.content-panel{position: absolute; left: 1%; top: 80px; z-index: 10; background: #313131; max-width: 100%;}
	.content-panel #commentform textarea{width: 89%;}
	.related-photos li.photo-item img{width: 100%;}
	.related-photos li.photo-item{max-height: 100px; overflow: hidden;}
}

@media only screen and (min-width: 1441px) {
	/*
	.page-grid li{width: 20%;}
	.page-grid li:nth-child(5n+6){clear: left;}
	.page-grid li:nth-child(6n+7){clear: none;}
	.page-grid li a span { padding-top: 30%; }
	.page-grid li a span h3 { font-size: 22px; margin-bottom: 20px; }
	.page-grid li a span p { font-size: 12px; width: 25%; }
	*/

	.collage li{width: 20%;}
	.collage li:nth-child(6n+7){clear: none;}
	.collage li:nth-child(5n+6){clear: left;}
}