/* this is the new CSS template, mw2008 */
/* working with a new page width of 880 (basically add 180 to all main widths) */

/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005-8 May Week*/
/* Last updated: Sept. 2, 2008 */
/* layout based vaguely on the work of css Zen Garden submission 175 - 'Business Style', by Gunta Klavina, http://www.klavina.com/ */

/* IMPORTANT */
/* This CSS is not a template. You may not reproduce it elsewhere without the designer's written permission. However, feel free to study the CSS and use techniques you learn from it elsewhere. */

img, a img {border: 0px; padding: 0px; margin: 0px;}


/* ------ MISC ------------------------------------------ */   
acronym { border: none; }
.alert { color: #f60; }
.whitespace { height: 500px; }
.newsstory { margin: 0px 10px 5px 10px; border: 3px solid #fff; } 
blockquote { 
	background: url(../img/backgrounds/highlightboxfill.gif) repeat;
	font: 95% arial, verdana, helvetica, sans-serif; 
	color: #333;
	padding: 8px; 
}

/* ------ BODY ------------------------------------------ */

body
    {
    margin: 0;
    padding: 0;
	text-align: center;
	border: 0px none;
    background-color: #505d6b;
	color: #000;
    font-size: small;
	font-family:Arial, Helvetica, sans-serif;
    }

/* ------ LINKS ------------------------------------------ */

a { color: #c00; font-weight: bold; text-decoration: none; }
a:hover { color: #D60808; font-weight: bold; text-decoration: underline; }

#facebook { text-align: center; width: 175px; margin: 0px auto; font-size: 85%; padding-bottom: 10px; }

/* ------ MAILING LIST ------------------------------------------ */

#subscribebox {width: 450px; padding-left: 22px; }
#subscribebox h5 {text-align: left; color: #663300; font-weight: bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#subscribebox p {text-align: left; color: #333300; font-weight: normal; padding: 0px 0px 0px 0px; font-size: 90%; }
#subscribebox .listinput {width: 150px; padding: 2px; font-family: arial, sans-serif; font-size: 90%; }
#subscribebox .button {background: #000; color: #fff; width: 100px; text-align: center; margin-top: 5px; padding: 2px; font-family: arial, sans-serif; font-size: 90%; }

/* ------ HEADER ------------------------------------------ */

h1 { margin: 0; padding: 0; }
h1 span { display: none; }

#containerheader {
    background: url('../img/smudges/smudge_header_880.gif') no-repeat top center;
    }

#pageHeader {
    font-size: 12px;
	color: #000;
    text-align: center;
    margin: 0px auto;    
    height: 183px;
    background: url(../img/backgrounds/complex_header2_880.gif) no-repeat;
    padding: 0px;
    width: 878px;
    }
    
#left_header {
	float: left;
	width: 688px;
/*  border: 1px solid #000; */ 
    text-align:center;
    font-size:1em;
    margin: 8px 10px 0px 0px;
    height: 167px;
}
	
#upper_logos {
	float: right;
/*  border: 1px solid #eee; */
    text-align:center;
    margin: 8px 10px 0px 0px;
    height: 167px;
}

.upper_logos_text {
	height: 20px;
	font-size: .8em;
/*	border: 1px solid #C00; */
	width: 160px;
	overflow: hidden;
}

#inner_logos2 { 
	width: 160px;  
	height: 100px; margin: 3px;
/* 	border: 1px solid #C00; */
	overflow: hidden;
	}
	
#upper_logos_captions {
	width: 160px;
	height: 27px;
	text-align: center;
	color: #000;
/* 	border: 1px solid #eee; */
	font-size: .9em;
	font-weight: bold;
	font-style: italic;
	padding: 15px 4px 0px 0px;
	}				
	
#lower_header {
	float: left;
	width: 674px;
	height: 27px;
    margin-top: 140px;
/*   border: 1px solid #000; */ 
    font-size: 1em;
}	    

#reminder {
	float: left; 
    padding-left: 10px;
    padding-top: 7px;
	/* right: 613px;  left: 33px; */
	margin: 0;
	width: 199px;
/*	border: 1px solid #000; */
    }

#contactinfo {
	float: right;
	padding-top: 7px;
    margin: 0;
	/* 	right: 20px; left: 410px; */
	width: 400px;
	text-align: center;
/*  border: 1px solid #000;  */
    }    
    
#sponsorappeal {
	float: left;
	padding-top: 7px;
	padding-right: 10px;
	margin: 0;
	width: 160px;
	text-align: right;
/* 	border: 1px solid #000;  */
	
}    

/* ------ BODY TEXT ------------------------------------------ */

