/* Custom Portfolios */

#post {
	background-color: transparent;
}

#post-alt {
	background-color: #f5f5f6;
}

#composer {
	background-color: #ebebeb;
	background-image: url(../images/composer/bg.png);
	background-attachment: fixed;
	background-size: cover;
}

#bubucheek {
	background-color:#000;
	background-image: url(../images/bubucheek/bg.png);
	background-attachment: fixed;
	color:#FFF;
}
	#ss p a,
	#bubucheek p a {color:#00B3FF;}
	#ss p a:hover,
	#bubucheek p a:hover {color:#FFF;}

#ss {
background: #2989d8;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDIwNTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2989d8 0%, #002054 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2989d8), color-stop(100%,#002054));
background: -webkit-linear-gradient(top,  #2989d8 0%,#002054 100%);
background: -o-linear-gradient(top,  #2989d8 0%,#002054 100%);
background: -ms-linear-gradient(top,  #2989d8 0%,#002054 100%);
background: linear-gradient(to bottom,  #2989d8 0%,#002054 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#002054',GradientType=0 );

color:#FFF;
}


/* Custom CSS */
a { text-decoration: none; }

h1.page-title { display: none; }

.media-center .more-link { top: -99px;}

@media only screen and (max-width: 768px) {
.media-center .more-link { top: 0 !important; }
.wide { margin-right: 0px !important; }
.custom-link { float: none  !important; margin-top: 10px  !important; }
.header-outer { padding-top: 0px !important; }
}

.one-third .entry-title,
.entry-content .entry-title {margin-bottom: 0.125em;
font-size: 48px;
padding: 0;
line-height: 1.15em;
letter-spacing: -0.05em;}

.entry-title b {
  font-weight: 300;
  color: rgba(0,0,0,.75);
}

.one-third .entry-title + .caption + p,
.entry-title + .caption + a + p
{ margin-top: 20px;}

.entry-content .entry-title .caption { margin-right: 160px; }

.image-credit { 
opacity: 0.5;
padding: 0 1%;
display: block;
margin: 2em 2em 4em; }

a,
.entry-title a:hover,
#logo a:hover,
.slide-caption a:hover,
.link-source a:hover,
.comment-author a:hover,
#commentform .required,
.widget ul a:hover { color: #333; }

.more-link:hover,
button:hover,
#submit:hover,
.gform_next_button:hover,
.gform_previous_button:hover,
.gform_button:hover,
more-link:hover,
.dark .more-link:hover,
.twitter-link:hover,
.flickr_badge_image a,
.dribbble-shots a { background: #00B3FF; }

.format-link .entry-title a:hover { border-bottom: 2px solid #00B3FF; }

/* MY NAME */
	
	.given {float:left;}
		.given b {font-size:120%;}
			.given:after {
		content: 'G.';
		font-size: 125%;
		margin-left: .25em;}
	
	.surname {display: none;float:left;}	

@media only screen and (min-width: 768px) {
	
	.given {float:left;}
		.given b {font-size:120%;}
	
	.surname {
	float: left;
	clear: left;
	margin-top: -.4em;
	margin-left: -10%;
	font-size: 110%;
	letter-spacing: -.1em;
	display: block;
	}
		.surname b {font-size:110%;display: inline;}
	
	.given:after {content:'';}

}

.videoWrapper {
position: relative;
margin-top: 0.2em;
margin-bottom: 2.5em;
padding-bottom: 56.25% !important;
padding-top: 25px !important;
height: 0;
}

@media (min-width: 768px) { 

	.tooltime {
		background-image:url(../images/tool-pencil.svg), url(../images/tool-pen.svg), url(../images/tool-marker.svg), url(../images/tool-wacom.svg);
	  background-position: 50% -75px, 60% -75px, 70% -75px, 80% -75px;
	  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
		background-size: 70px, 70px, 70px, 70px;
	}
	
	/*

	INTRO ANIMATION
	
	@-webkit-keyframes tools {
	  0%    { background-position: 50% -350px, 60% -350px, 70% -350px, 80% -350px; }
	  40%   { background-position: 50% -350px, 60% -350px, 70% -350px, 80% -350px; }
	  60%   { background-position: 50% -55px, 60% -350px, 70% -350px, 80% -350px; }
	  70%   { background-position: 50% -75px, 60% -55px, 70% -350px, 80% -350px; }
	  80%   { background-position: 50% -75px, 60% -75px, 70% -55px, 80% -350px; }
	  95%   { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -55px; }
	  100%  { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -75px; }
	}
	@keyframes tools {
	  0%    { background-position: 50% -350px, 60% -350px, 70% -350px, 80% -350px; }
	  40%   { background-position: 50% -350px, 60% -350px, 70% -350px, 80% -350px; }
	  60%   { background-position: 50% -55px, 60% -350px, 70% -350px, 80% -350px; }
	  70%   { background-position: 50% -75px, 60% -55px, 70% -350px, 80% -350px; }
	  80%   { background-position: 50% -75px, 60% -75px, 70% -55px, 80% -350px; }
	  95%   { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -55px; }
	  100%  { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -75px; }
	}	
	
	.tooltime {
	  -webkit-animation: tools 1.5s .3s both ease-out;
	  animation: tools 1.5s .3s both ease-out;
	}
*/
	
	.tooltime:hover {
	  background-position: 50% -75px, 60% -75px, 70% -75px, 80% -75px;
	 }
	
	@-webkit-keyframes toolsover {
	  0%    { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -75px; }
	  20%   { background-position: 50% -55px, 60% -75px, 70% -75px, 80% -75px; }
	  40%   { background-position: 50% -75px, 60% -55px, 70% -75px, 80% -75px; }
	  60%   { background-position: 50% -75px, 60% -75px, 70% -55px, 80% -75px; }
	  80%   { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -55px; }
	  100%  { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -75px; }
	}
	@keyframes toolsover {
	  0%    { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -75px; }
	  20%   { background-position: 50% -55px, 60% -75px, 70% -75px, 80% -75px; }
	  40%   { background-position: 50% -75px, 60% -55px, 70% -75px, 80% -75px; }
	  60%   { background-position: 50% -75px, 60% -75px, 70% -55px, 80% -75px; }
	  80%   { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -55px; }
	  100%  { background-position: 50% -75px, 60% -75px, 70% -75px, 80% -75px; }
	}	
	 
	.tooltime:hover {
	  -webkit-animation: toolsover 1.5s .3s;
	  animation: toolsover 1.5s .3s;
	 }

}


.inline-img {
float:left;
margin-bottom: 1em;
width: 100%;
}
		
@media (min-width: 640px) {  
	.inline-img {
		margin-right:1em;
		width: 50%;
	}
}
@media (min-width: 768px) { 
	.inline-img {
		width: 30%;
	}
}

@media (min-width: 640px) {    
 .columnar em.image-credit {
	 font-family:'Bitter', serif;
	 font-size:1em;
	 letter-spacing:-.035em;
	 line-height:1.75;
	 text-align:center;
	 font-weight:400;
 }
 .columnar .image-credit strong {
	 font-style:normal;
	 font-family:Helvetica, arial;
	 font-size:small;
	 display:block;
	 clear:both;
	 font-weight:400;
	 text-transform:uppercase;
	 letter-spacing:.015em;
	 margin-top: 25px;
 }
 .columnar {
       -moz-column-count: 2;
       -moz-column-gap: 7em;
       -webkit-column-count: 2;
       -webkit-column-gap : 7em;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  1px;
 }
 .columnar.center {
       -moz-column-count: 1;
       -moz-column-gap: 0;
       -webkit-column-count: 1;
       -webkit-column-gap : 0;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  1px;
 }
}

/* FOOTER */

footer.about-links ul {
	list-style-type:none;
	margin-top:1em; 
	margin-left:.5%;
}