/*This Web page is for the Mimefest website*/
/*Created Date 01/10/2008*/


/*************************
GENERAL SITE STYLING START
*************************/
a:link{
	text-decoration: none;
	color:#ec008c;
}
a:visited{
	text-decoration: none;
	color:#ec008c;
}
a:active{
	text-decoration: none;
	color:#ec008c;
}
a:hover {
	text-decoration:underline;
	
}		

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, "Helvetica Neue", sans-serif, Verdana;
	color:#000000;
	padding:2px 0px 15px 0px;
}

h1{font-size:22px;font-weight:bold;}

#textcontentfloat h4{padding:10px 0 8px 0!important;}
#textcontentinner h4 {padding:10px 0 8px!important;}
h3 {
	font-size:26px;
	font-weight:bold;
	line-height:29px;
	color:#505050;
}

h3.red1, h4.red1, h1.red1 {
	color:#ec008c;
	font-family: Arial, "Helvetica Neue", sans-serif, Verdana;
}


.red1 a:link {H4
	color:#ec008c;
}

h4 {
	color:#666666;
	font-size:20px;
	line-height:21px;
	font-weight:bold;
}

.quote{font-weight:bold;font-size:14px;}
.location {
	font-size:9px;
	line-height:9px;
	font-weight:normal;
	color:#000000;
	font-family:Verdana, "Helvetica Neue", sans-serif, Arial;
}

.greytext{color:#666!important;}
.greytext2{color:#999!important;}


.whitelink {
	font-size:9px;
}

.whitelink a:link {
	color:#FFFFFF;
	text-decoration:none;
}

.whitelink a:active {
	color:#FFFFFF;
	text-decoration:none;
}

.whitelink a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.whitelink a:hover {
	color:#999999;
	text-decoration:none;
}


#strong {
	font-weight:bold;
}

p {
padding:5px 0 5px 0;
line-height:16px;
} 

.redbold, .redbold a {
	color:#FF0000;
	font-weight:bold;
}

redbold a:hover {
	color:#FFFFFF;
	font-weight:bold;
}

.redlink, .redlink a {
	color:#FF0099;
	font-weight:normal;
}

redlink a:hover {
	color:#FFFFFF;
	font-weight:normal;
}

.credits {
	font-size:9px;
	line-height:13px;
}

.l1 a:link {
	font-size:9px;
	text-decoration:none; 
	background-color:#000000;
	color:#ffffff;
}

.l1 a:visited {
	font-size:9px;
	text-decoration:none; 
	background-color:#000000;
	color:#ffffff;
}

.l1 a:active {
	font-size:9px;
	text-decoration:none; 
	background-color:#000000;
	color:#ffffff;
}

.l1 a:hover {
	font-size:9px;
	text-decoration:none; 
	background-color:#000000;
	color:#999999;
}

.l2 {
	font-size:9px;
	text-decoration:none; 
	background-color:#000000;
	color:#ff0000;
}



/**************************
GENERAL SITE STYLING END
**************************/





/****************************
NAVIGATION START
****************************/
#navcontainer2 {padding: 16px 0 13px 230px;text-align:left;height:48px;}
#navcontainer2b {padding: 16px 0 13px 230px;text-align:left;}

ul#navlist2{list-style:none;}

#navlist2 li{list-style-type: none;background:url(Images/bullet-pink2.gif) no-repeat top left;padding:0 5px 0 15px;display:inline;}

li#currentnav, a#selectednav{color:#ec008c!important;}


#navlist2 a:link, #navlist2 a:visited{color: #ffffff;text-decoration: none;font-size:15px;}

#navlist2 a:hover{color: #ec008c;text-decoration: none;}
/****************************
NAVIGATION END
****************************/


/****************************
SITE STRUCTURE START
****************************/

#wrapper2 {
		/*dimensions and centering*/
		width:960px;
		min-height:640px;
		_height:640px;
		margin:0 auto;
		text-align:left;
		position:relative;
		background-image:url(Images/bg-page-content1.gif);
		background-repeat:no-repeat;
}

