<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 	

	common.css

	attrib to http://fairheadcreative.com for share icon svgs, thanks!

	

*/



/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201c" "\201d" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}



/* HTML5 Boilerplate prefix styles - h5bp.com */

html,button,input,select,textarea{color:#222}

body{font-size:1em;line-height:1.4}

::-moz-selection{background:#b3d4fc;text-shadow:none}

::selection{background:#b3d4fc;text-shadow:none}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}

img{vertical-align:middle}

fieldset{border:0;margin:0;padding:0}

textarea{resize:vertical}

.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}







	@font-face {

		font-family: 'Cabin Condensed';

		font-style: normal;

		font-weight: 400;

		src: local('Cabin Condensed'), local('CabinCondensed'), url(http://themes.googleusercontent.com/static/fonts/cabincondensed/v4/B0txb0blf2N29WdYPJjMShduvNLjNOIIBdGcRJSaPM8.woff) format('woff');

	}

	body { 

		font-family: "Cabin Condensed", "Arial Narrow", sans-serif;

		font-weight: 400;

	}

	



body {

	-webkit-font-smoothing: antialiased;

}



html, body {

	height: 100%;

}



body {

	background-color: #000;

	color: #fff;

	font-size: 14px;

	line-height: 1.5;

	overflow: hidden;

}



h1 {

	font-size: 400%;

	line-height: 1;

	font-weight: 300;

}

h2 {

	font-size: 300%;

	line-height: 1.1;

	font-weight: 300;

}

h3 {

	font-size: 200%;

	line-height: 1.2;

	font-weight: 400;

}

h4 {

	font-size: 150%;

	font-weight: 400;

}

h5 {

	font-size: 120%;

	font-weight: 700;

}

h6 {

	font-size: 100%;

	font-weight: 700;

}

p {

	font-size: 20px;

	letter-spacing:1px;

}



h1:first-child, h2:first-child, h3:first-child, h4:first-child, 

h5:first-child, h6:first-child, p:first-child {

	margin-top: 0;

}



a {

	color: #aaa;

	text-decoration: none;

}

a:hover {

	color: #ffffff;

}



h2 a{

	color: #aaaaaa;

}







#logo img {

	float: left;

	display: inline-block;

}



.left-top, .right-top, .left-bottom, .right-bottom, .top-middle {

	position: absolute;

	display: inline-block;

}

.left-top, .right-top, .top-middle {

	top: 0;

}

.left-bottom, .right-bottom {

	bottom: 0;

}

.left-top, .left-bottom {

	left: 0;

}

.right-top, .right-bottom {

	right: 0;

}



.top-middle {

	width: 10%;

    margin-left: 45%;

    height: 85px;



 }



.full-page {

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

}



/* --------- Video controls --------- */

.top-middle .video-control {

	/*opacity: 0;*/	

	padding:10px;	



}





.top-middle .video-control .fullscreen , .top-middle .video-control .play{

	

	margin: 10%;

	float:left;

	width:60px;

}



.top-middle .video-control .fullscreen img, .top-middle .video-control .play img{

	height: 40px;

	cursor: pointer;

	margin:10%;

}



.top-middle .video-control .fullscreen img:hover, .top-middle .video-control .play img:hover {

	height:45px;

}



/* --------- PICTURES, VIDEOS ----------- */



.carousel {

	position: absolute;

	overflow: hidden;

	left: 0;

	

}



#pictures {

	-webkit-transform: translateZ(0);

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

}





#pictures img{

	-webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

	float: left;

	height: 100%;

	opacity: 0.3;

}



 #pictures video{

 		

	float: left;

	height: 100%;

	opacity: 0.3;

}



/* --------- THUMBNAILS ----------- */



#thumbs {

	position:absolute;

	left:0;

}



.thumbs.collapsed {

	display:none;

}



.thumbBottom {

	bottom:0;

}



.thumbTop {

	top: 0;

}



#prevThumbs {

	position: absolute;

	left:0;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

}



#nextThumbs {

	position:absolute;

	right:0;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

}



.thumbs {

	z-index:101;

	overflow: hidden;

}



#thumbs img {

	height: 120px;

	cursor: pointer;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

}



