/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
.low {display:none;}


/* body
--------------------------------------------------*/
body {
  margin:0;
  padding:15px 0;
  font-family:"Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  font-size:85%;
  line-height:1.6em;
  text-align:center;
}

body#commentspopup {padding:0;}


/* headings
--------------------------------------------------*/
h1,h2,h3,h4,h5 {
	font-family:georgia,"times new roman", serif;
}

h1 {
	font-size:24px;
	margin-bottom: 1em;
}

#content h2 {
  margin:0 0 12px 0;
  font-size:1.8em;
  font-weight:normal;
}

#content h3 {
  margin:0 0 18px 0;
  font-size:1.3em;
  font-weight: normal;
}

#content h4 {
  margin:0;
  font-size:1.15em;
}

#content li {
	margin: 1em 0;
}

#content.archive h2 {
  margin:0 0 10px 0;
}

#content.archive h3 {
	margin:0 0 26px 0;
	font-size: 1.5em;
}

#content.archive h4 {
  margin:0 0 18px 0;
  font-size:1em;
}

#content.archive h5 {
  margin:0;
  font-size:1em;
}


/* links
--------------------------------------------------*/
a {text-decoration:none;}

a img {border:none;}


/* paragraphs, lists, etc
--------------------------------------------------*/
p {
  margin:0;
  padding:0 0 18px 0;
}

ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
}

ul ul {padding:0;}

blockquote {
  margin:0;
  padding:0 18px;
  font-style:italic;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}

pre, code, kbr {font-family:Courier, Monaco, monospace;}

code, kbr {padding:0 2px;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}


/* images
--------------------------------------------------*/
img.left {
  float:left;
  margin: 0 15px 15px 0;
}

img.right {
  float:right;
  margin:0 0 15px 15px;
}

img.center {
  display: block;
  margin:0 auto;
}


/* container
--------------------------------------------------*/
#container {
  position:absolute;
  top: 20px;
  left: 50px;
  width:730px;
  margin:0 auto;
  padding:20px 20px 0 20px;
  text-align:left;
}

#commentspopup #container {
  width:455px;
  padding:0 15px;
}


/* header
--------------------------------------------------*/
#header {
  height:135px;
  padding:0 0 0 18px;
  position: relative;
  display: block;
  width:: 100%;
}

#header h1 {
  display:none;
  padding-top:50px;
}

#header h2 {
	position: absolute;
	width: 400px;
	text-align: center;
	top: 106px;
	left: 165px;
	color: #000;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}


/* navigation
--------------------------------------------------*/
#navigation {
  height: 2.1em;
  line-height: 2.1em;
  font-family:georgia,"times new roman", serif;
}

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

#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid;
  white-space:nowrap;
}

#navigation li a {
  display:block;
  padding:0 9px;
  font-size:1em;
}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation form {
  float:right;
  height:100%;
  width:189px;
  padding:0 15px;
  border-left:1px solid;
  line-height:0;
}

#navigation form fieldset {
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top: 6px;
  border:0 solid; /* Opera */
}

* html #navigation form fieldset {margin-top:3px;}

#navigation #s {
  width:110px;
  margin:0 5px 0 0;
  padding:0;
  border: 1px solid; 
  background: #f1da9d;
  font-size:1em;
  vertical-align:middle;
}

#navigation #searchbutton {
  height:2em;
  width:auto;
  padding:0 1px;
  border:1px solid;
  font-size:9px;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
}


/* content
--------------------------------------------------*/
#content {
  float:left;
  width:485px;
  padding-top:32px;
  padding-right: 10px;
}

.singlecol #content {
  float:none;
  width:580px;
  margin:0 70px;
}

#commentspopup #content {
  float:none;
  padding-top:0;
}


/* entry
--------------------------------------------------*/
.entry {margin:0 0 40px 0;}

.entry img {
	padding: 5px;
	background: #fff;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.entry .info {
  position:relative;
  margin: 10px 0 0;
  padding:3px;
  border-top:1px solid;
  border-bottom:1px solid;
  font-size:0.9em;
  clear: both;
}

.entry.single {clear:both;}

.entry.single .info {margin:0 0 22px 0;}

.entry .info a {
  margin-right:6px;
  padding-right:9px;
  border-right:1px solid;
}

.entry .info em {
  padding-right:6px;
  font-style:normal;
}

