/*
	Theme Name: Eudemonic
	Description: Theme for Eudemonic
	Version: 1.0
	Author: Rolled Limited
	Author URI: http://www.rolled.at
*/
/* importing Styles */
@import url("css/sIFR-screen.css");
@import url("css/sIFR-print.css") print;
@import url("css/jcarousel.css");

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
    line-height: 1;
    font-size: 75%; /* 100% = 16px */
    color: white;
    background: #121212;
    font-family: verdana, arial, helvetica, serif;
    margin: 0;
    padding: 0
	}
	
	html, body {height: 100%}

/* Headers */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #fff; text-decoration: underline}
	a:hover, a:active {color: #fff; text-decoration: none}
	
/* Paragraphs */
	p {
    margin-bottom: 1.3em;
    line-height: 1.3;
    text-align: justify
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Lists */
ul {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 1.5em;
  line-height: 1.5;
  list-style: inside decimal
}
/***** Layout *****/
#wrapper {
  margin: 0;
  padding: 0;
  text-align: left;
  width: 800px;
  position: relative;
  z-index: 99;
  min-height: 100%;
  height: auto !important;
  height: 100%
}

/* Logo & Navigation */
#logo-nav {
  width: 250px;
  float: left;
  padding: 0 15px;
  margin: 30px 0 20px 0;
  position: relative;
  height: 100%
}

  /* Logo */
  #logo {
    font-size: 12px;
    color: #ff9b4a;
    text-align: right;
    width: 236px;
    height: 80px;
    padding: 0
  }

  #logo img {margin: 0 0 10px 0}

  /* Navigation */
  #menu {
    width: 180px;
    list-style: none;
    margin: 35px 0 0 58px;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 9999;
    background: #121212
  }

  #menu li {float: left; margin-bottom: 2px}

  #menu .active {visibility: hidden}

  /* Illustrations */
  #illustration {
    position: absolute;
    z-index: 1;
    height: 100px;
    width: 200px;
    bottom: 80px;
    left: 50px
  }
  
  #illustration-container {width: 100%; height: 100px; width: 200px; position: relative}
  
  #illustration img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: block;
    z-index: 9999;
    cursor: pointer
  }
  
  #illustration #illustration-text {
    position: relative;
    width: 150px;
    height: 150px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top right;
    float: right;
    top: -90px;
    text-align: center;
    line-height: 1.3;
    overflow: hidden;
    font-family: verdana, arial, serif;
    font-size: 10px
  }
  
  #illustration #illustration-text.hide {display: none}
  #illustration #illustration-text.show {display: block; z-index: -1}
  
  #illustration #illustration-text span {display: block}
  
    /* Per Section Speach Bubbles */
    #illustration-text span {padding: 8px 12px 20px 45px}
    
      /* Home */
      #illustration.home #illustration-text {
        color: #ff9b4a;
        background-image: url('images/illustrations/home-bubble.gif');
      }
      #illustration.home #illustration-text span {padding: 21px 5px 20px 28px}
      
      /* Contact Us */
      #illustration.contact-us #illustration-text {
        color: #df4d25;
        background-image: url('images/illustrations/contact-us-bubble.gif');
      }    
      #illustration.contact-us #illustration-text span {padding: 8px 5px 20px 45px}
      
      /* About Us */
      #illustration.about-us #illustration-text {
        color: #dc0067;
        background-image: url('images/illustrations/about-us-bubble.gif');
      }
      #illustration.about-us #illustration-text span {padding: 6px 5px 20px 44px}
      
      /* Education */
      #illustration.education #illustration-text {
        color: #a6c223;
        background-image: url('images/illustrations/education-bubble.gif');
        margin-right: 5px
      }
      #illustration.education #illustration-text span {padding: 5px 2px 20px 15px}
      
      /* Communications */
      #illustration.communications #illustration-text {
        color: #529931;
        background-image: url('images/illustrations/communications-bubble.gif')
      }
      #illustration.communications #illustration-text span {padding: 13px 5px 20px 30px}
      
      /* Social and Cultural Change */
      #illustration.social-and-cultural-change #illustration-text {
        color: #6fc7d3;
        background-image: url('images/illustrations/social-and-cultural-change-bubble.gif');
      }
      #illustration.social-and-cultural-change #illustration-text span {padding: 15px 5px 20px 15px}
      
      /* Events */
      #illustration.events #illustration-text {
        color: #008dbf;
        background-image: url('images/illustrations/events-bubble.gif');
      }
      #illustration.events #illustration-text span {padding: 22px 0px 20px 15px}
      
      /* Organisational Development */
      #illustration.organisational-development #illustration-text {
        color: #d52831;
        background-image: url('images/illustrations/organisational-development-bubble.gif');
      }
      #illustration.organisational-development #illustration-text span {padding: 10px 3px 20px 18px}
      
      /* Test Tube */
      #illustration.the-test-tube #illustration-text {
        color: #661463;
        background-image: url('images/illustrations/the-test-tube-bubble.gif');
        margin-right: 25px;
        margin-top: 15px
      }
      #illustration.the-test-tube #illustration-text span {padding: 5px 5px 20px 42px}
   
