/* <style type="text/css">
/* --------------------------------------------------------------
   Page Layout
-------------------------------------------------------------- */
/* This fixes the firefox disappearing vertical scroll bar and
   sets up the sticky footer */
html, body, #wrap {
	margin: 0;
	height: 100%;
}
html {
	margin-bottom: 1px;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}

.container {
	width: 980px;
	margin: 0 auto;
}

body {
	background: white url("/design/images/body-bg.png") center top;
}


/* --------------------------------------------------------------
	Head
-------------------------------------------------------------- */
#star {
	position: absolute;
	top: -310px;
	left: 80px;
	z-index: -1000;
}

#hd {
	height: 238px;
	background: url("/design/images/header-hr-nq8.png") center bottom no-repeat;
}

#hd .container {
	position: relative;
}

#hd #masthead {
	margin-top: 40px;
	float: left;
	width: 390px;
}

/* Main Navigation
-------------------------------------------------------------- */
#hd .nav {
	width: 190px;
	margin: 35px 0 10px 20px;
	padding: 0;
	float: left;
	display: block;
	overflow: hidden;
	font-size: 108.33%;
}

#hd .nav li {
	margin: -2px 0 0 0;
	padding: 5px 0 3px 0;
	list-style: none;
	background: url("/design/images/nav-hr.png") center top no-repeat;
}

#hd .nav a, .nav a:link, .nav a:visited {
	text-decoration: none;
}

#hd .nav a:hover {  }

#hd .nav li.current a,
#hd .nav li.current a:link,
#hd .nav li.current a:visited,
#hd .nav li.current a:hover,
#hd .nav li.current a:active {
	color: black;
}


/* Other Elements in Head
-------------------------------------------------------------- */
#hd .bar-2 {
	width: 358px;
	float: right;
	position: relative;
	line-height: 1em;
}

#hd #interior {
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
}


#hd #searchbar {
	height: 29px;
	margin: 0;
	padding-top: 5px;
}

#hd #searchbar p {
	padding: 0;
}


#hd #newsletter {
	margin: 3px 0 0 -2px;
	padding: 0;
	display: block;
	vertical-align: text-bottom;
}

#hd #newsletter img {
	margin: 0;
	padding: 0;
	vertical-align: text-bottom;
}


#hd #flash {
	position: absolute;
	top: 34px;
	left: 0px;
}


/* --------------------------------------------------------------
	Body
-------------------------------------------------------------- */
/*
Column Spacing
    1- 30  2- 70  3-110  4-150  5-190  6-230  7-270  8-310
    9-350 10-390 11-430 12-470 13-510 14-550 15-590 16-630
   17-670 18-710 19-750 20-790 21-830 22-870 23-910 24-950

Home:	 5-190 | 10-390 [ *-370 = 180 +30+ 160 ]
      15-590
*/

#bd {
	position: relative;
	z-index: 0;
}

#bd.style-1 .container {
	width: 780px;
	padding: 0 0 0 200px;
}

#bd.style-1 #content-1 {
	width: 390px;
	float: left;
}

#bar-1 {
	width: 190px;
	margin-left: -590px;
	float: left;
	padding-top: 14px;
	overflow: hidden;
  	font-size: 108.33%;
	display: inline; /* IE6 */
}

#bar-2 {
	width: 355px;
	float: right;
	padding-top: 0;
	overflow: hidden;
}

#social {
	position:relative;
}
#social a {
	height:35px;
	width:35px;
	display:block;
	position:absolute;
}
#social a.facebook {
	top:91px;
	left:31px
}
#social a.twitter {
	top:91px;
	left:68px;
}
#social a.atom {
	top:91px;
	left:105px;
}

#bd.style-1 #bar-2 {
	width: 365px;
	padding-top: 110px;
/*	display: inline; /* IE6 */
}

#news {
	width: 180px;
	float: left;
}

#sponsors {
	width: 160px;
	margin-right: 20px;
	float: right;
}

#articles {
	width: 330px;
	float: left;
	clear: left;
	margin-left: -190px;
	padding-left: 250px;
	padding-bottom: 1.5em;
	display: inline; /* IE6 */
}

