@font-face {
font-family: 'icomoon';
src: url('fonts/icons/icomoon.eot');
src: url('fonts/icons/icomoon.eot?#iefix') format('embedded-opentype'),
url('fonts/icons/icomoon.woff') format('woff'),
url('fonts/icons/icomoon.ttf') format('truetype'),
url('fonts/icons/icomoon.svg#EntypoPlus') format('svg');
font-weight: normal;
font-style: normal;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}


html { margin:0; padding:0; height:100%; }

body { height:100%; margin:0; padding:0;  font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.7em; color: #464646; background-color: #efefef; }

* { padding: 0;	margin:0; }

a {  color:#548775; text-decoration:none; }

a:hover { color:#427161; text-decoration:none; }

img { border: none; }

input, select, textarea {  font-family:'Open Sans', Arial, Helvetica, sans-serif; padding: 7px; color: #464646; font-size: 16px; background-color: #ffffff; border: 1px solid #c0c0c0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
textarea { height:100px; }
input:focus, select:focus, textarea:focus { border: 1px solid #272727; }
input#Spamcheck { width:40px !important; text-align:center; }
input#EmailVerify { display:none; }
input.red, textarea.red { border: 1px solid #a03b3b;  }
input.red:focus, textarea.red:focus { border: 1px solid #8e2a2a; }

button { background-color:#65a790; padding:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#ffffff; border:none; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; cursor:pointer;}
button:focus { background-color:#548775; }

h1 { font-family: Georgia, Times; font-weight:bold; font-size:36px; line-height: 1.2em; color:#000000; margin-bottom:8px; }
h2 { font-family: Georgia, Times;  font-size:24px; color:#202020; line-height: 1.2em;  margin-bottom:6px; }
#front-header h2:before {content:"- ";}
#front-header h2:after {content:" -";}
#front-header h2 { font-style:italic; }

p { margin: 0 0 16px 0;}
p:last-child { margin: 0;}

#top { position:fixed; height:60px; width:100%;  z-index:500; }
#top .container { padding:10px 0; }


.top-logo { background: url(images/top_logo.png) top left no-repeat; text-indent:-99999px; width:40px; height:40px; float:left; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }

.top-logo-white { background: url(images/top_logo_white.png) top left no-repeat; text-indent:-99999px; width:40px; height:40px; float:left; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }

.menu-button { float:right; padding-top:6px; width:32px !important; }
.menu-button i:before { color:#231f20; font-size: 35px !important; }

.close-menu { float:right; padding-top:6px; width:32px !important; }
.close-menu i:before { font-size: 35px !important; color:#ffffff !important;  }

.menu-top { margin: 0 0 50px 0;}
#menu-overlay { height: 100%; left: 0; position: fixed; top: 0; bottom:0; width: 100%; z-index: 700; display:none;  background: url(images/black_overlay.png) top left;}
#menu { position:absolute; height: 100%; left: 0; top: 0; bottom:0; width: 100%; z-index: 800; display:none; }
#menu-content { width: 800px; margin: 0 auto; padding: 10px 0 20px 0;   z-index: 900; color:#d0d0d0;}

nav { -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -ms-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; }
nav ul {  margin: 0; padding: 0; list-style-type: none; position:relative; }
nav ul li { margin: 0; padding: 0; float:left; width:32%; margin-right:2%; display:block; }
nav ul li.about-me { text-align:center; }
nav ul li.contact {  margin-right:0%; text-align:right; }
nav ul li.categories { position:absolute;margin-top:140px; width:100%; }
nav ul li a { display: inline-block; font-family: Georgia, Times; font-weight:bold; font-size:26px; padding: 5px 0 5px 0; color:#ffffff; margin-bottom:10px; }
nav ul li a:hover { color:#e5e5e5; }
nav ul li ul { display:block; width:100%; }
nav ul li ul li { width:100%;}
nav ul li ul li a { font-family: Georgia, Times; font-weight:bold; font-size:18px; line-height: 1.4em; color:#ffffff; margin-bottom:2px; }
nav ul li ul li a:hover { color:#e5e5e5; }
nav ul li.categories ul { display:block; width:103%; margin:0 -1% 0 -1%; }
nav ul li.categories ul li { display:block; text-align:left !important; float:left; width:31%; margin: 0 1% 2% 1%; overflow:hidden; }
nav ul li.categories ul li a { font-family: Georgia, Times; font-weight:bold; font-size:18px; line-height: 1.4em; color:#ffffff; margin-bottom:2px; }
nav ul li.categories ul li a:hover { color:#e5e5e5; }
nav ul li.categories ul li a img {  border: 3px #171717 solid; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0 0 -2px 0; }

#front-header { height:450px; width:100%; background: url(images/front_header_bg.jpg) center center no-repeat; background-size: 100% auto; text-align:center; display: table; margin:0 0 30px 0; -webkit-background-size: cover;	-moz-background-size: cover; background-size: cover; }
#front-header .container {display: table-cell; vertical-align: middle; }
#front-header .front-header-logo { width:170px; height:170px; background: url(images/front_header_logo.png) top left no-repeat; margin:0px auto 30px auto; }
#front-header .fadeIn { -webkit-animation-duration: 2.5s; -moz-animation-duration: 2.5s; -ms-animation-duration: 2.5s; -o-animation-duration: 2.5s; animation-duration: 2.5s; }
#front-header .animated { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -ms-animation-delay: 0.2s; -o-animation-delay: 0.2s; }

.content { padding: 15px 0;}
.content.tp { padding-top:70px;}
.container { margin:0 auto; width:800px; }

.col { float:left; margin-right:4%; }
.col:last-child { margin-right:0; }
.col1-2 { width:48% }
.col1-3 { width:32% }
.col2-3 { width:64% }

.center { text-align:center; }

footer .container { margin-top:15px; padding:20px 0; }

#top-link { background-color:#231f20; height:30px; width:30px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:inline-block; float:right; padding:5px; margin-top:-7px; }
#top-link i {text-align:center !important;}
#top-link i:before { color:#ffffff; font-size:26px !important; width:30px !important; height:30px !important; text-align:center !important; line-height:30px !important;}

#featured { line-height:0em;  position: relative;padding:0;margin:0;   width:100%; height:270px; }
#featured a {  position: absolute; z-index: 100; opacity: 0.0; display:block; margin:0; padding:0; background-color:#cacaca; }
#featured a.active { z-index: 102; opacity: 1.0; }
#featured a.last-active { z-index: 101; }
#featured a img {  border: 3px #272727 solid; padding:0; margin:0; max-height:250px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#featured a:hover img { border: 3px solid #333333; }

ul.photos { margin: -2px -15px 0 -15px; padding: 0; list-style-type:none; }
ul.photos li { margin: 0; padding: 0; float:left; }
ul.photos li a { position:relative; overflow:hidden; display:block; width:136px; height:136px; margin:15px 15px 15px 15px; background-color:#272727; color:#000000;  }
ul.photos li a.no-m-5 { margin-right: 0px; }
ul.photos li a:hover img { border: 3px solid #333333; }
ul.photos li a img {  z-index:50; border: 3px #272727 solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:136px; height:136px; }
ul.photos li a span { display:none; position:absolute; z-index:55; margin:3px 0 0 5px; padding:3px 0 0 0; height:19px; width:18px; text-align:center; font-size:10px; color:#7a7a7a; background: url(images/icons/show_comment.png) no-repeat left top; line-height:1.2em; }
ul.photos li a:hover span { display:block; }

#paging { margin: 35px 0 0 0;}
#paging ul { margin: 0; padding: 0; list-style-type: none; text-align:center; }
	#paging li { margin: 0 2px 0 2px; padding: 0; display:inline; }
		#paging li a { text-align: center; padding: 1px 8px;  display: inline-block;  text-decoration: none;  }
		#paging li span {    color:#c0c0c0; padding: 1px 8px;  display:inline-block; text-decoration: none;  }
		#paging li span.active { background-color:#272727; color:#ffffff;  border-bottom:1px solid #000000;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
		#paging li a:hover {  }
		#paging li i { font-style:normal; }

ul.categories { margin: -2px -1.5% 0 -1.5%; padding: 0; list-style-type:none; }
ul.categories li { padding: 0; float:left; width:47%; margin: 1.5%;}
ul.categories li a { font-family: Georgia, Times; font-weight:bold; font-size:22px; color:#000000; display:block; }
ul.categories li a:hover { color:#272727;}
ul.categories li a strong { display:block; margin:-3px 0 5px 0; }
ul.categories li a:hover img { border: 3px solid #333333; }
ul.categories li a img {  border: 3px #272727 solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; height:auto; margin:0; line-height:0;  }

#photo-wrapper {  }
#photo-wrapper #photo { text-align:center; clear:both; padding:12px 0 10px 0;}
#photo-wrapper h1 { float:left; }

#photo-share { font-size:18px; color:#c0c0c0; float:right; margin:10px 0 0 0; }
#photo-share i.icons { width:38px; height:20px; text-align:left;  }
#photo-share a:first-child { margin-left:0px; }
#photo-share a i.icons:before { color:#c0c0c0; font-size:35px;  margin:0 0 0 5px; }
#photo-share a.facebook-share:hover i.icons:before {  color:#3b5998;}
#photo-share a.twitter-share:hover i.icons:before {  color:#55acee;  }
#photo-share a.google-share:hover i.icons:before {  color:#dd4b39; }

#photo-nav {  }
#photo-nav #prev-container { position:fixed; top:50%; left:1%; margin-top:-75px; height:130px; width:130px;  }
#photo-nav #next-container {  position:fixed; top:50%; right:1%; margin-top:-75px; height:130px; width:130px;  }
#photo-nav a { position:relative; }
#photo-nav i { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; position:absolute; z-index:50; margin:35px 0 0 35px; }
#photo-nav i:before { font-size:60px !important; width:60px !important; height:60px !important; text-align:center; line-height:60px !important; }
#photo-nav span { text-indent:-99999px;  -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; position:absolute; z-index:49; width:130px; height:130px; background-repeat: no-repeat; background-position: center center; display:block; opacity: 0; -webkit-transform: scale(0,0); transform: scale(0,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } 

#photo-nav  a:hover span  { opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1); }
#photo-nav a:hover i { opacity:0.40; }

#info { margin: 0 0 0 0;}
.date-info { text-align:right; }
.date-info.left { text-align:left; }
.date-info span { display:block; }

#comments { margin: 0 0 0 0; }
#comments h2 { margin-top: 20px; }
#comments .comment-entry { margin: 0x 0 0 0; padding:20px 0 20px 0; width:100%; border-bottom:2px solid #c0c0c0; }
#comments .comment-image { float:left; width:8.75%; margin: 0 3% 0 0; }
#comments .comment-image img { width:100%; height:100%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:4px 0 0 0; }
#comments .comment-entry .comment-body { float:left;  width:88.25%;}
#comments .comment-entry .entry p { margin: 0 0 0 0;}
#comments .comment-entry .comment-date {  font-size:14px; margin:-2px 0 0 0;}

#comment-form { padding: 20px 0 0 0; }
#comment-form ul, #contact-form ul { padding:15px 0 0 0 ; margin:0;  list-style:none;}
#comment-form ul li, #contact-form ul li {clear:both; background:none;padding: 0 0 5px 0;margin: 0 0 5px 0; }
#comment-form ul label, #contact-form ul label { display:block; float:left; width:32%; padding:3px 0px 3px 0px;margin: 0 3% 0 0;}
#comment-form ul label span, #contact-form ul label span { color:#C23636; }
#comment-form ul input,#comment-form ul textarea,#comment-form ul button, #contact-form ul input, #contact-form textarea, #contact-form button { width:65%; }

.profile { width:100%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }

ul.social-list { list-style-type:none; margin:0; padding:0; }
ul.social-list li { margin:0; padding:0; }
ul.social-list li a { display:block; padding:3px 0; margin:0 0 2px 0; color:#272727;}
ul.social-list li a i:before { font-size:25px !important; line-height:27px  !important;  height:20px  !important;  }
ul.social-list li a.facebook-link i.icons:before {  color:#687fae;}
ul.social-list li a.twitter-link i.icons:before {  color:#7cbdee;  }
ul.social-list li a.flickr-link i.icons:before {  color:#fb3c9f;}
ul.social-list li a.deviantart-link i.icons:before {  color:#76cf9a;  }
ul.social-list li a.vimeo-link i.icons:before {  color:#4fc5eb;}
ul.social-list li a.facebook-link:hover, ul.social-list li a.facebook-link:hover i.icons:before {  color:#3b5998;}
ul.social-list li a.twitter-link:hover, ul.social-list li a.twitter-link:hover i.icons:before {  color:#55acee;  }
ul.social-list li a.flickr-link:hover, ul.social-list li a.flickr-link:hover i.icons:before {  color:#ff0084;}
ul.social-list li a.deviantart-link:hover, ul.social-list li a.deviantart-link:hover i.icons:before {  color:#4dc47d;  }
ul.social-list li a.vimeo-link:hover, ul.social-list li a.vimeo-link:hover i.icons:before {  color:#1ab7ea;}


a.big-button { margin:25px 0 0 0; padding: 10px 30px; border:2px solid #272727; color:#272727; display:inline-block;  -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
a.big-button:hover { border:2px solid #272727; color:#ffffff; background-color:#272727;}

i.icons { position:relative; display:inline-block; width:30px; height:20px; }
i.icons:before {  font:32px 'icomoon'; line-height:24px; height:20px; vertical-align:-4px; width:40px; text-decoration:none; zoom:1; -webkit-font-smoothing:antialiased; color:#000000; margin:0; text-align:left; }

.icons.menu:before { content:"\e120"; }
.icons.close:before { content:"\e117"; }
.icons.arrow-up:before { content:"\e63a"; }
.icons.arrow-left:before { content:"\e638"; }
.icons.arrow-right:before { content:"\e63b"; }
.icons.facebook:before { content:"\e607"; }
.icons.twitter:before { content:"\e606"; }
.icons.google:before { content:"\e60a"; }
.icons.vimeo:before { content:"\e604"; }
.icons.deviantart:before { content:"\e600"; }
.icons.flickr:before { content:"\e602"; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }    
.clearfix { display: inline-block; }    
/* start commented backslash hack \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* close commented backslash hack */ 

.clear { clear:both; }

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

#photo-nav #prev-container,#photo-nav #next-container { position:relative; top:0; left:0; right:0; margin:0 0 10px 0; height:40px; width:40px;  }
#photo-nav #prev-container { float:left; }
#photo-nav #next-container { float:right; }
#photo-nav a { position:relative;  }
#photo-nav i {  opacity: 1; position:relative; margin:0;   }
#photo-nav i:before { font-size:40px !important; width:40px !important; height:40px !important; text-align:center; line-height:40px !important; }
#photo-nav span { display:none; } 

#photo-nav  a:hover span  {  }
#photo-nav a:hover i { opacity:1; }


}

@media screen and (max-width: 800px) {
	
	#photo img { width:100%;}

	.container { width:97%; }

	#menu-content { width:97%; }

	#featured a img { width:100%; }


	ul.photos { margin-left:-1.5%; margin-right:-1.5%; }
	ul.photos li { width:17%;  margin:1.5%; overflow:hidden; position:relative; display:block; }
	ul.photos li a { width:100%; height:auto; padding:0; line-height:0; margin:0;}
	ul.photos li a img { position:relative; width:100%; height:auto;  }

	

}

@media screen and (max-width: 700px) {
	
	#comments .comment-image {  width:10.75%; margin: 0 3% 0 0; }
	#comments .comment-entry .comment-body { float:left;  width:86.25%;}
	#paging ul li i { display:none; }


}

@media screen and (max-width: 500px) {
	
	nav ul li { text-align:center; display:block; position:relative; width:100%; }
	nav ul li.contact { text-align:center; }
	nav ul li.categories { position:relative;margin-top:0; }
	nav ul li a { width:100%; display: block;  font-size:30px; padding: 5px 0 5px 0; color:#ffffff; margin-bottom:30px; }
	nav ul li a:hover { color:#e5e5e5; }
	nav ul li ul { display:none;  }
	nav ul li ul li { width:100%;}
	nav ul li ul li a { font-family: Georgia, Times; font-weight:bold; font-size:18px; line-height: 1.4em; color:#ffffff; margin-bottom:2px; }
	nav ul li ul li a:hover { color:#e5e5e5; }

	nav ul li.categories ul { display:none;  }
	ul.photos li { width:29.333%;  margin:2%; }

	ul.categories  {  margin-right:0; margin-left:0; width:100%;}
	ul.categories li { float:none; width:100%; margin:4% 0 4% 0;}

	#featured a img { max-width:100%; }

	#photo-wrapper h1 { float:none; }
	#photo-share { float:none; }
	#photo-share a:first-child {  margin:0px; }
	#photo-share a { margin: 0 0 0 9px;}
	#photo-share a i.icons { width:20px; height:20px; text-align:left;  }
	#photo-share a i.icons:before { color:#c0c0c0; font-size:25px;  }

	#comments .comment-image {  width:15.75%; margin: 0 3% 0 0; }
	#comments .comment-entry .comment-body { float:left;  width:81.25%;}

	.col { float:none;margin-right:0; }
	.col1-2,.col1-3,.col2-3 { width:100%; margin-bottom:20px; }
	.col1-2:last-child,.col1-3:last-child,.col2-3:last-child {  margin-bottom:0; }

	.date-info { text-align:left; }
	.date-info span { display:inline; }

	#comment-form ul label, #contact-form ul label { float:none; width:100%; margin: 0;}
	#comment-form ul input,#comment-form ul textarea,#comment-form ul button, #contact-form ul input, #contact-form textarea, #contact-form button { width:100%; }
}

@media screen and (max-width: 426px) {
	#top-link { margin-top: -20px; }
}

@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
	#top a.top-logo {
        background-image: url(images/top_logo@2x.png);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
       
    }
	#top a.top-logo-white {
        background-image: url(images/top_logo_white@2x.png);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
       
    }
    #front-header .front-header-logo {
        background-image: url(images/front_header_logo@2x.png);
        -webkit-background-size: 170px 170px;
        background-size: 170px 170px;
       
    }
}