/*CSS by Massimo Morandi @ ferrise.ch x Orizzonti Filosofici*/

* {margin: 0; padding: 0;}
body {font: 12px Arial, Tahoma, sans-serif; color: #000; background-position: 555px 0 !important;}
body.home, body.contact {background: url(images/2.gif) no-repeat;}
body.who {background: url(images/3.gif) no-repeat;}
body.book {background: url(images/4.gif) no-repeat;}
body.archive {background: url(/images/5.gif) no-repeat;}
body.links {background: url(/images/25.gif) no-repeat;}


ul {list-style: none; list-style-position: inside; margin: 0;}
h1, h2, h3, h4, h5 {font-family: Arial, Tahoma, sans-serif; font-weight: bold;}
img {display: inline; border: none;}
p, ul, ol, table {margin: 0 0 10px 0; line-height: 120%; color: #000;}

a:link, a:visited {font-weight: bold; text-decoration: none; color: #FF480C;}
a:hover, a:active {color: #666;}

input, textarea, select {font: 12px Arial, Helvetica, sans-serif; color: #000;}
input, textarea {padding: 3px;}
input.zemText {width: 60%; border-width: 0 0 1px 1px; border-style: dashed; border-color: #333;}
textarea.zemTextarea {border-width: 0 0 1px 1px; border-style: dashed; border-color: #333;}
input.zemText:focus, textarea.zemTextarea:focus {background: #CCC;}

form .formtitle {clear: both; margin: 20px 0 10px 0; padding: 2px 0 0 0; font-size: 16px; color: #666; border-top: 1px dotted #333;}
form ul {padding-left: 0 !important;}
form ul li {list-style: none; padding: 0 !important; margin: 0 0 10px 0;}
form label, form li.formbookhead span {display: block; float: left;}
form ul.book label {display: none;}
form label {width: 150px;}
form label.zemRadio, form label.zemCheckbox {display: inline; float: none; line-height: 150%; padding: 0 15px 0 0;}
form input.zemCheckbox {margin: 0 5px 2px 0;}
form li.accept {margin: 20px 0;}
form li.formbookhead {font-weight: bold;}
form li.formbookhead span {width: 330px;}
form li.booktitle {float: left;}
form li.booktitle .zemText {width: 50px; margin-left: 0;}
form li.booktitle span {display: block; float: left; width: 330px; margin-left: 0;}
form li.booktitle img {vertical-align: top; border: 1px solid #CCC; margin: 0 5px 0 0;}

.zemContactForm .zemError {margin-bottom: 10px;}
.zemContactForm .zemError li {margin: 0; color: red;}
.zemThanks .success {font-size: 14px;}
.zemContactForm p.submit {margin: 25px 0 0 0; padding-top: 5px; text-align: left; border-top: 1px dotted #333;}
.zemContactForm .zemSubmit {width: 100px; padding: 4px 0; color: #FFF; border: 0; background: url(images/8.jpg) no-repeat;}

.logo {position: absolute; z-index: 10; top: 30px; left: 20px; padding: 5px 5px; background: #FFF;}
#leftCol, #centerCol, #rightCol {float: left;}

#leftCol {width: 115px; padding: 0 20px;}
.menu, .submenu {text-align: right; font-size: 13px;}
.menu {margin: 140px 0 0 0;}
.submenu {position: absolute; top: 335px; width: 115px; margin: 3px 0; padding: 2px 0; border-width: 1px 0; border-style: dotted; border-color: #999;}
.childlessmenu {top: 371px; border-width: 0;}
.submenu li a {font-weight: normal;}
.menu .active, .submenu .active, .menuarchive .active a, .bottommenu .active {color: #555;}

#rightCol {width: 200px; margin: 330px 0 0 20px;}
#rightCol .columntitle {font-size: 12px; color: #666; font-weight: bold; margin-bottom: 3px;}
.contextual {padding: 2px 0; border-width: 1px 0; border-style: dotted; border-color: #999;}


#centerCol {width: 400px;}
#poetic, .welcome {background: #FF480C;}
.contenthead {background: #999;}
#poetic .aforisma, #poetic .author, .welcome, .contenthead {color: #FFF; text-align: right;}
#poetic {position: relative; height: 290px; margin: 0 0 5px 0; font-family: Georgia, Times, serif;}
#poetic div {position: absolute; bottom: 10px; right: 20px;}
#poetic .aforisma {font-size: 22px;}
#poetic .author {font-size: 14px;}

#centerCol .welcome, .contenthead {padding: 5px 20px; font-size: 16px;}
#centerCol h1.proxevents {margin: 20px 0 0 0; font-size: 16px; color: #444;}
#centerCol .pagecontent h1 {margin-bottom: 20px; font-size: 18px; color: #444;}
#centerCol .pagecontent h1.eventtitle {margin-bottom: 7px;}
#centerCol .pagecontent h2 {margin: 20px 0 4px 0; font-size: 16px; color: #444;}
#centerCol .pagecontent .eventdate {margin-bottom: 0; color: #666;}
#centerCol .pagecontent p {line-height: 130%;}
#centerCol .pagecontent ul {list-style: outside url(images/6.gif); padding: 0 0 0 30px;}
#centerCol .pagecontent a.floatleft {float: left; margin: 0 10px 10px 0;}
#centerCol .pagecontent a.floatright {float: right; margin: 0 0 10px 10px;}
#centerCol .pagecontent img.floatimage {float: right; margin: 0 0 10px 10px;}
#centerCol iframe {padding: 7px 0; border-width: 1px 0; border-style: dotted; border-color: #999;}

.item_Event {margin: 20px 0 !important;}
.item_Event .when, .item_Event .when a {color: #666; margin: 0 0 6px 0; font-weight: normal;}
.item_Event .when a {text-decoration: underline;}
.item_Event .title, .item_Author .title {font-size: 14px; margin-bottom: 4px;}
.item_Event .continue {}
.item_Event p, .item_Event .title {margin-left: 70px;}
.item_Event .title.normal {margin-left: 0;}

#rightCol {width: 200px; margin: 340px 0 0 20px;}

#footer {margin: 30px 0; font-size: 11px;}
#footer .bottommenu {margin-bottom: 7px; padding-bottom: 7px; width: 100%; border-bottom: 1px dotted #FF480C;}
#footer .bottommenu li {display: inline; margin-right: 7px;}




/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #000;/* set the Milkbox background color */
	border: 5px solid #000;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(./js/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden;}

.mbClear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	line-height: 110%;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:5px;
	border-left:1px dotted #666;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(./js/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(./js/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(./js/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(./js/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}