.entry .author,
.entry .editlink a {
  margin:0;
  padding:0 0 0 10px;
  border-left:1px solid;
  border-right:none
}

.entry #filedunder {
  clear:both;
  padding:3px 0 0 0;
  font-size:0.9em;
  border-top:1px solid;
}


/* mini-entry
--------------------------------------------------*/
.minientry {
  position:relative;
  margin:0px 0 35px 0;
  padding:10px 0;
  border-top:1px dotted;
  border-bottom:1px dotted;
}

.minientry p {padding:0;}

.minientry .commentlink {
  margin-left:3px;
  padding-right:7px;
  border-right:1px solid;
  font-size:0.9em;
}

.minientry .permalink {
  margin-left:3px;
  font-size:0.9em;
  font-style:normal;
}

.minientry .author,
.minientry .editlink a {
  margin-left:6px;
  padding:0 8px 0 10px;
  border-left:1px solid;
  font-size:0.9em;
  font-style:normal;
}

.minientry .editlink a {margin:0;}


/* comments
--------------------------------------------------*/
#comments h2 {margin-bottom:24px;}

#comments h2 a {
  margin-left:2px;
  padding-left:6px;
  border-left:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.55em;
}

#comments ul {margin:0 0 0 20px;}

#comments li {
  position:relative;
  margin-bottom:18px;
}


#comments li p {padding:0 0 10px 0;}

#comments .header {
  position:relative;
  min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
  margin:0 0 10px 0;
  padding:3px 6px;
}

* html #comments .header {height:19px;} /* IEWin */

#comments .header strong {font-family:Georgia,sans-serif;}

#comments .header .gravatar {
  position:absolute;
  top:1px;
  right:1px;
}


/* form
--------------------------------------------------*/
form {padding:6px 0;}

#commentform, #contactform {margin-bottom:18px;}

form fieldset {border:0 solid;} /* Opera */

form p {
  padding:6px 0;
  /*border-bottom:1px solid;*/
}

form label {
  display:block;
  float:left;
  width:60px;
}

#commentform label {margin:0 15px 0 15px;}
#contactform label {margin:0 15px 0 0;}

form em {
  margin-left:5px;
  font-size:0.9em;
  font-style:normal;
}

form input, form textarea {
  padding:3px;
  width:200px;
  border:1px solid;
  font-family:georgia,"times new roman", serif;
  font-size:0.9em;
}

form textarea {overflow:auto;}

#commentform input {width:200px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:465px;}

* html #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN; but why? */

form .button {
  width:90px !important;
  border-bottom:1px solid;
  font-weight:bold;
}

#commentform .button {margin-left:90px;}
#contactform .button {margin-left:75px;}

form .hiddenfield {display:none;}

form .info {padding-left:90px;}


/* archives
--------------------------------------------------*/
.archive .postspermonth {
  margin:0;
  list-style:none;
}


/* content misc
--------------------------------------------------*/
.next a {float:right;}
.previous a {float:left;}

#entrynavigation {
  overflow: auto;
  height:1%;
  margin-bottom:13px;
  padding-bottom:13px;
  border-bottom:1px solid;
  font-size:0.9em;
}

/* gallery
--------------------------------------------------*/

#content.gallery {
  width:720px;
  margin:0;
}

#content.gallery table {
	border: none;
	border-collapse: collapse;
	width: 100%;
}

#content.gallery table th {
	text-align: center;
	font: normal 1em/1.2em georgia,"times new roman", serif;
	padding: 3px 10px;
}

#content.gallery table td {
	width: 110px;
	height: 110px;
	text-align: center;
	vertical-align: middle;
	padding: 6px 3px 0;
}

#content.gallery table td img {
	padding: 4px;
	background: #eee;
	border-top: solid 1px #ddd;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	border-left: solid 1px #ddd;
}	

.grower-name {
	border-bottom: 1px solid #ccc;
}
.thumbnail-grower {
	width: 150px;
	text-align: center;
	font-size: 1em;
	padding-top: 5px;
}
table.grower-thumbs td {
	width: 150px;
}
.grower-title {
	color: #739f06;
	font-weight: bold;
}
/* subcontent
--------------------------------------------------*/
#subcontent {
  float:right;
  width:205px;
  padding:1em 0 2em 1em;
  font-size:0.9em;
  line-height:1.5em;
  border-left: thin #999999
}

