@charset "utf-8";

/* CSS Document */



a:link {

	color:#9900CC;

}

a:visited {

	color:#660099;

}

a:hover {

	color:#CC66FF;

}

a:active {

	color:#999;

}

body {

	font-size: 75%;

	text-align: center;

	background: #666;

	padding: 31px 0px;

}

html>body {

	font-size: 12px;

}

#wrapper {

	width: 750px;

	margin: 0px auto;

	text-align:left;

	background: url(../images/bg-mc-tile.jpg) repeat-y;

}

/***********************Header and Header Nav********************************/

/*******************Custom Search********************/

#search {

	position: absolute;

	right: 19px;

	top: 121px;

}

#search #q {

	width: 200px;

	margin-right: 5px;

}

#search p {

	font: bold 11px/1.5em Verdana, Arial, sans-serif;

	color: #fff;

	margin: 0;

}

#go {

	position: relative;

	top: 8px;

}

/**********************End Custom Search**************************/

#header {

	position:relative;

	height: 170px;

	background: url(../images/header.jpg) no-repeat;

	z-index:20;

}

#header #bintop {

	position: relative;

	top: -12px;

	left: 60px;

}

#header h1 {

	font-size: 1px;

	position: absolute;

	text-indent: -3000px;

	background: url(../images/title.gif) no-repeat;

	width: 99px;

	height: 26px;

	left: 270px;

	bottom: 56px;

	border: 0px;

	margin: 0px;

}

#header ul {

	position: absolute;

	left: 408px;

	top: 87px;

}

#header ul li {

	float: left;

}

#header a {

	display: block;

	text-indent: -6000px;

	padding: 0px;

	margin-left: 10px;

	background-repeat: no-repeat;

	overflow: hidden;

}

#header a.btnTheShedIntro {

	background:url(../images/btnShed.gif);

	width: 71px;

	height:18px;

}

#header .btnTheShedIntro:hover {

	background-position: 71px 0px;

}

#header a.btnHome {

	background:url(../images/btnHome.gif);

	width: 48px;

	height:18px;

}

#header .btnHome:hover {

	background-position: 48px 0px;

}

#header a.btnContact {

	background:url(../images/btnContact.gif);

	width: 61px;

	height:18px;

}

#header .btnContact:hover {

	background-position: 61px 0px;

}

#header a.btnEvents {

	background:url(../images/btnEvents.gif);

	width: 55px;

	height:18px;

}

#header .btnEvents:hover {

	background-position: 55px 0px;

}

#header a.btnArtworks {

	background:url(../images/btnWorks.gif);

	width: 68px;

	height:18px;

}

#header .btnArtworks:hover {

	background-position: 68px 0px;

}

/*#header a:hover {

	text-decoration: none;

	color: #fff;

	display: block;

	background: #666;

	padding: 0 .5em;

	margin: 5px;

	border: 1px solid #fff;

	border-style: inset;

}*/

#theshedintro #header .btnTheShedIntro, #theshedintro #header .btnTheShedIntro a:hover {

	background-position: 142px 0px;

	cursor: default;

}

#home #header .btnHome, #home #header .btnHome a:hover {

	background-position: 96px 0px;

	cursor: default;

}

#contact #header .btnContact, #contact #header .btnContact a:hover {

	background-position: 122px 0px;

	cursor: default;

}

#artworks #header .btnArtworks, #works #header .btnArtworks a:hover {

	background-position: 136px 0px;

	cursor: default;

}

#events #header .btnEvents, #events #header .btnEvents a:hover {

	background-position: 110px 0px;

	cursor: default;

}

/*************************End Header*********************************************************/







em {

	font: italic 1em/1.5 Verdana, Arial, sans-serif;

}

hr {

	padding: 0;

	width: 84%;

	margin: 10px auto 5px auto;

	border:1px solid #CCC;

	height: 1px;

	text-align: center;

}

div.hr {

	background: #CCC;

	width: 84%;

	height: 2px;

	text-align: center;

	margin:auto;

}

.underlined {

	background: url(../images/hr1.gif) bottom left repeat-x;

	display: block;

}

/***************Heading Styles****************************/

#mainContentRc h1 {

	font-variant: small-caps;

}

h1, h2, h3, h4, h5, h6 {

	font-family: Verdana, Arial, sans-serif;

	font-weight: bold;

}

