/*
Theme Name: Pisa e Islam
Description: Tema sviluppato per il sito web del progetto Pisa e Islam
Author: Chiara Mannari
Author email: chiara.mannari@gmail.com
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: blue, lightblue white, two-columns, fixed-width, custom-menu
*/


/* RESET
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* GENERAL
------------------------------------------------------------- */

html { height:100%; }

body { height:100%; min-height:100%; font-family: 'Josefin Sans', helvetica, arial; font-size:1.1em; color: #000; background: rgb(251,251,251); word-break:keep-all  }

a { text-decoration: none; color: inherit }

em { font-style: italic }

strong { font-weight: bold  }


/* WRAP, MAIN
------------------------------------------------------------- */

#wrap { min-height: 100% }

#main { overflow:auto; min-width:320px }


/* COL-SX
------------------------------------------------------------- */

#col-sx { position: fixed; z-index:2; left:0; width: 20%; height:100%; min-height:500px; text-align:center; background: #990400;
-webkit-box-shadow: 0 8px 6px -9px rgba(0,0,0,0.7); -moz-box-shadow: 0 8px 6px -9px rgba(0,0,0,0.7); box-shadow: 8px 0 8px -9px rgba(0,0,0,0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow( Strength=6, Direction=90, Color='#000000')  }  


/*
	#searchform {  position:relative; height:62px; background: url(http://webarchive.labcd.unipi.it:8080/wayback/20191015130430/http://pisaeislam.humnet.unipi.it/wp-content/themes/pisaeislam/images/sfondo-search.jpg) no-repeat; border-bottom: 1px solid #eaf2f6;   }
	
		#searchform label { display:none  }
	
		#searchform #s { width: 145px; height: 11px; margin-top: 20px; padding:4px; border: 1px solid #cdcdcd; background: #f8f8f8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
		
		#searchsubmit { position:absolute; top:20px; right: 27px; border: 1px solid #cdcdcd; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius: 0 3px 3px 0px;  }
*/

	#logo-header {  background: #f5f3f2; box-shadow: 8px 0 8px -9px rgba(0, 0, 0, 0.7);
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 47%, rgba(245,243,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(239,239,239,1)), color-stop(100%,rgba(245,243,242,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 47%,rgba(245,243,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 47%,rgba(245,243,242,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 47%,rgba(245,243,242,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 47%,rgba(245,243,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f3f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	  }

	#logo {  padding: 0; width:37%; padding-top:20px }

	h1 { font-size: 1em; font-weight: 300; line-height: 1.2em;  }
	
	h1.site-title { color: #7e1a07; padding-bottom:20px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(69,69,69,0) 87%, rgba(75,75,75,0.28) 95%, rgba(79,79,79,0.71) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(87%,rgba(69,69,69,0)), color-stop(95%,rgba(75,75,75,0.28)), color-stop(100%,rgba(79,79,79,0.71))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(69,69,69,0) 87%,rgba(75,75,75,0.28) 95%,rgba(79,79,79,0.71) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(69,69,69,0) 87%,rgba(75,75,75,0.28) 95%,rgba(79,79,79,0.71) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(69,69,69,0) 87%,rgba(75,75,75,0.28) 95%,rgba(79,79,79,0.71) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(69,69,69,0) 87%,rgba(75,75,75,0.28) 95%,rgba(79,79,79,0.71) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b54f4f4f',GradientType=0 ); /* IE6-9 */
	}

	h1.site-title.en { letter-spacing:-1px; font-size:0.9em }		

	h1 strong { font-size: 1.1em;  font-weight: 900 }

	h4 { font-size: 1.2em; padding: 0.5em 0 0.2em 0; font-weight:bold }

	h5 { font-size: 1em; padding-bottom: 0.5em; }

	#col-sx h2 { font-size: 1em; color: #307f9c; text-transform: uppercase; padding: 16px 0 28px 0  }



	#main-menu ul { text-align: left; font-size: 0.9em; color:#ffffff; margin: 1em 2em 0em 2em; line-height: 1.2em; text-transform:uppercase; #site-title; font-weight: normal }

	#main-menu ul.sub-menu { /*display: none;*/ text-transform:none; margin: 7px 0;   }
	
	/*
	body.single-pi_epigrafe #main-menu ul.sub-menu, body.page-template-mappa-php #main-menu ul.sub-menu { display: block }
	*/
		#main-menu  ul li { padding: 0.6em }
		
	ul#qtranslate-chooser { margin-bottom:1em; position:fixed; bottom:0 }

	ul#qtranslate-chooser li { display:inline; padding:3px 7px 0px 7px }		 
	
	li.lang-it { border-right: 1px solid #ffffff; margin: 0 3px; padding: 0 3px }	
	

/* CONTENT
------------------------------------------------------------- */

#content { float:right; width:80%; overflow:hidden  }
	
	#content h1 { font-family: Tangerine; font-size: 2.5em; padding: 0.4em 0 0.1em 0 }	
	
#content ul { list-style:disc outside none; padding-left:30px   }

#content ul li { padding:5px   }


/* HOME
-------------------------------------------------------------- */

#show-text {
position:relative;
height:272px;
top:-272px;
left:0;
/*background:rgba(255,255,255);*/
color:rgb(0,0,0);

font-size:1.3em;
line-height:1.5em;
line-height:272px
}

#show-text p {
background:rgba(255,255,255,0.7);
}

#show-text p:hover {
background:transparent;
color:transparent;
font-size:1.5em
}

#show-text p a {
display:block;
width:100%;
height:100%;


}



/* PAGE
-------------------------------------------------------------- */



#showcasepage { width:100%; height:272px; overflow: hidden; }
	
#showcasepage #show-image { height:272px; overflow: hidden; background: rgb(169,3,41); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOTkwNDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjOGYwMjIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZkMDAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(153,4,0,1) 2%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(2%,rgba(153,4,0,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(153,4,0,1) 2%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(153,4,0,1) 2%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(153,4,0,1) 2%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(153,4,0,1) 2%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */
 }
 
#showcasepage #show-image .attachment-full { height:272px; width:auto; }

#page-content { padding-left: 3%; }
	
	#gallery { width: 35%; float:right; margin-right:2%; text-align:center }

		#gallery img { margin:5% auto 0 auto; display:block }
		
		/*#gallery img.youtube-icon, #gallery .video-button { width:90%; margin-bottom:15% }*/

		#gallery div#video-box { width:100%; margin-bottom:15%; text-align:center }
		
		
		#gallery div#video-box img { width:90%;  }

		
		#gallery .video-button { margin-top:-67%; }		
		
/* stile generale associato a elementi post e page */

#post { width: 63%; line-height:1.4em; font-size:0.8em; text-align:justify; font-family:helvetica; font-weight:200  }

#post.full-width { width:97% }

#post h3 { font-size: 1.3em; font-weight:bold; color:#ea4c06; margin: 0; padding:5px 0 10px 0  }

#post h4 { font-size: 1.2em; }

#post h5 { font-size: 1.1em; }

#post p { margin: 10px 0 }


/* MAPPA (pagina mappa epigrafi)
------------------------------------------------------------- */

#content-map { width:100%; height:100%; text-align:center; background:#333333; padding:1em 0; position:relative }

#content-map #content-hotspot { position:relative; margin:0 auto; width:961px; height:775px }

#content-map .hotspot {position:absolute;}

.hotspot .trigger {
    background: url("http://webarchive.labcd.unipi.it:8080/wayback/20191015130430/http://pisaeislam.humnet.unipi.it/wp-content/themes/pisaeislam/images/spot.png") repeat scroll center top transparent;
    cursor: pointer;
    height: 48px;
    position: relative;
    width: 48px;
    z-index: 12;
}

.hotspot .trigger:hover {
	background-position:center bottom
}

.info-box { 
	/*display:none; width:200px; height:200px;background:#fff;z-index:100;position:absolute; border-radius:3px; min-height:65px; border:10px solid #FFFFFF; text-align:left  */
    background: url("http://webarchive.labcd.unipi.it:8080/wayback/20191015130430/http://pisaeislam.humnet.unipi.it/wp-content/themes/pisaeislam/westwing-white-bla.png") repeat scroll center top transparent;
    border-radius: 0 0 3px 3px;
    bottom: 24px;
    box-shadow: 0 0 3px #807E73;
    display: none;
    left: -82px;
	border-radius:3px; 
	border:10px solid #FFFFFF;    
	position: absolute;
    text-align: center;
    width: 200px;
    z-index: 11;
	text-align:center;
	padding-bottom:10px;
	padding-top:63px
	}


#area1-text { background: #ffffff url('http://webarchive.labcd.unipi.it:8080/wayback/20191015130430/http://pisaeislam.humnet.unipi.it/wp-content/themes/pisaeislam/images/mappa_duomo.jpg') no-repeat center top }
#area2-text { background: #ffffff url('http://webarchive.labcd.unipi.it:8080/wayback/20191015130430/http://pisaeislam.humnet.unipi.it/wp-content/themes/pisaeislam/images/mappa_sisto.jpg') no-repeat center top }
#area3-text { background: #ffffff url('http://webarchive.labcd.unipi.it:8080/wayback/20191015130430/http://pisaeislam.humnet.unipi.it/wp-content/themes/pisaeislam/images/mappa_galletti.jpg') no-repeat center top }
#area4-text { background: #ffffff url('http://webarchive.labcd.unipi.it:8080/wayback/20191015130430/http://pisaeislam.humnet.unipi.it/wp-content/themes/pisaeislam/images/mappa_gambacorti.jpg') no-repeat center top }
#area5-text { background: #ffffff url('http://webarchive.labcd.unipi.it:8080/wayback/20191015130430/http://pisaeislam.humnet.unipi.it/wp-content/themes/pisaeislam/images/mappa_stazione.jpg') no-repeat center top }

#content .info-box h1 { font-family: 'Josefin Sans', helvetica, arial; font-size:1.1em; font-weight:normal; padding:0 0 0.4em 0;  }
#content .info-box h1 a:hover { text-decoration:underline; color:#990400 }
#content .info-box h1.fondazione { padding-top:0.7em }
#content .info-box p { font-size:0.9em; font-style:italics;  }


/* 404
------------------------------------------------------------- */

.error404 #content { background-position:right top; }

.error404 #content h5 { padding-bottom:0; } 


#post #searchform { background: none; border: 0 }

#post #searchform #s { width:490px;  }


/* SEARCH
------------------------------------------------------------- */

#content.search { background-position:right top; }

/* .... continuare ..... */

/* FOOTER
------------------------------------------------------------- */

#footer { 
	width:100%;
	text-align:right;
	clear:both;
	padding-top:3em
	/*
	position: relative;
	margin-top: -50px; */ /* negative value of footer height */
	/*height: 50px;
	clear:both;
	width:20%;
	 background: grey; color: #063749; font-size: 0.7em;  padding:0px; 
	 background: #990400; -webkit-box-shadow: 0 8px 6px -9px rgba(0,0,0,0.7); -moz-box-shadow: 0 8px 6px -9px rgba(0,0,0,0.7); box-shadow: 8px 0 8px -9px rgba(0,0,0,0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow( Strength=6, Direction=90, Color='#000000') */ 
	 }  

#page-top { text-align:left; padding-left:3%; font-size:14px; line-height:14px; color:rgb(129,129,128); margin:40px 0 0 0 }

.page-id-17 #page-top, .page-id-13 #page-top, .search #page-top,  .error404 #page-top { display:none }


#footer img { 
	margin-right:2%;

	}
		
	#footer #copyright{ float:left; text-transform:uppercase;  }

	#footer #menu-footer { float:left; margin-left:80px }

		#footer #menu-footer ul li { display:inline; padding-right:15px; }
		
			#footer #menu-footer ul li a { color: #307f9c; text-transform:uppercase  }
			
			#footer #menu-footer ul li.current_page_item a { color: #f4850c;  }


	#footer #social { float:right; margin-top:-10px; font-style:italic; text-align:right; color: #8c8585 }

		#footer #social .icon { padding-top:5px }


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 960px) {
	/* Simplify the basic layout */
	body { background:rgb(243,242,241) /*#990400*/ }
	#main #col-sx { float:none; position:relative; width: 100%; min-height:180px; height:230px; overflow:hidden; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(69,69,69,0) 87%, rgba(75,75,75,0.28) 95%, rgba(79,79,79,0.71) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(87%,rgba(69,69,69,0)), color-stop(95%,rgba(75,75,75,0.28)), color-stop(100%,rgba(79,79,79,0.71))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(69,69,69,0) 87%,rgba(75,75,75,0.28) 95%,rgba(79,79,79,0.71) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(69,69,69,0) 87%,rgba(75,75,75,0.28) 95%,rgba(79,79,79,0.71) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(69,69,69,0) 87%,rgba(75,75,75,0.28) 95%,rgba(79,79,79,0.71) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(69,69,69,0) 87%,rgba(75,75,75,0.28) 95%,rgba(79,79,79,0.71) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b54f4f4f',GradientType=0 ); /* IE6-9 */
}
		#main #col-sx #logo-header #logo { height:130px; width:auto }
		#main #col-sx #site-title { float:right; background:none }
		#main #col-sx #main-menu { }
		#main #col-sx #menu-epigrafi-menu { float:left }
		#main-menu ul li {  display:inline-block; width:32%; margin:0; padding:0px; text-align:center }
	
	#main-menu ul.sub-menu { display:none; position: absolute; top:100px; z-index:100 }
		
	#content { width:100%; background:#ffffff }
		
		#showcasepage { display:none }
		#showcasepage.home { display:block; }


	#main #col-sx { float:none; position:relative; width: 100%; min-height:100px; height:auto; overflow:hidden }

	#main #col-sx #logo-header {  }

	#main #col-sx #logo-header #logo { height:70px; padding-top:5px }
	
	#main #col-sx #logo-header .site-title { padding-bottom:5px }
	
	#main #col-sx #main-menu ul { line-height:30px; width:100%; margin:0; padding: 6px 0 }

	#menu-epigrafi-menu { background:#990400 }