#containercontent {
   width: 100%;
   margin-bottom: 0px; padding-bottom: 0px;
   background: url('../img/smudges/smudge_middle_880.gif') repeat-y top center;
    }

#columnbox {
    background: url(../img/backgrounds/complex_middle_880.gif) repeat-y;
    text-align: center;
    margin: 0px auto; 
    padding: 0px;
    width: 878px;
    }

/* ------ MAIN COLUMN ------------------------------------------ */
	 
#maincolumn {
	float: right;
    /* margin: 0px 20px 0 223px; */ /* version with padding */ 
    margin: 2px 7px 0px 0px;
    text-align: left;
    width: 658px;
    padding-bottom: 0px;
	/* padding-top: 1px; */
    /* border: 0px solid #dddcc7; /* #000 when you want to see it; dddcc7  */
    }

#maincolumn .main p {
    line-height: 150%;
    margin: 10px 0 10px 0;
    }
    
#blog {
	padding: 15px;
}    

/* ------ Photo Gallery and Widgets ---------------------------- */
    
#maincolumn_photos {
	height:  308px;
    width:   658px;
    margin-top: -2px;
	overflow: hidden;  
/*	border:  1px solid #ccc;  */
    background-color: #fff;
}

#maincolumn_photos_captions {
	width: 480px;
	text-align: right;
	color: #873;
	font-size: .8em;
	font-style: italic;
	padding: 5px 4px 0px 0px;
/*	border: 1px solid #000; */
	}

.creditvideo, .creditphoto, .creditdownload { 
	color: #873;
	font-size: .8em;
	font-style: italic;
	padding: 5px 0px 10px 0px;
	text-align: right;
}	

.creditvideo { width: 600px; }
.creditphoto { width: 480px; }
.creditdownload { width: 480px; text-align: left; }

		
#inner_frame { 
	float: left;
	width: 480px; /*was 446*/ 
	height: 284px; /* margin: 3px; */
	margin-top: 3px; 
	margin-bottom: 3px;
/*	border: 1px solid #000; */ 
	overflow: hidden;
	}
	
#static_photo { 
	float: left;
	width: 480px; /*was 446*/ 
	height: 284px; /* margin: 3px; */
	margin-top: 3px; 
	margin-bottom: 3px;
	overflow: hidden;
	}		
		
	
#inner_frame_right { 
	float: right;
/*	border: 1px solid #000; */
	background: url(/img/common/thankyoupanel2.gif);
	background-repeat: none;
	text-align: left;
	font-size: .9em;
	width: 172px; /*was 446*/ 
	height: 284px; /* margin: 3px; */
	margin-top: 3px;
	margin-right: 0px;
	overflow: hidden;
	}		

.inner_frame_thanks {
	width: 161px;
	height: 90px;
	padding: 57px 12px 4px 8px;	
}

.inner_frame_sponsor {
	width: 172px;
	height: 69px;
	padding-top: 0px;
}

.inner_frame_join {
	width: 172px;
	height: 68px;
	padding-top: 0px;
}

pre { position: absolute; margin: 0px; padding: 0px; text-align: left; visibility: hidden; }

#under_photos {
	height : 290px; width: 453px; 
/*	border: 1px solid #000; */
	margin: 5px 0px 0px 0px;
	color: #000;
}

#under_photos .left {
	float: left;
	height: 200px; width: 232px;
	background: url(../img/backgrounds/highlightboxfill.gif) repeat;
	font: 95% arial, verdana, helvetica, sans-serif; color: #333;
	padding: 8px;
}	

#under_photos h5 {
	font-weight: bold;
	text-align: left;
	margin: 0px; padding: 0px 0px 3px 0px;
}

#under_photos p {
font: 90% arial, verdana, helvetica, sans-serif; color: #333;
line-height: 1.2em !important ;
margin: 0px; padding: 3px 0px 3px 0px;
}

#logos {
	float: right;
	height: 199px; width: 199px;
	border:  1px solid #ccc; 
	background: #fff;
}

#inner_logos {
	margin: 10px;
	height: 180px; width: 180px;
	overflow: hidden;
}

#logos_captions {
	text-align: right;
	color: #000;
	font-size: .8em;
	font-style: italic;
	padding: 1px 4px 0px 0px;
	}

	
/* ------ HEADLINES ------------------------------------ */