* html #subcontent {padding-top:32px;} /* dirty fix for IEWIN; temporary! */

#subcontent ul, #subcontent p {margin:0 10px;}

#subcontent ul {
	padding: 0 0 8px 0;
}

#subcontent p.note {
	font-size: 85%;
	padding: 0.2em;
	margin: 0.25em 0;
	line-height: 1.2em;
	background: #ffb;
}

/* subcontent headings
--------------------------------------------------*/
#subcontent h2 {
  margin:18px 0 10px 0;
  font-family:Georgia,serif;
  font-size:1em;
  line-height:1em;
}

#subcontent h2 em {
  display:block;
  padding:5px 10px;
  font-style:normal;
}


/* subcontent list
--------------------------------------------------*/
#subcontent ul li {
  margin:2px 0 2px 18px;
  padding-bottom:2px;
  border-bottom:1px solid;
}

#subcontent li a {
  display:block;
  padding:1px 0;
  height:1%; /* IE WIN */
}

#subcontent ul.categories li ul {margin:0;}

#subcontent ul.categories li li {
  margin:0;
  padding:0 0 3px 0;
  border-bottom:none;
}

#subcontent ul.categories li ul ul {margin:0 0 0 16px;}


/* calendar
--------------------------------------------------*/
#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:185px;
  margin:0px 10px 0 10px;
  text-align:center;
}

#subcontent table caption {
  margin:-5px 10px 0 10px;
  padding-bottom:5px;
  border-bottom:1px solid;
  letter-spacing:0.1em;
}

#subcontent table thead tr {border-bottom:1px solid;}

#subcontent table th {border-bottom:1px solid;}

#subcontent table td {
  width:200px; /* maximaize width; honestly, I don't know much about tables... */
  padding:1px;
  font-size:0.9em;
}

#subcontent table td#today {
  padding:0;
  border:1px solid;
  font-size:1em;
  font-weight:bold;
}

#subcontent table td a {
  display:block;
  border-bottom:1px solid;
  font-weight:bold;
  font-size:1.15em;
}

#subcontent table tfoot {border-top:1px solid;}

#subcontent table tfoot a {
  border:none;
  font-weight:bold;
}

#subcontent table tfoot #prev a {text-align:left;}
#subcontent table tfoot #next a {text-align:right;}


/* paypal
--------------------------------------------------*/

#paypal {
	text-align: center;
	padding: 42px 0 0;
	background: url(../images/m4k/paypal.gif) no-repeat top center;
}

#paypal input {
	width: 110px;
	height: 23px;
	border: none;
}

/* stache du jour
--------------------------------------------------*/

#stachedujour {
	text-align: center;
}

#stachedujour img {
	padding: 4px;
	background: #eee;
	border-top: solid 1px #ddd;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	border-left: solid 1px #ddd;
}

/* footer
--------------------------------------------------*/
#footer {
  clear:both;
  padding:40px 0 15px 0;
  font-size:0.9em;
}

.singlecol #footer {
  padding:25px 0 15px 0;
}

#footer p {
  padding:12px 0 18px 0;
  border-top:1px solid;
  font-size: 90%;
}

#footer strong {font-weight:normal;}

.singlecol #footer p {
  padding:12px 70px 18px 70px;
}




body#commentspopup {
	background:white;
}