.thumbs .thumbs-nav div {

	cursor: pointer;

	z-index: 150;

	margin-bottom: 25px;

	margin-top: 25px;

	display:inline-block;

	width:45px;

	height:70px;

	background-image:url(nav.png);

	background-position:0 0;

	background-repeat:no-repeat;

}

.thumbs .thumbs-nav div.icon-next {

	background-position:-45px 0;

}	

.thumbs .thumbs-nav div.icon-prev:hover {

	background-position:0 -70px;

}

.thumbs .thumbs-nav div.icon-next:hover {

	background-position:-45px -70px;

}

.thumbs .thumbs-nav div.icon-prev.disabled {

	background-position:0 -140px;

	cursor:default;

}

.thumbs .thumbs-nav div.icon-next.disabled {

	background-position:-45px -140px;

	cursor:default;

}



#thumbIcons {

	margin-left:15px;

	margin-top:6px;

	width: 66px;

}



#thumbIcons .showThumbs {

	width: 12px;

	height: 12px;

	margin: 5px;

	z-index: 150;

	background-color: #aaa;

	border-radius: 1px;

	float:left;

}



#thumbnailCollapse {

	z-index: 100;

	border-radius: 10px 10px 0px 0px;

	-moz-border-radius: 10px 10px 0px 0px;		

	cursor: pointer;

	margin-left: auto;

	margin-right: auto;

	background-color: #000;

	width: 96px;

	height: 30px;

	border-color: #aaa;

	position: absolute;

	text-align: center;

	left:50%;

}



#thumbnailCollapse h4 {	

	margin: 0;

	padding: 5px 10px;	

}

/* --------- NAVIGATION ----------- */



#navigation {

	padding: 30px;

}



#navigation nav {

	float: right;

}



#navigation nav a {

	cursor: pointer;

	display:inline-block;

	width:45px;

	height:70px;

	background-image:url(nav.png);

	background-position:0 0;

	background-repeat:no-repeat;	

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

}

#navigation nav a.icon-next {

	background-position:-45px 0;

}	

#navigation nav a.icon-prev:hover {

	background-position:0 -70px;

}

#navigation nav a.icon-next:hover {

	background-position:-45px -70px;

}

#navigation nav a.icon-prev.disabled {

	background-position:0 -140px;

	cursor:default;

}

#navigation nav a.icon-next.disabled {

	background-position:-45px -140px;

	cursor:default;

}



/* --------- SIDEBAR ----------- */



#sidebar {

	width:15%;



	-moz-user-select: none;

  	-webkit-user-select: none;

  	-ms-user-select: none;

	font-size: 14px;

	padding: 30px;

	z-index: 99;



}



#sidebar h1, #sidebar h2 {

	font-size: 200%;

	margin: 0;

	line-height: 1;

	text-transform: uppercase;

	text-shadow: 1px 2px 6px rgba(0,0,0,.75);

	width:10%;

	height:20px;

}



#folders {

	font-weight: bold;

	font-size:200%;

	position: relative;

	color: #fff;

}



.title {

	position:relative;

}



 img.toggle {

  		cursor: pointer;

  	}





 #folders ul {

    list-style: none;

    padding: 0;

    text-shadow: 1px 2px 6px rgba(0,0,0,.75);

  }

 #folders ul &gt; .inner {

        padding-left: 1em;

        overflow: hidden;

        display: none;

   }   

  #folders ul .inner .show {

          /*display: block;*/

        }

    }

  

#folders ul &gt; li {

        margin: .5em 0;

      }

 #folders ul &gt; li &gt; a.toggle {

            

            display: block;

        

          

            padding-left: .25em;

        	transition: background .3s ease;

        	



          }   

  #folders ul &gt; li &gt; a.toggle:hover {

  	color: #fff;

  } 

    

#folders ul &gt; li &gt; .folderTitle {

	color: #ffffff;

}





/* --------- EXIFINFO ----------- */



#exifInfo {

	font-size: 13px;

	letter-spacing: 1px;

	min-height: 20px;

	position: absolute;

	right: 0;

	top: 50%;

	padding : 10px;

	z-index: 60;

	background-color: rgba(0,0,0,0.75);

	overflow: hidden

}



