body {
font-family: "Lucida Grande", "Arial", sans-serif; 
font-size:14px;
text-align:center;
padding-top:30px;
margin:0 auto 0 auto;
padding-left:0px;

}

table { border-collapse: seperate;}
th { text-align: center; text-transform: uppercase; padding-left: 2px; padding-right: 2px; }
td { padding: 2px; vertical-align: top; text-align: left; }
h1,h2,h3, p.intro strong {color:#444}
h1 {font-size:1.2em}
/* LINKS */

#conference-logo {
	width: 770px;
	text-align: center;
        height:180px;
	width: 960px;
margin:0 auto 0 auto;
        background:url(http://fsfs.in/sites/all/themes/fourseasons/img/header.png);
}
#conference-logo a{display:block;width:960px;height:180px;background:url(http://fsfs.in/sites/all/themes/fourseasons/img/header.png) right no-repeat;}
#conference-logo a img {display:none;}

#menu {
	width: 960px;
margin:0px auto 0 auto;

    font-size:0.9em;
height:26px;
background:url(http://fsfs.in/sites/all/themes/fourseasons/img/menu_top.png);
}

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


#menu li {
	margin:  0;
	padding: 0;
	display: block;
        float:left;
}

#menu li span {
	display:  block;
	padding: 4px 10px;
	text-align: center;
}

#menu ul.track {
margin-top:50px;
background:url(http://fsfs.in/sites/all/themes/fourseasons/img/tracks.png) top left no-repeat;
left:50%;
margin-left:-480px;
padding:35px 0 0.5em 0;
position:absolute;
width:150px;
display:block;
border:solid 5px #f3f3f3;
}


#menu ul.track li {
	margin:  0;
	padding: 0.1em 0;
	display: block;
width:150px;
        border-bottom:solid 1px #f5f5f5;
}

#menu ul.track li span {
	display:  block;
	padding: 0.2em 10px;
	text-align: left;
}

#menu :link, #menu :visited { text-decoration: none;	color: #fff; }
#menu :hover {color:#FFEEBB}

#menu .track :link, #menu .track :visited { text-decoration: none;	color: #000; }
#menu .track :hover {background:#333;color:#ddd;}
#menu span.normal {     }


#content {
	width: 650px;
margin:0px auto 0 auto;

  background:#fff;
  text-align:left;
  padding: 1em 0px;
  clear: both;

}
:link, :visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color:#555; }
div.section { clear:  both; margin: 0 20px; }
.section h1 {font-size:1.1em;}
/* TEXT */

p.release {
  margin: 0;
  margin-bottom: 10px;
  padding: 10px 10px 5px 10px;
  float: right;
  color: #ccc;
  display:none;
  font-size: 100%;
}

p.intro {
  font-size: 130%;
  margin-left: 20px;
  margin-bottom:0;
}

p.intro em {
  font-family: "Times", serif;
}

/* IMAGES */

img { border-style: none; }

#event img.event-image,
#speaker img.speaker-image {
  height: 128px;
  width: 128px;
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;

  padding: 2px;
  border: 1px solid #000;
}

#speaker img.event-image,
#event img.speaker-image {
	height: 48px;
	width: 48px;
}

#event-index img.event-image,
#speaker-index img.speaker-image {
  float: left;
  margin-right: 10px;
  height: 48px;
  width: 48px;
}

#event-index td.event p,
#speaker-index td.speaker p {
  margin-left: 60px;
}


/* INFOBOXES */

#infobox {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  width: 250px;
  min-width: 250px;
  border: 1px solid #000;
  padding: 1px;
}

#infobox table { width: 100%; }

#infobox td.keyword {
  text-align: right;
  padding-right: 5px;
  width: 25%;
}

#infobox td.value {
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
  background-color: #f6f6f6;
}

#infobox td.feedback {
  background-color: #090;
  color: white;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}

.feedback a{
  color: white;
}


/* EVENT */

#event h1.title { margin-bottom: 5px; font-size:1.4em; }

#event p.subtitle {
  font-family: "Times", serif;
  font-style: italic;
  font-size: 120%;
  margin-top: 5px;
}

#event div.abstract {font-weight:bold}

#event .links {border:solid 1px #ddd; margin:0 0 0 1em;padding:1em}
#event .links h2 {margin:0;font-size:1.2em}

#event :link, #event :visited { text-decoration: none; color: #663300; }
#event a:hover { text-decoration: underline; color:#996633; }

/* EVENT NAVIGATION */






























#navigation { clear: both; margin: 50px 0px -20px 0px; padding: 0; }

#navigation span {
	padding: 5px;
	color: #999; background-color: #eee;
	border-style: solid; border-width: 1px; border-color: #888;
}

#navigation span.previous { float: left; }
#navigation span.next {	float: right; }
#navigation a {	color: #999; }
#navigation a:hover { text-decoration: underline; }

/* EVENT INDEX */
#event-index{width:730px}
#event-index p.title { font-weight: bold; font-size: 1.1em; margin: 0; }
#event-index p.subtitle { font-family: "Times", serif; font-style: italic; font-size: 110%; margin-top: 5px; }

#speaker-index td.speaker { font-weight: bold; margin: 0; }


/* COLOURS: EVENT INDEX, SPEAKER INDEX, EVENT DETAIL */

#event-index th, #speaker-index th, #infobox th { background-color: #e7e7e7;padding:0.3em; }
#event-index td, #speaker-index td, #infobox td { background-color: #eee; padding:0.5em}

/* SCHEDULE */

#schedule th {
 background-color: #e7e7e7;padding:0.3em;
  color: black;
text-transform:lowercase;
}

#schedule td { padding: 4px; background-color: #eee; padding:0.5em}

#schedule td.time {
  vertical-align: top;
  color: black;
}

#schedule td.empty {
  background-color: #f3f3f3;
}

#schedule td.event {
  background-color: #e7e7e7;
  
  padding: 0.5em;
  font-size: 90%;
  border-color: black;
  border-style: solid;
  border-width: 1px;

}

ul.speakers { margin: 0; padding: 0; display: block;  }
ul.speakers li { margin: 0; padding: 0; display: block; font-size:0.9em;}
ul.speakers a {color:#324;}

#schedule span.language { font-weight: bold; }
#schedule span.track { font-weight: bold; }
#schedule span.type { font-weight: bold; }

#schedule p.abstract {
  border-top: black dotted 1px;
  font-size: 90%;
  padding: 8px 2px 0px 2px;
}

#schedule span.event-id {
  display: block;
  color: white;
  background-color: black;
  text-align: center;
  padding: 2px;
  width: 3em;
}

#schedule p.title {
  font-weight: bold;
  font-size: 1.0em;
  margin:-0.5em -0.5em 0.5em -0.5em;
  padding: 0.5em;
background:#efefef;
border-bottom:1px #ddd solid;

}

#schedule p.subtitle {
  font-family: "Times", serif;
  font-style: italic;
  font-size: 0.9em;

  margin-top: 0;
}

#schedule p.info {padding:0.5em 0;font-size:0.85em}
.index-page {margin-left:2em}
.photos {margin:0 auto; text-align:center;padding-left:10px;}
.flickr-photo {float:left; width:230px;margin:5px;font-size:0.9em;text-align:left}
.flickr-photo a {text-align:center}
.photo-credit {text-align:right;font-weight:bold;font-size:0.9em}

@media tty { table { border: medium solid; } }
@media print { .noprint { display: none; } }