/*  CSS Document                             */
/*  Written by Chris Converse for Lynda.com  */

body { margin: 0px; padding: 0px 0px 0px 0px; font: 14px Arial; color: #bd8a1e; background-color: #fff; }
/*body { margin: 0px; padding: 20px 10px 20px 30px; font: 14px Arial; color: #bd8a1e; background-color: #fff; } */

p { margin: 0px 0px 0em 0px; }
a, a:visited { color: #00f; }

img.background { position: fixed; right: 0px; bottom: 0px; }

.title { position: center; top: 0px; left: 0px; width: 0px; height: 100%; background: url(../_images/backgroundframe_logo.png) no-repeat 0px 5px; }
/* .title { position: fixed; top: 0px; left: 0px; width: 70px; height: 100%; background: url(../_images/backgroundframe_logo.png) no-repeat 0px 5px; } */

.gallery { width: 100%; margin: 0px auto; position: relative; }

.gallery .sorting { margin: 0px 0px 15px 0px; border: 0px solid #3faa94; background-color: rgba(255,255,255,.4); }
.gallery .sorting span { padding: 0px 20px 0px 0px; color: #3faa94; font-style: italic; }
.gallery .sorting div { margin: 10px 0px 10px 10px; }

.gallery .sorting a {
	color: #3faa94;
	font-size: .85em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 20px 3px 20px;
	background: url(../images/check_normal.png) no-repeat 0px 3px;
}
.gallery .sorting a:hover { color: #53a3d2; }
.gallery .sorting a.selected { color: #53a3d2; background-image: url(../images/check_selected.png); }

.gallery .photos { width: 100%; height: 100%}

.gallery .photos .thumbnail_container { position: relative; }
.gallery .photos .thumbnail_container a.thumbnail { position: absolute; }
.gallery .photos .thumbnail_container a.thumbnail img { width: 75px; height: 75px; border: 1px solid #000; }

.clear_both { clear: both; line-height: 1px; }

/* Vertical Media Qeueris 
@media screen and (min-height:50px) and (max-height:520px) {
	.title { background-image: url(../_images/backgroundframe_logo.png); }
}
@media screen and (min-height:521px) and (max-height:700px) {
	.title { background-image: url(../_images/backgroundframe_logo.png); }
}
@media screen and (min-height:701px) {
	.title { background-image: url(../_images/backgroundframe_logo.png); }
}
*/

/* Horizontal Media Qeueris 
@media screen and (min-width:50px) and (max-width:500px) {
	body { padding: 5px 0px 0px 5px; }
	.title { background-image: url(../_images/backgroundframe_logo.png); }
	.gallery { width: auto; margin-left: 35px; }
	.gallery .sorting span { display: block; color: #3faa94; padding: 0px 0px 20px 0px; }
	.gallery .sorting a { display: block; }
}


@media screen and (min-width:501px) and (max-width:960px) {
	.title { background-image: url(../_images/backgroundframe_logo.png); }
	.gallery .sorting span { display: block; padding: 0px 0px 20px 0px; }
	.gallery .sorting a { display: block; width: 35%; float: left; margin-bottom: 5px; }
}
@media screen and (min-width:961px) {
	.gallery .sorting span { padding: 0px 20px 0px 0px; }	
}
*/