@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 600px) {
#pages {background: #FFF}
#pages {border: 1.2px #FFF solid; padding: 2%; width : 90% ;}
#menu div a { text-align : left ; font-size: 80% ;  }
}

@media screen and (min-width: 600px) {/* css for tablet/desktop screens only... */}

body { background-color: #FFF ; } 
* { color: #666}
body, div, p, li, .field {text-align: justify ; font-size: 10.5pt ;letter-spacing: 0.5pt }
body, #middle{margin-top: 20px ; background-color: #FFF ;  letter-spacing: 0.8pt ; text-align : justify }
#menu div a {font-size: 11pt ; letter-spacing: 1pt ; color: #000 ;  }
#menu div.active a { color: #999 ;  }
#pages div a {font-size: 10pt ; letter-spacing: 0.6pt ;color: #000 ; text-align : left ; }
#pages div.active a { color: #999 ;  }
#header, #header p, #header p strong, #header p em, #bottom div, #bottom p, #bottom p strong, #bottom p em { color: #666; letter-spacing: 0.8pt }
#bottom div, #bottom p, #bottom p strong, #bottom p em {font-size: 8pt ; letter-spacing: 0.8pt }
#pages {margin-top: 0px ; font-size: 9pt ; text-align : left ;letter-spacing: -0.5pt ; background: #FFF}
#pages {border: 1.2px #FFF solid; padding: 1% ; margin-right: 1%; margin-left: 15px}


.date, .comment, .image .comment, .size{font-size: 8pt ;letter-spacing: 0.8pt ; text-align: left; color: #999;}
.image .comment { float: left; width: 82%; text-align: left; letter-spacing: 0.8pt ; margin-right: 50%; color: #999;}

.video { background-image: none;}
.size {
	display: none;
}
.object div {
	display: none;
}

.object .comment {
	display: block;
}

.object div .comment { float: left; width: 82%; text-align: left; letter-spacing: 0.8pt ; margin-right: 50%; color: #999;}

.object { padding-left: 0px; }
a, .highlight a, .quote a, .title a{
	color: #000;	
	text-decoration: none;}


a:hover, .highlight a:hover, .quote a:hover, .title a:hover{
	color: #999;	
	text-decoration: none;
}


/* IMAGES & GALLERY */

#placeholder{
	padding: 0px;
	margin: 0px;
	margin-top: 40px;
}

.image{
	float: left;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 5px;
	position: relative;
}

.image img{
	max-width: 100%;
	margin: 0px;
}

.image .comment{
	margin-top: 10px;
}

.comment{
	margin-top: 10px;
}

.comment a{
	text-decoration: none;
}

.gallery{
	margin-top: 60px;
	margin-bottom: 20px;
	width: 100%;	
	float: left;