/* this is the most important CSS template, mw2007 */

/* 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. 1, 2008 */
/* layout based heavily 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. */

/* ------ MISC ------------------------------------------ */   
acronym { border: none; }
.alert { color: #f60; }
.whitespace { height: 500px; }
.newsstory { margin: 0px 10px 5px 10px; border: 3px solid #fff; } 

/* ------ 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; font-size: 85%; padding-bottom: 10px; }

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

#subscribebox {width: 150px; 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.gif') no-repeat top center;
    }

#pageHeader {
    font-size: 12px;
	color: #000;
    text-align: center;
    margin: 0px auto;    
    height: 183px;
    background: url(../img/backgrounds/complex_header.gif) no-repeat;
    padding: 0px;
    width: 698px;
    }

#reminder {
	float: left; /* was: position: absolute */
	padding-top: 156px;
        padding-left: 10px;
	/* right: 613px;  left: 33px; */
	margin: 0;
	width: 199px;
    }

#contactinfo {
	float: right;
	padding-top: 156px;
	padding-right: 25px;
        margin: 0;
	/* 	right: 20px; left: 410px; */
	width: 450px;
	text-align: right;
    }

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

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

#columnbox {
    background: url(../img/backgrounds/complex_middle.gif) repeat-y;
    text-align: center;
    margin: 0px auto; 
    padding: 0px;
    width: 698px;
    border: 0px solid #0F0;
    }

/* ------ MAIN COLUMN ------------------------------------------ */
	 
#maincolumn {
    margin: 0px 20px 0 223px;
    text-align: left;
    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;
    }
    
#maincolumn_photos {
	margin-top: 10px; 
	height:  290px;  
    width:   453px;
	overflow: hidden;  
	border:  1px solid #ccc;  
    background-color: #fff;
}

#maincolumn_photos_captions {
	text-align: right;
	color: #AA9955;
	font-size: .8em;
	font-style: italic;
	padding: 1px 4px 0px 0px;
	}
	
#inner_frame { width: 446px; height: 284px; margin: 3px; overflow: hidden;}

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

.pics {  
} 
 
.pics img {  
}     

#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 img {
	/*	border:  1px solid #ccc; */
}

#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;  }


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: 331px;
        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; margin-right: 5px; margin-bottom: 5px;}
.sponsorthumb a img { border: 0px; padding: 10px; }
.sponsorthumb img { background: #fff; }






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

.download { 
  background-color: #fff;
  border: 1px solid #a9a9a9; /*was #a9a9a9; */
  margin: -4px 4px 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 ------------------------------------------------ */

#linkList {

        float: left;
        width: 207px;
        margin-top: 0px;
        margin-top: 15px;
        margin-left: 8px;
        _margin-left: 4px; /* ie */
        /* display: inline; */
	}

#linkList h3 {
	width: 207px;
	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: 207px;
        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 { background: transparent url(../img/menu/mayweek_action2006.gif) no-repeat; }
#lineup_2006 h3 { background: transparent url(../img/menu/mayweek_action2006.gif) no-repeat; }
#lineup_2007 h3 { background: transparent url(../img/menu/mayweek_action2007.gif) no-repeat; }
#lineup_2008 h3 { background: transparent url(../img/menu/mayweek_action2008.gif) no-repeat; }
#lineup_2009 h3 { background: transparent url(../img/menu/mayweek_action2009.gif) no-repeat; }
#lineup_2009 h3 { 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 ------------------------------------------ */

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

#footer
    {
    width: 698px;
    margin: 0px auto;
    text-align: center;
    background: url(../img/backgrounds/complex_footer.gif) no-repeat;
    font-size: 11px;
    color: #fff;
    height: 319px;
    }

#footercolumn p {margin: 0px; padding: 16px; }
		
#footer a
    {
    color: #fff;
    text-decoration: underline;
    }
#footer a:hover
    {
    color: #f90;
    text-decoration: underline;
    }