/*------IsoleComprese TEATRO :: Stylesheet------*/
/*layout design and images are copyright of Gaia Roscilde and Giulia Cini */

* {
	margin:0px;
	padding:0px;
}

body {
	margin-top:10px;
	padding:0px;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:0px;
}

span {
	color:#3daeff;
}

q { 
	display:block;
	padding:8px;
	margin:5px;
	background-color:#2a2a2a;
	border:1px dashed #b0b0b0;
	font-size:85%;
}

.spec {
	display:block;
	padding:8px;
	margin:5px;
	background-color:#525252;
	border:2px dotted #b0b0b0;
	font-size:85%;
}

#container {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}

#head {
	width:800px;
	height:195px;
	margin:0px;
	padding:0px;
	background-image:url(img/banner.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border:1px solid #2a2a2a;
}
	#head img {
		float:left;
	}

#topmenu {
	width: 480px;
	float:right;
	margin-top:10px;
	text-align:right;
	background-color:#0e0e0e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFF;
}
	#topmenu a,a:link,a:active,a:visited {
		color:#3DAEFF;
		text-decoration:none;
		font-weight:normal;
	}
	#topmenu a:hover {
		text-decoration:underline;
		font-weight:normal;
	}
	#topmenu ul {
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	#topmenu ul li {
		display:inline;
		padding:0px 5px 0px 0px;
	}

#midmenu {
	width:490px;
	float:right;
	margin-top:133px;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:right;
	color:#FFF;
}
	#midmenu a,a:link,a:active,a:visited,a:hover {
	 color:#FFF;
	 text-decoration:none;
	 font-weight:normal;
	}
	#midmenu a:hover {
		border-top: 1px solid #FFF;
		font-weight:normal;
	}
	#midmenu ul {
		list-style-type:none;
		padding:2px 0px;
		margin:0px;
		display:inline;
	}
	#midmenu ul li {
		display:inline;
		padding:0px 8px;
	}

#leftcol {
	float:left;
	clear:left;
	background-image:url(img/progetti.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:275px;
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#FFF;
	text-align:right;
}
	#leftcol img {
		padding:0px;
		border-bottom:1px solid #2a2a2a;
	}
	#leftcol div div {
		padding:5px;
	}
	#leftcol a,a:link,a:active,a:visited {
		font-weight: normal;
		text-decoration:none;
	}
	#leftcol a:hover {
		font-weight: normal;
		text-decoration:none;
	}

	#leftcol .red {
		color:#e90303;
	}

#thumb1, #thumb2, #thumb3, #thumb4, #thumb5 {
	margin-left:43px;
	margin-bottom:15px;
	padding:0px;
	width:230px;
	border-top:1px solid #2a2a2a;
	border-right:1px solid #2a2a2a;
	border-left:1px solid #2a2a2a;
	background-color:#001B33;
}
	#thumb1 p, #thumb2 p, #thumb3 p, #thumb4 p, #thumb5 p {
		display:inline;
	}

#midcol {
	background-image:url(img/scuola_teatro_sociale.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	width:214px;
	margin-top:30px;
	margin-left:25px;
	padding:0px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:right;
}
	#midcol a,a:active,a:link,a:visited {
		color:#FFFFFF;
		text-decoration:none;
	}
	#midcol a:hover {
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	#midcol #scuola {
		background-color:#000;
		margin-left:41px;
		padding:5px;
		width: 161px;	
		height:55px;
		border-top:1px solid #2a2a2a;
		border-right:1px solid #2a2a2a;
		border-left:1px solid #2a2a2a;
		border-bottom:0px;
		font-size:80%;
	}
	#midcol img {
		padding:0px;
		border:0px;
		border-bottom:1px solid #2a2a2a;
		border-right:1px solid #2a2a2a;
		border-left:1px solid #2a2a2a;
	}
	#midcol #scuola h1 {
		font-size:120%;
		color:#FFF;
	}
	#midcol #scuola h1:first-letter {
		font-size:130%;
		font-weight:normal;
		color:#FFF;
	}
	#midcol #mail {
		width:160px;
		font-size:0.90em;
		font-weight:bold;
		margin-top:5px;
		margin-left:41px;
		padding:5px;
		text-align:center;
	}
	#midcol #mail a,a:link,a:active,a:visited {
		color:#0182df;
	}
	#midcol #mail a:hover {
		color:#FFF;
	}
	#midcol #extra {
		line-height:1.12em;
		width:158px;
		margin-top:5px;
		margin-left:41px;
		font-size:80%;
		padding:6px;
		border:1px solid #2a2a2a;
	}
	#midcol #extra a,a:link,a:active,a:visited {
		text-decoration:underline;
	}
	#midcol #extra a:hover {
		text-decoration:none;
	}
	#midcol #extra ul {
		list-style-type:none;
		text-align:left;
	}
	#midcol #extra ul li {
		margin:4px 0px;
	}