/* headings

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

h1, h1 a,

h2, h2 a,

h3 a,

h4 a {
	color:#739f06;
}

h3, h4 {
	color: #ad8242;
}


h1 a:hover,

h2 a:hover,

h3 a:hover,

h4 a:hover {
  	color:#8dbe15;
}



/* links

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

a {color:#6C8C37;}



a:hover {color:#009193;}



a.commentlink {

  padding-left:22px;

  background:url(../images/m4k/comments.gif) 3px 2px no-repeat;

}



a.more {

  padding-right:10px;

  background:url(../images/m4k/more.gif) center right no-repeat;

}





/* paragraphs, lists, etc

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

pre,

code

  {background:#F8FAF2;}



kbr {color:#009193;}





/* container

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

#container {

  padding-top:0;

  border-top: 20px solid white;
  background: #ffffff;

}



#container.singlecol,

#commentspopup #container {background:#fff;}







/* header

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

#header {

  background: #e2c088 url(../images/m4k/header_bg.jpg) no-repeat;

}





/* navigation

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

#navigation {background:#009ace;}



#navigation li {border-color: #00b8ce;}



#navigation a {color:white;}



#navigation .selected,

#navigation a:hover

  {background:#000}



#navigation form {

  border-color: #fb6262;

  background:#bc9226 url(../images/m4k/corner_bottom_right.gif) bottom right no-repeat;

}



#navigation #s {
  border-top: 1px solid #8a6913;
  border-left: 1px solid #8a6913;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff; 
}



#navigation #searchbutton {

  color:white;

  background:#fb2626;
  border-bottom: 3px double #aa0000;
  border-right: 3px double #aa0000;
  border-top: 3px double #ffcaca;
  border-left: 3px double #ffcaca;
  text-transform: uppercase;

}

div#m4k-email {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	float: right;
	}

/* body

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

body {

  color: #414141;

  background: #e9e1be;

}



body#commentspopup {
	background:white;
}



/* Entry

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

.entry {
	margin:0 0 40px 0;
}

.entry h2 {
	text-align: center;
	padding: 0 0 30px;
	background: url(../images/m4k/hr.gif) no-repeat bottom center;
}


.entry .author {}



.entry .info {

  border-color:#F3F4F4;

  background:#FAFAFA;

}



.entry .info a {border-color:#949494;}



.entry a.more {

  padding-left:12px;

  background:url(../images/m4k/more.gif) center left no-repeat;

}



.entry .info .date {

  padding-left:19px;

  background:url(../images/m4k/post.gif) center left no-repeat;

}



.entry .info .author {

  padding-left:23px;

  border-color:#949494;

  background:url(../images/m4k/author.gif) 10px 2px no-repeat;

}



.entry #filedunder {border-color:#F3F4F4;}





/* Mini-Entry

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

.minientry  {border-color:#D9D9D9;}



.minientry .commentlink {border-color:#949494;}



.minientry .permalink {

  padding-left:19px;

  background:url(../images/m4k/post.gif) center left no-repeat;

}



.minientry .author {

  padding-left:23px;

  border-color:#949494;

  background:url(../images/m4k/author.gif) 10px 2px no-repeat;

}


/* Events

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



div.event {
	padding-left: 1em;
	border-bottom:#666666;
	}
	
div.location-title {
	font-family: georgia, "times new roman", times, serif;
	font-size: 16px;
	font-weight: bolder;
	color: #003399;
	}
	
div.location-title a {
	font-family: georgia, "times new roman", times, serif;
	font-size: 16px;
	font-weight: bolder;
	color: #003399;	}

div.location {
	font-family: georgia, "times new roman", times, serif;
	font-size: 14px;
	color: #000000;
	line-height: 1.1em;
	}

div.date {
	color: #3399FF;
	margin-bottom: 0.2em;
	margin-top: 1em;
	font-size:18px;
	}

div.time {
	margin: 0em;
	color: #993300;
	font: 14px bold;
	}
	
div.event h2 {
	color: #993300;
	margin-bottom: 0.2em;
	margin-top: 1em;
	font-size:14px;
	}
	
div.event p {
	margin-top: 1em;

	}
	
	
/* Q&A

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

div.q-a {
	width: 500px;
	margin-bottom: 0.8em;
	}

div.q-a span{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight: bold;
	color:#669966;
	padding-right: 0.5em;
	}



div.floating-pic {
	float: right;
	padding: 1em;
	border: #666666 1px;
	text-align: center;
	width: 200px;
	overflow: visible;
	}
	
span.image-caption {
	float: left;
	font-family: georgia, serif;
	font-size: 14px;
	color: #000000;
	}

/* Comments

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

#comments h2 {margin-bottom:24px;}



#comments h2 a {color:#6C8C37;}



#comments li.comment {list-style-image:url(../images/m4k/comments.gif);}



#comments li.trackback,#comments li.pingback {list-style-image:url(../images/m4k/pingtrackback.gif);}



#commentform {background:#EDF3DE;}



#comments .header {background:#EDF3DE;}



#comments .header.alt {background:#E9F7F6;}





/* form

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

form p {border-color:white;}



form label { color:#6C8C37;}



form em {color:#C8C8B4;}



form input {color:#414141;}



form input, form textarea {

  border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;

}



form .button {

  border-color:white #DCDCDC #DCDCDC white;

  background:#F0F0F0;

}





/* Archives

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

.archive .postspermonth {color:#A0A0A0;}





/* content misc

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

.next a {

  padding-right:10px;

  background:url(../images/m4k/next.gif) center right no-repeat;

}



.previous a {

  padding-left:10px;

  background:url(../images/m4k/previous.gif) center left no-repeat;

}



#entrynavigation {border-color:#F3F4F4;}



.editlink {

  position:absolute;

  height:14px;

  width:14px;

  right:2px;

  background:url(../images/m4k/edit.gif) 0 -14px;

}



html>body .editlink {bottom:6px;}



.entry .info .editlink a,

.minientry .editlink a,

#comments li .editlink a {

  display:block;

  height:14px;

  width:14px;

  margin:0;

  padding:0;

  border:none;

  font-size:1px; /* IEWin */

  line-height:0; /* IEWin */

  text-indent:-9999px;

  background:url(../images/m4k/edit.gif) 0 0;

}



