/* Add viewport to head */

#responsive { top: 1px; }

/* @group Global Width breakpoint 1201px */

/* fixed width -> responsive fluid width */

@media only screen and (max-width: 1201px) {
body { /* reset font size landscape-portraid */
 -webkit-appearance: none; /* WebKit */
-moz-appearance: none; /* Mozilla */
-o-appearance: none; /* Opera */
-ms-appearance: none; /* Internet Explorer */
appearance: none; /* CSS3 */  
 
 -webkit-text-size-adjust: none; /* WebKit */
-moz-text-size-adjust: none; /* Mozilla */
-o-text-size-adjust: none; /* Opera */
-ms-text-size-adjust: none; /* Internet Explorer */
text-size-adjust: none; /* CSS3 */  
}

#container,
#pageHeader {	
	max-width: 100%; /* fixed width - - - > fluid width */
/*
#navcontainer,
#shadowtop,
#shadowpage, 
#navcontainer ul ul, #navcontainer ul ul ul {}
*/	
	
}


}
/* @end */

@media only screen and (max-width: 1024px) {

/* @group Photo Album */

.thumbnail-wrap {
	padding-bottom: 6%;
	margin-right: 7%;
}
.thumbnail-caption { 
  /* margin-top: -3px; */
}
.album-wrapper {
	width: 97%;
	padding-left: 3%;
}
/* @end */

}

@media only screen and (max-width: 768px) {

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 16.47%;
}
.thumbnail-caption { 
  /* margin-top: -3px; */
}
.album-wrapper {
	width: 90%;
	padding-left: 10%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	width: 39.6%;
	margin: 2.68%;
}

/* @end */

}

@media only screen and (min-width: 720px) {
/* Hide the toolbar on responsive simulation*/
#navcontainer3 {
    display: none !important;
}


}

/* @group ----Main breakpoint (portrait and landscape) 719px  */

@media only screen and (max-width: 719px) {

/* @group font size */

#sidebarContainer {
	font-size: 1em;
}

#sidebarContainer .sideHeader {
	font-size: 1.55em;
}

#breadcrumbcontainer a {
	text-align: center;
	line-height: 1.6em;
	font-size: 1.18em;
}

.photo-title {
	letter-spacing: 1px;
	font-size: 1.5em;
}

#pageHeader h1 {
	line-height: 1.1em;
	font-size: 2.2em;
}

#pageHeader h2 {
/* font-size: 1.3em;
	line-height: 1.25em; */	
}



/* size in pixel below */
.exif-data p {
	font-size: 14px;
	line-height: 25px;
}
.photo-links {
	font-size: 18px;
}
#viewingButton #text {
	font-size: 15px;
	background-image: none;
	margin: 0;
	padding: 7px 17px 9px;
}

#footer {
	font-size: 1.1em;
}

/* @end */

/* @group XX OFF CORNERS */
#pageHeader,
#container,
#contentContainer,
#contentContainer #content,
#sidebarContainer,
#sidebarContainer #sidebar,
#sidebarContainer .sideHeader,
#navcontainer2,
.filesharing-item,
.album-title,
.movie-page-title,
#footer     {
	border-radius:0px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
}
/* @end */

/* @group header content body image managment */

shadowtop {}

#sidebarContainer {
	background-image: none;
}
#shadowtop { 
	max-width: 100%;
	background-size: 100% 70px;
}
#shadowpage { 
	max-width: 99%;
	background-size: 100% 22px;
}

/* @end */

/* @group Navcontainers + viewing button + breadcrumcontainer ON/OFF */
#navcontainer, #navcontainer2 { display: none; }
#breadcrumbcontainer2, #viewingButton2 { display: none;}

#navcontainer3menu { display: block;}

#navcontainer3 { 
    display: none;
}

#navcontainer3 ul {
/*    opacity: 0;*/
}

#contentContainer {
    margin-top: 20px;
}

/* @end */

/* @group sidebar content alignment */

body {
	margin: 0;
	padding: 0;
}
#shadowpage {
	display: none;
	height: 93px;
	background-position: 0 bottom;
}

#shadowpage {}

#container {
	padding-right: 0;
	padding-left: 0;
}

