@import url(/css/2009/reset.css); 

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

/*
=======================
Type
=======================
*/

body {	
	font-size: 100%;
   font-family: Georgia, "Times New Roman", Times, serif;
    /* font-family: Arial, Helvetica, "Liberation Sans", "FreeSans"; */
    line-height: 1.5;
    color: #333;
background: #5cc1bd url(/Images/2010/top-drip-14.gif) center top no-repeat;
	}

h2, h3, h4, h5, h6 { 
	color: #000; 
	font-weight: 900;
font-family: "le-havre-rounded-1", "le-havre-rounded-2", "Century Gothic", "Lucida Sans Unicode", Lucida, Verdana, Arial, sans-serif;
	}
	
h2 { 
	font-size: 2.3em; 
	line-height: 1;
	margin-bottom: 3px; 
	}
	
h3 { 
	font-size: 1.75em; 
	line-height: 1.2; 
	margin-bottom: 0.25em; 
	}
	
h4 { 
	font-size: 1.25em; 
	line-height: 1.25; 
	margin-bottom: 1.25em;
	}
	
h5, h6 { 
	font-size: 1em; 
	margin-bottom: 1.5em; 
	}
	
h5 {
	font-weight: bold; 
	}	

p { 
	margin: 0 0 1.5em 0; 
	}


ul { 
	margin: 0 0 1.5em 25px; 
	list-style: circle;
	}
	
ul.clean {
	list-style: none;
	margin: 0 0 1.5em 0;
	}	

ol { 
	margin: 0 0 1.5em 30px; 
	list-style: decimal;
	}
	
li ul, 
li ol       { margin: 0 1.5em; }
		
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

blockquote  { 
	color: #666; 
	font-style: italic; 
	margin-left: 25px;
	}
	
strong { font-weight: bold; }
em     { font-style: italic; }
sup    { font-size: 0.8em; vertical-align: super; }
sub    { font-size: 0.8em; vertical-align: sub; }

.strike     { text-decoration: line-through; }
.caps       { text-transform: uppercase; letter-spacing: 1px; }	
.smallcaps  { text-transform: uppercase; font-size: 75%; letter-spacing: 1px; }
.hide       { display: none; }
.hilite     { color: #980000; }

.amp, .alt { 
  font-size: 1.2;
  font-style: italic;
  font-family: "Palatino Linotype", "Baskerville", "Warnock Pro", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
}

.amp {
	line-height: 1%;
}

.alt {
	line-height: 1.5;
}

/*
Communication Boxes
Error, Notice, Success
*/

.error, .notice, .success { 
	padding: 1.5em 15px; 
	margin-bottom: 1.5em; 
	border-style: solid;
	border-width: 2px;
	text-align: center; 
	}
	
.error      { background: #fbe3e4; color: #d12f19; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #817134; border-color: #ffd324; }
.success    { background: #e6efc2; color: #529214; border-color: #c6d880; }
.error a    { color: #d12f19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

hr {
  background: #d8d8d8; 
  color: #d8d8d8;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0 0 1.45em 0;
  border: none; 
}

/*
=======================
Universal Form Styles
=======================
*/

input, textarea {
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #9fd4d2;
background: #d5f3f2;
font-size: 12px;
line-height: 1.3;
font-family: Georgia, "Times New Roman", Times, serif;
}

input:focus, textarea:focus {
border: 1px solid #000;
background: #f8f8f8;
}

label {
font-size: 11px;
letter-spacing: 2px;
color: #777;
line-height: 2;
text-transform: uppercase;
}

/*
=======================
Site Specific Styles
=======================
*/

#main-container {
	/* max-width: 1000px;
	min-width: 700px;
	width: 61.25em; */
	min-width: 700px;
	max-width: 61.25em;
	margin: 0 auto;
	}
		
h1 {
	margin-bottom:20px;
	background: url(/Images/2010/subtitle-3.gif) right top no-repeat;
	}
	
h1 a {
	display: block;
	text-indent: -1000em;
	background: url(/Images/2010/logo-2.gif) top left no-repeat;
	width: 201px;
	height: 145px;
	}
	
ul#navigation {
	margin: 0 0 20px 0;
	list-style: none;
	}

ul#navigation li {
	margin: 0;
	width: 14.25%;
	float: left;
	}
	
ul#navigation li a {
	display: block;
	color: #f8f8f8;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	border-bottom: 10px solid #231f20;
font-weight: bold;
	font-family: "le-havre-rounded-1", "le-havre-rounded-2", "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
font-size: 125%;
	}
		
