/*
Theme Name: Marco Fusinato Theme 0.1
Author: Guido Pasa
Version: 0.1
*/
* {padding:0; margin:0; font-family:times, 'Times New Roman', Sans-Serif;}
body, html {font-size:11px;}
ul{list-style:none;}
a {color:#000; text-decoration:none;}
a:hover{color:#fff; background:#000;}

#lightbox {width:100%; height:100%; position:fixed; z-index:1000; background:rgba(255,255,255,0.8); display:none; opacity:0; text-align:center;}
#image {display:inline; }
#image img {max-width:90%; max-height:90%; margin-top:5%; width:auto; height:auto;}
.display-lightbox {
	transition:opacity 0.4s ease-in;
	opacity:1 !important;
	display:block !important;
}
#header{position:fixed; top:0px; padding-top:20px; padding-bottom:20px; padding-left:20px; width:100%; /*height:0px;*/ background:white; border:0px solid; z-index:100;}
#menu-main-menu{ top:20px; left:20px; }
#menu-main-menu li {float:left; display:inline-block; position:relative;}
#menu-main-menu a{font-family:Sans-Serif,Helvetica, Arial; font-size:20px; color:#000; text-decoration:none; margin:0px; padding:2px 4px 0px 4px; text-transform:uppercase;
	line-height:20px; background:none; font-weight:900; text-decoration:none; display:inline-block; position:relative; }
#menu-main-menu a{
	transition : color 0.15s ease, background 0.15s ease;
}
#menu-main-menu a:hover{color:#fff; background:#000;}
#menu-main-menu span:last-child {display:none;}
.wp-image-159{width:400px !important; height:auto !important;}
.line{height:18px; width:2px; margin:2px 8px 0px 8px; background:black; display:inline-block; float:left;}
.website-title { font-size: 20px; color: #000; margin: 0px; padding: 2px 4px 0px 4px; text-transform: uppercase; line-height: 20px; font-weight: 900; display: inline-block; position: relative; float: left;
font-family: arial; font-family: Sans-Serif,Helvetica, Arial; }
video {margin-bottom:5px; margin-top:40px;}
#container{width:100%; height:100%; position:relative; top:100px;}
#content {/* width:1000px;  margin-left:-100px; margin:0 auto 100px auto;*/}
#content { margin-left:172px; padding-bottom:200px; max-width:540px; line-height:1.25;}
#content a{padding:0px; display:inline-block; margin-bottom:5px; margin-top:40px;}
.page-id-6 #content a {
   margin-top:5px;
}
#content a:hover{opacity:1;}
#content img{display:block; }
#content p:first-child {margin-bottom:0px;}
#content iframe {margin-bottom:5px; margin-top:40px;}
.artwork{margin-top:10px !important; margin-bottom:40px !important; display:block !important;}
.artwork:hover{background:none; color:#000;}
.artwork span{margin-top:10px; display:inline-block;}
.artwork:hover span{background:#000; color:#fff; }
.artwork:hover img{opacity:0.98 !important;}
.attachment-thumbnail { max-width:120px; max-height:120px; width:auto; height:auto;}
.row{width:100%; display:inline-block; margin-bottom:24px;}
.col{width:240px; display:inline-block; float:left;}

.page-id-8 #content a{margin-top:0px;}
.page-id-8 #content img{margin-top:0px;}
.wp-image-284{margin-top:0px !important;}

.page-id-10 #content a {
	margin:10px 0 !important;
}

.treatise-link {margin-top:0px !important;}
.words img{
	margin-top:0px;
}
@media screen and (max-width: 480px){
	#header {width:100%; font-size:18px; box-sizing:border-box; padding:10px 0px 10px 0px;}
	.website-title {width:100%; font-size:18px; text-align:center; margin-bottom:5px;}
	.website-title span{display:none;}
	.menu-main-menu-container {text-align:center;}
	.menu {text-align:center; display:inline-block; top:none; left:none;}
	.line {height:16px; margin-top:4px;}
	#menu-main-menu a {font-size:15px;}
	#container {top:80px;}
	#content{margin-left:0px; padding-bottom:100px; width:90%; padding:0 5% 5% 5%; }
	#content p {font-size:13px; text-align:left;}
	#content img {text-align:center; max-width:100%; height:auto;}
}