#contentContainer {
	/* 	border-left-style: none;  border-right-style: none; */
	padding: 0;
	width: 100%;
	background-image: none;
	margin-bottom: 45px;
	position: relative;
	z-index: 1;
}
#contentContainer #content {
	margin: 0;
	width: 95%;
	padding-right: 2%;
	padding-left: 3%;
}
#sidebarContainer {
	clear: left !important;
	float: none !important;
	width: 100%;	
	max-width: 100%;
}
#sidebarContainer #sidebar  {
	width: 95%;
	padding-right: 2%;
	padding-left: 3%;
}
#extraContainer1,
#extraContainer2,
#extraContainer3 {
	padding-right: 2%;
	padding-left: 3%;	
}

#breadcrumbcontainer, #footer p {
	padding: 7px;
}

#breadcrumbcontainer {
	margin-top: 7px;
	text-align: center;
	margin-bottom: 0;
}

#breadcrumbcontainer li {
	float: none;
}
#footer {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

/* controls where the navigation should appear */
#navigation_position { top: 1px !important; }

/* @end */

/* @group Blog */

#blog-archives {	
	float: right;
	width: 31%;
	padding: 3%;
}
#blog-categories {
	padding: 3%;
	width: 55%;
	float: left;
}
ul.blog-tag-cloud {
	padding: 3%;
	display: inline-block;
}
#blog-rss-feeds { /* center alignment */
	text-align: center;
}
/* @end */

/* @group Sitemap (same as animation.css) */
.rw-sitemap ul a {
}
.rw-sitemap ul li li a {	
}
.rw-sitemap {
	width: 96.8%;
	margin-left: 3.2%;
	padding-left: 0;
}

/* Z-index FIX */

.rw-sitemap ul li {	
position: relative;
	z-index: 2;	
}

.rw-sitemap ul ul li {	
position: relative;
	z-index: 3;	
}

.rw-sitemap ul ul ul li {	
position: relative;
	z-index: 4;	
}

.rw-sitemap ul ul ul ul li {	
position: relative;
	z-index: 5;	
}

.rw-sitemap ul ul ul ul ul li {	
position: relative;
	z-index: 6;	
}

.rw-sitemap ul ul ul ul ul li {	
position: relative;
	z-index: 7;	
}
/* Z-index FIX */
/* @end */
/* @group Contact Form */
.form-input-field, .form-input-field:focus {width: 80%;
	margin-right: auto;
	margin-left: auto;
}
form {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.message-text {
	margin-left: 2%;
	margin-right: 2%;
}
.form-input-button {
	opacity: 1.0;
	position: relative;
	z-index: 1;
}
/* @end */

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 19.2%;
	/* padding-bottom: 6%; */
}
.thumbnail-caption { 
  /* margin-top: -3px; */
}
.album-wrapper {
	width: 85%;
	padding-left: 15%;
}
.photo-frame{	
    height: auto;
    max-width: 100%; 
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
		box-shadow: 0px 0px 5px 0px #232323 ;
  -webkit-box-shadow: 0px 0px 5px 0px #232323 ;
  -moz-box-shadow: 0px 0px 5px 0px #232323 ;  	
}
.exif-data {
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 3.8%;
	width: 39.8%;
}
/* @end */
/* check below */

#pageHeader h1 {
	/* elastic effect in responsive mode */
	transition: all 0.2s linear;
	-webkit-transition: All 0.2s linear;	
	-moz-transition: All 0.2s linear;	
	-o-transition: All 0.2s linear;
	padding-bottom: 7px;
	text-indent: 0;
}
#pageHeader h2 {
	/* elastic effect in responsive mode */
	transition: all 0.2s linear;
	-webkit-transition: All 0.2s linear;	
	-moz-transition: All 0.2s linear;	
	-o-transition: All 0.2s linear;
	text-indent: 0;
}
#pageHeader img {	
	max-width:35%;
	height: auto;
	transition: All 0.2s linear;	
	-webkit-transition: All 0.2s linear;	
	-moz-transition: All 0.2s linear;	
	-o-transition: All 0.2s linear;
}

#breadcrumbcontainer {
	margin-top: 7px;
	margin-bottom: 2px;
	text-align: center;
}
#footer {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 2px;
}
}
/* @end */

@media only screen and (max-width: 685px) {

.filesharing-item {
	display: inline;
	width: auto;
}

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 6%;
}
.album-wrapper {
	width: 91%;
	padding-left: 9%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 4.9%;
	width: 36.5%;
}
/* @end */
}

@media only screen and (max-width: 600px) {

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 14%;
}
.album-wrapper {
	width: 85%;
	padding-left: 15%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 3.4%;
	width: 40.3%;
}
/* @end */
}

@media only screen and (max-width: 570px) {
/* @group Movie album */
.movie-thumbnail-frame {
	width: 37.7%;
	margin: 4.37%;
}
/* @end */

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 16%;
}
.album-wrapper {
	padding-left: 13%;
	width: 87%;
}
/* @end */

}

@media only screen and (max-width: 515px) {

/* @group font size */

#pageHeader h1 {
	font-size: 1.90em;
	line-height: 1.25em;
}
#pageHeader h2 {
	font-size: 1.1em;
	line-height: 1.35em;
}
/* @group Contact form text */

form {
	font-size: 1.3em;
}
.form-input-field, .form-input-button {
	font-size: 1.15em;
}

/* @end */
/* @end */

/* @group Photo Album */

/* icon over thumbnail OFF */
.thumbnail-frame a:before, .thumbnail-frame a:hover:before { display: none; }

.thumbnail-wrap {
	margin-right: 16%;
}
.album-wrapper {
	padding-left: 10%;
	width: 90%;
}
/* @end */

/* @group Movie album */
.movie-thumbnail-frame {
	margin: 4.15%;
	width: 38.1%;
}

/* @group Contact form */

/* bigger + Centered text */
.form-input-field {
	padding: 12px;
}
form {text-align: center;}
/* @end */
/* @end */

}

@media only screen and (max-width: 480px) {

/* controls where the navigation should appear */

#navigation_position { top: 1px !important; }
#breadcrumbcontainer2 { display: none; }

/* @group Titles align left + logo */

#pageHeader h1 {
	padding-right: 16px;
	padding-left: 16px;
}
#pageHeader h2 {
	padding-right: 16px;
	padding-left: 16px;
}
/* @end */

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 13%;
}
.album-wrapper {
	width: 88.9%;
	padding-left: 11.1%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	width: 37.7%;
	margin: 4.2%;
}

/* @end */

}

@media only screen and (max-width: 380px) {

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 5%;
}
.album-wrapper {
	width: 75%;
	padding-left: 25%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 12%;
	width: 72%;
}
/* @end */
}

@media only screen and (max-width: 320px) {

/* responsive toolbar title */

#navcontainer3menu:after {
	padding-left: 2%;
}

/* @group Titles align left + logo */

#pageHeader h1 {
	font-size: 22px;
	padding-right: 11px;
	padding-left: 11px;
}
#pageHeader h2 {
	font-size: 1.1em;
	padding-right: 11px;
	padding-left: 11px;
}

/* @end */

/* @group Photo Album */

.thumbnail-wrap {
	padding-bottom: 10%; /* iphone vertical - vertical padding */
}

.album-wrapper {
	width: 77%;
	padding-left: 23%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin-bottom: 6%;
	margin-left: 11.5%;
	width: 73.2%;
}
/* @end */
}@media only screen and (max-width: 295px) {

/* @group Photo Album */
.album-wrapper {
	width: 79%;
	padding-left: 21%;
}
.thumbnail-wrap {
	padding-bottom: 11%;
}
/* @end */
}

@media only screen and (max-width: 240px) {
#pageHeader img {/* max-width:43%;  */}

/* @group Blog sidebar plugins */
.blog-category-link-enabled, .blog-category-link-disabled {
	padding-left: 23px;
	background-position: 3px;
	font-size: 11px;
	line-height: 15px;	
}
.blog-archive-link-enabled {
	padding-left: 0;
	background-image: none;
}
/* @end */

/* @group PhotoAlbum */
.album-wrapper {
	padding-left: 12%;
	width: 88%;
}

.thumbnail-wrap {
	padding-bottom: 8%;
}

.thumbnail-frame img, .thumbnail-caption  {
width: 100%;
height: auto;
}

/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 4%;
	width: 86%;
}


/* @end */
}

/* -------------------------- */

/* @group iPad (portrait and landscape) */

/* -- iPads (landscape)*/

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation : landscape) {
}

/* -- iPads (portrait)*/
@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation : portrait) {
}

/* @end */

/* @group iPhone (portrait and landscape) */

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* iPhone 4 */
body {width: 100%; height: auto; }
}

@media only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
/* iPhone 5 */
body {width: 100%; height: auto; }
}

/* @end */

/* @group max-device-width */

/* @group PhotoAlbum 295x515 portrait*/

@media /* Android  295 x 515 portrait */
only screen and (min-device-width: 295px) and (max-device-width: 515px) and (orientation : portrait){
/* @group PhotoAlbum */
.thumbnail-frame img, .thumbnail-caption  {
width: 100%;
height: auto;
}

/* @end */
}

/* @end */



/* @end */

/* -------------------------- */