#wrapper3 {
		/*dimensions and centering*/
		width:960px;
		height:1060px;
		margin:0 auto;
		text-align:left;
		position:relative;
		background-image:url(Images/festivalintro-bg.gif);
		background-repeat:none;
}

#wrapper4 {
		/*dimensions and centering*/
		width:960px;
		/*height:1060px;*/
		margin:0px auto;
		text-align:left;
		position:relative;
		/*background-image:url(Images/festivalintro-bg.gif);
		background-repeat:none;*/
}


body {
	/*centering*/
	text-align: center;
	min-width: 960px;
	margin:0;
	/*styling*/
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: x-small;
	background-color:#000000;
}

/*White scrolling boxes*/
#textcontent {
	margin:0 0 0 182px;
	width:291px;
	min-height:434px;
	_height:434px;

	padding:16px 10px 0px 15px;
	/*styling*/
	background-color:#000;
	background:url(Images/bg-page-textbox1.gif) no-repeat top left;
	color:#000000;
	font-size:12px;
	line-height:14px;
}

#textcontentfloat {
	margin:0 0 0 182px;
	width:291px;
	min-height:434px;
	_height:434px;

	padding:16px 10px 0px 15px;
	/*styling*/
	background-color:#000;
	background:url(Images/bg-page-textbox1.gif) no-repeat top left;
	color:#000000;
	font-size:12px;
	line-height:14px;
	float:left;
	display:inline;

}

#textcontentcontainerfloat{
	margin:0 0 0 182px;
	width:314px;
	min-height:434px;
	_height:434px;

	
	/*styling*/
	background-color:#000;
	
	color:#000000;
	font-size:12px;
	line-height:14px;
	float:left;
	display:inline;

}
#textcontentinner{

	background:url(Images/bg-page-textbox1.gif) no-repeat top left;
	padding:16px 10px 0px 15px;
	width:291px;
}

.extrabox{margin-top:20px; width:300px}
.extrabox p {color:#fff;}


#scrollingcontentwide {
	position:absolute;
	left:157px;
	top:43px;
	width:627px;
	height:434px;
	overflow:auto;
	padding:20px 10px 5px 8px;
	/*styling*/
	background-color:#FFFFFF;
	color:#000000;
	font-size:12px;
	line-height:14px;
}	

#contentwidenoscroll {
	position:absolute;
	left:157px;
	top:43px;
	width:648px;
	height:434px;
	overflow:auto;
	padding:2px 2px 2px 2px;
	/*styling*/
	background-color:#000000;
	color:#ffffff;
	font-size:9px;
	line-height:12px;
}	

#listing {
	float:left;
	width:96px;
	height:130px;
	overflow:hidden;
	padding:5px;
}

#leftcolumn {
	float:left;
	width:300px;
	background-color:#ffffff;
}

#rightcolumn {
	float:left;
	width:300px;
	background-color:#ffffff;
}

#logo {
	position:absolute;
	left:17px;
	top:624px;
	z-index:100;
	width:83px;
	height:85px;
}

#logo2 {
	position:absolute;
	left:17px;
	top:500px;
	z-index:100;
	width:83px;
	height:85px;
}

#logo3 {width:146px; height:154px;position:absolute;z-index:100;top:62px;left:17px;}


#sidemenu {
	position:absolute;
	left:73px;
	top:180px;
	z-index:100;
	width:100px;

}

#sidemenu ul{text-align:right;list-style:none;margin-right:14px;}
#sidemenu li{padding:0 0 15px 4px;background:url(Images/bullet-pink.gif) no-repeat top left;font-weight:bold;display:inline;}
#sidemenu li a{color:#fff;}
#sidemenu li a:link{color:#fff;}
#sidemenu li a:active{color:#fff;}
#sidemenu li a:visited{color:#fff;}
#sidemenu li a:hover{color:#ec008c;}
#sidemenuselected a, a#sidemenucurrent{color:#ec008c!important;}

