@charset "UTF-8";
/* CSS Document */


/* ---- reset ------*/

* {margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em;font-weight:normal;font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse;border-spacing:0;}
td {vertical-align:top;}
.clear {clear:both; width: 0px;}
.left {float: left;}
.right {float: right;}


/* ------------------ body --------------------- */

body {
	background: #cccccc url(../images/bckgd/manesh_noise.png) left top;
	color: #333;
	font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow: 0 1px #fff;
}
	
#container {
	position: relative;
	width: 930px;
	height: 100%;
	margin: 0 auto;
}


/* ----- text ----- */

h1 {
	font-size: 2em;
	color: #fff;
	text-shadow: 0 1px 1px #333;
	font-weight: 500;
	line-height: 2.3em;
}

h2, h3 {
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.6em
}

h3 {
	color: #999;
}

h3 a:hover {
	color: #b70002;
}

p {
	font-size: 1.6em;
	font-weight: 200;
	line-height: 1.4em;
}

a {
	color: #999;
	text-decoration: none;
}

/* ------------------ header --------------------- */

#header {
	position: relative;
	width: 930px;
	height: 172px;
}

.logo {
	position: absolute;
	top: 65px;
	left: 7px;
}

.ipad {
	position: absolute;
	top:0;
	left: 476px;
}


/* ------------------ contents --------------------- */

#contents {}


/* -------- left --------- */

#left {
	width: 602px;
}

.leftBlock {
	position: relative;
	background: url(../images/left/leftMid.jpg) repeat-y;
	margin-bottom: 25px;
}

.leftHdr {
	width: 602px;
	height: 46px;
	background: url(../images/left/leftHdr.jpg) no-repeat;
	padding-left: 20px;
}

.leftHdrTall {
	width: 602px;
	height: 92px;
	background: url(../images/left/leftHdrTall.jpg) no-repeat;
	padding-left: 20px;
}

.leftMid, .rightMid {
	padding: 15px 20px 25px 20px;
}

.leftBtm {
	width: 602px;
	height: 4px;
	background: url(../images/left/leftBtm.jpg) no-repeat;
}

/* --- left ul --- */

.leftMid ul {
	padding: 10px 0 20px 10px;
}

.leftMid ul.btmBorder {
	background: url(../images/bckgd/dots.jpg) bottom repeat-x;	 
}

.leftMid ul li {
	font-size: 1.6em;
	font-weight: 200;
	line-height: 1.6em;
}

.leftMid ul li strong {
	margin-left: 10px;
	color: #960000;
	font-weight: 600;
}

/* -------- right --------- */

#right {
	position: relative;
	width: 302px;
}

.rightBlock {
	position: relative;
	background: url(../images/right/rightMid.jpg) repeat-y;
	margin-bottom: 25px;
}

.rightHdr {
	width: 302px;
	height: 46px;
	background: url(../images/right/rightHdr.jpg) no-repeat;
	padding-left: 20px;
}

.rightBtm {
	width: 302px;
	height: 4px;
	background: url(../images/right/rightBtm.jpg) no-repeat;
}

.sponsor {
	text-align: center;
	margin: 0 30px;
	padding: 15px 0 25px 0;
	background: url(../images/bckgd/dots.jpg) bottom repeat-x;
}

.sponsor p {
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0 10px 20px;
	color: #666;
}

.sponsor .last {
	background: none;
}

/* ---- logos ---- */

.sponsor .happyapps, .sponsor .viget, .sponsor .rocket, .sponsor .browsermedia, .sponsor .bootant, .sponsor .millenialmedia, .sponsor .apress, .sponsor .oreilly {
	margin: 0 auto;
	display: block;
}

.sponsor .happyapps {
	width: 92px;
	height: 109px;
	display: block;
	background: url(../images/sponsors/happyapps.jpg) center no-repeat;
}

.sponsor .happyapps:hover {
	width: 92px;
	height: 109px;
	background: url(../images/sponsors/happyapps_hover.jpg) center no-repeat;
}

.sponsor .viget {
	width: 125px;
	height: 72px;
	background: url(../images/sponsors/viget.jpg) center no-repeat;
}

.sponsor .viget:hover {
	background: url(../images/sponsors/viget_hover.jpg) center no-repeat;
}

.sponsor .rocket {
	width: 86px;
	height: 107px;
	background: url(../images/sponsors/rocket.jpg) center no-repeat;
}

.sponsor .rocket:hover {
	background: url(../images/sponsors/rocket_hover.jpg) center no-repeat;
}

.sponsor .browsermedia {
	width: 125px;
	height: 32px;
	background: url(../images/sponsors/browsermedia.png) center no-repeat;
}

.sponsor .browsermedia:hover {
	background: url(../images/sponsors/browsermedia_hover.png) center no-repeat;
}

.sponsor .bootant {
	width: 125px;
	height: 32px;
	background: url(../images/sponsors/bootant.jpg) center no-repeat;
}

.sponsor .bootant:hover {
	background: url(../images/sponsors/bootant_hover.jpg) center no-repeat;
}

.sponsor .millenialmedia {
	width: 125px;
	height: 32px;
	background: url(../images/sponsors/millenialmedia.png) center no-repeat;
}

.sponsor .millenialmedia:hover {
	background: url(../images/sponsors/millenialmedia_hover.png) center no-repeat;
}

.sponsor .oreilly {
	width: 125px;
	height: 23px;
	background: url(../images/sponsors/oreilly.jpg) center no-repeat;
}

.sponsor .oreilly:hover {
	background: url(../images/sponsors/oreilly_hover.jpg) center no-repeat;
}

.sponsor .apress {
	width: 120px;
	height: 60px;
	background: url(../images/sponsors/apress.jpg) center no-repeat;
}

.sponsor .apress:hover {
	background: url(../images/sponsors/apress_hover.jpg) center no-repeat;
}


/* ------------------ footer --------------------- */

#footer {
	margin: 0 auto;
	bottom: 39px;
	width: 930px;
	background: #1b1b1b url(../images/bckgd/bottom.jpg) top no-repeat;
}

#footer p {
	font-size: 1.2em;
	text-align: right;
	color: #595959;
	text-shadow: 0 1px #000;
	line-height: 3.4em;
	margin-right: 15px;
}

#footer p a {
	color: #666;
	text-decoration: underline;
}

/* ---- add-ons by Louie ---- */
.time {
  width: 50px;
  display: block;
  float:left;
  text-align:right;
}


/* speakers */
.headshot {
  float:left;
  margin:8px 16px 16px 0px;
  width:72x;
  height:72px;
}