#exifInfo.collapsed {

	display:none;

}



#exifCollapse {

	cursor: pointer;

	position: absolute;

	right: 0;

	top: 50%;

	padding : 10px;

	padding-right: 5px;

	margin-top: -20px;

	border-radius: 10px 0px 0px 10px;

	background-color: rgba(0,0,0,0.75);

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

}



#exifCamera:hover {

	background-position: 0 -20px;

}



#exifCamera {

	height:20px;

	width:20px;

	background-image: url(camera.png);

	background-position: 0 0;

}



/* --------- FULLSCREEN ----------- */



#fullscreen {	

	float: right;

	z-index: 100;	

	cursor: pointer;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

}



#fullscreenLogo {

	margin-right:10px;

	height:70px;

	width:45px;

	background-image: url(fullscreen.png);

	background-position: 0 0;

}



#fullscreenLogo:hover {

	background-position: 0 -70px;

}



/* --------- SLIDESHOW ----------- */



#slideshow {	

	float: right;

	z-index: 100;	

	cursor: pointer;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 

}



#slideshowIcon.started {

	background-image: url(pause.png);

}



#slideshowIcon.stopped {

	background-image: url(play.png);

}



#slideshowIcon {

	margin-right:10px;

	height:70px;

	width:45px;

	background-position: 0 0;

}



#slideshowIcon:hover {

	background-position: 0 -70px;

}





#imageInfo {

	z-index: 50;

	padding: 30px;

	color: #fff;

	text-align: right;

	text-shadow: 1px 1px 3px rgba(0,0,0,.75);

}



#imageCount {

	font-size: 400%;

	margin: 0;

	display: inline-block;

	line-height: 1;

}

#imageCount span {

	margin-left: .2em;

	padding-left: .15em;

	border-left: 1px solid #fff;

	box-shadow: -1px 0 0 #aaa;

}

#imageName {

	margin-bottom: 0;

	margin-top: 15px;

}





#jalbum {

	margin-top:10px;

	color: #fff;

	z-index: 50;

}



#links {	

	padding: 30px;

}



#links a {		

	letter-spacing:1px;

}



#homepageLink {

	font-size: 120%;

}





.shares .facebook { background-image:url(svg/facebook.svg); }

.shares .twitter { background-image:url(svg/twitter.svg); }

.shares .tumblr { background-image:url(svg/tumblr.svg); }

.shares .gplus { background-image:url(svg/google-plus.svg); }

.shares .reddit { background-image:url(svg/reddit.svg); }

.shares .mail { background-image:url(svg/mail.svg); }

.shares .pinterest { background-image:url(svg/pinterest.svg); }



.sharing {

	position:relative;

	z-index: 100;

}

.shares {

	z-index: 100;

	overflow:hidden;

}

.shares a {

	z-index: 100;

	display:block;

}

.shares &gt; a {

	background-repeat: no-repeat;

	width: 30px;

	height: 30px;

	float: left;

	padding: 0 4px;

}



/* 

	styles.css - custom styles for the skin's Page templates

	

*/



/************** About page */



#about-page {

	margin:10px 10%;

}

#about-page aside {

	float:left;

	display:inline;

	margin:10px 5% 10px 0;

	max-width:25%;

}

#about-page aside img {

	max-width:100%;

}

#about-page .texts {

	overflow:hidden;

}

#about-page .texts p {

	line-height:1.5em;

}



/************** Sitemap page */



#sitemap-page {

	margin:0 20px;

}

#sitemap-page aside {

	float:left;

	display:inline;

	margin:10px 5% 10px 0;

	max-width:25%;

}



#sitemap-page aside img {

	max-width:100%;

}



#sitemap-page .sitemap {

	font-size:120%;

	overflow:hidden;

}



#sitemap-page .caption {

	margin:0 0 1em 0;

}



#sitemap-page .sitemap .title {

	margin:1em 0;

}



#sitemap-page .sitemap.showthumbs .title a.home {

	display:inline-block;

	width:24px;

	height:24px;

	background-image: url(controls.png);

	background-repeat: no-repeat;

	background-position: -793px -23px;

}