#bottomnavi{text-align:right;margin:20px 14px 0 0;}


#socialff{position:absolute;z-index:100;top:445px;left:48px;}
#socialtw{position:absolute;z-index:100;top:500px;left:37px;}

#socialff3{position:absolute;z-index:100;top:320px;left:48px;}
#socialtw3{position:absolute;z-index:100;top:365px;left:37px;}


#socialtext{position:absolute;z-index:100;top:790px;left:400px; color:#fff;width:100px;}
#socialtext ul{text-align:left;}
#socialtext li{width:100px;font-size:14px;font-weight:normal;}

#socialff2{position:absolute;z-index:100;top:780px;left:500px;}
#socialtw2{position:absolute;z-index:100;top:780px;left:550px;}

#artscouncil{position:absolute;z-index:100;top:770px;left:660px;}

#socialff4{position:absolute;z-index:100;top:140px;left:48px;}
#socialtw4{position:absolute;z-index:100;top:185px;left:37px;}

#artscouncil2{position:absolute;z-index:100;top:270px;left:-50px;}

#sidebarfloat{float:left;width:400px;display:inline;margin:0 20px;}
#sidebarfloat2{float:left;width:416px;display:inline;margin:0 20px;}
#archivelisting{width:400px;margin-left:0px;}
#archiveitem{width:52px;float:left;display:inline;padding:0 7px 7px 0;font-size:12px;}
#archiveitem a{color:#fff;}
img {border:none;}
#archiveitem a img:hover {text-decoration:none;}
.clear{clear:left;}

#artists{padding-top:10px;}
#artists p{color:#fff;font-size:12px;line-height:15px;}
#artists h1{color:#ec008c;font-size:18px;}

#links{padding-top:10px;}
#links p{color:#fff;font-size:12px;line-height:15px;}
#links h1{color:#fff;font-size:18px;}


#contactform{width:395px;height:451px;background:url(Images/formbg.gif) top left no-repeat;padding:22px 12px;position:relative;}

#contactform label{text-align:left;float:left;display:inline;width:135px;font-size:12px; vertical-align:top;color:#333}
#contactform input.textfield, #contactform textarea{width:230px; font-family:Arial,sans-serif; border:none;}
#contactform input.textfield{height:20px;}
#contactform textarea{height:245px;}
#contactform h2{color:#ec008c;font-size:14px;}
#contactform label.longlabel{width:305px!important;}

#nb{position:absolute;top:150px;left:15px;color:#999;width:100px;}

#footer{background:#000;width:960px;height:84px;margin:0;padding:0;overflow:visible;}
#footer img{position:relative;top:-10px;}


#box1{
	position:absolute;
	z-index:101;
	top:688px;
	left:441px;
	color:#fff;
	width:495px;
	height:240px;
	background:url(Images/pic1.jpg) top left no-repeat;
	background-image: url(Images/Hiroaki-intro2.jpg);
}
#box1 p{font-size:14px;padding-left:230px;line-height:20px;}

#box2{position:absolute;z-index:101;top:688px;left:23px; color:#fff;width:300px;height:300px;}
#box2 p{font-size:14px;line-height:20px;}
#brochurepic{position:absolute;z-index:142;top:190px;left:240px;}

#selection{margin-left:240px;width:690px;}