h4 { font-size: 110%;
     line-height: 1.5em;
	 margin-top: 20px;
	 margin-bottom: 0px;
         color: #c00;  }
         
.sponsorheadline {
	font-size: 1.5em;
    line-height: 2em;
	margin-top: 1.5em;
	margin-bottom: 0px;
    color: #c00;
    text-align: center;
}         


h5 { font-size: 110%;
     line-height: 1.5em;
	 margin-top: 20px;
	 margin-bottom: 0px; }
	 
h5 .left { text-align:left; }
h5 .center { text-align:center; }

	 	
h6 { /* used for dates & pageup */
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-align: right;
        margin-bottom: 15px;
	margin-top: 15px;
}	 


h6 .edit a { /* used for 'edit this' links */
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-align: right;
        margin-bottom: 15px;
	margin-top: 15px;
}

.highlightbox, .releasebox, .emptybox {
position: relative;
margin-top: 5px;
padding: 7px;
font: 95% arial, verdana, helvetica, sans-serif; color: #333;
}

.highlightbox h5, .releasebox h5, .emptybox h5 {
font: 100% arial, verdana, helvetica, sans-serif;
font-weight: bold;
text-align: left;
margin: 0px; padding: 0px 0px 3px 0px;
}

.highlightbox p, .releasebox p, .emptybox p {
font: 90% arial, verdana, helvetica, sans-serif; color: #333;
line-height: 1.2em !important ;
margin: 0px; padding: 3px 0px 3px 0px;
}

.highlightbox { background: url(../img/backgrounds/highlightboxfill.gif) repeat; }
.releasebox { background: url(../img/backgrounds/mediaboxfill.gif) repeat; }

.highlightbox h5 { color: #333; }
.releasebox h5, .emptybox h5 { color: #333; }

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

h2 {
/*	text-align: right; */
	height: 97px;
	width: 511px;
        margin: 0px 0px 0px 120px;
        padding-left: 0px;
        _padding-left: 110px;
        _margin: 0px 0px 0px 0px;
	/* border: 1px solid #000; */
}

h2 span { display: none; }

h2.about { background: url(../img/titles/aboutmayweek.gif) no-repeat top right; }
h2.archives { background: url(../img/titles/archives.gif) no-repeat top right;}
h2.archivesphoto { background: url(../img/titles/archivesphoto.gif) no-repeat top right;}
h2.archivesvideo { background: url(../img/titles/archivesvideo.gif) no-repeat top right;}
h2.articles { background: url(../img/titles/articles.gif) no-repeat top right;}
h2.artists { background: url(../img/titles/artists.gif) no-repeat top right;}
h2.calendar { background: url(../img/titles/calendar.gif) no-repeat top right;}
h2.downloads { background: url(../img/titles/downloads.gif) no-repeat top right;}
h2.home { background: url(../img/titles/homeandnews.gif) no-repeat top right;}
h2.labour { background: url(../img/titles/getconnected.gif) no-repeat top right;}
h2.media { background: url(../img/titles/media.gif) no-repeat top right;}
h2.media2 { background: url(../img/titles/media2.gif) no-repeat top right;}
h2.maylinks { background: url(../img/titles/maydaylinks.gif) no-repeat top right;}
h2.sponsors { background: url(../img/titles/sponsors.gif) no-repeat top right;}

#maincolumn h3 {
	text-align: left;
	height: 85px;
	width: 285px;
	margin: 20px 0px 0px 0px;
        padding-bottom: 0px;
       /*  border: 1px solid #000; */
}

/* #maincolumn h3
    {
    width: 400px;
    height: 24px;
    margin: 40px 0 10px 0;
    } */

#maincolumn h3 span { display: none; }

#maincolumn h3.mayweekevents { background: url(../img/titles/mayweekevents.gif) no-repeat top left; }
#maincolumn h3.filmschedule { background: url(../img/titles/mayweekfilmschedule.gif) no-repeat top left;}

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

.sponsorthumb {float: left; width: 200px; height: 200px; margin-right: 5px; margin-bottom: 5px;}

.sponsorthumb a {
	position:absolute;
/* 	border:1px solid #333; */
/*	background:#f7f5d1;  */
/*	padding:2px 5px; */
	color:#333;
}
 
.sponsorthumb a img { 
	border: 0px; 
	padding: 10px; 
}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}

/*  */

#tooltip{
	position:absolute;
	border:1px solid #333; 
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
/*	display:none; */
	}
	
/*  */




/* --------- IMAGE PREVIEWS - DOWNLOAD --------- */

.download { 
  background-color: #fff;
  border: 1px solid #a9a9a9; /*was #a9a9a9; */
  margin: -4px 12px 4px -4px;
  padding: 4px !important;
  }

/* --------- IMAGE GALLERIES --------- */

/* img .thumb { 
  background-color: #fff;
  border: 1px solid #00FF00; /*was #a9a9a9; */
/*  margin: -6px 6px 6px -6px;
  padding: 6px !important;
  } */

#excpthumbs {
text-align: center;
}

ul.thumbs{
	margin:auto;
	padding:0;
}

