@charset "utf-8";

* {padding:0;margin:0;border:none;}

html, body {
	height: 100%;
}

/* this makes vertical scrollbar always visible */

html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

body{ 
	font-family: Verdana, Geneva, sans-serif;
	font-size: 70%;
	text-align:right;
	background:#333 url('../images/background.gif') center top repeat-y ;
}

a{
	text-decoration: none;
	color: #FF6600;
}

a:hover{text-decoration: underline;}

p {
	margin: 1em 0;
}
#wrapper{
	background-color:#fff;
	margin: 0 auto;
	width: 700px;
	clear: both;

 /* footer to be moved to the bottom */ 
 
    height: auto !important;
    min-height: 100%;
    height: 100%;
    position: relative; /* Required to absolutely position the footer */

	}

#register{
	background-color: #7d0a17;
	display:none;
	border-bottom: 2px solid #222;
	}
	
#register a {
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	margin-right: 10px;
}

#header {
	}
	
#titlebox {
}


#menubar {
	margin: 0px auto 5px auto;
	text-align:center;
	font-weight:bold;
	float:left;
	width: 100%;
	position:relative;
	background-color: #ddd;
	border-bottom: 1px solid #CE1126;
	}

#menubar ul {
	list-style: none;
	clear:left;
	float:left;
	position:relative;
	left: 50%;
	}

#menubar li {
	float: left;
	padding: 0 3px;	
	display:block;
	float:left;
	position:relative;
	right:50%;
	width: 80px;
}

#menubar a {
	padding: 5px;
	color: #CE1126;
	display: block;
	height: 26px;
}

#menubar a:hover{
	background-color: #fff;
	border-left: 1px solid #CE1126;
	border-right: 1px solid #CE1126;
	text-decoration:none;
}

#contents {

	text-align:left;
	line-height: 2em;	
	padding-top: 50px;
	width: 100%;
}

#leftcol {
	float:left;
	width: 146px;
}


#rightcol {
	float:right;
	width: 540px;
	padding-right:10px;
	margin-bottom: 160px;
	}

.clear {
  clear: both;
  height: 1px;
}


#footer {
	background-color: #DDD;
	text-align:center;
	width: 100%;
	padding: 5px 0;

    position: absolute;
    bottom: 0; /* Sit it on the bottom */
    left: 0;
    width: 100%; /* As wide as it's allowed */
	height:100px;
}

#copyright {
	color: #888;
	margin-top: .5em;
	line-height: 1.5em;
}

#copyright a{
	color: #888;
}

.pgallery {
	text-align: center;
	margin-top: 40px;
	display: block;
	width: 100%;

}

h1 {
	background: #CE1126;
	padding: 5px 5px 3px 5px;
	font-size: 1.25em;
	color: #fff;
	margin-bottom: 2em;
	border-bottom: 3px solid #777;
	}

h2 {
	font-size: 1.1em;
	width: 100;
	background: #ddd;
	color: #666;
	margin: 30px 0px 10px 0px;
	padding-left: 5px;
	}
	
.floatright {
	float: right;
}

.registration {
	text-align:center;
	margin: 15px auto;
	font-weight: bold;
	font-size: 14px;
}

#contents ul {
	margin-left: 30px;
}

/* programs php begins */

.session{
	text-align: right;
	border-bottom: 1px dotted #666;
	color: #666;
	font-style:italic;
	margin-bottom: 3px;

}

#program .event {
/* 	border-right: 20px solid #eee; */
	border-left: 20px solid #eee;
	padding: 3px 0;	
	margin: 0px 10px 14px 0px; 
}


.event {
	margin: 0px 10px 20px 0px; 

}
.event>div {
	margin-left: 130px;
}

.event .event-time{
	color: #777;
	width: 125px;
	float: left;
	margin-left: 5px;
}

.event-name{
	font-weight: bold;
	color: #F5001D; /*#CE1126; */
	margin-bottom: 3px;
}

.event-short-talk {
	color: #BF6A30; /* #CE1126; */
	margin-top: 15px;
}

.event-place{
	margin-bottom: .5em;
	padding-left: 1em;
}

.event-presenter-name{
	margin-top: 7px;
	color: #777;
	font-weight:bold;
	margin-bottom: .5em;
}

.event-short-talk + .event-presenter-name {
	margin-top: .5em;
}

.event-presenter-description{
	color: #888;
	padding-left: 1em;
}

#program .event-description{
	display: none;
}

#program .event-description-wrapper:hover .event-description{
	display:block;
	margin-top: 1em;
}

.event-description-label {
	display: block;
	text-align: left; 
	padding: 7px 0;
}

#program .event-description-wrapper:hover .event-description-label {
	display:none;
}

.event div {
	line-height: 1.2em;
}

/* programs.php ends */


/* workshop.php begins */

.speaker {
	margin: 1em 0;
	border-bottom: 1px solid #AAAAAA;
	display: block;
	clear: both;
}

.speaker-pic {
	float:left;
	margin: 0px 10px 10px 0px;
}

.speaker-pic img{
	border: 1px solid black;
}

.speaker-name {
	font-size: 1.2em;
	font-weight: bold;
	color: #CE1126;
	margin-bottom: 1em;
}

.speaker-description {
	line-height:1.2em;
	color: #888;
	margin-bottom: .5em;
}

.speaker-website {
	margin-bottom: 1em;
}

.speaker-biography {
	clear:both;
	margin-bottom: 2em;
}

/* workshop.php ends */

/* index.php beings */

/* poster.php beings */

#poster .event-name {
	font-weight:bold;
	margin-top: .75em;
	padding-top: 1em;
	border-top: 1px solid #DDD;
}

#poster .event-presenter-name {
	font-weight:bold;
}

#poster .event>div {
	margin-left: 0px;	
}
/* poster.php ends */

#homepage #leftcol {
	width: 0px;
	display: none;
}

#homepage #rightcol {
	width: 100%;
	padding: 0px;
}

#leftcol {
}

#leftcol h3 {
	margin: 50px 0px 0px 5px;
}
#leftcol ul {
	list-style: none;
	padding-left: 5px;
	margin: 0px;
}