#sitemap-page .sitemap ul {

	padding-left:2em;

}



#sitemap-page .sitemap.showthumbs ul {

	padding-left:0;

	list-style-type:none;

}



#sitemap-page .sitemap li {

	clear:both;

	padding:0.5em 0;

}

#sitemap-page small {

	margin-top:0.5em;

	display:block;

}



#sitemap-page .sitemap li a.thumb {

	float:left;

	display:inline-block;

	width:10%;

	max-height:48px;

	margin-right:2%;

	text-align:center;

	overflow:hidden;

}



#sitemap-page .sitemap li a.thumb img {

	display:inline-block;

	max-width:100%;

	max-height:100%;

	height:auto;

}



#sitemap-page .sitemap li div {

	overflow:hidden;

}



/************** Contact page */



#contact-page {

	margin:10px 10px 10px 5%;

}

#contact-page aside {

	float:right;

	display:inline;

	margin:0 0 10px 5%;

	max-width:25%;

}

#contact-page aside img {

	max-width:100%;

}

#contact-page .texts {

	overflow:hidden;

}

#contact-page .texts blockquote {

	font-size:80%;

	line-height:1.5em;

	padding-left:12px;

	border-left:10px solid rgba(255,255,255,0.1);

}

#contact-page .texts &gt; div {

	font-size:20px;

	letter-spacing:1px;

	padding:15px 5px;

	border-top:1px solid rgba(255,255,255,0.2);

	border-bottom:1px solid rgba(0,0,0,0.2);

}

#contact-page .texts blockquote,

#contact-page .texts a {

	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;

}

#contact-page .texts a {

	font-size:80%;

	padding:5px 5px 5px 26px;

	line-height:14px;

	-moz-border-radius:6px;

	border-radius:6px;

	background-color:rgba(255,255,255,0.1);

	

	background-image:url(share.png);

	background-repeat:no-repeat;

}

#contact-page .facebook a { background-position:0 -22px; }

#contact-page .twitter a { background-position:0 -46px; }

#contact-page .digg a { background-position:0 -70px; }

#contact-page .myspace a { background-position:0 -94px; }

#contact-page .delicious a { background-position:0 -118px; }

#contact-page .stumbleupon a { background-position:0 -142px; }

#contact-page .email a { background-position:0 -166px; }

#contact-page .reddit a { background-position:0 -190px; }

#contact-page .tumblr a { background-position:0 -214px; }

#contact-page .flickr a { background-position:0 -238px; }

#contact-page .foursquare a { background-position:0 -262px; }

#contact-page .google a { background-position:0 -286px; }

#contact-page .linkedin a { background-position:0 -310px; }

#contact-page .picasa a { background-position:0 -334px; }

#contact-page .skype a { background-position:0 -358px; }

#contact-page .vimeo a { background-position:0 -382px; }

#contact-page .youtube a { background-position:0 -406px; }

#contact-page .phone a { background-position:0 -430px; }

#contact-page .jalbum a { background-position:0 -454px; }

#contact-page .pinterest a { background-position:0 -478px; }

#contact-page .instagram a { background-position:0 -502px; }

#contact-page .github a { background-position:0 -526px; }

#contact-page .rss a { background-position:0 -550px; }







article {

	margin:0 30px 0 30%;

	padding:30px 30px;

	min-height:300px;

	background-color:#111;

}

article .texts {

	text-align:left;

	overflow: hidden;

}

article aside {

	float: left;

	display: inline;

	margin-right: 30px;

	max-width: 30%;

}

article aside img, article aside video {

	max-width: 100%;

	height: auto;

}



@media screen and (orientation:portrait), screen and (max-width:1280px) {



 	body, #contact-page .texts &gt; div, p { 

 		font-size:9px; 

 	}



 	#about-page h1 {

 		font-size: 240%;

 	}



 	#sidebar { 

 		font-size:80%; 

 	}

 	

 	#navigation, #links, #imageInfo, #sidebar {

		padding: 10px;

	}



	#exifInfo {

		font-size: 11px;

	}



	#thumbs img, #thumbs video {

		height: 90px;

	}

	

	.thumbs-nav {

		display: none;

	}



	#logo img, #logo video {

		max-height: 100px;

		max-width: 100px;

	}



	.shares &gt; a {

		width: 24px;

		height: 24px;

	}



	.top-middle {

		margin-left: 20%;

	}



	

}



