/* 
 * G5 Framework
 * http://Framework.GregBabula.info
 * http://GregBabula.info/framework.php
 * modified by Christopher Schmitt on Wednesday; May 4, 2011
*/

@import "reset-min.css"; 			/* Eric Meyer's Reset Reloaded + HTML5 baseline */
@import "grid.css"; 				/* Easy Grid */
@import "buttons.css"; 				/* CSS3 Buttons */
@import "tipsy.css"; 				/* ToolTips */
@import "reveal.css"; 				/* Modals */
@import "orbit.css"; 				/* Image Slider */


html, body { margin: 0; padding: 0; height: 100%; }
/* body { background: #fff url(http://subtlepatterns.com/patterns/bright_squares.png) repeat; color: #110011; font: normal 14px/24px arial, serif; } */
body { background: #fff repeat; color: #110011; font: normal 14px/24px arial, serif; }

a { color: #990099; }
a img { color: #bb9999; }


/* Global Classes */ 
.no { position: absolute; left: -9999px; }
.first { margin-left: 0 !important; }

.btmspc { margin-bottom: 20px; }
.btmspc-dbl { margin-bottom: 40px; }
.topspc { margin-top: 20px; }
.topspc-dbl { margin-top: 40px; }

.lftpad { padding-left: 20px !important; }
.rgtpad { padding-right: 20px !important; }
.cntrtxt { text-align: center !important; }

.imgtxt { overflow: auto; }
.lft-img { float: left; padding: 0 10px 0 0; }
.rgt-img { float: right; padding: 0 0 0 10px; }

/* Cross Browser Effects */ 
.brdr { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(http://blue.environmentsforhumans.com/js/PIE-1.0beta4/PIE.htc); }
.shdw { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; behavior: url(http://blue.environmentsforhumans.com/js/PIE-1.0beta4/PIE.htc); }
.opct { opacity: .50; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: .50; -moz-opacity: .50; }

/* Arrows */ 
.up-arw:after { content: "↑"; font-size: 18px; padding-left: 5px; }
.dwn-arw:after { content: "↓"; font-size: 18px; padding-left: 5px; }
.rgt-arw:after { content: "→"; font-size: 18px; padding-left: 5px; }
.lft-arw:before { content: "←"; font-size: 18px; padding-right: 5px; }

/* Structure */ 
#wrapper { margin: 0 auto; padding: 0; position: relative; min-height: 100%; }	
#wrapper a { text-decoration: none; }
#wrapper a:hover { text-decoration: underline; }
#wrapper nav ul li { display: inline; }

/* Main Heading / Logo */ 
h1#logo:hover { background-position: -308px 0; }
h1#logo:active { background-position: -616px 0; }
h1#logo a { display: block; width: 308px; height: 41px; }
h1#logo a:hover { text-decoration: none; } 

/* Header */ 
header#top { margin: 0 auto; padding: 20px 40px 10px; height: 200px; width: 940px; }
header#top nav { float: right; }
header#top nav ul { margin: 0; padding: 0; }
header#top nav ul li { display: inline; list-style: none; }
header#top nav ul li a { color: #000; display: inline-block; font-size: 14px; padding: 8px; margin: 0 10px 0 0; }
header#top nav ul li a.active { font-weight: bold; }
header#top nav ul li:last-child a { margin: 0; }

/* Content */ 
section.content { margin: 0 auto; padding: 0 10px 10px 10px; text-align: left; width: 940px; }
section.content p { padding: 0 0 12px 0; }
section.content a { color: #990099; }

section.content h1 { color: #2d2d2d; font: normal bold 26px/30px Georgia, "Times New Roman", Times, serif; text-shadow: 1px 1px 0 #fff; }
section.content h2 { color: #555566; font: normal bold 24px/24px  Helvetica, "Helvetica Neue", sans-serif;  }
section.content h3 { color: #555566; font: italic bold 22px/30px Helvetica, "Helvetica Neue", sans-serif; text-shadow: 1px 1px 0 #fff; }
section.content h4 { color: #555566; font: normal bold 20px/24px Helvetica, "Helvetica Neue", sans-serif; }
section.content h5 { color: #555566; font: normal bold 18px/24px Helvetica, "Helvetica Neue", sans-serif;}
section.content h6 { color: #555566; font: normal bold 16px/24px  Helvetica, "Helvetica Neue", sans-serif; padding: 0 0 10px 0; }


/* Content // Visual Break */ 
.vis-break { background: #f1f1f1; border: 1px solid #e0dfdf; padding: 10px; }

/* Side Navigation Style */ 
.side-nav ul { margin: 0; padding: 0; text-align: left; }
.side-nav ul li { line-height: 30px; list-style: none; white-space: nowrap; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; }
.side-nav ul li:hover { background: #f8f8f8; padding-left: 10px; }
.side-nav ul li:hover:before { color: #000; }
.side-nav ul li:before { content: "✔"; color: #f1f1f1; font-size: 18px; padding-right: 10px; }

/* Table Style */
table { border: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; font-size: inherit; margin: 1.5em 10px; }
thead { background: #ccc; font-weight: bold; }
th, td { border-right: 1px solid #ccc; border-bottom: 1px solid #eee; padding: .25em 10px; }
tbody tr:hover { background: #eee; }
tbody tr:nth-child(even) { background:#f9f9f9; }

/* Blockquote Style */
blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: .5em 10px; }
blockquote p { display: inline; }

/* Footer */ 
footer#bottom { background: #f1f1f1; border-top: 1px solid #e0dfdf; bottom: 0; height: 80px; left: 0; margin: 180px 0 0 0; padding: 20px 0; position: absolute; width: 100%; text-align: center; }
footer#bottom a { color: #000; }
footer#bottom nav { margin: 0 0 20px 0; }


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('http://blue.environmentsforhumans.com/fonts/League_Gothic-webfont.eot');
    src: local("☺"),
         url('http://environmentsforhumans.com/-/fonts/League_Gothic-webfont.woff') format('woff'),
         url('http://www.environmentsforhumans.com/-/fonts/League_Gothic-webfont.woff') format('woff'),
         url('http://blue.environmentsforhumans.com/-/fonts/League_Gothic-webfont.woff') format('woff'),
         url('http://blue.environmentsforhumans.com/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('http://blue.environmentsforhumans.com/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#masthead {
	
/*	background-image: url(http://blue.environmentsforhumans.com/img/masthead/leather.png);
*/
	background-color: #00000;
	background-color: rgba(0,0,0,.9);
	-webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
	-o-box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.496094) 0px 1px 2px;
	height: 80px;

}

#masthead section {
	margin: 0 auto; 
	padding: 0 10px 10px 10px; 
	text-align: left; width: 940px; 
	
}

#masthead article {
	-webkit-transition: all  .66s ease-in-out;
	-moz-transition: all  .66s ease-in-out;
	-o-transition: all  .66s ease-in-out;
	-ms-transition: all  .66s ease-in-out;
	transition: all .66s ease-in-out;
	opacity: .5;
}

#masthead article:hover {
	-webkit-transition: all  .66s ease-in-out;
	-moz-transition: all  .66s ease-in-out;
	-o-transition: all  .66s ease-in-out;
	-ms-transition: all  .66s ease-in-out;
	transition: all  .66s ease-in-out;
	opacity: 1;	
}

#masthead input[type="text"] {
	border-radius: 3px;	
	-webkit-box-shadow: #444 0px 1px 0px;
	-moz-box-shadow: #444 0px 1px 0px;
	box-shadow: #444 0px 1px 0px;
	background: #666;
	border: 1px solid black;
	color: #CCC;
	font: normal normal normal 13px/normal Arial, sans-serif;
	padding: 6px 25px 4px 6px;
	width: 125px;
}

#main {
	padding-bottom: 180px;
}

#track abbr {
	border-bottom: none;
}

header h2 {
  font-family: "League Gothic", "LeagueGothicRegular", 'Six Caps', serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
	text-transform: uppercase;
text-shadow: 2px 2px 0 rgba(255,255,255,.8), 1px 1px 0 rgba(255,255,255,.8);
background-image: url(http://blue.environmentsforhumans.com/img/v1/divider.png);
background-position: top center;
background-repeat: no-repeat;
padding-top: 20px;
padding-bottom: 40px;
margin-top: 20px;
color: #579;
}

header h2 .firstword {
	  font-family: 'Lobster', Georgia, "Times New Roman", serif;
	  text-transform: capitalize;
		display: inline-block;
		-webkit-transform: rotate(-3deg); 
-moz-transform: rotate(-3deg);
transform: rotate(-3deg);
font-weight: normal;
font-size: medium;
vertical-align:top;
position: relative;
left: .3em;
border-bottom: 1px solid rgba(0,0,0,.5);
}


/* Sessions */

p.buytickets {
		background-image: url("http://blue.environmentsforhumans.com/img/v1/tickets.png");
		background-repeat: no-repeat;
		height: 120px;
}

.sessions h3 {
    margin-left: 160px;
}



.abtract  {
    text-shadow: 0 0 2px black;
}

.mugshot {
/*    clip-path: url(http://blue.environmentsforhumans.com/css/rounder.svg#c1);
*/    outline: none;
    display: block;
    margin: auto;
/*    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;*/
/*    -webkit-box-shadow: 1px 1px 4px #fff, 2px 2px 4px #fff, 3px 3px 2px #333;
    -moz-box-shadow: 1px 1px 4px #fff, 2px 2px 4px #fff, 3px 3px 2px #333;
    box-shadow: 1px 1px 4px #fff, 2px 2px 4px #fff, 3px 3px 2px #333;*/
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    opacity: 0.8;
    border: 1px solid grey;
    padding: .3em;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;

/*    -webkit-box-reflect:below 10px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.1)));
*/    
}

.mugshot:hover {
    opacity: 1;
 /*   clip-path: (http://blue.environmentsforhumans.com/css/rounder.svg#c1);*/
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity 1s ease-out;
    
}

.abstract li {
    margin-left: -1.5em;
}

.abstract hgroup h4 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 28px;
    line-height: 1.3;
    padding: 0;
    margin: 0;
    color: #557799;
font-weight: normal;
	letter-spacing: -1px;
text-shadow: 1px 0 0 rgba(209,112,50,.1);
}

.abstract p {
    font-size: 1.2em;
}

h5 i {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    opacity: .8;
    
}

.abstract hgroup h5 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    padding: 0;
    margin: 0;  
	text-transform: none;
}

.abstract p {
    font-size: 1.2em;
}

ul {
	margin-left: 0;
}

.abstract ul {
	margin-left: 1.6em;
}

ul + p {
	margin-top: 1em;
	
}


a:active .mugshot { 
    -webkit-box-shadow: 1px 1px 4px #fff, 2px 2px 4px #fff, 3px 3px 2px #333, 0 0 30px rgba(0,0,0,.6);
    /* Hide this from Firefox as it releases the mask when image is clicked */
    /* clip-path: url(../css/rounder.svg#c1); */
    /* -moz-box-shadow: 1px 1px 4px #fff, 2px 2px 4px #fff, 3px 3px 2px #333, 0 0 30px rgba(0,0,0,.6); */
    box-shadow: 1px 1px 4px #fff, 2px 2px 4px #fff, 3px 3px 2px #333, 0 0 30px rgba(0,0,0,.6);  
}

h3#buytickets, h3#track, h3#howitworks {
    font-family: "League Gothic", "LeagueGothicRegular", Verdana, sans-serif;
    font-size: 3em;
    xmargin: .5em 0 .6em 0;
    padding: 0;
    color: #3C3A30;
    text-shadow: 1px 1px 0 white, 2px 2px 0 #73705C;
    text-transform: uppercase;
	font-style: normal;
}

#buytickets {
	background-image: url(http://blue.environmentsforhumans.com/img/v1/tickets-sm.png);
	background-repeat: no-repeat;
	background-position: 16% 100%;

}

#howitworks + div {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-webkit-column-gap: 22px;
	-moz-column-gap: 22px;
	-webkit-column-rule: 1px inset #eee;
	-moz-column-rule: 1px inset #eee;
}