/*CSS file for Transmission Gallery
Author: Simone Hutchinson (with embellishments by Luke Barker for Infinite Eye)
Date: August 2008
You can beg borrow or steal
*/

/* INITIALIZE ME! +++++++++++++++++++++++++++++++++++++++++ */
body {color:#4c4c4c;background-color:#fff;font:76% arial,helvetica,sans-serif;}
h1 {margin:10px 0;padding:0;}
h2 {padding:0;text-transform:uppercase;font-size:1.3em;font-weight:normal;}
h3 {margin:1em 0;padding:0;font-weight:bold;font-size:1em;}
h4 {margin:0;padding:0;font-size:1em;}
h5 {margin:0;padding:0;font-size:1em;}

p {margin:1em 0;padding:0;font:1em arial,helvetica,sans-serif;}
ul {margin:auto;}
ol {margin:auto;}
dl {margin:auto;}
hr {
	text-align:center;
	width:80%;
}
address {margin: 10px 0;}
strong {font-weight:bold;}
em {font-style:italic;}

a img {border:0;}

/* LINKS +++++++++++++++++++++++++++++++++++++++++ */
a {text-decoration:none;}
a:link {color:#06f;}
a:visited{color:#90c;}
a:hover{text-decoration:underline;}
a:active, a.active{background-color:#ff0;}

/* DIV WRAPPERS +++++++++++++++++++++++++++++++++++++++++ */
#wrapper {width:592px;margin:0 auto;padding-bottom: 20px;}
#nav-and-search{width:570px;margin:0 auto;padding-bottom:8px;position:relative;background:transparent url('../img/hr-line.gif') 0% 100% no-repeat;}
#content {width:550px;margin:20px auto;}
#footer {width:570px;clear:both;margin:10px auto;padding-top:10px;background:transparent url('../img/hr-line.gif') 100% 0% no-repeat;}

/* NAVIGATION +++++++++++++++++++++++++++++++++++++++++++++++ */
#nav {list-style-type:none;width:470px;margin:0;padding:0;}
#nav li {display: inline;position:relative;}
#nav li a {text-transform:uppercase; margin:0 0 0 4px;text-decoration:none;color:#4c4c4c;}
#nav li a:link,#nav li a:visited {}
#nav li a:hover,#nav li a:active,#nav li a#nav-active {}
#nav li a:focus,input:focus {background-color:#ff0;}

#nav #subnav {display:none;padding:0;margin:0;background-color:transparent;} 
#nav li:hover #subnav {display:block;position:absolute;top:15px;left:0px;padding-top:9px;} 
#subnav li {margin:0;padding:0;display:block;}
#subnav li a {background-color:#ededed;color:#4c4c4c;padding:2px 5px;}
#subnav li a:focus,input:focus {background-color:#ff0;}
/* FORMZZZ +++++++++++++++++++++++++++++++++++++++++ */
#search {min-width:0;position:absolute;top:0;left:470px;width:100px;background-color:#fff; padding:0; margin:0;}
#search fieldset {margin:0;padding:0;border:0;}
#search fieldset label {display:none;border:0;}
#search input#searchterm {border:2px solid #4c4c4c;margin:0;padding:0 1px;width:60px;text-transform:uppercase;font-style:italic;/*text-align:center;*/}
#search input#searchbutton {cursor:pointer;border:0;margin:0;padding:0;background-color:#fff;font-style:italic;text-transform:uppercase;}

#list-shows {padding:0; margin:0;}
#list-shows  label {text-transform:uppercase;font-weight:bold;}
#list-shows  select {font-weight:bold;border:2px inset #4c4c4c;}
#list-shows  select option {padding:0 5px;}

.checkbox label, .checkbox input{
	float:left;	
}
.checkbox label {
	width:40%;
}
.cleared {
	clear:both;
}
/* CLASSES AND OTHER SCHOOL RULES +++++++++++++++++++++++++++++++++++++++++ */
.floatleft {float:left;}
.floatright {float:right;}
img.floatleft {margin:0 10px 10px 0;}
.worddoc {background:url('../img/microsoft-word-icon.gif') 100% 0% no-repeat;padding:0 30px 20px 0;}
h3 a {padding:0 20px 5px 0;background: transparent url('../img/adobe-pdf-icon.gif') 100% 0% no-repeat;font-weight:normal;}
/* ensure parent is position relative for this to work */
div.buttons, span.buttons {width:90px;position:absolute;top:0px;left:478px;}
div.buttons img, span.buttons img {padding:0 0 0 5px;display:inline !important;margin:0;}
div.buttons {height:16px;}

	
/* home page */
.portrait {width:100%;background-color:#dbdbdb;}
.portrait img {display:block;margin: 0 auto;border:10px solid #fff;border-top:0;border-bottom:0;}
.landscape img {border:0;margin:0 auto;padding:0;}
#footer p img {float: right;}
#footer p {font-size:0.9em;}
h2 a {padding:0 20px 5px 0;background: transparent url('../img/adobe-pdf-icon.gif') 100% 0% no-repeat;}
h2.homebuttons a {
	padding:0;background:none;
}



/*archive*/
ul#events {background-color:#4c4c4c;width:550px;margin:10px 0 0 0;padding:5px 0;list-style-type:none;}
ul#events li {margin:0 10px;padding:2px 0;}
ul#events li a {text-transform:uppercase;text-decoration:none;}
ul#events li a:link,ul#events li a:visited {color:#fff;}
ul#events li a:hover,ul.events li a:active,ul#events li a:focus {color:#ff0;}

.selected-event {
	position:relative;padding:0;margin:10px 0 0 0;
	width:550px;
	
}
h2.homebuttons {
	position:relative;
}

.selected-event .buttons, .homebuttons .buttons{
	z-index:10;position:absolute;
}

.selected-event h3, .selected-event p, .selected-event .buttons{
	margin:10px ;
}
.selected-event h3 {
	font-size:1.3em;
	margin-top:0;
}
.selected-event ul {
	border-top:10px solid #fff;
}

/*publications*/
div.pub {overflow:hidden;}/*to contain floats*/
div.pub h3 {background-color:#4c4c4c;width:548px;padding:2px 2px 2px 3px;color:#fff;font-weight:normal;text-transform:uppercase;}
div.pub img {float:right;margin:0 0 0 10px;}
div.pub p a {padding:0 20px 5px 0;background: transparent url('../img/adobe-pdf-icon.gif') 100% 0% no-repeat;}





/*members*/
form#login {width:150px !important;float:right;background-color:#ff0;margin:0 0 10px 10px;padding:10px;
	min-width:150px;max-width:150px;}
form#login h3 {text-transform:uppercase;margin:0;}
#login fieldset {padding:0; margin:0; border:0px solid}
#login fieldset label {display:block;margin:5px 0 0 0;padding:0;}
#login input#username {display:block;border:2px solid #4c4c4c; padding-left:3px; width:143px}
#login input#loginpassword {display:block;border:2px solid #4c4c4c; padding-left:3px; width:143px}
#login input#loginbutton {cursor:pointer;background-color:transparent;width:80px;text-transform:uppercase;font-style:italic; border:0; margin:0;float:right;}

ul#membersatoz {list-style-type:none;margin:0;padding:0;}
ul#membersatoz li {margin:0 20px 0 0;padding:0;display:inline;}

div#atozresults {overflow:hidden;width:100%;height:100%;background:url('../img/atozresults-bg.gif') 0 0 repeat-y;margin:10px 0;}

div#atozresults ul {list-style-type:none;margin:0 10px 10px 0px;padding:10px 0 0px 10px;width:166px;float:left;}
div#atozresults ul.last-one {margin-right:0px;padding-left:12px;}

div#atozresults ul#result-3 {margin:0;}
div#atozresults ul li {margin:0;padding:0px; font-weight:bold;}
div#atozresults ul li a {font-weight:normal;}




/* member profile */
div#artist-wrapper {position:relative;background-color:#ededed;padding:10px;clear:both;}
div#artist-wrapper h2 {margin:0;}
div#artist-wrapper div.buttons {margin:10px 0 0 0;}
div#artist-wrapper div.portrait, div#artist-wrapper div.landscape {margin:10px 0 0 0;background-color:#dbdbdb;}
ul#artistmenu {list-style-type:none;margin:10px 0 0 0;padding:0;width:100%;}
ul#artistmenu li {display:inline;margin:0;padding:5px 10px 0 10px;}
ul#artistmenu li.ui-tabs-selected {background-color:#ededed;}
ul#artistmenu li a {text-transform:uppercase;}
ul#artistmenu li.ui-tabs-selected a{color:#4c4c4c;}
ul#artistmenu li.ui-tabs-selected a:active {outline: none;}
ul#artistmenu li.ui-tabs-selected a:focus { -moz-outline-style: none; }
div#artist-wrapper p {margin:1em 0;}
div#artist-wrapper p#artwork-title {background-color:#dbdbdb;margin:0;padding:0px 5px 2px 5px;}


/*Contact*/
iframe {margin:0 0 0 0;padding:0;border:0;}
iframe + p {margin:0 0 0 10px;}


/* footer */
div#footer p {margin: 0;}

/*forms */
.message {
	background:#FFF6BF;
	color:#817134;
	border:2px solid #ddd;
	border-color:#FFD324;
	margin-bottom:1em;
	padding:.8em;
}
div.error {width:520px;}

.selected-event {
	padding-top:10px;
	
}

/* overrides the selected-event a little bit */
#homepage-event, #homepage-event .selected-event, #homepage-event .selected-event ul{
	padding-top:0 ;
	border:none;
	margin-top:0 ;
}

.selected-event .jCarouselLite ul li, .selected-event .jCarouselLite ul{
	padding:0;
	margin:0;
}

.selected-event .event-pix div.box {
	width:550px;
	height:550px;
	padding:0;
	margin:0;
	background-color:#dbdbdb;

	/* horiz and vert center images!*/
	line-height:550px;/* NB see - HTML head conditionals IE only has a hack for this, cos line-height cannot cut it :(	*/
	
	text-align:center;
	vertical-align:middle ;
	display:table-cell;
}




.selected-event .event-pix div.box img{
	border-top:10px solid #fff;
	border-bottom:10px solid #fff;
	vertical-align:middle ;
	
}
.selected-event .event-pix div.box img.portrait-img{
	border:none;
	border-left:10px solid #fff;
	border-right:10px solid #fff;


}
.events-items div.event-item{
	display:none;
}
.events-items div.selected-event {
	display:block;
}
.event-pix li span{
	text-align:center;
	width:100%;
	clear:both;
	display:block;
	background-color:#fff;
}

#events a.active{color:#4c4c4c !important;}

/* archive page*/
div.event-top{width:100%;background-color:#fff !important;padding-top:10px;}
div.event-top p{margin-bottom:0}
div.event-item {padding-top:0}

.selected-event div.description {
	width:100%;padding-top:10px; clear:both;background-color:#fff;
	/*padding-left:10px;
		padding-right:10px;
		width:530px;*/
}
.selected-event div.description object {
	margin-left:10px;
}
.selected-event div.description li {
	margin-right:10px;
}
/* pagination adjustments*/
.paging {display:block;text-align:center;}
.paging div {display:inline}
.paging a, .paging a:link, .paging a:visited, .paging a:hover, .paging a:active {
	color:#06f;
}

/* news section */
#neighbors {
	text-align:center;
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #dbdbdb;
}
#neighbors em {
	font-style:normal;
}
/*news*/
ul.news {background-color:#dbdbdb;width:550px;margin:10px 0 0 0;padding:5px 0;list-style-type:none;}
ul.news li {margin:0 10px 20px 10px;padding:2px 0 0 0;border-bottom:1px solid #eee;}

ul.news li a {text-transform:uppercase;text-decoration:none;}
ul.news li a:link, ul.news li a:visited {color:#06f;}
ul.news li a:hover ,ul.news li a:active, ul.news li a:focus {color:#4c4c4c;background-color:#ff0;}
ul.news li strong {
	color:#999;
	float:right;
}
ul.news li a.news-title{ width:350px;float:left;}
ul.news li p {
	clear:both;
	padding-top:5px;
	width:350px;
}
ul.news li a.lower-small{ font-size:96%;text-transform:none;}
.postheader h3 {
	overflow:hidden;
	background-color:#eee;
	padding:5px ;

}
.postheader em {
	float:left;
	font-style:normal;
	text-transform:uppercase;
}
.postheader span{
	float:right;
}
.postbody {clear:both;margin-left:5px;}



/*begin JQUERY css: 	tabs*/
.ui-tabs-hide { display: none; }
/*			tags*/
span.tagMatches {
    margin-left: 10px;
	display:block !important;
	z-index:10;
}

span.tagMatches span {
    padding: 2px;
    margin-right: 4px;
    background-color: #0000AB;
    color: #fff;
    cursor: pointer;
}
.tagcloud {
	background-color:#ededed;
	padding:5px 10px ;
	clear:both;
}
/* end JQUERY css */



.thumblist img {margin-right:10px;}
.thumblist li {margin-bottom:10px}
.no-bullets { list-style-type:none}
/* fck editors */
iframe {
	width:80% !important;
}
#mapper iframe {
	width:100% !important;
}
#fragment-4 iframe {
	width:530px !important;
	display:block;
}
/* logged in user? */
ul.nav-members {
	width:100%;
	list-style-type:none;
	text-align:right;
	padding:0;
	margin:0;

	border-bottom:2px groove #aaa;
}
ul.nav-members li{display:inline;padding:0 5px;}
ul.nav-members li a {
	
	font-weight:900;
	text-transform:lowercase;
}
ul.nav-members li a, ul.nav-members li a:visited {
	color:#0066FF;
}
dl {
	background-color:#eee;
	padding:10px 0;
}
dt {
	font-weight:bold;
	margin:10px;
}
dd {
	margin:0 10px;
}