/*
	Copyright 2009 TEDxBrussels
	Author: Sumathi Sundaram for Asterysk
*/

/* For CSS 2.1 Capable Browsers, Defines the styles for the layout of the website*/

/*Layout*/

body {
  padding:0;
  background-color:#3c3c3c;
  margin:auto;
  }

img {
  border:0;
  }

/*Typography - On White*/
.h1 {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:26px;
  color:#444444;
  line-height:30px;
  text-align:left;
  padding-bottom:10px;
  }
  
.h2 {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:20px;
  color:#444444;
  line-height:24px;
  text-align:left;
  padding-top:10px;
  }

.h3 {
  font-family:arial;
  font-weight:bold;
  font-style:normal;
  font-size:16px;
  color:#444444;
  line-height:20px;
  text-align:left;
  }
  
.h4 {
  font-family:arial;
  font-weight:bold;
  font-style:bold;
  font-size:14px;
  color:#444444;
  line-height:18px;
  text-align:left;
  }
 
.h5 {
  font-family:arial;
  font-weight:bold;
  font-style:bold;
  font-size:12px;
  color:#444444;
  line-height:18px;
  text-align:left;
  }

.body {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  color:#000000;
  line-height:16px;
  text-align:left;
  }
  
a.body {
  color:#ed1c24 ;
  }

a.body:hover {
  color:#ed1c24;
  text-decoration:underline;
  }
  
  
/*End of Typography - On White*/

/*Typography - On Black*/

.h1b {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:26px;
  color:#ffffff;
  line-height:30px;
  text-align:left;
  }
  
.h2b {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:20px;
  color:#ffffff;
  line-height:24px;
  text-align:left;
  }

.h3b {
  font-family:arial;
  font-weight:bold;
  font-style:normal;
  font-size:16px;
  color:#ffffff;
  line-height:20px;
  text-align:left;
  }
  
.h4b {
  font-family:arial;
  font-weight:bold;
  font-style:bold;
  font-size:14px;
  color:#ffffff;
  line-height:18px;
  text-align:left;
  }
 
.h5b {
  font-family:arial;
  font-weight:bold;
  font-style:bold;
  font-size:12px;
  color:#ffffff;
  line-height:18px;
  text-align:left;
  }

.bodyb {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  color:#ffffff;
  line-height:16px;
  text-align:left;
  }
a.bodyb {
  color:#00eaff ;
  }

a.bodyb:hover {
  color:#00eaff;
  text-decoration:underline;
  }

/*End of Typography - On Black*/

/*Red Typography*/

.h1c {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:26px;
  color:#ed1c24;
  line-height:30px;
  text-align:left;
  }
  
.h2c {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:20px;
  color:#ed1c24;
  line-height:24px;
  text-align:left;
  }

.h3c {
  font-family:arial;
  font-weight:bold;
  font-style:normal;
  font-size:16px;
  color:#ed1c24;
  line-height:20px;
  text-align:left;
  }
  
.h4c {
  font-family:arial;
  font-weight:bold;
  font-style:bold;
  font-size:14px;
  color:#ed1c24;
  line-height:18px;
  text-align:left;
  }
 
.h5c {
  font-family:arial;
  font-weight:bold;
  font-style:bold;
  font-size:12px;
  color:#ed1c24;
  line-height:18px;
  text-align:left;
  }

.bodyc {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  color:#ed1c24;
  line-height:16px;
  text-align:left;
  }
a.bodyc {
  color:#444444 ;
  }

a.bodyc:hover {
  color:#444444;
  text-decoration:underline;
  }

/*End of Red Typography*/

/*Typography - On Red*/

.h1d {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:26px;
  color:#ffffff;
  line-height:30px;
  text-align:left;
  background-color:#ed1c24;
  }
  
.h2d {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:20px;
  color:#ffffff;
  line-height:24px;
  text-align:left;
  background-color:#ed1c24;
  }

.h3d {
  font-family:arial;
  font-weight:bold;
  font-style:normal;
  font-size:16px;
  color:#ffffff;
  line-height:20px;
  text-align:left;
  background-color:#ed1c24;
  padding-left:10px;
    }
  
.h4d {
  font-family:arial;
  font-weight:bold;
  font-style:bold;
  font-size:14px;
  color:#ffffff;
  line-height:18px;
  text-align:left;
  background-color:#ed1c24;  }
 
.h5d {
  font-family:arial;
  font-weight:bold;
  font-style:bold;
  font-size:12px;
  color:#ffffff;
  line-height:18px;
  text-align:left;
  background-color:#ed1c24;  }

.h5dblink {
  font-family:arial;
  font-weight:bold;
  font-style:bold;
  font-size:12px;
  color:#ed1c24;
  line-height:18px;
  text-align:left;
  background-color:#ffffff;
  text-decoration:blink;  }



.bodyd {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  color:#ffffff;
  line-height:16px;
  text-align:left;
  }
a.bodyd {
  color:#00eaff ;
  }

a.bodyd:hover {
  color:#00eaff;
  text-decoration:underline;
  }

/*End of Typography - On Red*/



/*Grey Typography*/

.bodyd {
  font-family:arial;
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  color:#444444;
  line-height:16px;
  text-align:right;
  }
a.bodyd {
  color:#444444 ;
  }

a.bodyc:hover {
  color:#444444;
  text-decoration:underline;
  }

/*End of Grey Typography*/




/*Footer Typography*/

.footer {
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  color:#545454;
  text-align:left;
  line-height:8px;
  padding-top:5px;
  padding-bottom:5px;
  }
  
a.footer {
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  color:#545454;
  text-align:left;
  line-height:8px;
  padding-top:5px;
  padding-bottom:5px;
  text-decoration:none;
  }
  
a.footer:hover {
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  color:#ed1c24;
  text-align:left;
  line-height:8px;
  padding-top:5px;
  padding-bottom:5px;
  }
  
.footer2 {
  font-family:arial;
  font-weight:normal;
  font-size:10px;
  color:#545454;
  text-align:left;
  line-height:17px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#dad8d6;
  }
  
a.footer2 {
  font-family:arial;
  font-weight:normal;
  font-size:10px;
  color:#545454;
  text-align:left;
  line-height:17px;
  padding-top:5px;
  padding-bottom:5px;
  text-decoration:none;
  background-color:#dad8d6;
  }
  
a.footer2:hover {
  font-family:arial;
  font-weight:normal;
  font-size:10px;
  color:#ed1c24;
  text-align:left;
  line-height:17px;
  padding-top:5px;
  padding-bottom:5px;
  background-color:#dad8d6;
  }




/*Background and Line Colours*/

.white {
  background-color:#FFFFFF;
  }
  
.black {
  background-color:#000000;
  }

.grey1 {
  background-color:#f2f2f2;
  }

/*Lines*/
.grey2 {
  background-color:#d1d1d0;
  }
  
.grey4 {
  background-color:#353535;
  }
  
.grey5 {
  background-color:#3c3c3c;
  }

/*Footer*/
.grey3 {
  background-color:#dad8d6;
  }

.red {
  background-color:#ed1c24;
  }


/*End of Background Colours*/