#articles img {
	float: left;
	clear: left;
	margin-left: -250px;
}

#bd #bydate .icon-calendar {
	position: relative;
	bottom: -10px;
	left: 10px;
}

#img-soon {
	position: relative;
	top: 0px;
	left: -4px;
}

#bd #byspeaker ul, #bd #bylocation ul, #bd #bydate ul {
	list-style: none;
	height: 12em;
	overflow: auto;
}

#bd #byspeaker li, #bd #bylocation li, #bd #bydate li {
	margin-left: 0;
}

#bd .nav {
	height: 2.25em;
	margin-bottom: 1.5em;
	padding-bottom: 10px;
	list-style: none;
	overflow: hidden;
	display: block;
	background: url("/design/images/footer-hr.png") left bottom no-repeat;
}

#bd .nav li {
	float: left;
	margin: 0 0 0 -1em;
	padding: 0 2em 0 1em;
	border-left: 1px solid black;
}

/* EVENTS Styles
-------------------------------------------------------------- */
/*
Colors, Borders & Textures
  When content area has background, center it in #wrapper

	#7D1827 - Burgendy
	#D48118 - Yellow
	#1B5067 - Blue
	#421F15 - Brown
*/

#preview {
	list-style: none;
	margin: 0;
	padding: 0;
}


#preview li {
	margin: 0 0 1.5em 0;
	padding: 0 0 1.5em 120px;
	background: url("/design/images/entry-hr.png") center bottom no-repeat;
}

#preview li.last {
	padding-bottom: 0;
	background-image: none;
}

#preview li .frame {
	margin: 0 0 7px -120px;
	padding: 0;
	position: relative;
	float: left;
	clear: left;
	border: 1px solid #1B5067;
	background-color: white;
	font-size: 0; /* Bottom Padding Problem */
	display: inline; /* IE6 */
}

#preview li .frame img {
	margin: 3px;
	padding: 0;
	line-height: 0;
	vertical-align: text-bottom;
}

.more {
	margin-top: -1.5em;
	padding-bottom: 0;
}

.time-place {
	color: #7D1827;
	font-weight: bolder;
	padding-bottom: 0;
	margin-bottom: 0;
}

.frame img.video-play {
	position: absolute;
	top: 0px;
	left: 0px;
}

.frame img.video-youtube {
	position: absolute;
	bottom: 0px;
	right: 0px;
}


/* SPEAKERS Styles
-------------------------------------------------------------- */
/*
Colors, Borders & Textures
  When content area has background, center it in #wrapper

	#7D1827 - Burgendy
	#D48118 - Orange
	#1B5067 - Blue
	#421F15 - Brown
*/

.speaker,
.location,
.event {
	width: 540px;
	margin-bottom: 15px;
	padding-left: 250px;
	float: left;
	clear: left;
	position: relative;
	overflow: visible;
}

.speaker .frame,
.location .frame,
.event .frame {
	width: 218px;
	margin: 0 0 7px -250px;
	padding: 0;
	float: left;
	clear: both;
	position: relative;
	display: inline;
	overflow: hidden;
	border: 1px solid #1B5067;
	background: white;
	text-align: center;
	font-size: 0; /* Bottom Padding Problem */
}

.speaker #video.frame,
.location #video.frame,
.event #video.frame {
	width: 106px;
	min-height: 75px;
	margin: 0 0 7px -138px;
}

.speaker .frame img,
.location .frame img,
.event .frame img {
	margin: 11px 0;
	vertical-align: text-bottom;
}

.speaker #video.frame img,
.location #video.frame img,
.event #video.frame img {
	margin: 3px 0;
	vertical-align: text-bottom;
}

.speaker ul.events,
.location ul.events {
	background-color: blue;
}


/* ----------------------------------------------------------- */
ul.speakers,
ul.locations,
ul.events {
	list-style: none;
	margin-bottom: 10px;
}

ul.speakers li,
ul.locations li,
ul.events li {
	width: 218px;
	margin: 0 27px 15px 0;
	padding: 0;
	float: left;
}

