/*
-----------------------------------------------
iHCI 2010
Author:   Daragh Byrne
Version:  9th Jan 2010
----------------------------------------------- */

body {
	margin: 0 auto;
  	padding: 0;
  	background: #dbe1d3;
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", arial, helvetica, _sans;
    font-size: 0.8em;
	text-align: center;
   	color: #111111;

}

.container_12{
    x-background-image: url("../../img/12_col.gif");
}

h1, h2, h3, h4, h5, h6{
    font-family: 'BPreplayBold',  arial, helvetica, _sans;
	color: #323031;
	text-transform: uppercase;
	
}

a {
	color: #74822d;
	text-decoration: underline;

	
}

a:link { 
	color: #74822d; 
}

a:visited { 
	color: #74822d; 
}
a:hover { 
	color: #fff; 
	background-color:#adc22c; 
}

/* Abbreviations */	
abbr { 
	border-bottom: 1px dotted #70726D; 
	cursor: help; 
}

em{
	font-style:italic;
}

img{
		border: 0;
		float:right;
		padding-left: 15px;
		padding-right: 10px;
		padding-bottom: 10px;
	
}


/***************************************************
PAGE STYLES
***************************************************/

#wrapper	{
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 60px;
	padding: 0;
	background: transparent ;
	border: 0;
	text-align: left;
	vertical-align: center;
  	background: #dbe1d3;

	height: 100%;

}



/***************************************************
LOGO STYLES
***************************************************/

h1 {
	margin: 0;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	line-height: 100%;
	}

h1#logoHolder span { display: none; }


h1#logoHolder {
    height: 93px; 
 	width: 303px;
    background-image: url("../../img/logo/iHCI-logo.png");
    background-repeat: no-repeat;
	background-color: transparent;
}

h1#logoHolder a {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;

}
h1#logoHolder a:hover { 
	color: #fff; 
	background-color:transparent; 
    display: block;
    width: 100%;
    height: 100%;
    outline: none;

}


h2 {
	margin: 0;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	line-height: 100%;
	}

h2#locationDateInfoHolder span { display: none; }


h2#locationDateInfoHolder {

    height: 93px; 
 	width: 140px;
    background-image: url("../../img/logo/dates-and-location.png");
    background-repeat: no-repeat;
	background-color: transparent;
}

/***************************************************
TEXT STYLES
***************************************************/

h3.pageTitle{
	font-size: 250%;
	line-height: 1em;
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	margin-top: 15px;

	
}

.textContent{
	font-size:85%;
	line-height: 1.5em;
	
}


.textContent p{
	margin-bottom: 20px;
	
}


.textContent h4{
	font-size: 150%;
	margin-bottom: 10px;
	margin-top: 25px;
    

}

.textContent h5{
	font-size: 110%;
	margin-bottom: 10px;
	margin-top: 25px;
    

}


.textContent span.struckOut
{
	color: #AAAAAA;
	text-decoration: line-through;
	
}

.textContent span.red
{
	color: #FF0000;
}


/***************************************************
MENU STYLES
***************************************************/

ul.menu{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	color: #323031;
	font-family: 'BPreplayBold',  arial, helvetica, _sans;
    
}

ul.menu li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1px;
    
	
}

ul.menu li a {
	display: block;
	padding: 10px 0px 7px 0.5em;
	background-image: none;
	color: #323031;
	text-decoration: none;
	width: 100%;
	text-transform: uppercase;
    letter-spacing:0.01em;
	}

html>body ul.menu li a {
	width: auto;
	}

ul.menu li a:hover {
	background-image: url( '../../img/menu/menu-selected.png');
	color: #adc22c;
	background-color: transparent;
	}
	
ul.menu li.selected a{
	background-image: url( '../../img/menu/menu-selected.png');
	color: #adc22c;
}

body.welcome ul.menu li.welcome a,
body.about ul.menu li.about a,
body.location ul.menu li.location a,
body.authors ul.menu li.authors a,
body.program ul.menu li.program a,
body.submission ul.menu li.submission a,
body.registration ul.menu li.registration a,
body.organisation ul.menu li.organisation a,
body.contact ul.menu li.contact a
{
	background-image: url( '../../img/menu/menu-selected.png');
	color: #adc22c;
}
	



/***************************************************
SIDEBAR STYLES
***************************************************/

#importantDates{
	border: 1px #c4c9bc solid;
	background-color: #eaefe1;
	padding: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}

#importantDates ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 80%;
	
}

#importantDates ul li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	clear:both;
	
}

#importantDates span.datePart
{
	width: 100%;
	float:left;
	color: #565154;
	
}


