/* BEGIN reset style sheet by Eric Meyer */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0;padding:0;border:0;outline: 0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}


/* remember to define focus styles! */

:focus {outline: 0;}

body {line-height:1;color:black;background:white;}

ol, ul {list-style:none;}

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

blockquote:before, blockquote:after,q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

/* END reset style sheet */



/* General */
body {font: 10px Arial, sans-serif; color:#555; background-color:#FFF; width:1000px; margin:0 auto}

#header {background:url(../images/general/dots_full.gif) repeat-x bottom left; padding-bottom:2px}
#header img {float:left}
#header form {float:right; width:168px; margin:50px 0 0 0}
#header label {display:block; color:#2999C7; margin:0 0 3px 0; letter-spacing:-0.01em}
#email {width:127px; border:1px solid #C3C3C3; background-color:#EEE; color:#7C7C7C; font-size:10px; padding:1px 4px}
#header form div * {vertical-align:top}


#main {margin:11px 0 8px 0; background:url(../images/menu/leftnav_bg.gif) repeat-y top left; vertical-align:top}

#content {float:left; margin:0 0 0 8px; width:850px; padding:0 0 30px 0}

#pagecontent {float:right; margin:0 0 0 8px; width:844px; padding:0; border-left: 1px solid #CCC;  border-right: 1px solid #CCC; vertical-align:top}
#pagecontent h2 {color:#2999C7; font-size:13px; font-weight:bold; margin-left:4px}
#pagecontent ul {list-style-type:disc; margin:10px 0 0px 40px}
#pagecontent li {line-height:1.6em}
.intro {margin-left:4px; line-height:1.3em}


.ad #pageTitle {float:left; width:535px}

.pageheader {clear:both; float:left; width:840px; margin:2px 0 0 2px; border-bottom:1px dotted #CCC;  border-top:1px dotted #CCC; padding:2px 0 2px 0}
.pageheader p {margin-left:4px}
.pressheader {clear:both; float:left; width:840px; margin:2px 0 0 2px; border-bottom:1px dotted #CCC; padding:2px 0 2px 0}
.eventgrayheader {float:right; width:850px; height:16px; background:url(../images/general/eventheader_gray.gif) repeat-x top left; vertical-align:top}
.grayheader {width:844px; height:16px; background:url(../images/general/header_gray.gif) no-repeat top left}
.separator {clear:both; border-bottom:1px dotted #222; margin:0 0 6px 2px; padding-top:6px}
.smallseparator {clear:both; width:10px; border-bottom:1px dotted #222; margin:0 0 10px 2px; padding-top:6px}

strong {color: #333; font-weight: bold}

.event p {margin: 0 0 8px 4px; line-height:1.3em}
.event p a {color:#2999C7; text-decoration:none}
.event p a:hover {color:#2999C7; text-decoration:underline}
.event {clear:both; float:left; width:838px; margin:2px 0 0 2px; border-bottom:1px dotted #CCC; padding:2px 0 2px 0}
.event img {margin: 2px 10px 0 4px}


/* contact list */
.contact p {margin: 0 0 8px 4px; line-height:1.3em}
.contact p a {color:#2999C7; text-decoration:none}
.contact p a:hover {color:#2999C7; text-decoration:underline}
.contact {clear:both; float:left; width:660px; margin:2px 0 0 2px; border-bottom:1px dotted #CCC; padding:2px 0 2px 0}


.link {text-transform:uppercase; padding-right:6px; background:url(../images/general/link_icon.gif) no-repeat 100% 55%}


#sponsor {float:right; color:#000; width:285px; margin:20px 10px 9px 0; text-align:right}
#sponsor * {vertical-align:top}
#sponsor img {margin:-17px 0 0 0}

#power {float:right; color:#000; width:250px; margin-top:-9px; text-align:right; vertical-align:top}
#power img {width:79; margin:-8px 0 0 2px; vertical-align:top}

#footer {background:url(../images/general/dots_full.gif) repeat-x top left; padding:6px 0 46px 0}
#footer li {float:left; margin:0 15px 0 0}

h1 {font-size:18px; font-weight:bold; color:#1992CC}
h3 {color:#1992CC; font-weight:bold; font-size:12px}

a {color:#2999C7; text-decoration: none}
a:hover, a:focus {text-decoration: underline}



/* Left nav */
#nav {background:transparent; float:left; padding:10px 1px 0 8px; width:132px}
#nav strong {display:block; color:#FFF; text-transform:uppercase; font-weight:bold; padding:0 0 0 2px; margin-bottom:5px}
#nav ul {margin-bottom:15px}
#nav a {display:block; color:#000;margin:0; padding:0; padding:2px}
#nav a:hover, #nav a:focus {background-color:#CCC; text-decoration:none}
#nav a:active {background-color:#FFF; color:#000}
#nav li.current a {color:#FFF; background-color:#000}
#nav li.current a:hover, #nav li.current a:focus {background-color:#000}

#nav ul li ul {position:absolute; left:100%; top:0; width:128px; display:none; z-index:1000}
#nav ul li ul li {background-color:#CCC; border-bottom:1px solid #FFF}
#nav li:current ul li a:focus, #nav li:current ul li a:active {background-color:#FFF}
#nav ul li#pressMenu {position:relative}
#nav ul li#pressMenu a {border-right:1px solid #8F8F8F}
#nav ul li#pressMenu ul li a {border-right:none}
#nav ul li#pressMenu:hover ul {display:block}
#nav ul li a.rollover {background-color:#CCC}
#nav ul li.current a.rollover {background-color:#000}



/* Video gallery */
#gallery {clear:both}
#gallery .exhibit {width:277px; float:left; margin:0 8px 8px 0; border-right:1px solid #CCC; min-height:273px}
#gallery .exhibit.last {margin-right:0; border-right:none}
#gallery .exhibit h3, #gallery .exhibit p {margin-left:4px}
.exhibitor {font-weight:bold; color:#000;}
#exhibits .exhibit p a, #exhibit p a 
	{padding-right:6px; background:url(../images/general/link_icon.gif) no-repeat 100% 55%}
#gallery .exhibit p a.link {text-transform: none; padding-right:6px; background:url(../images/general/link_icon.gif) no-repeat 100% 55%}
#footer li a 
	{color:#333; text-decoration: none; padding-left:6px; background:url(../images/general/link_icon.gif) no-repeat 0% 55%}

#pager li {float:left; margin:0 3px; color:#999}
#pager li.goto {color:#000}
#pager li a {padding:0 4px; color:#1992CC}
#pager li a:hover, #pager li a:focus {text-decoration:none; outline:black thin solid}


/* Exhibit list */
#exhibits {clear:both; margin-top:16px}
#exhibits .exhibit {width:184px; float:left; margin:0 8px 8px 0; border:1px solid #CCC; height:242px; padding:8px}
#exhibits .exhibit img {border:1px solid #CCC}
#exhibits .exhibit p {width: 186px}
#exhibits .exhibit:hover, #exhibits .exhibit.rollover {background-color:#E7E7E8}
#exhibits .exhibit:hover img, #exhibits .exhibit.rollover img {border:1px solid #000}
#exhibits .exhibit.click {background-color:#000}
#exhibits .exhibit .exhibitor {margin-bottom:15px}

.categoryList {color:#020202; margin:16px 0 25px 0; clear:both}
.categoryList ul li {float:left; margin-right:3px; font-size:14px}
.categoryList ul li img {margin-right:3px}


/* Exhibit detail */
#exhibit {width:811px, min-height:275px; border: 1px solid #CCC; padding:8px; clear:both; margin-top:16px}
#exhibit img {float:right; margin-left:8px}
#exhibit h2 {color:#1992cc; font-size:12px; font-weight:bold; margin-top:13px}
#exhibit p {margin-top:15px}
#exhibit p.exhibitor {margin-top:0}
#exhibit p a {text-transform:uppercase}
#previous {font-size:14px; float:left; margin-top:12px}
#next {font-size:14px; float:right; margin-top:12px}


/* sponsor list */
#sponsors {clear:both; width:840px}
#sponsors .sponsor {width:840px; float:left; border-bottom:1px dotted #CCC; height:60px; background:url(../images/sponsors/sponsor_bground.gif) repeat-x top left; margin:0 2px 0 2px}
#sponsors .sponsor img {float:left; margin:2px 10px 2px 0px; border-right:1px solid #CCC}
#sponsors .sponsor p {margin-top:15px; line-height:1.5em}
#sponsors .sponsor strong {text-transform:uppercase; color:#222; font-weight:bold; font-size:12px}
#sponsors p a 
	{text-transform:uppercase; padding-right:6px; background:url(../images/general/link_icon.gif) no-repeat 100% 55%}

/* affiliate list */
.affiliate {width:840px; float:left; border-bottom:1px dotted #CCC; height:60px; margin:0 2px 0 2px}
.affiliate img {float:left; margin:2px 10px 2px 0px; border-right:1px solid #CCC}
.affiliate p {margin-top:22px; line-height:1.5em}
.affiliate p a 
	{text-transform:uppercase; padding-right:6px; background:url(../images/general/link_icon.gif) no-repeat 100% 55%}


/* press list */
.press {width:840px; float:left; border-bottom:1px dotted #CCC; margin:0 2px 0 2px}
.press img {float:left; margin:2px 10px 2px 0px; border-right:1px solid #CCC}
.press p {margin-top:8px; line-height:1.3em}
.press p a 
	{text-transform:uppercase; padding-right:6px; background:url(../images/general/link_icon.gif) no-repeat 100% 55%}

/* event list */
.eventimage {margin:0 6px 8px 6px; padding-top:10px}


/* subscribe page */
.subscribe p {margin: 0 0 8px 4px; line-height:1.3em}
.subscribe p a {color:#2999C7; text-decoration:none}
.subscribe p a:hover {color:#2999C7; text-decoration:underline}
.subscribe {clear:both; float:left; width:838px; margin:2px 0 0 2px; border-bottom:1px dotted #CCC; padding:2px 0 2px 0}
.subscribe img {float:left; margin: 2px 10px 0 4px}

/* 2col layout */
#colcontent {float:right; margin:0 0 0 8px; width:850px; padding:0}
#colcontent h2 {color:#2999C7; font-size:13px; font-weight:bold; margin-top:2px; padding-left: 2px}
#colcontent h3 {color:#333; font-size:10px; font-weight:bold; margin:0 0 5px 3px; padding:0; text-transform:uppercase}
#colcontent p {margin: 0 0 8px 3px; line-height:1.3em}
#colcontent p a {color:#2999C7; text-decoration:none}
#colcontent p a:hover {color:#2999C7; text-decoration:underline}
#colcontent ul {list-style-type:disc; margin:10px 0 0px 40px}
#colcontent li {line-height:1.6em}
.Title {float:left; height:35px; width:100%; margin:0 0 4px 0; border-bottom:1px dotted #CCC;  border-top:1px dotted #CCC; padding-top:2px}

#colmaincol {float:left; width:670px; margin-right:0; padding:0; vertical-align:top}
.colpageheader {clear:both; float:left; width:660px; margin:2px 0 0 2px; border-bottom:1px dotted #CCC;  border-top:1px dotted #CCC; padding:2px 0 2px 0}
.colfeatureBox {width:668px; border-left:1px solid #CCC; border-right:1px solid #CCC; vertical-align:top}
.colfeature {width:660px; border-bottom:1px dotted #CCC; margin: 0 2px 0 2px; padding-bottom:0px; vertical-align:top} 

/* COLUMN 2 */
#column2 {width:166px, height:auto; margin:0; padding:0 2px 0 2px; border-left:1px solid #CCC; border-right:1px solid #CCC; vertical-align:top}

/* colRIGHTCOL */
#colrightcol {float:right; width:166px; margin:0; vertical-align:top}
#colrightcol img {margin: 0 0 2px -2px}
.colcolumn2content {width:162px, height:auto; margin:0; padding:0; border-bottom:1px dotted #CCC} 
.colsponsor {padding:4px 0 0 0; border-bottom:1px dotted #CCC}  

/* PHOTO GALLERY */
img {border:none;}
.selectimage {font: normal 11px Arial, Helvetica, sans-serif; padding-top:9px; margin-bottom:-9px;}
.selectimage a {text-decoration: none; font-weight: bold;}
.selectimage a:link {color: #1992CC;}
.selectimage a:visited {color: #999999;}
.selectimage a:hover {}
.selectimage a:active {color: #666666;}
.prev {background: url(http://www.wirednextfest.com/images/photogallery/icon-previous.gif) no-repeat left; padding-left: 18px; margin: 0px 10px;}
.next {background: url(http://www.wirednextfest.com/images/photogallery/icon-next.gif) no-repeat right; padding-right: 8px; margin: 0px 10px;}
#images, #images2 {padding:0px 0px;}
#images img, #images2 img {float:left; margin:0px 10px 10px 0px;}
#images .last, #images2 .last {float:left; margin:0px 0px 10px 0px;}
.nf-image {margin:2px 8px 8px 0px;}
#imageset1 {height:300px; display:block;}
#imageset2 {height:300px; display:none;}
#imageArea {width:580px; background:#FFF; margin:0}

#previous {visibility:hidden;}
#next {margin:0}
#im-nav {text-align:right; padding-right:10px; margin:0; width:580px;}
#im-nav a {text-decoration:none; color:#1992CC; font-family:arial; font-size:12px; font-weight:bold;}
#im-nav a:visited {color:#1992CC;}


#body {clear: both; margin: 0;}	
#lcol {float:left; width: 590px; font: normal 12px; color: #000;}

#slides #lcol {width: 580px;}
#slides #rcol {width: 270px; font: normal 12px; color: #000;}
#slides .title {font-size: 14px; margin-bottom:6px}
#slides .location {font: normal 10px Arial Black, Arial, Helvetica, sans-serif; color: #999999; display: block; text-transform: uppercase;}
#slides .date {font: normal 10px Georgia, "Times New Roman", Times, serif; color: #999999; display: block;}
#slides .selectimage {background: url(http://www.wirednextfest.com/images/photogallery/bg-selectimage.gif) no-repeat; height: 30px; text-align: center; font: normal 11px Arial, Helvetica, sans-serif; margin:2px 10px -3px 0}

#rcol {width: 270px; margin-left: 590px; font: normal 12px; padding-top:26px}
#rcol .credit {font-style: italic;}


/* LIVE FEED PAGE */
#livefeed {margin:0 0 20px 60px;}
#livefeed img {border: 1px solid #CCC; padding:10px}
#livefeed h2 {margin:0 0 6px 8px}
#livefeed p {margin:0 10px 0 10px}