@media screen and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1.3), screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape), screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {



	body, #contact-page .texts &gt; div { 

		font-size:5px; 

	}



	p {

		font-size:9px; 		

	}

	

	#imageName {

		margin-top: 10px;

		font-size: 180%;

		font-weight: 400;

	}



	article {

		margin-left: 25%;

		padding-left: 20px;

		padding-right: 20px;

	}



	#about-page h1 {

 		font-size: 240%;

 	}



 	#contact-page aside {

 		display:none;

 	}

	

	#sidebar { 

 		font-size:150%; 

		opacity: 1.0;

		transition: none;

		-webkit-transition: none;

 	}

 	

	#navigation, #links, #imageInfo, #sidebar {

		padding: 5px;

	}



	#sidebar{

		width: 30%;

	}



	#exifInfo {

		font-size: 10px;

	}



	#thumbs img {

		height: 60px;

	}	

	

	.thumbs-nav {

		display: none;

	}



	.shares &gt; a {

		width: 24px;

		height: 24px;

		padding: 0 3px;

	}



	#logo img {

		max-height: 100px;

		max-width: 100px;

	}



	#folders {

	font-weight: bold;

	font-size:150%;

	position: relative;

	color: #fff;



	}

	

}



@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px)

and (-webkit-min-device-pixel-ratio: 2) {



	body, #contact-page .texts &gt; div { 

		font-size:14px; 

	}



	p {

		font-size:14px; 		

	}

	#thumbs img {

		height: 90px;

	}

	

	.thumbs-nav {

		display: none;

	}

	

	#navigation, #links, #imageInfo, #sidebar {

		padding: 10px;

	}

	#logo img {

		max-height: 150px;

		max-width: 150px;

	}

	

	.shares &gt; a {

		width: 24px;

		height: 24px;

		padding: 0 3px;

	}

}



@media screen and (orientation:portrait) {

	#sidebar {

		opacity: 1.0;

		transition: none;

		-webkit-transition: none;

		width:40%;

	}



	.shares &gt; a {

		width: 24px;

		height: 24px;

		float: none;

		padding: 4px 0px;

	}

}



@media 

only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1025px),

only screen and (   min--moz-device-pixel-ratio: 2) and (min-device-width: 1025px),

only screen and (   -o-min-device-pixel-ratio: 2/1) and (min-device-width: 1025px),

only screen and (        min-device-pixel-ratio: 2) and (min-device-width: 1025px),

only screen and (           min-resolution: 192dpi) and (min-device-width: 1025px),

only screen and (            min-resolution: 2dppx) and (min-device-width: 1025px) {



    body, #contact-page .texts &gt; div { 

		font-size:14px; 

	}



	#sidebar{

		font-size: 100%

	}



	p {

		font-size:14px; 		

	}

	#thumbs img, #thumbs video {

		height: 120px;

	}

	#navigation, #links, #imageInfo, #sidebar {

		padding: 30px;

	}



	.thumbs-nav {

		display: block;

	}

}



/* HTML5 Boilerplate postfix styles - h5bp.com */

.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}

.ir:before{content:"";display:block;width:0;height:150%}

.hidden{display:none !important;visibility:hidden}

.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}

.invisible{visibility:hidden}

.clearfix:before,.clearfix:after{content:" ";display:table}

.clearfix:after{clear:both}

.clearfix{*zoom:1}

@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}

	a,a:visited{text-decoration:underline}

	a[href]:after{content:" (" attr(href) ")"}

	abbr[title]:after{content:" (" attr(title) ")"}

	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}

	pre,blockquote{border:1px solid #999;page-break-inside:avoid}

	thead{display:table-header-group}

	tr,img{page-break-inside:avoid}

	img{max-width:100% !important}

	@page{margin:.5cm}

	p,h2,h3{orphans:3;widows:3}

	h2,h3{page-break-after:avoid}

}











</pre></body></html>