@charset "utf-8";



/* CSS Document */
body { margin: 0; padding: 0;}
/* background-color */
body { background-color: #003A75;}
body { background-color:#2F5082;}
body { background-color:#0D243E; }  /* live  */
body { background-color:#FBFBFB; }
.header { background-color:#808080;}
.header { background-color: #333; }
.header { background-color: #000000; } /* live  */
.header { background-color: #FBFBFB; }
.header { background-color: #E8EEFF; }
.admin-link { background-color: yellow; }
.photogroup__photo { background-color: #FFFFFF; }
/* border */

.blue-border { border: 1px solid blue; }
.red-border { border: 1px solid red; }
.blue-border,
.red-border { border-radius: 3px; }

img.fullsize { 			border: none; }


img { 					border: 1px solid lightgrey; }
.header { 				border-bottom: 1px solid #D5D5D5; } 
.DELETEfooter { 				border-top: 1px solid #D5D5D5; } 
div.pagetitle  { 			border: none; }
img.thumb {				border: 3px solid lightgrey; }

/* box-shadow */
 
.biggershadow  {
  -moz-box-shadow:    6px 6px 3px 1px #ccc;
  -webkit-box-shadow: 6px 6px 3px 1px #ccc;
  box-shadow:         6px 6px 3px 1px #ccc;
}

.shadow  {
  -moz-box-shadow:    4px 4px 3px 1px #ccc;
  -webkit-box-shadow: 4px 4px 3px 1px #ccc;
  box-shadow:         4px 4px 3px 1px #ccc;
}

.one-edge-shadow {
	-webkit-box-shadow: 0 18px 6px -6px #ccc;
	   -moz-box-shadow: 0 18px 6px -6px #ccc;
	        box-shadow: 0 18px 6px -6px #ccc;
}
/* color */
.help-text{			color: grey;}
.photo {			color: black;}
.setting-is-on,
.setting-is-off ,
a,
a:hover,
.photogroup__photo__prevnext{ color:#0080C0; }

body { 				color: #FEFEFE;}/* live  */

.photogroup__photo__title, 	 
.photogroup__photo__body,
h1,h2,h3,
.header__setting,
.photo__caption__element,
.grouptitle__captured-ago,
.grouptitle, 
.pagetitle__photo-count,
body, 
.header__title, 
.pagetitle__titletext{ color:  #2b2b2b; /*  #57534A;*/ }

/* clear */
.grouptitle {	clear: both; }

/* display */
.photo__caption{ display: block; }
.photo__exif { display: none; }
.admin-link { display: inline; }

/* float */
.header__help-text { float: right; }
.grouptitle__captured { float: left; }
.grouptitle__captured-ago {	float: left; }
.grouptitle__captions { float: right; }

/* font-family */
body {font-family: 'Open Sans', sans-serif;}

.next-prev-chunk,
.grouptitle__captured,
.photogroup__photo__info,
.photogroup__photo__navigate, 
.header__item-small, .header__item {font-family: 'Open Sans Condensed', sans-serif;}

/* font-size */
.header__menu-link { font-size: larger; }
.header__help-text { font-size: x-small; }

.next-previous ,
.pagetitle__titletext, 
.grouptitle__captured { font-size: larger; } 


/*  font-variant */
.header__help-text ,
.header__setting { font-variant: none;}

/* font-weight */
.header__page-title { font-weight: bold; }
.header__setting { font-weight: normal; }
.next-previous  { font-weight: bold; }
.photogroup__photo__count{ font-weight: normal; }

/* height */
.footer { height: auto;}
img.thumb { height: 100px; }

/* line-height */
div { line-height: 100%;} 

/* margin */
.group { margin: 5px 0 10px 5px; }
.grouptitle { margin: 20px 0 20px 10px; }

img.thumb, 
img { 	margin: 1px; }

/* overflow */
.footer,
.photo__caption,
.group { overflow: auto;}

/* padding */
#content{ 			padding-left: 0px; }
.header { 			padding: 5px 5px 5px 10px;}
.header__title{ 	padding-right: 5px; }
.header__menu-link { padding: 0 5px 0 0; }
.header			  { padding-right: 10px; }
.group { 			padding: 0 0 15px 0; }
.grouptitle { 		padding: 0 0 0 0; }
.grouptitle__captured-ago {	padding: 0 10px 0 0; }

.photo__exif { 		padding: 10px 2px; }
.pagetitle 	{ 		padding: 3em 0 2em 0px; } 
.pagetitle__titletext { 		padding: 0 0 0 10px; } 
.header__help-text { padding: 3px 5px 0 0; }
.photogroup__photo__body {padding: 10px 0 0px 10px;} 	 

.next-prev-chunk { padding-left: 10px; }
.next-prev-chunk-bottom { padding-top: 10px; }
.next-prev-chunk-top { padding-bottom: 10px; }

/* text-decoration */
.setting-is-on { text-decoration: line-through; }
.header__menu-setting, a { text-decoration: none; }
.photogroup__photo__prevnext:hover,
.header__menu-link a:hover { 	text-decoration: underline; }
a:hover { 	text-decoration: underline; }

/* width */
img.fullsize { width: 100%;}
img.thumb { width: auto;}
.footer { width: 100%; }
.photogroup__photo { width: 100%;}
.bigimage {width: 80%;}
.mediumimage {width: 55%;}


/*****/

.header__item-small { padding: 0 5px;}
.header__item-small { float: left;}

.header__item-left { float: left; }
.header__item-right { float: right; }
.header__item-left { padding: 0 10px 0 0; }
.header__item-right { padding: 0 0 0 10px; }
.header__item { margin: 0px; }

.header__item-small, .header__item { font-size: 28px; }
.header__item { font-weight: bold; }
@media all and (max-width: 768px) {
	.header__item-small,
	.header__item { font-size: 18px; }
}
@media all and (max-width: 501px) {
	.header__item-small,
	.header__item { font-size: 14px; }
	.header__item-small { padding: 0 2px;}
}

.photogroup__photo__count,
.header__setting { float: left; }

.header__setting { border-width: 1px; }

.header__setting { border-style: solid; }

.header__setting { font-size: inherit; }

.header__setting { border-radius: 3px; }

.header__setting { padding: 3px; }

.photogroup__photo__count { margin: 0px 5px; }

.header__setting { margin-left: 3px; }
.header__setting { margin-top: 4px; }

.header__setting-is-on { border-color: grey; }
.header__setting-is-on { color: #2b2b2b; }
.header__setting-is-off { border-color: #E8EEFF; }

.photo__switchimage {float: left; width:10%; height: 100px;}
.photo__switchimage {float: left; width:10%; height: 100px;}
.photo__switchimage {float: left; width:10%; height: 100px;}

  .grouptitle__captured-ago { display: block; } 
  .grouptitle__captured-ago { clear: both; } 
  .grouptitle__captured-ago{ font-size: xx-small; } 
  .grouptitle__captured-ago { margin-top: 5px; } 




.header { width: 100%; }
.header { clear: both; }
.header { position: fixed; }
.header { top: 0; }
.header { z-index: 10; }
.header { opacity: 0.8; }

.header__title{ float: left; }

.pagetitle__titletext{ float: left; }
.pagetitle__titletext{ padding-right: 0; }



.header__menu-link { float: left; }
.header__menu-link { margin: 0; }
.header__menu-link { width: auto; }
.header__menu-link {  border-radius: 2px; }
.header__menu-link { padding: 2px 15px 2px 0; }
.header__menu-link { margin: 0; }



.header__menu-setting { float: right; }
.header__menu-setting { margin: 0 1px; }
.header__menu-setting { padding: 2px 3px; }
.header__menu-setting { width: auto; }
.header__menu-setting { font-size: small; }
.header__menu-setting { border-radius: 2px; }

.pagecontent {position: relative;}
.pagecontent { padding-bottom: 0px; }
.pagecontent {margin-top: 3em;}

.photo-group-title { 
		clear: both; 
		margin: 5px 5px; 
		padding: 3px; 
		font-size: small; 
		font-weight: bold;
	} 

.photo__caption {
	border-radius: 3px; 
	width: 100%; 
	overflow: hidden;
	font-size: xx-small;
	padding: 2px;
	}

.photo__caption__element { 
/*	float: left; 
	width: auto; 
*/
	font-size: xx-small;
} 

.photo__caption__element p { 
	font-size: xx-small;
} 

.photo {
		float: left; 
		font-size: smaller; 
		border: none; 
		border-radius: 3px;
		width: auto;
	} 

.photo__exif { 
	border: none; 
	width: 100%; 
	overflow: hidden;
	font-size: xx-small;
	
	}
.photo__exif__data { 
              margin: 0; 
              padding: 2px 0; } 

.photo__exif{ display: none; }
.exif-dump {  
			border: 1px solid grey; 
			border-radius: 5px; 
			margin: 5px; 
			padding: 5px; 
			}
.text-xxsmall { font-size: 8px; }
.text-xsmall { font-size: 12px; }
.hide-when-mobile { display: inline;}

.photo-fullscreen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:10;
	opacity: 0.8;
	display: none;
}

	
	
.gradient { clear: both; height: 8px; width: 100%; border: none; }
.gradient { margin-top: 0px;  padding-top: 0px;}
.gradient {
  /* fallback */
  background-color: grey;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(darkgrey), to(lightgrey));

  /* Safari 5.1, Chrome 10+ */
/*  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);  */
  background: -webkit-linear-gradient(top, darkgrey, lightgrey 50%, lightgrey);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, darkgrey, lightgrey);

  /* IE 10 */
  background: -ms-linear-gradient(top, darkgrey, lightgrey);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, darkgrey, lightgrey);
}


.buttongradient {
  /* fallback */
  background-color: grey;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(lightgrey));

  /* Safari 5.1, Chrome 10+ */
/*  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);  */
  background: -webkit-linear-gradient(top, white, white 20%, lightgrey);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, white, lightgrey );

  /* IE 10 */
  background: -ms-linear-gradient(top, white, lightgrey );

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, white, lightgrey );
}

.buttongradient-original {
  /* fallback */
  background-color: grey;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(lightgrey), to(darkgrey));

  /* Safari 5.1, Chrome 10+ */
/*  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);  */
  background: -webkit-linear-gradient(top, lightgrey, lightgrey 50%, darkgrey);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, lightgrey, darkgrey );

  /* IE 10 */
  background: -ms-linear-gradient(top, lightgrey, darkgrey );

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, lightgrey, darkgrey );
}

.buttongradient:hover {
  /* fallback */
  background-color: grey;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(lightgrey), to(white));

  /* Safari 5.1, Chrome 10+ */
/*  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);  */
  background: -webkit-linear-gradient(top, lightgrey, lightgrey 20%, white);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, lightgrey, white);

  /* IE 10 */
  background: -ms-linear-gradient(top, lightgrey, white);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, lightgrey, white);
}

.photogroup {
	position: relative; 
	margin-top: 50px; 
	width: 98%;
}
.photogroup__photo { 
		position: absolute; 
		top: 0px; 
		left: 10px;
		display: none; 
		text-align: center;
		padding-top: 0px;
		
		}
.show {	display: block !important; }


.photogroup__photo__title {
	padding: 0px 0 0px 0px;
	margin: 0px 0 15px 0px;
	text-align: left;
 } 	 
.photogroup__photo__body {
	text-align: left;
 } 	 
 
.photogroup__photo__info {
	padding: 10px 0 0 10px;
	text-align: left;
	font-size: small;
	color: #969696;
 } 	 
.photogroup__photo__photographer {
		font-size: x-small; 
		float: right;
		padding: 5px 10px;
		text-align: right;
		} 	 
.photogroup__photopicker {
		color: pink; 
		padding: 0 0 10px 0; 
		margin: 0 0 10px 0; 
		text-align: center; 
		width: 100%;
	}
.photopicker { font-size: xx-large; }	



.photogroup__photo__count { float: left; }
.photogroup__photo__prevnext { float: left; }


.buttongradient { border: 1px solid lightgrey; }
.buttongradient { border-radius: 3px; }

.morepadding { padding: 0 5px; }
.morepadding { margin: 0 5px; }


@media all and (min-width: 1001px) {
	.grouptitle__captured {font-family: 'Open Sans', sans-serif;}
	/*
	.pagetitle,
	.grouptitle { padding-left: 30px; }
	.pagetitle,
	.grouptitle { padding-right: 30px; }
	.group { margin: 5px 0 30px  35px; }
	*/
	.bigimage {width: 70%;}
	.mediumimage {width: 55%;}
	.tallimage {width: 40%;}
	
}

@media all and (max-width: 768px) {
	.header__title{ display: block;}
	.header__menu-link { font-size: smaller; }	
	.pagecontent {margin-top: 2em;}
	.header__setting { font-size: xx-small; }
	.header__setting { padding: 2px; }
	.header__setting { margin-left: 2px; }
	.header__setting { margin-top: 2px; }
	.grouptitle__captions { float: left; clear: both; }
	.grouptitle__captions { margin-top: 5px; }

}

@media all and (max-width: 601px) {
  	.header__title,
  	.hide-when-mobile { display: none;}
  	.pagetitle__titletext{ display: inline; }
	.pagetitle__titletext { font-size: inherit; } 

  	.header__menu-link--first { clear: both; }
	.header__menu-setting { float: left; }
	.header__menu-setting { margin: 0 1px 0 0; }
	.header__menu-setting { padding: 2px 3px; }
	.header__menu-break { clear: both; }
	.pagetitle { padding-bottom: 2em; } 
	.pagetitle { margin-bottom: 0px; }
	.photogroup__photo { padding-top: 0px;	}
	.photogroup__photo { left: 0px;	}
	.header__help-text { float: left; clear: both;}
	.DELETEphotogroup { margin-top: 3em; }
	.bigimage {width: 95%;}
	.mediumimage {width: 95%;}

	.photogroup__photo__title {	padding: 0 0 0 10px; } 	 

	.photogroup {
		margin-top: 45px; 
	}

}

@media all and (max-width: 401px) {
	.photogroup__photopicker { display: none;}
}