#importantDates span.description
{
	width: 100%;
	float:left;
	margin-bottom: 10px;
	
}

#importantDates span.strike
{
	text-decoration: line-through;
}

#importantDates span.red
{
	color: #FF0000;
}



#importantDates li.lapsed span.datePart
{
	color: #c4c9bc;
	text-decoration: line-through;
	
}
#importantDates li.lapsed span.description
{
	color: #cad0c1;
	text-decoration: line-through;
	
}


#importantDates li.lapsed span.red
{
	color: #B1B1B1;
	text-decoration: line-through;
	
}

h4.importantDates, h4.supportedBy{

	color: #74822d;
	font-size: 85%;
	font-weight: normal;
	font-family: 'BPreplayRegular',  arial, helvetica, _sans;
	margin-bottom: 15px;
	margin-top: 0px;  
    letter-spacing:0em;
	
	text-shadow: #74822d 0px 0px 1px;  
}

h4.supportedBy{
	margin-top: 20px;
	margin-left: 10px;
}

#supportedBy ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#supportedBy ul li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	
}

#supportedBy ul li a, #supportedBy ul li a:hover{
	background-color: transparent;
	border: 0px;

}


/***************************************************
FOOTER STYLES
***************************************************/
.footerFloat {
height: 55px;
position: fixed;
border-top: 0px solid #ddd;
border-bottom: 0px solid #f5f5f5;
background:url("../../img/footer_trans.png");
width: 100%;
left: 0px;
bottom: 0px;
text-align:middle;
color: #adc22c;
font-size: 10px;
z-index:8000;
}

.footerFloatH {
height: 55px;

position: fixed;
border-top: 0px solid #ddd;
border-bottom: 0px solid #f5f5f5;
background:url("../../img/footer_trans.png");
width: 100%;
left: 0px;
bottom: 0px;
text-align:middle;
color: #adc22c;
font-size: 10px;
z-index:8000;
}

#footerContent
{
text-align:middle;
align:centre;
}

#footerNav
{
	width: auto;
	padding-top: 10px;
	margin-left: auto ;
    margin-right: auto ;
	width: 700px;
	align: center; 
}

#footerNav ul, #footerNav li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #697425;
	font-weight: normal;
}

#footerNav li{
	float: left;
}

#footerNav li:after {
	content: "  ";
	}
		
#footerNav li.last:after {
	content: " ";
	}


#footerNav a {
	color: #adc22c;
	text-decoration: none;	
	
}
#footerNav a:hover {
	color: #adc22c;	
	background-color: transparent; 
	
}


#footerNav span {
	background: url("../../img/icons.png");
	float: left;
	width: 24px;
	height: 24px;
	margin: -5px 10px 10px 15px;
	text-decoration: none;	
		
}


#conf span{
	background: none;
	font-weight: bold;
}
#conf a{
	font-weight: bold;
}


#when span {
	background-position: 0px 0;	
}
#where span {
	background-position: -24px 0;	
}
#email span {
	background-position: -48px 0;	
}
#twitter span {
	background-position: -72px 0;	
}
#hashtag span {
	background-position: -96px 0;	
}


#conf a:hover span {
	background: none;
}

#when a:hover span {
	background-position: 0px -24px;	
}
#where a:hover span {
	background-position: -24px -24px;	
}
#email a:hover span {
	background-position: -48px -24px;	
}
#twitter a:hover span {
	background-position: -72px -24px;	
}
#hashtag a:hover span {
	background-position: -96px -24px;	
}

#where a:hover, #email a:hover, #twitter a:hover, #hashtag a:hover
{
text-decoration: underline;	

}


/***************************************************
FONT STYLES
***************************************************/


@font-face {
	font-family: 'BPreplayRegular';
	src: url('../fonts/BPreplay.eot');
	src: local('BPreplay Regular'), local('BPreplay'), url('../fonts/BPreplay.ttf') format('truetype');
}

@font-face {
	font-family: 'BPreplayItalic';
	src: url('../fonts/BPreplayItalics.eot');
	src: local('BPreplay Italic'), local('BPreplay-Italic'), url('../fonts/BPreplayItalics.ttf') format('truetype');
}

@font-face {
	font-family: 'BPreplayBold';
	src: url('../fonts/BPreplayBold.eot');
	src: local('BPreplay Bold'), local('BPreplay-Bold'), url('../fonts/BPreplayBold.ttf') format('truetype');
}

@font-face {
	font-family: 'BPreplayBoldItalic';
	src: url('../fonts/BPreplayBoldItalics.eot');
	src: local('BPreplay Bold Italic'), local('BPreplay-BoldItalic'), url('../fonts/BPreplayBoldItalics.ttf') format('truetype');
}