/*	#main #col-sx #main-menu ul#qtranslate-chooser { float:right; width:28%; margin: 0 2% 0 0; z-index:100  }
	#main #col-sx #main-menu ul#qtranslate-chooser li { float:left; width:50% }
*/

	#main #col-sx ul#qtranslate-chooser { width:auto; top:0px; right:0; }
	#main #col-sx ul#qtranslate-chooser li { width:auto;  padding:0 3px }
    li.lang-it { border-color:rgb(99,04,00) }
	#main #col-sx ul#qtranslate-chooser li a { color:rgb(99,04,00) }

	/* video */
	#page-content {
	padding:0
	}

	#page-content h1 {
	margin-left:2%
	}
	
	#gallery {
	display:block;
	width:100%;
	margin:0;
	text-align:center
	}
	
	#gallery div {
	margin:0 auto
	}
	
	#gallery img {
	display:inline;
	padding:0 2%;
	margin:2% 0
	}	
		
	#post {
	width:96%;
	margin:0 2%
	
	}

	
	/* video wrapper */
	
	.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
	}
	
	.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	}	
	
/* box lista epigrafi visualizzata nei tablet */

.tablet ul { position:absolute; top:190px; left:20px; z-index:100; background:rgba(255,255,255,0.85); padding:10px; border-radius:3px 3px 3px 3px  }