.entry .info .editlink a:hover,

.minientry .editlink a:hover,

#comments li .editlink a:hover

  {background:none;}



/* gallery

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

#content.gallery table th {
	background: #A3C159;
	color: #fff;
	border-right: solid 1px #fff;
}

#content.gallery table tr.odd td {
	background: #fffce3;
}


/* subcontent

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


#subcontent {
	border-left: thin #999999;
	}





/* subcontent headings

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

#subcontent h2 {
  color:white;

  background:#A3C159 url(../images/m4k/corner_top_left.gif) top left no-repeat;

}



#subcontent h2 em {background:url(../images/m4k/corner_bottom_right.gif) bottom right no-repeat;}





/* subcontent list

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

#subcontent ul li {border-bottom-color:#F0F0F0;}



#subcontent li a:hover {background:#FFFBF0;}



#subcontent ul.pages li {list-style-image:url(../images/m4k/star_sm.gif);}



#subcontent ul.categories li,

#subcontent ul.months li {list-style-image:url(../images/m4k/categories.gif);}



#subcontent ul.links li {list-style-image:url(../images/m4k/star_sm.gif);}



#subcontent ul.feeds li {list-style-image:url(../images/m4k/feed_icon.gif);}



#subcontent ul.posts li {list-style-image:url(../images/m4k/star_sm.gif);}



#subcontent ul.categories li li {list-style-image:url(../images/m4k/sub_categories_yellow.gif);}


#subcontent ul.downloads li {list-style-image:url(../images/m4k/star_sm.gif);}

#subcontent ul.downloads li.pdf {list-style-image:url(../images/m4k/pdf.gif);}



/* calendar

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

#wp-calendar {color:#A0A0A0;}



#subcontent table caption {border-bottom-color:#F3F4F4;}



#subcontent table thead tr {

  border-bottom-color:#F3F4F4;

  color:#414141;

}



#subcontent table th {border-bottom-color:#F3F4F4;}



#subcontent table td#today {

  border-color:#F3F4F4;

  color:#414141;

}



#subcontent table td a {

  border-bottom-color:#A3C159;

  background:#EDF3DE;

}



#subcontent table tfoot {border-top-color:#F3F4F4;}



#subcontent table tfoot a {background:none;}





/* footer

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

#footer {

  color:#A0A0A0;

  background:white url(../images/m4k/footer_bg.gif) 470px 0px no-repeat;

}



.singlecol #footer {background:none;}



#footer p {border-top:6px solid #e2b572;}



#footer a {color:#AAA; text-decoration: underline;}



#footer a:hover {color:#414141;}



#footer strong {color:#a3c159;}

http://www.m4kchicago.org/wp-content/themes/m4k/css/lightbox.css

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* Hover Popups
-----------------------------------------*/

/*hoverpopups type 1*/

#popup {
margin-bottom: 15px;
}

#popup a, #popup a:visited {
position: relative;
display: block;
line-height: 30px;
text-align: right;
padding: 10px;
margin: 0;
border: 0px solid #666;
text-decoration: none;
font-size: 1em;
font-weight: bold;
text-align: left;
}

#popup a span {display: none;}

#popup a:hover { background-color: #e9e9e2; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: #e9e9e2;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 170px;
width: 420px;
margin: 0px;
padding: 10px;
color: #335500;
font-weight: normal;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
z-index: 9999;
}