ul#navigation li a:hover,
#home #n-home,
#about #n-about,
#schedule #n-schedule,
#signup #n-signup,
#sponsors #n-sponsors,
#headliners #n-headliners,
#contact #n-contact,
#sponsorship #n-spons,
#organizers #n-organizers {
	border-bottom: 10px solid #5cc1bd;
	text-decoration: none;
	color: #5cc1bd;
	}
	
#content {
width: 100%;
margin: 0 auto;
	background: url(/Images/2010/white-tile.png) top left repeat;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 0 2px 2px #c8c8c8;
	-moz-box-shadow: 0 2px 2px #333;
	-webkit-box-shadow: 0 2px 2px #333;
	}
	
#content-inner {
border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background: url(/Images/2010/top-slice-2.png) top left repeat-x;
	padding: 20px;
	}
	
#content-main {
	width: 60%;
	float: left;
	}
	
#content-column {
	width: 37%;
	float: right;
padding-top: 445px;
background: url(/Images/2010/poster-small-2.png) center top no-repeat;
	}
	
#content-column p,
#content-column ol,
#content-column ul,
#content-column dl {
	font-size: 81.28125%;
	}



#content h2 a {
color: #000;
text-decoration: none;
border: none;
}

#content h2 a:hover {
color: #5cc1bd;
border-bottom: 1px dotted #5cc1bd;
}
	
p.date, p.column-head, p.post-meta {
	font-size: 75.03125%;
	line-height: 2;
	text-transform: uppercase;
	color: #333;
font-family: "le-havre-rounded-1", "le-havre-rounded-2", Georgia, "Times New Roman", serif;
font-weight: normal;
}

p.date {
letter-spacing: 2px;
margin-bottom: 0;
}

p.column-head { 
margin-bottom: 10px;
letter-spacing: 5px;
 }

p.post-meta {
	letter-spacing: 1px;
	margin-bottom: 24px;
}

#content-main a, #content-column a,
p.big a {
color: #247f7b;
text-decoration: none;
border-bottom: 1px dotted #247f7b;
}

#content-main a:hover, #content-column a:hover {
color: #980000;
text-decoration: none;
border-bottom: 1px dotted #980000;
}

a.feedlink {
	padding-left: 20px;
	background: url(/Images/2008/feed-2.png) left 3px no-repeat;
	}
	
a.pdflink {
	padding-left: 20px;
	background: url(/Images/2008/pdf-2.gif) left 3px no-repeat;
	}

#content-column a.feedlink,
#content-column a.pdflink {
border: none;
}

#content a.button,
#content input.button {
	padding: 5px 14px;
	color: #fff;
	background: #247f7b url(/Images/2010/button.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	text-decoration: none;
	border: 1px solid #0c4e4b;
	font-weight: normal;
text-shadow: 0 -1px 1px #4d520b; 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 80%;
text-transform: uppercase;
letter-spacing: 1px; 
	}

#content a.big, #content input.big {
font-size: 150%;
}
	
#content input.button:hover,
#content a.button:hover  {
	background-color: #980000;
	border: 1px solid #000;
cursor: pointer;
	}

#content input.form-button-plain {
background: none;
border: none;
border-bottom: 1px solid #980000;
color: #980000;
font-size: 100%;
}
#content input.form-button-plain:hover {
cursor: pointer;
}

/* Image Handling */
img { max-width: 100%; }

img.align-left, img.align-right, img.full-width, img.full, img.align-center,
a.img, div.img-container {
	display: block;
	padding: 9px;
	border: 1px solid #9fd4d2;
	background: #d5f3f2;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.align-left {
	float: left;
	margin: 4px 12px 2px 0;
}

.align-right {
	float: right;
	margin: 4px 0 2px 12px;
}

.full-width, .full {
	margin-bottom: 1em;
}

.align-center {
	margin: 0 auto 1em auto;
}

#content a.img {
border-bottom: 1px solid #9fd4d2;
}

a.img img,
div.img-container img {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	margin:0;
}

div.img-container img {
margin-bottom: 10px;
}

div.img-container p {
font-size: 11px;
line-height: 1.4;
color: #333;
margin-bottom: 5px;
padding: 0 8px;
}

img.full-width {
	margin: 0 auto 1.5em auto;
} 


#content a.img:hover {
	background: transparent;
border: 1px solid #9fd4d2;
}

form.zemContactForm input,
form.zemContactForm textarea {
width: 375px;
}




#footer {
	text-align: center;
	padding: 30px 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-size: 75.03125%;
	}
				
		

#footer a {
color: #000;
text-decoration: none;
}

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

