/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
* adapted by Enrique Pardo for www.enriquepardo.com
*/
* {
	margin: 0;
	padding: 0;
}

body {
  background: #fff url(i/epp_back.png) no-repeat scroll 10px 0px;
  font-size: 16px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
	color:#666;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link {
  text-decoration: none;
  color: #c78814;
}

a:visited { 
	text-decoration: none;
	color:#c8c2b8;
}
a:active {
  text-decoration: none;
  color: #c78814;
  }
  
a:hover {
	border-bottom: 1px solid #999;
	color: #000000;
}

a:link img, a:hover, a:visited { border: none; }

#menu {
    width: 200px;
    float: left;
    height: 100%;
    background-color: transparent;
    margin-left: 10px;
    /*
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    */
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title {
  font: normal normal normal 0.6em/2em Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
}

#menu ul#credits,
#menu ul#credits a {
	font-size: 1em;
	line-height: 1.4em;
	color: #999999;
	margin-top: 20px;
}

#menu h1 {
  display: none;
	letter-spacing: .1em;
	font-size: 1em;
	font-weight: normal;
	line-height:1em;
}

#menu em {
	font-family: HoeflerText-regular, "Hoefler text", georgia, serif;
	font-style: italic;
	color: #c8c2b8;
	letter-spacing: .15em;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 2em;
}

#content {
    height: 100%;
    margin: 0 0 0 220px;
    top: 0;
}


.container {
    padding: 75px 15px 25px 15px;
    z-index: 0;
}

.container p {
	font-size: .8em;
}

#content p { 
  width: 600px; 
  margin-bottom: 9px; 
  }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 600px; margin: 0; padding: 0 0 12px 0; }
#img-container p.nav {
	font-size: .7em;
	letter-spacing: .2em;
}

#once { clear: left; }

/* ================= */
/* = Twitter badge = */
/* ================= */

#twitter_div {
  font: normal normal normal 14px/16px "Lucida Grande", sans-serif;
}

#twitter_div a:hover {
  text-decoration: underline;
}

#twitter-title a {
  color:#33ccff
}

ul#twitter_update_list li {
  border-bottom: 1px dashed #d2dada;
  line-height: 1.2em;
  padding: 10px 0px 11px 7px;
  list-style-type: none;
}

ul#twitter_update_list li:hover {
  background-color: #f7f7f7;
}

ul#twitter_update_list li span a {
  color: #cc1414;
  display:inline;
}

ul#twitter_update_list li a {
  color: #999999;
  display:block;
  margin-top: 5px;
  text-align: left;
}

/*ul#twitter_update_list li a:hover {
  text-decoration: underline;
}
*/
a#twitter-link {
  margin-top: 20px;
  text-decoration: underline;
  color: #b3b3b3;
}

/* ================================== */
/* = Floating logo, rising elephant = */
/* ================================== */

/* floating logo (http://www.marcofolio.net/css/create_valid_css_floating_corners.html) */

#floatinglogo {
  display: block;
  position: fixed;
  right: 60px;
  bottom: 55px;
  overflow: visible;
  width: 80px;
  height: 65px;
  margin: 0 0 0 0;
  padding: 0;
  z-index: 2e+09; 
  border: none;
  float: none;
  filter:alpha(opacity=95);opacity: 0.95;-moz-opacity:0.95;
  }