.linkitem{width:128px;height:120px;display:inline;float:left;margin:0 0 12px 10px;color:#ec008c;font-weight:normal;font-size:13px;}

a.item{
	width:128px;
	height:120px;
	display:block;
	color:#fff;
	text-align:center;
	
	font-size:12px;
	vertical-align: text-top;
}
a.item:hover{
	width:128px;
	height:120px;
	display:block;
	color:#fff;
	text-align:center;
	
	font-size:12px;
	vertical-align: text-top;
}

/* BACKGROUND IMAGES FOR EACH BOX */
a.box1{background:url(Images/blindsummit-intro.jpg) top left no-repeat;overflow:hidden;}
a.box1:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box2{background:url(Images/baccala-intro.jpg) top left no-repeat;overflow:hidden;}
a.box2:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box3{background:url(Images/hiroakiumeda-intro.jpg) top left no-repeat;overflow:hidden;}
a.box3:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box4{background:url(Images/autourdemime-intro.jpg) top left no-repeat;overflow:hidden;}
a.box4:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box5{background:url(Images/adinfinitum-intro.jpg) top left no-repeat;overflow:hidden;}
a.box5:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box6{background:url(Images/invisiblethread-intro.jpg) top left no-repeat;overflow:hidden;}
a.box6:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box7{background:url(Images/limmediat-intro.jpg) top left no-repeat;overflow:hidden;}
a.box7:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box8{background:url(Images/gandini-intro.jpg) top left no-repeat;overflow:hidden;}
a.box8:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box9{background:url(Images/toronblues-intro.jpg) top left no-repeat;overflow:hidden;}
a.box9:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box10{background:url(Images/nofitstatecircus-intro.jpg) top left no-repeat;overflow:hidden;}
a.box10:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box11{background:url(Images/tetedepioche-intro.jpg) top left no-repeat;overflow:hidden;}
a.box11:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box12{background:url(Images/claudiostellato-intro.jpg) top left no-repeat;overflow:hidden;}
a.box12:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box13{background:url(Images/fleurelisenoble-intro.jpg) top left no-repeat;overflow:hidden;}
a.box13:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box14{background:url(Images/kulunka-intro.jpg) top left no-repeat;overflow:hidden;}
a.box14:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box15{background:url(Images/sugarbeast-intro.jpg) top left no-repeat;overflow:hidden;}
a.box15:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box16{background:url(Images/microphone-intro.jpg) top left no-repeat;overflow:hidden;}
a.box16:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box17{background:url(Images/choosing-intro.gif) top left no-repeat;overflow:hidden;}
a.box17:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}
a.box18{background:url(Images/invisiblethread-07.jpg) top left no-repeat;overflow:hidden;}
a.box18:hover{background:url(Images/intro2.gif) top left no-repeat;text-decoration:none;}





a.item span{display:none;position:relative;top:14px;} 
a.item:hover span{
	display:inline;
	text-decoration:underline!important;
}


#bottommenu {
	position:absolute;
	left:10px;
	top:370px;
	z-index:100;
	width:145px;
	height:136px;
}

#bottommenu_b {
	position:absolute;
	left:10px;
	top:330px;
	z-index:100;
	width:145px;
	height:179px;
}

ul#bottomlist {
list-style:none;
padding:0;
margin:0;
}

#bottomlist li {
	
	padding:0;
	margin:0;
	line-height:13px;
	height:35px;
}


#slideshow2 {
	position:absolute;
	left:515px;
	top:68px;
	z-index:100;
	width:415px;
	height:575px;
	overflow:hidden;
}

#caption1 {
	position:absolute;
	left:445px;
	top:479px;
	z-index:100;
	width:358px;
	height:29px;
	/*styling*/
	text-align:right;
	color:#666666;
	font-size:11px;
}

#caption a:link {
	color:#FF0000;
}

#sidebarextra {
	position:absolute;
	top:250px;
	left:40px;
	height:46px;
	width:100px;
}

#festlogo{width:142px; height:91px;position:absolute;z-index:100;top:62px;left:17px;}
#festlogo2{width:90px; height:60px;position:absolute;z-index:100;top:279px;left:72px;}



/****************************
SITE STRUCTURE END
****************************/