ul.speakers li .frame,
ul.locations li .frame,
ul.events li .frame {
	margin: 0 0 0.5em 0;
	padding: 0;
	display: block;
	overflow: hidden;
	border: 1px solid #1B5067;
	background: white;
	text-align: center;
	font-size: 0; /* Bottom Padding Problem */
}

ul.speakers li .frame img,
ul.locations li .frame img,
ul.events li .frame img {
	margin: 11px 0;
	vertical-align: text-bottom;
}


/* ----------------------------------------------------------- */
#minilist {
	width: 790px;
	margin: 20px 0 0 -250px;
	padding: 0;
	float: left;
	clear: left;
	list-style: none;
	display: inline; /* IE6 */
}

#minilist li {
	margin: 0;
	padding: 20px 150px 18px 0;
	background: url("/design/images/footer-hr.png") left top no-repeat;
}


#minilist li .frame {
	width: auto;
	height: auto;
	margin: 0 -150px 0 44px;
	padding: 0;
	float: right;
	border: 1px solid #1B5067;
	font-size: 0; /* Bottom Padding Problem */
	display: inline; /* IE6 */
}

#minilist li .frame img {
	margin: 3px;
	vertical-align: text-bottom; /* Bottom Padding Problem */
}

#minilist .buy-button {
	display: block;
	margin-top: 1.5em;
}


/* Sponsors Bar
-------------------------------------------------------------- */
#page {
	width: 590px;
	float: left;
}

#page img {
	float: left;
	margin: 0 20px 7px 0;
}


/* Sponsors Bar
-------------------------------------------------------------- */
#sponsors .sponsor {
	position: relative;
}


#sponsors .swatch {
	margin: 0 0 1.5em 15px;
	padding: 12px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: block;
	text-align: center;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
}


#sponsors .swatch img {
	padding: 5px;
	float: left;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}


/* --------------------------------------------------------------
	Foot
-------------------------------------------------------------- */
#ft {
	position: relative;
	z-index: 0;
}

#ft .container {
	padding-top: 10px;
	background: url("/design/images/footer-hr.png") left top no-repeat;
}

#ft p {
	float: left;
}


#ft .nav {
	list-style: none;
	overflow: hidden;
	display: block;
	float: right;
}

#ft .nav li {
	float: left;
	margin: 0 0 0 -1px;
	padding: 0 1em 0 1em;
	border-left: 1px solid black;
}


/* --------------------------------------------------------------
	Newsletter Sign Up Form
-------------------------------------------------------------- */

#newsletter form {
	text-align: right;
}


/* --------------------------------------------------------------
  Effects
-------------------------------------------------------------- */
.shadow-1, .shadow-2 {
  position: absolute;
  z-index: -100;
  background-image: url("/design/images/sponsor-shadow-nq8.png");
/*
  background-color: #999;
  opacity: 0.15;
  filter:alpha(opacity=15);
  -moz-opacity:0.1;
*/
}


.shadow-1 {
  width: 100%;
  height: 20px;
  right: -18px;
  top: -2px;
  background-position: right top;
/*
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
*/
}

.shadow-2 {
  width: 100%;
  height: 100%;
  bottom: -18px;
  left: 18px;
  background-position: right bottom;
/*
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
*/
}

/* --------------------------------------------------------------
   Clearfix
-------------------------------------------------------------- */
#bd:after, #ft:after,
#preview li:after,
.speaker:after, .location:after, .event:after,
.speakers:after, .locations:after, .events:after,
.swatch:after,
.container:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#bd, #ft,
#preview li,
.speaker, .location, .event,
.speakers, .locations, .events,
.swatch,
.container,
.clearfix {
	display: inline-block;
}

* html #bd, * html #ft,
* html #preview li,
* html .speaker, * html .location, * html .event,
* html .speakers, * html .locations, * html .events,
* html .swatch,
* html .container,
* html .clearfix {
	height: 1%;
}

#bd, #ft,
#preview li,
.speaker, .location, .event,
.speakers, .locations, .events,
.swatch,
.container,
.clearfix {
	display: block;
}

/* </style> */