@charset "utf-8";
/* MB Photo 2.0 Home CSS Document - desktops*/

@media (orientation: landscape)
{
 .main DIV.cover_pic
	{ }
}

@media (orientation: portrait)
{
 .main DIV.cover_pic
	{ }
}


/*@media (orientation: landscape) /* and (max-width: 1440px) */
@media all 
{
 BODY
	{ }
	DIV.loading
		{ /* mb_photo_20_loading.css */ }

	DIV#main
		{ }
		.main H1,H2,H3
			{ }

	DIV#main.loading /* Javascript handle */
		{ }
		 DIV#main.loading IMG
			{ }

		.main DIV#top
			{ }
			.main DIV.cover_pic
				{ }

			.main DIV.page_title
				{
				 /*position: absolute;*/
				 top: 20vh;
				 z-index: 11; /* storing padding factor for js*/
				 text-align: right; /* letting js know which side to pad */
				}
				.main DIV.page_title H1, H2, H3
					{ }

			.main DIV.page_title.sub_title
				{
				 position: absolute;
				 left: 0; top: 45vh;
				}
				.main .page_title .icon
					{ width: auto; height: calc(22px + 0.33vw); }

		.main DIV#menu
			{ /* mb_photo_20_menu.css */ }

		.main DIV.container
			{ }
			.main DIV.container DIV.content
				{ }

				.main DIV.container DIV.content DIV.share_wrapper
					{ }

				.main DIV.container DIV.content DIV.left
					{ }
					.main DIV.container DIV.content DIV.topic
						{
						 width: 22vw; height: 32vw;
						 margin-bottom: 2vw;
						}
						.main DIV.container DIV.content DIV.topic DIV.text_container
							{
							 width: 20vw; height: auto;
							 padding: 0.5vw 1vw;
							}
						.main DIV.container DIV.content DIV.topic DIV.text_container.title
							{
							 /*position: absolute; */
							 left: 0; bottom: 8%;
							 padding: 0;
							}
							.main DIV.container DIV.content DIV.topic DIV.text_container.title H2
								{ padding: 1.5vh 1vw; }
						.main DIV.container DIV.content DIV.topic IMG
							{ }

					.main DIV.container DIV.content DIV.topic:not(:nth-of-type(3n))
						{ margin-right: 2vw; }
					.main DIV.container DIV.content DIV.topic:last-child
						{ }
					.main DIV.container DIV.content DIV.topic.subtitle
						{ }

					.main DIV.container DIV.content DIV.topic.double_wide
						{ width: 44vw; }
						.main DIV.container DIV.content DIV.topic.double_wide DIV.text_container
							{ width: 42vw; }

							.main DIV.container DIV.content DIV.topic DIV.text_container P
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.indent
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.anchor
								{ }

						.main DIV.container DIV.content DIV.topic UL
							{ }

						.main DIV.container DIV.content DIV.topic UL
							{ }

						.main DIV.container DIV.content DIV.left DIV.album DIV.topic
							{ width: 22vw; height: 22vw; }
							 .album DIV.topic IMG
								{ }

/*#topics.specific		default styling plus in-element title positioning */

				.main DIV.container DIV.content DIV.right
						{ }
					.main DIV.container DIV.content DIV.right IMG
							{ }

			.main DIV.container DIV.content DIV.utility
				{
				 padding: 1vw;
				 margin: 0 0 2vw;
				}
				.main DIV.container DIV.content DIV.utility A:visited
					{ }
				.main DIV.container DIV.content DIV.utility A:hover
					{ }
					.main DIV.container DIV.content DIV.utility .inner_menu
						{ }

				.main DIV.container DIV.content DIV.utility A:hover
					{ }

				.main DIV.container DIV.content DIV.utility DIV.utility_inner
					{ }
				.main DIV.container DIV.content DIV.utility DIV.heading
					{ padding: 0 2%; }

					.main DIV.container DIV.content DIV.utility DIV DIV
						{ padding-bottom: 1vw; }

					.main DIV.container DIV.content DIV.utility DIV DIV.subtitle
						{
						 font-size: 2.5vw;
						 line-height: 2.4vw;
						}
						.main DIV.container DIV.content DIV.utility DIV DIV.subtitle SPAN.back
							{ font-size: 1.5vw; }

					.main DIV.container DIV.content DIV.utility DIV DIV.submenu,
					.main DIV.container DIV.content DIV.utility DIV DIV.dnd_menu
						{ }
						.main DIV.container DIV.content DIV.utility DIV DIV A
							{ margin-left: 2vw; }

		.main DIV.footer
			{ }
			.main DIV.footer UL.bottom_menu
				{ }
				.main DIV.footer UL.bottom_menu LI
					{ }

			.main DIV.footer P
				{ }
			.main DIV.footer SPAN.copyright
				{ }

}