ul.thumbs img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

ul.thumbs li {
  background: url(../img/galleries/shadowalpha.png) no-repeat bottom right !important;
  margin: 10px 10px 0 10px !important;
  margin: 10px 10px 0 5px;
  text-align:center;
  position:relative; 
  float:left;
  display:inline;
}

/* --------- NAVIGATION ------------------------------------------------ */

.linkPad {width: 205px; height: 5px; background: #fff;}

#linkList {
		float: left;
        width: 205px;
        margin-top: 10px; 
        margin-left: 8px;
        _margin-left: 4px; /* ie */
        /* display: inline; */
	}

#linkList h3 {
	width: 205px;
	height: 30px;
	margin: -15px 0 -15px 0; 
                padding: 0 0 0px 0; 
                position: relative;
	color: #fff;
}

#linkList ul { 
        text-align: left;
        list-style: none;
        width: 205px;
        padding-left: 20px;
        voice-family: "\"}\""; 
        voice-family:inherit;
        margin-left: 0px;
        margin-top: 15px; /* for Firefox/Safari */
        padding-left: 0px;
        padding-top: 0px; /* for Firefox/Safari */
        }

#linkList li {
	padding: 0px;
	margin-right: 10px;
	margin-left: 0px;
	font-weight: bold;
}

#linkList li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 5px 5px 25px;
}

#linkList li a:hover { 
	color: #fff;
	text-decoration: none;
	background-color: #FF9900;
}

#lineup h3 span,
#lineup_2006 h3 span,
#lineup_2007 h3 span,
#lineup_2008 h3 span,
#lineup_2009 h3 span,
#lineup_2010 h3 span,
#larchives h3 span, #lgetconnected h3 span
    {
    display:none;
    }

#lineup h3 { height: 33px; border-top: 3px solid #fff; background: transparent url(../img/menu/mayweek_action2006.gif) no-repeat; }
#lineup_2006 h3 { height: 33px; border-top: 3px solid #fff; background: transparent url(../img/menu/mayweek_action2006.gif) no-repeat; }
#lineup_2007 h3 { height: 33px; border-top: 3px solid #fff; background: transparent url(../img/menu/mayweek_action2007.gif) no-repeat; }
#lineup_2008 h3 { height: 33px; border-top: 3px solid #fff; background: transparent url(../img/menu/mayweek_action2008.gif) no-repeat; }
#lineup_2009 h3 { height: 33px; border-top: 3px solid #fff; background: transparent url(../img/menu/mayweek_action2009.gif) no-repeat; }
#lineup_2010 h3 { height: 33px; border-top: 3px solid #fff; background: transparent url(../img/menu/mayweek_action2010.gif) no-repeat; }

#larchives h3 { background: transparent url(../img/menu/mayweek_archives.gif) no-repeat; }
#lgetconnected h3 { background: transparent url(../img/menu/mayweek_connect.gif) no-repeat; }

#sectionone #one, #sectiontwo #two, #sectionthree #three, #sectionfour #four,
#sectionfive #five, #sectionsix #six, #sectionseven #seven, #sectioneight #eight,
#sectionnine #nine, #sectionten #ten, #sectioneleven #eleven, #sectiontwelve #twelve { background-color:#990000; }

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

#columnboxfooter { /* dummy footer that just extends the main background */  
   width: 100%;
   clear: both;
 }

#containerfooter {   
   width: 100%;
   background: url('../img/smudges/smudge_footer_880.gif') repeat-y top center;
   clear: both;
    }

#footer
    {
    width: 878px;
    margin: 0px auto;
    background: url(../img/backgrounds/complex_footer_880.gif) no-repeat;
    height: 319px;
    }

#footercolumn p {

}

#footercolumn .left {
	float: left;
	margin-left: 0px;
	width: 180px;
	margin: 20px 16px 16px 16px; padding: 0px;
	line-height: 1.5em; 
	font-size: .9em;
    color: #dddcc8;
/*  border: 1px solid #222; */
}		

#footercolumn .right {
	float: left;
	margin-left: 270px;
	width: 570px;
	margin: 20px 16px 16px 16px; padding: 0px;
	line-height: 1.5em; 
	font-size: .9em;
    color: #dddcc8;
/*  border: 1px solid #222; */
    text-align: left;
}
		
		
#footer a {
    color: #dddcc8;
    text-decoration: underline;
}
    
#footer a:hover {
    color: #fff;
    text-decoration: underline;
}

#maincolumn_photos_captions a:link, #maincolumn_photos_captions a:visited {color: #873; text-decoration: underline;}
#maincolumn_photos_captions a:hover, #maincolumn_photos_captions a:active {color: #c00; text-decoration: underline;}