/*
-----------------------------------------------
Style Sheet

Site: Webinar
Author:   Trade Press Media Group Inc.
----------------------------------------------- */



/* Pretty Stuff
================================== */

body {
  font-family: Verdana, Arial, sans-serif; 
   background-color: #f1f1f1;
}

h1 {
  font-size: 24px;
  font-weight: normal;
}

h2 {
  font-size: 18px;
  font-weight: normal;
}

.date {
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.time {
  font-size: 12px;
  font-weight: normal;
  color: #666;
}



p a {
		text-decoration: underline;
	}
p a:link,
p a:visited {
		color: #333;
		background: none;
	}
p a:hover {
		text-decoration: none;
	}

#content h1, #content h2, #content p, #footer h1, #footer h2, #footer p {
  margin: 1em 0;
  padding: 0 15px 0 15px;
}

h1, h2 { font-family:Georgia, "Times New Roman", Times, serif; line-height: 24px; color: #39c; }

#content p, #content li { font: 13px Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: #333; }

#footer a {
		text-decoration: underline;
	}
#footer a:link,
#footer a:visited {
		color: #333;
		background: none;
	}
#footer a:hover {
		text-decoration: none;
	}

#branding h1 {
	margin: 0; 
	position: absolute; 
	top: 215px; 
	left: 653px; 
	z-index: 3; 
	width: 277px; 
	height: 85px;
	background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/logos.gif) no-repeat;
	text-indent: -9000px;
}

#wrapper {
}

#branding {
position: relative;
  height: 300px;
  background-color:#f1f1f1;
  padding: 0;
  background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/hdr.jpg) no-repeat;
}

#branding2 {
position: relative;
  height: 194px;
  background-color:#f1f1f1;
  padding: 0;
  background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/hdr2.jpg) no-repeat;
}

#branding2 h1 {
	margin: 0; 
	position: absolute; 
	top: 215px; 
	left: 653px; 
	z-index: 3; 
	width: 277px; 
	height: 85px;
	background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/logos.gif) no-repeat;
	text-indent: -9000px;
}


#sidebar {
  background-color:#eee;
}

a img {
	border-width: 0; 
	border-style: none;
}

 ul {
		padding-left: 1em;
		padding-right: 1em;
	}

ul li {
		background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/bullet.gif) no-repeat 0em 0em;
		padding: 0px 7px 0px 20px;
		margin: 0px;
		list-style: none;
	}
#footer {
width: 605px;
height: 60px;
	padding: 0;
	background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/bkg_footer.gif) no-repeat;
}

#footer p {
	font-size: 10px; 
	color: #333;
}

#footer p#copy {
	float: left; 
	width: 40%;
}

#footer p#imagery {
	float: right; 
	width: 40%; 
	text-align: right;
}


/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 990px;
}

#wrapper {
  width: 930px; 
  margin: 0 auto; 
  text-align: left; 
}


#content { 
  width: 600px;
  float: left;
  background-color: #fff;
}

#sidebar { 
  width: 330px; 
  float: right;
  background-color: #f1f1f1; 
} 

#sidebar div.box { margin-left: 20px; }

#footer { 
  clear: both; 
} 

/* Add some padding 
================================== */

#sidebar {
  padding-top: 20px;
  padding-bottom: 20px;
}

#sidebar * {
  padding-left: 0;
  padding-right: 0;
}

#sidebar * * {
  padding-left: 0;
  padding-right: 0;
}

#content * {
  padding-right: 20px;
}

#content * * {
  padding-right: 0;
}

.box h2 {
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1;
  color: #39c;
  margin: 0;
}

/* rounded corner box
================================== */

.box {
  width: 300px;
  background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/bottom-left.gif) no-repeat left bottom;
}

.box-outer {
  background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/bottom-right.gif) no-repeat right bottom;
  padding-bottom: 3%;
}

.box-inner {
  background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/top-left.gif) no-repeat left top;
}

.box h2 {
  background: url(http://www.progressiverailroading.com/webinar/Stimulus_041909/images/top-right.gif) no-repeat right top;
  padding-top: 3%;
}


#sidebar h2, #sidebar p {
  padding-left: 5%;
  padding-right: 5%;
}

#sidebar p.name { 
font-size: 12px;
color:#333;
font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar p { 
font-size: 11px;
color:#333;
}

#sidebar img {
		float: left;
		margin: 3% 15px 15px 5%;
		border: 1px solid #d3d3d3;
		padding: 6px;
	}
	
#sidebar img.icon {
		float: left;
		display: inline;
		margin: 5px 3px 0 5%;
		border: none;
		padding: 1px;
	}


/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */