/* . */
/* START _responsive */

/* Add viewport to head */

#responsive { top: 1px; }

/* @group Start fluid width 1251px */

/* fixed width -> responsive fluid width */

@media only screen and (max-width: 1251px) {
body { /* reset font size landscape-portraid */
 -webkit-appearance: none;
 -webkit-text-size-adjust: none;	    
}
#container,
#navcontainer,
#headerEdge {	
	max-width: 100%; /* fixed width - - - > fluid width */
}

#sidebarContainer {}
}
/* @end */

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

/* @group Photo Album */

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

}

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

/* @group Photo Album */

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

/* @group Movie album */

.movie-thumbnail-frame {
	margin: 3%;
	width: 41.7%;
}

/* @end */

}

@media only screen 
and (min-width: 720px) {

#navcontainer3_menu_back, #navcontainer3 {
    display: none !important;
    /*hide responsive toolbar for browser test */
}

}

/* @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 {
	font-size: 1.10em;
}

#footer {
	font-size: 1.02em;
}

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

/* size in pixel below */

.exif-data p {
	font-size: 14px;
	line-height: 25px;}

.photo-links {
	font-size: 18px;
}

/* @end */

/* @group OFF CORNERS */
#pageHeader,
#headerEdge,
#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 */

/* split in Freestyle graphics only */

#shadow {
	background: url(../../images/elements/icons/line.png) no-repeat 0 0;
}
/* @end */
/* @group Navcontainers ON/OFF */
#navcontainer { display: none; }
#navcontainer2 { display: none; }
#navcontainer3 { display: none; }
#navcontainer3_menu_back, #navcontainer3menu { display: block;}
/* @end */

/* @group sidebar content alignment */

body {
	margin: 0;
	padding: 0;
}

/* check below */

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

#contentContainer {
	width: 100%;
	background-image: none;
	padding: 0;
	margin: 0;
	float: none;
	border-left-width: 0;
	border-left-style: none;
	border-right-style: none;
	border-right-width: 0;
}

#contentContainer #content {
	margin: 0;
	width: 95%;
	padding: 14px 2.5%;
	border-right-width: 0;
	border-left-width: 0;
	border-right-style: none;
	border-left-style: none;
}

#sidebarContainer {
	clear: left !important;
	float: none !important;
	width: 100%;	
	max-width: 100%;
	padding: 0;
	margin: 0;
}

#sidebarContainer #sidebar {
	padding-left: 2.5%;
	width: 93%;
	padding-right: 2.5%;
}

#pageHeader, #headerEdge {
	margin: 0;
	padding: 0;
}
#pageHeader h1 {
	text-align: left;
	padding-left: 10px;
	font-size: 2.2em;
	/* 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;
}
#pageHeader h2 {
	text-align: left;
	padding-left: 11px;
	/* 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;
	font-size: 1.2em;
}
#pageHeader img {
	transition: All 0.2s linear;	
	-webkit-transition: All 0.2s linear;	
	-moz-transition: All 0.2s linear;	
	-o-transition: All 0.2s linear;
	max-width:35%;
	height: auto;
	top: 0;
	margin-top: 5%;
	overflow: hidden;
}
#extraContainer1,
#extraContainer2,
#extraContainer3 {
	padding: 6px 7px;	
}
#breadcrumbcontainer {
	margin-top: 7px;
	margin-bottom: 2px;
	text-align: center;
}
#footer {
	text-align: center;
	padding-bottom: 5px;
	padding-top: 2px;
}

/* add 20px to -20px top header */
/* 	margin-top: 20px; */
navcontainer3_menu_back {}

/* 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%;
	margin-left: 4%;	
}
/* @end */

/* @group Contact Form */
.form-input-field {
	width: 83%;
	margin-right: auto;
	margin-left: auto;
}
form {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
}
.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%;
	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 */
/* controls where the navigation should appear */
#navigation_position { top: 1px !important; }
}
/* @end */

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

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 19%;
}
.album-wrapper {
	padding-left: 18%;
	width: 82%;
}
/* @end */
}

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

/* @group Photo Album */

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

/* @group Movie album */

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

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

/* @group Photo Album */

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

/* @group Movie album */
.movie-thumbnail-frame {
	width: 37.7%;
	margin: 4.8%;
}
/* @end */

}

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

/* @group Contact form text */

form {
	font-size: 1.3em;
}

/* @end */

/* @group Photo Album */

/* icon over thumbnail OFF */
.thumbnail-frame a:before, .thumbnail-frame a:hover:before { display: none; }
.thumbnail-wrap {margin-right: 10%;}

/* @end */

/* @group Movie album */

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

/* @end */

}

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

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

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 12.7%;
}

.album-wrapper {
	width: 89%;
	padding-left: 11%;
}

/* @end */

/* @group Movie album */


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

/* @end */

}

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

/* @group Photo Album */

.thumbnail-wrap {
	margin-right: 5.5%;
}
.album-wrapper {
	width: 73%;
	padding-left: 27%;
}
/* @end */

/* @group Movie album */

.movie-thumbnail-frame {
	width: 76%;
	margin: 10.5%;
}

/* @end */

}

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

/* @group Contact form text */

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

/* @end */

/* @group Photo Album */

.thumbnail-frame img, .thumbnail-caption  {}

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

.album-wrapper {
	width: 76%;
	padding-left: 24%;
}



/* @end */

/* @group Movie album */

.movie-thumbnail-frame {/* show only one video*/
	width: 71%;
	margin-bottom: 6%;
	margin-left: 13.3%;
}


/* @end */
}

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

/* @group Photo Album */
.album-wrapper {
	width: 78%;
	padding-left: 22%;
}

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



/* @end */
}

@media only screen and (max-width: 240px) {
#pageHeader h1 {
	font-size: 19px;
	line-height: 15px;
	text-align: left;
	padding-left: 5px;
}
#pageHeader h2 {
	text-align: left;
	padding-left: 6px;
	font-size: 1.1em;
}
#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: 15%;
	width: 85%;
}

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

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

/* @end */

/* @group Movie album */

.movie-thumbnail-frame {/* show only one video*/
	width: 86%;
	margin: 5%;
}


/* @end */
}

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

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

/* -- iPads (landscape)*/

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation : landscape) {
#breadcrumbcontainer a {	font-size: 1em;}
#footer {	font-size: 1em;}
}

/* -- iPads (portrait)*/
@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation : portrait) {	
#breadcrumbcontainer a {	font-size: 1em;}
#footer {	font-size: 1em;}
}

/* @end */

/* @group iPhone 4 */

/* -- iPhone four */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
}

/* @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 */