/*@media (orientation: landscape) and (min-width: 1441px)*/
@media (min-width: 1441px)
{
 BODY
	{ }
	DIV.loading
		{ /* mb_photo_20_loading.css */ }

	DIV#main
		{ }
		.main H1,H2,H3
			{ }

	DIV#main.loading /* Javascript handle */
		{ }
		 DIV#main.loading IMG
			{ }

		.main DIV#top
			{ }
			.main DIV.cover_pic
				{ }

			.main DIV.page_title
				{ }
				.main DIV.page_title H1, H2, H3
					{ }

			.main DIV.page_title.sub_title
				{ }
				.main .page_title .icon
					{  }

		.main DIV#menu
			{ /* mb_photo_20_menu.css */ }

		.main DIV.container
			{ }
			.main DIV.container DIV.content
				{ }

				.main DIV.container DIV.content DIV.share_wrapper
					{ }

				.main DIV.container DIV.content DIV.left
					{ }
					.main DIV.container DIV.content DIV.topic
						{ }
						.main DIV.container DIV.content DIV.topic DIV.text_container
							{ }
						.main DIV.container DIV.content DIV.topic DIV.text_container.title
							{ }
						.main DIV.container DIV.content DIV.topic IMG
							{ }

					.main DIV.container DIV.content DIV.topic:not(:nth-child(3n))
						{ }
					.main DIV.container DIV.content DIV.topic:last-child
						{ }
					.main DIV.container DIV.content DIV.topic.subtitle
						{ }

					.main DIV.container DIV.content DIV.topic.double_wide
						{ }
						.main DIV.container DIV.content DIV.topic.double_wide DIV.text_container
							{ }

							.main DIV.container DIV.content DIV.topic DIV.text_container H2
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.indent
								{ }
							.main DIV.container DIV.content DIV.topic DIV.text_container P.anchor
								{ }

						.main DIV.container DIV.content DIV.topic UL
							{ }

/*#topics.specific		default styling plus in-element title positioning */

				.main DIV.container DIV.content DIV.right
						{ }
					.main DIV.container DIV.content DIV.right IMG
							{ }

			.main DIV.container DIV.content DIV.utility
				{ }

		.main DIV.footer
			{ }
			.main DIV.footer UL.bottom_menu
				{ }
				.main DIV.footer UL.bottom_menu LI
					{ }

			.main DIV.footer P
				{ }
			.main DIV.footer SPAN.copyright
				{ }

}

@media (orientation: portrait)
{
			.main DIV.container DIV.content
				{ font-size: 3vw; }

					.main DIV.container DIV.content DIV.topic
						{
						 width: 28vw; height: 42vw;
						 margin-bottom: 3vw;
						}
						.main DIV.container DIV.content DIV.topic H2
							{ font-size: 3vw; }
						.main DIV.container DIV.content DIV.topic DIV.text_container
							{
							 width: 20vw; height: auto;
							 padding: 0.5vw 1vw;
							}
						.main DIV.container DIV.content DIV.topic DIV.text_container.title
							{
							 /*position: absolute; */
							 left: 0; bottom: 8%;
							 padding: 0;
							}
							.main DIV.container DIV.content DIV.topic DIV.text_container.title H2
								{ padding: 1.5vh 1vw; }
						.main DIV.container DIV.content DIV.topic IMG
							{ }

					.main DIV.container DIV.content DIV.topic:not(:nth-of-type(3n))
						{ margin-right: 3vw; }


				.main DIV.container DIV.content DIV.utility
					{ width: 100%; height: 8vw; }
	
					.main DIV.container DIV.content DIV.utility DIV DIV.subtitle
						{
						 font-size: 5vw;
						 line-height: 5vw;
						}


}