#rightcol {
	background-image:url(img/workshop_stage.gif);
	background-position: top left;
	background-repeat:no-repeat;
	width:265px;
	float:right;
	margin-top:30px;
	margin-left:15px;
	padding:0px 0px 5px 0px;
	height:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#FFF;
	text-align:right;
}

#stage1 {
	height:65px;
	width:210px;
	background-color:#001B33;
	margin-left:41px;
	padding:5px;
	float:right;
}

#stage1 p:first-letter, #stage2 p:first-letter, #stage3 p:first-letter {
	font-size:120%;
}

#stage1 a,a:active,a:link,a:visited, #stage2 a,a:active,a:link,a:visited, #stage3 a,a:active,a:link,a:visited {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#stage1 a:hover, #stage2 a:hover, #stage3 a:hover {
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

#stage2 {
	height:45px;
	width:209px;
	background-color:#000;
	margin-left:41px;
	margin-top:10px;
	padding:10px 5px;
	border:1px solid #2a2a2a;
	float:right;
}

#stage3 {
	height:62px;
	width:210px;
	background-color:#001B33;
	margin-left:41px;
	margin-top:10px;
	padding:8px 5px;
	float:right;
}

#newz {
	background-image:url(img/news.gif);
	background-position: top left;
	background-repeat:no-repeat;
	height:146px;
	width:250px;
	margin-top: 56px;
	margin-left:5px;
	text-align:left;
}

	#newz p {
		line-height:1.12em;
		width:197px;
		font-size:90%;
		margin-left:41px;
		padding:10px;
		border:1px solid #2a2a2a;
	}
	#newz a,a:active,a:link,a:visited {
	text-decoration: none;
	}
	#newz a:hover {
	color:#FFFFFF;
	text-decoration: underline;
	}

#bcrumbs {
	text-align:left;
	padding:2px 0px;
	color:#3daeff;
	font-size:0.7em;
}

#content {
	width:347px;
	margin-top:20px;
	margin-left: 40px;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	text-align:justify;
}
	#content ul {
		list-style-type:none;
	}
	#content ul li {
		padding:8px 0px;
	}
	#content ol {
		padding: 5px 0px 5px 40px;
	}
	#content h1 {
		font-size:150%;
		color:#FFF;
	}
	#content h2 {
		font-size:110%;
		color:#3daeff;
	}
	#content h3 {
		font-size:110%;
		color:#FFF;
	}
	#content h4 { 
		font-size:110%;
		color:#fff;
		border-bottom:1px dotted #fff;
		margin-bottom:4px;
	}
	#content h5 { 
		font-size:100%;
		color:#BEE4FF;
		font-weight:bold;
	}
	#content p {
		line-height:1.20em;
	}
	#content span {
		font-size:95%;
		letter-spacing:0.05em;
		font-weight:bold;
	}
	#content a,a:link,a:active,a:visited {
		font-weight:bold;
		text-decoration:underline;
	}
	#content a:hover {
		text-decoration:none;
	}
	#content .anchor {
		color:#3daeff;
		text-decoration:none;
	}
	#content strong {
		color:#BEE4FF;
		letter-spacing:0.01em;
	}

.clear { clear:left; }
.gallery { width:800px; margin:2px;}
.red { color:#e90303; }

#imgleft {
	margin-top:20px;
	float:left;
}
	#imgleft img {
		border: 1px solid #2a2a2a;
		margin-bottom:10px;
	}

#testo p {
	width:790px;
}