/*Set line-heights to multiples of 18px,(the line height of the paragraphs), to maintain vertical rhythmn.*/

/*18px, 36px, 54px, 72px*/



h1 {

	font-size: 3em;

	line-height: 1em;

}

h2 {

	font-size: 2em;

	line-height: 1.5em;

	margin-top: 1.5em;

	margin-bottom: .75em;

}

h3 {

	font-size: 1.5em;

	line-height: 1em;

	margin-top: 1em;

}

h4 {

	font-size: 1em;

	line-height: 1.5;

	margin-top: 3em;

	margin-bottom: 1.5em;

}

h5 {

	font-size: 0.833333em;

	line-height: 1.8em;

}

h6 {

	font-size: 0.75em;

	line-height: 2em;

}

.headingClass1 {

	text-transform: uppercase;

}

.headingClass2 {

	background: url(../images/hr2.gif) bottom left repeat-x;

}

.positionHtxt {

	position: absolute;

	right: 54px;

}

/*******************End Heading Styles****************************/

/***************Paragraph Styles****************************/

p {

	font-family: Verdana, Arial, sans-serif;

	text-align: left;

	font-size: 1em;

	line-height: 1.5em;

	margin-top: 1.5em;

	margin-bottom: 1.5em;

}

blockquote {

	font: italic 1em/1.5em Verdana, Arial, sans-serif;

}

/***************End Paragraph Styles****************************/



/******************Table Styles*****************************/

#events table {

	width: 397px;

	text-align: left;

	line-height: 1.5em;

	font-size: 1em;

	color: #FFF;

	margin: 0px auto;

	margin-bottom: 1em;

	border-left: 1px solid #666;

	border-right: 1px solid #666;

}

#events table {

	font-family: Verdana, Arial, sans-serif;

	background: #666;

}

#events thead {

	color:#fff;

	font-weight:bold;

	text-align: center;

}

#events thead #title {

	background: #000;

	line-height: 3em;

}

#events thead #eventsDates {

	line-height: 1.5em;

	background-color: #666;

	text-align: left;

}

.th1 {

	padding-left: 1em;

}

td {

	text-align: left;

	line-height: 1.5em;

	font-size: 1em;

	padding-left: 1em;

}

#events tfoot td {

	background: #666;

}

.eventCol {

	background: url(../images/bg-td.gif);

}

.dateCol {

	background: url(../images/bg-td-2.gif);

}

/******************End Table Styles*****************************/



/**************************List Styles**************************/

ul, ol, dl {

	position: relative;

	font: 1em/1.5 Verdana, Arial, sans-serif;

}

ul ul, ol ol, dl dl {

	font-size: 1.5em;

}

.list1 {

	margin-top: 1.5em;

	list-style-position: outside;

}

li.list1 {

	display: list-item;

}

ul.list1 {

	list-style-type: disc;

}

ol.list1 {

	list-style-type: lower-roman;

}

ol.list3 {

	margin-top: 1.5em;

	list-style-type: decimal;

	list-style-position: outside;

}

/*********************End List Styles**************************/

/**************************miscellaneous classes*************************************/

.floatRight {

	float:right;

}

.floatLeft {

	float:left;

}

.clearLeft {

	clear:left;

}

.centerText {

	text-align:center;

}

.bold {

	font-weight:bold;

}

.clear, br {

	clear:both;

}

.wordSpacing1 {

	word-spacing: -3px;

}

.wordSpacing2 {

	word-spacing: 5px;

}

.textAlign1 {

	text-align: left;

}

.ordinal {

	font-size: 60%;

	letter-spacing: -0.05em;

	vertical-align: 38%;

}

/**********************Main Content Area**************************************/



#mainContent {

	position: relative;

	width: 750px;

	overflow: hidden;

}

#mainContentRc {

	position:relative;

	float: right;

	width: 399px;

	padding: 0 38px;

	min-height: 699px;

}

#map {

	width: 397px;

	height: 288px;

	background: #e3e3e3;

	margin: 0;

	border: 1px solid #999;

}

/*********************Main Content Left Column*****************************/

#mainContentLc {

	position: relative;

	float: left;

	width: 268px;

	min-height: 700px;

	overflow: hidden;

}

#menu1Heading {

	background: transparent url(../images/bg-archive-title.png);

	margin-top: 36px;

}

