/* base
----------------------------------------------- */

html {
color: #000;
background: #fffefd url(/2008/images/6.jpg) 50% 0 repeat-y;
overflow-y: scroll;
}
body {
font-family: 'Trebuchet MS', Trebuchet, arial, Tahoma, Helvetica, sans-serif;
line-height:1.5;
}
#custom-doc { width:69.23em;*width:67.56em;min-width:900px; margin:auto; text-align:left; }

/* border
----------------------------------------------- */
#hd {
background:transparent url(/2008/images/10.jpg) 0 29px no-repeat;
height:60px;
}
#ft {
margin:0;
padding:0;
background:transparent url(/2008/images/11.jpg) 0 0 no-repeat;
height:50px;
padding-top:40px;
font-size:0.7em;
text-align:left;
}
#bd {
background:transparent url(/2008/images/12.jpg) repeat-y;
}


/* xtra layout
----------------------------------------------- */

.alt-b {
background-color:transparent;
}
.squeeze {
padding:1em 1em 0 5em;
}


/* home page
----------------------------------------------- */

div#banner {
margin-bottom:1em;
}
p.intro {
font-size:1.5em;
padding-bottom:1.5em;
}

div#hm {
margin-top:-0.9em;
background-color:#fcd3c1;
padding:1.25em 1em 0.25em 1.5em;
}
div#hm h3 {
padding-bottom:0.3em;
}
div#hm li {
font-size:0.9em;
background-image:none;
margin-left:0;
padding-left:0;
padding-top:0.5em;
border-top:1px dotted #fff;
}
div#hm h3 {
padding-top:0;
}

.col-half-wrap {
width:565px;
height:16em;
margin-top:1em;
margin-bottom:0;
}
.half-box div {
padding:1em 1em 1em 1.5em;
}
.half-box {
float:left;
width:275px;
height:16em;
background-color:#cceaea;
margin-right:15px;
font-size:0.9em;
}
.right {
float:left;
background-color:#d0f1bb;
margin-right:0;
}
.half-box img {
padding:0.4em 0 1.1em 0;
}
.right img {
padding:0 0 1em 0;
}
.half-box p {
padding-bottom:0.5em;
}


/* override overrides
----------------------------------------------- */

p,ul {
padding:0 0 1em 0;
}
li {
list-style-type:square;
padding-left:0em;
margin-left:1.25em;
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
small {
font-size:0.8em;
}


/*- Headers------------------------- */

h2 {
font-family:'arial narrow',arial,sans-serif;
font-size:2.75em;
background-color:transparent;
color:#654995;
padding:0 0 0.25em 0;
line-height:1.15;
}
h3 {
padding:0.5em 0 0.5em 0;
font-family:'arial narrow',arial,sans-serif;
font-weight:normal;
font-size:170%;
color:#654995;
line-height:1.2em;
}
h4 {
padding:1em 0 0.5em 0;
font-family:'arial narrow',arial,sans-serif;
font-weight:normal;
font-size:130%;
color:#654995;
line-height:1.2em;
font-weight:bold;
}



/* general
----------------------------------------------- */

.zem_event_time,.zem_event_finish_time {
text-transform:lowercase;
}


/* sidenav
----------------------------------------------- */

div#Done_logo {
margin:1em 0 2em 0;
}

ul.sidenav {
width:231px;
margin-bottom:0.75em;
}
ul.sidenav li {
list-style-type:none;
background-image:none;
padding:0;
margin:0;
font-size:1.25em;
font-weight:bold;
}
ul.sidenav li a {
display:block;
background:transparent url(/2008/images/8.jpg) repeat-y;
color:#fff;
padding:0.25em 0.7em;
margin-bottom:0.25em;
text-decoration:none;
}
ul.sidenav li a.active {
color:#654995;
}
ul.sidenav li a:hover {
color:#fdbf3a;
}
div#cloud {
margin-top:0.5em;
}


/* links
----------------------------------------------- */

a {
color:#ee3943;
}
a:hover {
color:#555;
}


/* images
----------------------------------------------- */

.image-right {
float:right;
margin:2px 0 5px 13px;
}
.image-left {
float:left;
margin:2px 13px 5px 0;
}

div.image-caption img,
div.image-caption-right img,
div.image-caption-left img {
padding:0 0 0.5em 0;
}
div.image-caption-right {
float:right;
margin:4px 0 5px 13px;
}
div.image-caption-left {
float:left;
margin:4px 13px 5px 0;
}

p.caption {
font-size:90%;
color:#505050 !important;
font-style:italic;
line-height:1.3em;
}


/*- Article Nav--------------------- */

div.navlist {
clear:both;
}
div.navlist ul {
list-style-type:none;
border-top:1px dotted #333;
padding:3px 0 0 0;
margin:9px 0;
}
div.navlist ul li {
background:none;
padding:5px 0;
margin:0;
}
.left {
float:left;
}
.right {
float:left;
}

div.navlist li a {
padding-right:1em;
}
div.navlist li.altnav a {
padding-right:0.5em;
}


/*- Lists---------------------------- */

ul {
padding:0 0 1em 0;
}
li {
padding-bottom:0.5em;
list-style-type:none;
background:transparent url(/2008/images/3.gif) 0 3px no-repeat;
padding-left:22px;
margin-left:6px;
}
ul.doc li {
list-style-type:none;
background:transparent url(/2008/images/4.gif) 0 2px no-repeat;
padding-left:23px;
margin-left:5px;
}
.file_download_size {
color:#555;
font-size:85%;
padding-left:5px;
}


/*- Definition Lists------------------ */