form.zemContactForm input.button, form.zemContactForm input.zemSubmit {
	width: auto; 
	}	
	
form.zemContactForm input.button:hover, form.zemContactForm input.zemSubmit:hover {
	cursor: pointer;
	}	

/* event signup form styles */

form#event-signup input#name,
form#event-signup input#email,
form#event-signup textarea#additional-note {
width: 375px;
}

form#event-signup textarea#additional-note {
height: 110px;
}

form#event-signup p {
font-size: 81.28125%;
}

td.checkbox { width: 30px; }

input.checkbox { 
position: relative;
top: 2px;
border: none;
background: none;
padding: none;
}

/* Event Schedule Styles */

table#main-schedule {
margin: 0 auto;
padding: 0;
border-collapse: collapse;
font-size: 12px;
}

table#main-schedule th {
font-weight: bold;
text-transform: uppercase;
font-size: 20px;
border-bottom: 8px solid #000;
padding-bottom: 5px;
}

td.date, td.afternoon, td.evening {
border-bottom: 3px solid #333;
border-left: 1px solid #b8b8b8;
border-right: 1px solid #b8b8b8;
vertical-align: middle;
}

table#main-schedule a {
display: block;
padding: 10px 10px;
color: #333;
text-decoration: none;
}

table#main-schedule a:hover,
table#main-schedule a:hover h3 {
background: #980000;
color: #f8f8f8;
}

table#main-schedule p {
margin-bottom: 0;
}

table#main-schedule hr {
background: none;
color: none;
border: none;
height: 6px;
margin: 0;
padding: 0;
}

th.date, td.date {
width: 20%;
text-align: center;
}

td.afternoon, td.evening {
width: 39%;
}

table#main-schedule td.date {
font-family: "le-havre-rounded-1", "le-havre-rounded-2", Georgia, "Times new Roman", Times, serif;
font-weight: 800;
font-size: 2em;
vertical-align: middle;
}

table#main-schedule td.date span {
font-weight: 200;
font-size: 0.5em;
letter-spacing: 5px;
text-transform: uppercase;
}

#schedule #content-main h3 {
margin-bottom: 1em;
}

#schedule #content-main h4 {
font-size: 1.5em;
font-weight: 200;
}

table#main-schedule h3 {
margin: 0;
line-height: 1.1;
}

/* Headliner styles */

#headliners a.author-list-image {
width: 15%;
float: left;
margin-right: 2%;
color: #333;
text-decoration: none;
}


#headliners a.author-list-image p {
margin: 0;
font-size: 13px;
text-align: center;
padding-top: 7px;
line-height: 1;
}


#headliners div.divide {
margin-bottom: 1.5em;
}

#sponsorship #content { 
width: 980px;
}

#sponsorship #content-inner {
width: 940px;
}

#schedule-select option { padding: 2px 8px; }
#schedule-select option.hilight { font-weight: bold; color: #666; margin-top: 15px; padding: 0; }
#schedule-select option:focus { background: #980000; }


div.bio { margin-bottom: 1.5em; 
border-bottom: 1px dotted #247f7b;
}

ul.social-networks {
list-style: none;
margin: 0;
}

#content-main ul.social-networks {
margin-bottom: 1.5em;
}

ul.social-networks li {
margin-bottom: 8px;
}

#content-column a.twitter-link, 
#content-column a.facebook-link, 
#content-column a.flickr-link,
#content-main a.twitter-link, 
#content-main a.facebook-link, 
#content-main a.flickr-link {
line-height: 30px;
vertical-align: middle;
padding-left: 35px;
padding: 8px 0 10px 35px;
text-decoration: none;
border: none;
}

a.twitter-link {
	background: url(/Images/2010/twitter-icon.png) left top no-repeat;
}

a.facebook-link {
	background: url(/Images/2010/facebook-icon.png) left top no-repeat;
}

a.flickr-link {
	background: url(/Images/2010/flickr-icon.png) left top no-repeat;
}

p.big { font-size: 200%;
text-align: center;
}

p.big a {
padding-left: 40px;
background: url(/Images/2008/pdficon_large.gif) left 5px no-repeat;
}

table#cafe-readings {
font-size: 11px;
width: 100%;
border-left: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
}

table#cafe-readings tr {
border-bottom: 1px solid #d8d8d8;
}
table#cafe-readings th {
padding: 5px 0;
border-bottom: 3px solid #d8d8d8;
width: 25%;
border-right: 1px solid #d8d8d8;
}
table#cafe-readings td {
border-right: 1px solid #d8d8d8;
padding: 8px 3px;
width: 25%;
}