#menu2Heading {

	background: transparent url(../images/bg-archive2-title.png);

	text-indent: 44px;

}

#menu1Heading, #menu2Heading {

	width: 191px;

	font-size: 1em;

	line-height: 3em;

	color: #fff;

	text-indent: 44px;

	margin-left: auto;

	margin-right: auto;

}

.menuArtworks, .menuShed {

	font-family: Verdana, Arial, sans-serif;

	font-size: 1em;

	line-height: 3em;

}

.menuArtworks a, .menuShed a {

	display: block;

	width: 191px;

	height: 36px;

	background: url(../images/bg-menu-items.gif) top left no-repeat;

	text-align:left;

	color: white;

	text-decoration:none;

	text-indent: 44px;

	overflow: hidden;

}

.menuArtworks a:hover, .menuShed a:hover {

	background-position: -191px 0;

	color: #000;

}

/***********************************************Main Content Left Column Menu Rollover*******************************************************************/

/***************Shed Menu Rollover 2009****************/ 

#worldimagestwo .menuShed .btnWorldImagesTwo, #earthquackthree .menuShed .btnEarthquackThree, #cannabis .menuShed .btnCannabis, #humanMusicOne .menuShed .btnHumanMusicOne, #divercityone .menuShed .btnDivercityOne,#earthquacktow .menuShed .btnEarthquackTwo, #crewgerTwo .menuShed .btnCrewgerTwo, #crewgerOne .menuShed .btnCrewgerOne, #earthquack .menuShed .btnEarthquack, #queerspraoi .menuShed .btnQueerSpraoi, #anaxagoras .menuShed .btnAnaxagoras, #reptilecabarettwo .menuShed .btnReptileCabaretTwo, #paradiseeight .menuShed .btnParadiseEight, #reptile .menuShed .btnReptile, #voice .menuShed .btnVoice, #paradiseseven .menuShed .btnParadiseSeven, #bandits .menuShed .btnBandits, #paradisesix .menuShed .btnParadiseSix, #worldimagestwo .menuShed .btnWorldImagesTwo, #paradisefive .menuShed .btnParadiseFive, #iluzjon .menuShed .btnIluzjon, #paradisefour .menuShed .btnParadiseFour, #calliope .menuShed .btnCalliope, #paradisethree .menuShed .btnParadiseThree, #worldimages .menuShed .btnWorldImages, #paradisetwo .menuShed .btnParadiseTwo, #paradiseone .menuShed .btnParadiseOne, /********************End Shed Menu Rollover 2009**************************/ /***************Shed Menu Rollover 2008****************/ #ironmountain .menuShed .btnIronMountain, #dawnbrainmelt .menuShed .btnDawnBrainMelt, #tafel .menuShed .btnTafel, #foliada .menuShed .btnFoliadaIrmandinha, #happyspaces .menuShed .btnHappySpaces, #peekaboo .menuShed .btnPeekAboo, #seeds .menuShed .btnSeeds, #victory .menuShed .btnVictory, #forms .menuShed .btnForms, #thelodger .menuShed .btnTheLodger, #aashillelagh .menuShed .btnAaShillelagh, #everydiscobut .menuShed .btnEveryDiscoBut, #lastvisit .menuShed .btnLastVisit, #visit .menuShed .btnVisit, #valentinesashes .menuShed .btnValentinesAshes, #soundpainting .menuShed .btnSoundPainting, #chance .menuShed .btnChance, /********************End Shed Menu Rollover 2008**************************/ /***************Shed Menu Rollover 2007****************/ #realms .menuShed .btnRealms, #fragility .menuShed .btnFragility, #passages .menuShed .btnPassages, #resistance .menuShed .btnResistance, #circles .menuShed .btnCircles, #blue .menuShed .btnBlue, #flowers .menuShed .btnFlowers, #behindthesewalls .menuShed .btnBehindTheseWalls, #shores .menuShed .btnShores, #skips .menuShed .btnSkips, #seventhip .menuShed .btnSeventhIp, #sixthip .menuShed .btnSixthIp, #moviegathering .menuShed .btnMovieGathering, #zonesofproximity .menuShed .btnZonesOfProximity, #holisticafternoon .menuShed .btnHolisticAfternoon, #atomicnarrative .menuShed .btnAtomicNarrative, #notesfromtheunderworld .menuShed .btnNotesFromTheUnderworld, #aprilgig .menuShed .btnAprilGig, #fourthip .menuShed .btnFourthIp, /********************End Shed Menu Rollover 2007**************************/ /***************Shed Menu Works ****************/ #leapintovoid .menuArtworks .btnLeapIntoVoid, #allout .menuArtworks .btnAllOut /************************End of Menu Works********************************/ {

	background-position: -382px 0;

	color:#000;

	cursor:default;

}

/*******************************************End Main Content Left Column Menu Rollover*******************************************************************/

.artArchives {

	width: 191px;

	height: 36px;

	display: block;

	background: url(../images/archive-works-symbol.gif) no-repeat 0 0;

}

.shedArchives {

	width: 191px;

	height: 36px;

	display: block;

	background: url(../images/archive-shed-symbol.gif) no-repeat 0 0;

}

#searchresult iframe {

	width: 399px !important;

}

/***********************************End of left column*****************************************/



/*********Thickbox Image Gallery************/

.galleryThumbnail {

	float: left;

	margin: 2px;

	display: inline;

}

.thumbOuter {

	padding: 0px;

	margin-top: 1.5em;

	/*Text-Align Center to center child DIV '.thumbInner' in IE 5.5.*/

	text-align:center;

	overflow: hidden;

}

.thumbInner {

	border: 1px solid #999;

	padding: 3px;

	width: 379px;

	margin-left:auto;

	margin-right:auto;

	overflow: hidden;

	background: #fff;

}



/*******End Thickbox Image Gallery***********/





/***********************Form Styles**********************/

#header fieldset {

	border-style: hidden none none;

	border-width: 1px medium medium;

}

#header label {

	font-family: Verdana, Arial, sans-serif;

	font-size: 1em;

	line-height: 1.5em;

	color: #fff;

}

#box {

	text-align: center;

} /*center for ie 5.5*/

#contactField {/*apply styles to <fieldset> tag*/

	font-family: Verdana, Arial, sans-serif;

	font-size: 1em;

	line-height: 1.5em;

	text-align: left;

	padding: 0px 0px 0px 27px;

	background: #999;

	color: #fff;

	border: none;

	position: relative;

	top: 3px;

}

#mainContentRc legend {

	background:#999999 none repeat scroll 0 0;

	font-family:Verdana, Arial, sans-serif;

	font-size:1em;

	font-weight: bold;

	line-height:1.5em;

	padding: 1em;

	padding-top: 0em;

	padding-bottom: 1.5em;

}

#mainContentRc form {

	margin: auto;

}

#mainContentRc form em {

	color: #fff;

}

#contact #mainContentRc input {

	width: 125px;

}

#checklist #mainContentRc input {

	width: 135px;

}

#mainContentRc input.submit {

	margin: 1.5em 0;

}

#contact #textFieldGroup {

	width: 83%;

}

#checklist .textFieldGroup {

	width: 91%;

}

#textFieldGroup label {

	width: 20%;

	display:inline-block;

}

#checklist #textFieldGroup label{

	width: 76%;

	display: inline-block;

}

#radioGroup {

	width: 33%;

	position:relative;

}

#radioGroup input {

	position: absolute;

	left: 100%;

	width: auto !important;

}

/***************End Form Styles*******************/



/**********************************End Main Content***********************************/

.border {

	border: 3px solid #ccc;

} /*border for images*/

.displayBlock {

	display:block;

}

.posRelative {

	position: relative;

}

.floatImageMargin1 {

	margin: 0px 5px 0px 0px;

}

.floatImageMargin2 {

	margin: 2px 5px 0px 0px;

}

.floatImageMargin3 {

	margin-right: 10px;

}

/****************************************Footer**********************************************/

#footer {

	position:relative;

	margin: 0px;

	width: 750px;

	height: 252px;

	background: url(../images/footer.jpg) no-repeat bottom left;

}

#box {

	width: 333px;

	height: 348px;

	border-bottom:3px solid #CCC;

	float: right;

}

#cityCouncil {

	position: absolute;

	left: 40px;

	top: 12px;

	/*visibility: hidden;*/

	width: 191px;

	height: 96px;

}

#home #cityCouncil {

	visibility: visible;

}

#notesfromtheunderworld .positionHtxt {

	position: absolute;

	right: 38px;

}