.style1 {color: #FF0000; font-weight: bold; }
.style2 {color:#000000; font-weight: bold;}
.style3 {font-size:xx-small;text-decoration:none; background-color:#000000;}
.style4 {color:#FF0000;font-weight:bold; font-size:xx-small; background-color:#000000;}
.style5 {width:262px; height:465px; overflow:auto;}
.style60 {
	width:647px;
	height:465px;
	overflow:auto;
	background-color:#FFFFFF;
	margin-left:5;
	font-size: x-small;
}


#rightbox 	{
			float: right;
			width:645px;
			height:445px;
			margin-left: 0px;
			margin-top: 0px;
			}
#rightboxNew{
			float: right;
			width:655px;
			height:445px;
			margin-left: 0px;
			margin-top: 0px;
			}
#rightboxsecond 	{
			float: right;
			width:366px;
			height:455px;
			margin-left: -5px;
			margin-top: 0px;
			}
#bottom{
	width: 350px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:xx-small;
	height:1px;
	margin-left:0px;
	margin-top:-3px;
	margin-right:0px;
	font-style: normal;
		}
#book:hover	{color:#000000;text-decoration: underline}

#pic:hover	{color:#FF0000}
#pic:link {color:#FFFFFF}
#pic:visited{text-decoration:none}

#menulink:hover {background-color:#FF0000;text-decoration:none;}
#menulink:link {color:#FFFFFF}
#menulink:visited {color:#FFFFFF}

#navbar	{
		width: 600px;
		height: 20px;
		z-index: 20;
		margin-top: 8px;		
		margin-bottom:7px;		 
		margin-left: 160px;
		font-size: small;
		color:#FFFFFF;
		}
#cursormove1:hover{color:#FF0000;text-decoration: underline;font-weight:bold}
#cursormove1:link {color:#FF0000}
#cursormove1:visited{color:#FF0000}



#leftbox{
		 margin-left:6px;
		 margin-top:-20px;
		}
#leftboxsecond{
		 margin-left:0px;
		 margin-top:0px;
		 width:262px;
		 height:468px;
		}
#table_letf{
			background-color:#FFFFFF;
			}
#table_right{
	border:0;
	width:620px;
	cellpadding:0;
	cellspacing:0;
	padding-left:10px;
	padding-top:10Px;
	background-color:#FFFFFF;
	}
#table_left{
	font-size:11px;
	margin-left:9px
	/*border:1;
	cellpadding:0;
	cellspacing:0;*/
	
}
.style40 {
	
	font-size: x-small;
	font-style: normal;
	color: #0000FF;
}

#bottomlink {height:20px; position:absolute;top:472px;left:164px;}

.green {color:#60b836; font-family:Arial;letter-spacing:1px;font-size:16px;font-weight:normal; }

a.green {}

a.green:hover {text-decoration:none;color:#666;}

.h4size {font-size:14px;}



#details{position:absolute;left:524px;top:648px;width:415px;color:#777;}

/******************OLD**************/

#wrapper {
		/*dimensions and centering*/
		width:810px;
		height :510px;
		margin-left: auto;
		margin-right: auto;
		text-align:left;
		
		/*styling*/
		margin-top: 5px;  
		border-color:#FFFFFF;
		border-width: thin;
		border-style: solid;
		position:relative;
}

ul#navlist
{
margin: 9px 0px 5px 150px;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

li#active {
font-weight:bold;
color:#ffffff;
}

#navlist a { 
padding: 5px 6px 5px 5px;
 }


#navcontainer {text-align:left;}

#navlist a:link, #navlist a:visited
{
color: #ffffff;
background-color: #000000;
text-decoration: none;
font-size:12px;

}

#navlist a:hover
{
color: #ffffff;
background-color: #666666;
text-decoration: none;
}

#slideshow1 {
	position:absolute;
	left:440px;
	top:34px;
	z-index:100;
	width:372px;
	height:444px;
	overflow:hidden;
}

#scrollingcontent {
	position:absolute;
	left:157px;
	top:43px;
	width:259px;
	height:434px;
	overflow:auto;
	padding:20px 10px 5px 8px;
	/*styling*/
	background-color:#FFFFFF;
	color:#000000;
	font-size:12px;
	line-height:14px;
}