@charset "utf-8";

/* ----------------

	kluster pages file
	css specific to www.kluster
	(c) 2009 kluster
-----------------*/

/* About Us */
#sidebar #imageList {position: relative;top: 0;}

#sidebar #imageList a{border:none; background-color: Transparent;}

#sidebar #imageList ul { }			

#sidebar #imageList li { float: left;display: inline; width: 120px;height: 120px; padding-right: 20px; padding-bottom: 20px;}

#sidebar #imageList ul li a{position:relative;}

#sidebar #imageList ul li .description{display:none;width:100%;height:40px;position:absolute;top:0; left:0;

	background:url(../images/trans.png) repeat;font-style:italic;font-size:0.8em;text-align:center;padding-top:80px;}

#sidebar #imageList ul li:hover .description{display:block;}

#sidebar #imageList ul li .description span{display:block;font-size:0.7em;}

			 

#whoweare p{font-size:0.8em; margin-top:20px;}

#staffDescription { }

#staffDescription ul { margin: 0;padding: 0;}

#staffDescription ul li {list-style: none; padding-top: 20px;padding-bottom: 20px;}

#staffDescription ul li.heading {padding:0;}

#staffDescription h2 { width: 500px; font-size: 1.2em; font-style: italic;font-weight: normal;color: #f5b192; text-decoration: underline;margin: 0;}

#staffDescription h4 { margin: 0;font-size: 1.3em; font-style: italic; font-weight:normal; color: #000;}		 

#staffDescription h5 { margin: 10px 0 0 0;font-size: 1em; font-style: italic; font-weight:normal; color: #000;}

#staffDescription .job {font-size: 0.8em;font-style: italic; display: block;}

#staffDescription .mailto {font-size: 0.8em; font-style: italic; margin-bottom: 20px; display: block;}

#staffDescription .description {font-size: 0.8em;}

	 

/* kluster says / newsletter */



#previewPane{border:none;width:600px;height:7800px;margin-right:10px;}

#newsletterList li {border-bottom:1px dotted #CCCCCC;padding:5px; color:#999;}

#newsletterList li:hover { background:#F6B192; }

#newsletterList li a { border:none; display: inline; background: transparent; }

#newsletterPreview h1{ margin-bottom:20px; }



/* gallery */

#gallery{ margin-top:-20px; }

#gallery .pageContent{margin-top:30px;}

#gallery .imageList li{ list-style-type: none; float: left; padding: 0 5px 20px 0; }

#gallery .imageList li img{display: block;float:left;margin-right:20px;border:solid 2px transparent;}

#gallery .imageList li div{display:table;}

#gallery h3 a{border:none;font-style:italic;font-weight:normal;font-size:1em;color:#f6b192;margin-bottom:30px;}

#gallery h3 a:hover{color:#fff;background-color:#f6b192;}

#gallery a:hover img{border-color:#f6b192;}	



/* browsers */

#browsers ul { clear: both; }

#browsersList li{list-style-type:none;height: 40px;}

#browsersList li img{ float:left; padding-right: 10px; }



/* event pages */

.flyer { border-bottom: 1px solid #cccccc; margin-bottom: 25px }

.klusterpresents h2 { font-family: Georgia, Times New Roman, serif; font-style:  italic;

					  font-size: 20px; text-transform: lowercase }

.klusterpresents h3 { font-family:  Georgia, Times New Roman, serif; font-style: italic;

					  font-size: 18px; text-transform: lowercase; font-weight:  normal; margin: 25px 0 10px 0 }

.artist { position: relative; margin-bottom: 7px; }

.artist a.nolink { border: none; }

.artist a.nolink:hover { border: none; background-color: none; color: white }

.artist-info { width: 250px; position: absolute; background-color: #E3E3E3; padding: 15px;

			   top: 0; left: -290px; display: none; border-top: 1px solid #ccc; border-bottom: 1px solid #999; border-right: solid 10px #fff }

.artist-info p { font-size: 12px; }



.horizontal-line { border-top:1px solid #ccc;margin:10px 0 }