/*   
	Theme Name: Kostis Papadopoulos ArtWorks 
	Theme URI: http://www.kopapa.gr
	Description: CSS3 
	Author: Hyperlinc Web Services
	Author URI: http://www.hyperlinc.gr
	Created:  04|2013     Revisited : 04/2015 
	*/

	/* MASTER RESET */
	*{padding:0;margin:0;}
	
	/* HTML5 DISPLAY */
	article, aside, audio, canvas, datalist, details, figcaption,
	p figure, footer, header, hgroup, menu, nav, section, video { display: block;}
	
	/* BASE */
	html{overflow-y:scroll;}
	a{outline:none;color: #666;text-decoration: none;}
	img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	a img{border:none;}
	a:hover, a:active { outline: 0; }
	
	::-moz-selection {
    background: #c00;color: #fff;
    text-shadow: none;
}

::selection {
    background: #c00;color: #fff;
    text-shadow: none;
}

		/* SCROLLBARS (WebKit Only) */
	::-webkit-scrollbar {width: 12px;}
	::-webkit-scrollbar-track {background: none;}
	::-webkit-scrollbar-thumb {background: -webkit-linear-gradient(left, #c00, #c00);border: 1px solid #333;box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);}
	
	/* TYPOGRAPHY*/
	@font-face {
	  font-family: 'Annie Use Your Telescope';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Annie Use Your Telescope'), local('AnnieUseYourTelescope'), url(http://themes.googleusercontent.com/static/fonts/annieuseyourtelescope/v3/2cuiO5VmaR09C8SLGEQjGgtSTT_xyPSRqbb82lxMsRF2IY20qb3OO3nusUf_NB58.woff) format('woff');
	}
	
	/* TYPOGRAPHY */
	@font-face {
		font-family: 'Conv_PFCATALO';
		src: url('fonts/PFCATALO.eot');
		src: local('☺'), url('fonts/PFCATALO.woff') format('woff'), url('fonts/PFCATALO.ttf') format('truetype'), url('fonts/PFCATALO.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	} 
	
	
	@font-face {
  font-family: 'Andika';
  font-style: normal;
  font-weight: 400;
  src: local('Andika'), url(http://fonts.gstatic.com/s/andika/v6/uANbZDojuQsEUCqZ1qWutuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2'), url(http://fonts.gstatic.com/s/andika/v6/CMPCzjJE3f8UuWd5B8oprOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
	
	
	
	
	
	
	
	
	/* BODY */
	body{background: url(../images/bodybg.jpg) 50% 50% fixed no-repeat #000;font-family: 'Andika', "Lucida Grande","Lucida Sans Unicode", Arial, serif;font-size:16px;line-height:120%;color:#666;min-height:100%;}
	
	/* HEADER */
	header{width: 984px;height: 137px;overflow: hidden;margin: 15px auto 0 auto;background:url(../images/daslice.gif) no-repeat 0 136px;}
	
	h1 {display: block;font-size: 35px;line-height: 35px;margin: 12px auto 0;text-align: center;width: 590px;color: #ebebeb;font-family: 'Conv_PFCATALO', Arial, serif;font-weight: normal;}
	h2 {color: #ACBFEA; display: block;float: left;font-family: 'Annie Use Your Telescope', Arial;font-size: 20px;
	font-style: italic;font-weight: normal;letter-spacing: 2px;margin-left: 237px;margin-top: 10px;}
	
	#trade {background: url("../images/artworks.png") no-repeat scroll 0 0 transparent;float: right;height: 68px;
	margin-right: 125px;margin-top: 20px;width: 180px;}
	
	/* TOPNAV */
	#topnav{list-style: none;overflow: hidden;margin: 60px 0 0 100px;}
	#topnav li {display: inline;}
	#topnav li:last-child a{border-right: none;}
	#topnav li a{float: left;padding: 0 10px;font-size: 14px;color: #fff;line-height: 25px;font-family: 'Conv_PFCATALO', cursive; transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;color: #ebebeb;text-transform: uppercase;}
	#topnav li a:hover{background: none repeat scroll 0 0 #666;border-right: medium none;color: #DDDDDD;padding-bottom: 4px;}
	#topnav li a.selected {background: none repeat scroll 0 0 #CC0000;border-right: medium none;color: #DDDDDD;padding-bottom: 4px;}
	
	/* CONTENTS */
	#home #content {margin: 0 auto; overflow: hidden;width: 984px;position: relative;}
	#ego #content, #contact #content, #artworks #content,#visual #content {margin: 0 auto; overflow: hidden;width: 984px;position: relative;min-height: 600px;background: #333; opacity: 0.7;}
	
	/* THE EYE */
	#eye {background: url("../images/closed_eye.png") no-repeat scroll 0 0 transparent;height: 303px; position: absolute;right: 59px;top: 100px;
	width: 216px;transition: all 0.60s ease-in-out;-webkit-transition: all 0.60s ease-in-out;-moz-transition: all 0.60s ease-in-out;opacity: 0.6;}
	#eye:hover {background: url(../images/open_eye.png) no-repeat;cursor:pointer;opacity: 1;}
	
	/* SLIDER */
	ul#slider {clear: both;height: 115px;margin: 10px auto 20px auto;width: 970px;
	overflow: hidden;display: block;}
	ul#slider li {display: inline;float: left;width: 110px;height: 110px;background: #000;margin-right: 6px;border: 1px solid #fff;}
	ul#slider li a img {opacity: 0.6;transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;}
	ul#slider li a img:hover {opacity: 1;} 
	
	/* VIDEO SLIDER */
	#videoslider {clear: both;margin: 10px auto 20px auto;width: 750px;
	overflow: hidden;display: block;}
	#videoslider li {display: inline;float: left;width: 138px;height: 118px;background: #000;margin-right: 10px;}
	#videoslider li a img {opacity: 0.6;transition: all 0.30s ease-in-out;
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;box-shadow: }
	#videoslider li a img:hover {opacity: 1;} 
	
	/* EGO */
	#ego #content p{padding: 10px 20px;line-height: 18px;text-align: justify;}
	#ego #content ul.works{list-style: none;padding:20px;}
	#ego #content ul.works li{margin-top: 10px;color: #fff;}
	#ego #content h3{color: #acbfea;font-size: 24px;padding: 40px 20px 0 20px;}
	
	/* SIDEBAR */
	#sidebar {float: left; margin: 40px 30px; min-height: 500px; width: 300px;}
	#sidebar img.author {display: block;width: 250px;margin: 20px auto 0 auto;background: #ddd;border: 1px solid #fff;box-shadow: inset 0 0 0 7px rgba(255,255,255,.5);}
	#sidebar p {color: #fff;}
	#sidebar a {color: #cda;text-decoration: underline;}
	
	/* MAIN */
	#main{float: left; margin: 40px 0 0 0; min-height: 500px; width: 580px;border-left: 1px solid #c00;}
	#main p{padding: 20px;color: #fff;}
	
	/* ARTWORKS */
	#artworks #sidebar{width: 200px;}
	#artworks #sidebar ul {
    border-left: 1px dotted white;
    list-style: outside none none;
    margin: 10px auto;
    overflow: hidden;
    width: 180px;
}
	#artworks #sidebar ul li {margin: 10px;}
	#artworks #sidebar ul li a {text-align: center;color: #fff;text-decoration: none;font-family: 'Conv_PFCATALO', cursive;font-size: 16px;font-weight: bold;}
	#artworks #sidebar ul li a:hover {color: #ddd;padding-bottom: 5px;border-bottom: 1px solid #d30404;}
	#artworks #main{width: 700px;border-left: 0;}

	.pagetitle {
	    display: block;
	    font-size: 16px;
	   color: #fff;
	   margin: 10px;
	   padding: 10px;
	   
}
	
	
	
	/* VISUAL 360 */
	#visual #sidebar{width: 150px;}
	#visual #sidebar ul{list-style: none;width: 150px;overflow: hidden;margin: 10px auto;}
	#visual #sidebar ul li {margin: 10px;}
	#visual #sidebar ul li a {text-align: center;color: #fc0;text-decoration: none;font-family: 'Conv_PFCATALO', cursive;font-size: 14px;font-weight: bold;}
	#visual #sidebar ul li a:hover {color: #c00;}
	#visual #main{width: 750px;border-left: 0;}
	
	
	
	
	/* GALLERY */
	#gallery{ width:700px;margin: 0px auto; }
	#gallery a{ display:block; width:80px; height:80px; float:left; vertical-align:bottom; overflow:hidden; background:rgba(0,0,0,0.1); transition:.4s ease-out; -webkit-transition:0.4s ease-out;margin-right: 5px;border: 1px solid #fff;margin: 2px;}
	#gallery a:hover{box-shadow:0 0 0 1px #FFF, 0 0 20px 5px #000; transition:.1s; -webkit-transition:0.1s;transform:scale(1.2); -webkit-transform:scale(1.2);}
	#gallery a:active, #gallery a:focus{ outline:none; }
	#gallery a img{ min-height:100%; min-width:100%; transition:.3s ease-out; -webkit-transition:0.3s ease-out; }
	#gallery a img:hover{transform:scale(1.2); -webkit-transform:scale(1.2); z-index:2;} 
	
	/* SPLASHES */
	.home_splash{display:block;width: 855px;height: 780px;background: url(../images/home.png) no-repeat;float: left;margin-right: 200px;margin-top: 10px;transition: all 0.60s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;}
	
	.robots_splash{display:block;width: 855px;height: 380px;background: url("../images/robots.png") no-repeat scroll -5px 2px transparent;float: left;margin-right: 200px;}
	.glass_splash{display:block;width: 855px;height: 380px;background: url("../images/glass.png") no-repeat scroll -120px 14px transparent;float: left;margin-right: 200px;margin-top: 10px;}
	.sculptures_splash{display:block;width: 855px;height: 380px;background: url("../images/sculptures.png") no-repeat scroll -15px -18px transparent;float: left;margin-right: 200px;margin-top: 10px;}
	.flying_splash{display:block;width: 855px;height: 380px;background: url("../images/flying.png") no-repeat scroll -4px -17px transparent;float: left;margin-right: 200px;margin: 10px 0;}
	.mechanisms_splash{display:block;width: 855px;height: 380px;background: url("../images/mechanisms.png") no-repeat scroll -155px -137px transparent;float: left;margin-right: 200px;margin-top: 10px;}
	.portraits_splash{display:block;width: 855px;height: 380px;background: url("../images/portraits.png") no-repeat scroll -8px 2px transparent;float: left;margin-right: 200px;}
	.videos_splash{display:block;width: 855px;height: 380px;float: left;}
	.videos_splash a img {float: right;margin-right: 332px;margin-top: 8px;transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;opacity: 0.9;}
	.videos_splash a img:hover{opacity: 1;}
	
	/* NAV */
	nav ul {list-style: none outside none;overflow: hidden;position: absolute;right: 274px;top: 0;width: 450px;}
	nav ul li a{ display:block;margin: 10px 0;font-size: 15px;transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;color: #ebebeb;font-family: 'Conv_PFCATALO', cursive;padding: 2px;}
	nav ul li a:hover{color: #fff;background: #c00;text-indent: 8px;}
	nav ul li a.sel{color: #fff;background: #c00;text-indent: 8px;}
	nav ul li a.menu1{margin-left: 239px;}
	nav ul li a.menu2{margin-left: 258px;}
	nav ul li a.menu3{margin-left: 280px;}
	nav ul li a.menu4{margin-left: 296px;}
	nav ul li a.menu5{margin-left: 303px;}
	nav ul li a.menu6{margin-left: 293px;}
	nav ul li a.menu7{margin-left: 275px;}
	nav ul li a.menu8{margin-left: 260px;}
	
	/* FOOTER */
	footer{clear: both;width: 100%;border-top: 2px solid red;}
	footer p{text-align: center;padding: 20px;color: #fff;font-family: "Courier New";font-size: 14px;}
	footer p a{color: ddd;}
	
	/* CONTACT FORM ---------------*/
	#contact-form {width: 550px;padding: 15px;position: relative;color: #7e7975;padding-bottom: 50px;overflow: hidden;} 
	#contact-form h3 {font-size: 15px;font-weight: bold;color: #acbfea;padding-bottom: 8px;border-bottom: 1px solid #777;box-shadow: 0 1px 0 rgba(255,255,255,0.8);}
	#contact-form h3 .log-in,.form-2 h1 .sign-up {display: inline-block;text-transform: uppercase;}
	#contact-form h3 .log-in {color: #6c6763;padding-right: 2px;}
	#contact-form h3 .sign-up {color: #ffb347;padding-left: 2px;}
	#contact-form .float {float: left;padding-top: 15px;}
	#contact-form .float:first-of-type {padding-right: 5px;}
	#contact-form .float:last-of-type {padding-left: 5px;}
	#contact-form label {display: block;padding: 0 0 5px 2px;cursor: pointer;text-transform: uppercase;font-weight: 400;text-shadow: 0 1px 0 rgba(255,255,255,0.8);font-size: 13px;}
	#contact-form input[type="text"],textarea {font-size: 13px;display: block;padding: 5px;margin-bottom: 5px;border: 3px solid #ddd;-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;border-radius: 5px;font-weight: normal;color: #fff;background: #666;}
	#contact-form input[type="text"]:hover,
	#contact-form input[type="text"]: {border-color: #BBB;outline: none;}
	#contact-form input[type="submit"],
	#contact-form .log-twitter {width: 100px;height: 38px;float: left;position: relative;
	box-shadow: inset 0 1px rgba(255,255,255,0.3);cursor: pointer;font-size: 14px;line-height: 38px;    text-align: center;font-weight: bold;margin-top: 3px;}
	#contact-form input[type="submit"] {margin-left: 5px;background: #fbd568;border: 1px solid #f4ab4c;color: #996319;text-shadow: 0 1px rgba(255,255,255,0.3);font-family:  'Conv_PFCATALO', Corbel, Arial, serif;font-weight: normal;}
	#contact-form .log-twitter {background: #34a5cf; border: 1px solid #2b8bc7;color: #ffffff;text-shadow: 0 -1px rgba(0,0,0,0.3);text-decoration: none;height: 36px;}
	#contact-form p:last-of-type {clear: both;}
	#contact-form input[type="text"]:focus, textarea:focus {border: 3px solid #60bced;box-shadow: 0 0 5px #60bced;}
	
	
	/* FORMS VALIDATION  ---------------------------*/
	.messages{color: #c00;text-align: center;display: block;width: 400px;margin: 20px auto; }
	.ok {width: 400px;margin-left: 20px;color: #6DA827;display: block;text-align: center;background: #E0F2CB;padding: 15px;border-radius: 5px;box-shadow: inset 0 0 0 7px rgba(255,255,255,.5);}
	.nok {background: none repeat scroll 0 0 #c00;color: #FFFFFF; display: block; margin-left: 20px;padding: 15px;
	width: 73%; border-radius: 5px;box-shadow: inset 0 0 0 7px rgba(255,255,255,.5);background: url("../images/icon-box-error.png") no-repeat scroll 60px 12px slategrey;text-indent: 80px;}
	
	
	/* FACEBOOK  ---------------------------*/
	.fb-like-box{display:block;background:#fff;border:5px solid #999;margin-top: 25px;}
.fb-comments{display:block;margin-top:20px;background:#fff;border:10px solid #cda;}
	
	
#ea_bg{position: fixed;top:0;left: 0; width:100%;height:100%;background: #000; opacity: 0.8;z-index: 100;display: none;}
#ea{position: fixed;top:50%;left:50%;width:700px; height:700px;z-index: 101;margin-top:-350px;margin-left: -350px;display: none;-moz-border-radius:5px 16px 5px 5px;-webkit-border-radius:5px 16px 5px 5px; z-index:100;}
#close {
    background: url("../images/x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}