/* Content */
#content {
  float: left;
  width: 290px;
  margin: 88px 50px 20px 25px
}

#content .header {margin-bottom: 26px}

#content address {line-height: 1.5; font-style: normal; width: 245px}

#content address strong {
  display: block;
  float: left;
  font-weight: normal;
  width: 70px;
  margin-right: 5px;
  margin-bottom: 1em
}

#content address span {
  display: block;
  float: right;
  width: 170px;
  margin-bottom: 1em
}

/* Sidebar */
#sidebar {
  float: left;
  width: 150px;
  margin: 87px 0 20px 0;
  position: relative
}

#sidebar h2 {margin-bottom: 26px}
#sidebar ul {margin: 0; padding: 0; list-style: none}

  /* News List */
  #news-list h2 {margin-bottom: 20px}
  #news-list h3 {text-transform: uppercase; font-size: 13px; margin-bottom: 1em}
  #news-list p {text-align: left; font-size:11px; color:#DFDFDF}
  
  /* Case Studies List */
  #sidebar .case-list {margin-bottom: 2.5em; margin-left:10px; list-style-type: none}
  .case-list li {margin-bottom: 1.3em}
  
  .case-list a:link, .case-list a:visited {text-decoration: none}
  .case-list a:hover, .case-list a:active {text-decoration: underline}

/* Headers */
#content h2, #sidebar h2 {text-transform: uppercase; margin-bottom: 8px}

#home #content h2, #home #sidebar h2 {color: #ff9b4a}
#contact-us #content h2, #contact-us #sidebar h2 {color: #df4d25}
#about-us #content h2, #about-us #sidebar h2 {color: #e0125d}
#communications #content h2, #communications #sidebar h2 {color: #529931}
#education #content h2, #education #sidebar h2 {color: #a6c223}
#the-test-tube #content h2, #the-test-tube #sidebar h2 {color: #661463}
#social-and-cultural-change #content h2, #social-and-cultural-change #sidebar h2 {color: #6fc7d3}
#events #content h2, #events #sidebar h2 {color: #008dbf}
#organisational-development #content h2, #organisational-development #sidebar h2 {color: #d52831}
#case-study #content h2, #case-study #sidebar h2 {color: #d52831}

/* Footer */
#footer {
  clear: both;
  width: 800px;
  color: #706e6d;
  font-size: 11px;
  text-align: right;
  position: relative;
  z-index: 9999;
  margin: -60px 0 0 0;
  height: 60px;
  background: #121212
}

#footer p {clear: both; text-align: right; margin: 0 0 5px 0; padding: 0; line-height: 20px}

#footer a#rolled-logo {position: relative; display: block; height: 24px; line-height: 24px; overflow: hidden; padding-right: 30px}

#footer a#rolled-logo:link img, #footer a#rolled-logo:visited img {position: absolute; top: 0; right: 0}
#footer a#rolled-logo:hover img, #footer a#rolled-logo:active img {position: absolute; top: -24px; right: 0}

#footer a#rolled-logo:link, #footer a#rolled-logo:visited {color: #706e6d; text-decoration: none}
	
/***** Sections *****/
/* Case Studies */
#image-gallery {
  border: 1px solid #414040;
  margin-bottom: 1.5em;
  padding: 0 0 .5em 0;
  overflow: hidden;
  width: 284px
}

#carousel-prev {float: left; margin: 5px 0 0 9px}
#carousel-next {float: right; margin: 5px 9px 0 0}

.jcarousel-container {
    width: 284px;
    overflow: hidden
}

/* Back Links */
.education-back-link, .communications-back-link, .events-back-link, .the-test-tube-back-link, .social-and-cultural-back-link, .organisational-development-back-link{
margin-top:30px;
}