.tablet ul li { display:block; padding: 6px  }

.tablet ul li img { display:none  }

.tablet ul li a { color:rgb(0,0,0)  }

/*scheda epigrafe - video */

#page-top { padding:0 2% }




	}
	

	
		
@media (max-width: 600px) {

	#main #col-sx #logo-header { width: 100%; height: 60px; float:none }
	#main #col-sx #logo-header #logo { height:100%; margin:0; padding:10px 10px 10px 10px; width:auto; float:left }
	#main #col-sx #logo-header .site-title { padding:20px; text-align:left }
	#main #col-sx #main-menu ul.sub-menu {   position: relative; line-height: 1.5em; font-size:1em; top:0; padding:0 5px }
	#main #col-sx #main-menu li {  display:inline; width: auto; padding:0 5px; margin:0 }


	li.lang-it {
    border: 0;
    font-size:0.9em;
    }
			
	#main #col-sx #main-menu ul#qtranslate-chooser li.active { display:none;  }

	#main #col-sx ul#qtranslate-chooser li a { color:rgb(99,04,00) }
	
	#content h1 { font-size:2em }
	
	#showcasepage.home { display:none; }
	
	#gallery div#video-box { margin-bottom: 0 }
	
	#gallery #images { margin-bottom: 2% }
	
	#images img { width: 19%; height:auto; margin:0; padding:0 }

	#post ul li { display:block; padding: 10px  }
	
	#post ul li img { width:20%; height:auto; vertical-align:middle; margin-right:6px  }


	#post ul li a { color:rgb(0,0,0)  }

	#footer { text-align:center }
	
	#footer img {display:block;margin:0 auto}


	}
	
	@media (max-width: 450px) {

	#gallery #images { margin-top: 2% }

	}
	
	@media (max-width: 350px) {
	#main #col-sx #logo-header { height:70px;overflow:visible }
	#main #col-sx #logo-header .site-title { margin-right:60px;  }
	#main #col-sx #logo-header .site-title br { display: none; }
	h1.site-title { background:none !important }


	}	
	
	






/*
     FILE ARCHIVED ON 13:04:30 Oct 15, 2019 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 19:37:59 Jun 4, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/