dl {
margin-top:1.25em;
}
dt,dd {
padding:0.4em 0.4em 0.4em 0.75em;
margin:0 0 0.25em 0;
background-color:#fff;
}
dt {
width:4em;
float:left;
}
dt.dt-header {
background-color:#ac1d23;
color:#f7c323;
margin-top:15px;
}


/*- Definition Lists - Events -------- */

dd.date-dd-header {
background-color:#1862ae;
color:#fff;
font-weight:bold;
margin-top:1.5em;
}
dd.date-dd {
background-color:#10b9ba;
color:#fff;
font-weight:bold;
margin-top:0.5em;
}

dd.odd {
background-color:#d0f1bb;
color:#333;
}
dd.even {
background-color:#cceaea;
color:#333;
}


/*- Tables metadata: events, venues -- */

table#meta-table {
margin:0.5em 0 1.5em 0;
width:565px;
border-top:1px dotted #333;
padding-bottom:0.5em;
}
table#meta-table td {
color:#333;
font-weight:bold;
padding:0.4em 0 0.4em 0.75em;
margin-bottom:0.25em;
border-bottom:1px dotted #333;
}
table#meta-table td.meta-label {
color:#333;
width:5.1em;
padding-left:0;
font-weight:normal;
}

table.venue-list {
margin-top:1em !important;
}
.venue-list td {
color:#000 !important;
font-weight:normal !important;
}

table.program {
margin-bottom: 2em;
}
table.program td {
border-top:1px dotted #333;
padding:0.4em 1.5em 0.4em 0;
margin-bottom:0.25em;
vertical-align:top;
border-bottom:1px dotted #333;
}


/*- News items------------------- */


p.news-byline {
font-style:italic;
font-size:90%;
margin:0.2em 0;
color:#444;
}

/*- Post boxes------------------- */

div.post-box {
padding:0;
margin:0.75em 0 0 0;
border-top:1px dotted #333;
}
body#front div.post-box {
margin-right:0.9em;
}
body#front div.post-box {
padding-bottom:0;
margin-top:0;
}
div.post-box-alt {
padding:1.25em 0 0.9em 0;
margin:0.75em 0 0 0;
border-top:1px dotted #6682a8;
}
div.post-box h3, div.post-box h4, div.post-box p {
padding-left:60px;
padding-right:10px;
}
div.post-box h4 {
font-size:130%;
font-weight:bold;
padding-top:0.9em;
padding-bottom:0.4em;
}
div.post-box p {
padding-top:0;
}
.post-meta {
margin-top:0;
font-size:90%;
color:#555;
}
h3.homeh {
padding-bottom:0.25em;
padding-top:0;
font-size:2em;
line-height:1;
}

/*- Calendar dates ----------------- */

.news-date {
font-size:12px;
line-height:14px;
float:left;
width:45px;
padding:0 0 0.3em 0;
margin:1.25em 0 0 0;

text-align:center;
       border-right:1px solid #aaa;
       border-bottom:1px solid #999;
       color:#555;
       background-color:#fff;
}
.day {
color:#ee3943;
background-color:#fcd3c1;
padding:0.1em 0;
margin:0 0 0.1em 0;
}
.month {
text-transform:uppercase; 
font-weight:bold; 
color:#ee3943;
}

/*- Twitter feed ----------------- */

p.twitter-h {
padding:2.5em 0 0.9em 0;
}
p.twitter-p {
padding-bottom:0.9em;
}
div.simplepie dl {
border-top:1px dotted #333;
margin:0 0 1em 0;
padding:0;
}
div.simplepie dl dt,
div.simplepie dl dd {
background-color:transparent;
margin:0.5em 0 0 0;
padding-left:0;
border-bottom:1px dotted #333;
} 
div.simplepie dl dd {
padding-bottom:1em;
}
div.simplepie dl dd b {
font-weight:normal;
}
div.simplepie dl dd span,
div.simplepie dl dd span a {
font-style:italic;
color:#666;
line-height:2;
}

/*- Contact form ----------------- */

form.zemContactForm input {
margin-bottom:1em;
}
form.zemContactForm input.zemSubmit {
margin-top:1.5em;
}

/*- Search results -------------- */

p.resultCount {
padding:0 0 1.5em 0;
font-style:italic;
font-size:1.1em;
}
div.searchbox {
margin-bottom:1.5em;
}
div.searchbox p {
padding-bottom:0.3em;
}
div.searchbox p.searchURL a {
color:#555;
text-decoration:none;
}
div.searchbox p.searchURL a:hover {
color:#ee3943;
text-decoration:none;
text-decoration:underline;
}

/* 
slimbox
------------------------------------------------------

style

------------------------------------------------------ */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/2008/scripts/css/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/2008/scripts/css/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/2008/scripts/css/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/2008/scripts/css/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}




/* 
Flickr integration
------------------------------------------------------

plugin: vdh_flickr

------------------------------------------------------ */

.setpreview {
	margin: 0 2em 1em 2em;
}
	.setpreview .thumbnail {
		float: left;
		margin-right: 1em;
	}

.flickrset {margin: 10px 0 0 0}

.flickrset a {
	border: solid #F67733 0px;
	width: 75px;
	height: 75px;
	background: #fff0d6;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0px;
}
.flickrset a:hover {
	background: #F67733;
}
.flickrset img {
	border: 0;
}
.pages_nav {
	clear: both;
}
.individual {
	padding: 0 2em;
}
	.individual .image {
		margin: 0.5em auto;
		text-align: center;
	}
	.individual .image img {
	}
	.individual .flickrsetnav {
		text-align: center;
	}
		.individual .flickrsetnav a,
		.individual .flickrsetnav a:link,
		.individual .flickrsetnav a:visited {
			text-decoration: none;
		}
	.individual .setname {
		display: inline;
	}



.hide {
display:none;
}