/* Tag Declarations */
body { font: 0.75em/160% Helvetica, Arial, Verdana, sans-serif; color: #fff; background: #ebebeb; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.4em; }
p { font-size: 1.2em; line-height: 1.6em; margin: 0 0 10px 0; }
a { color: #fff; }
a:hover { text-decoration: underline; }

/* Helper Classes */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.hidden { display: none !important; }
.padTop {padding-top:10px;}

/* Page Header Background Images (these should match the page URLs in Wordpress) */
body#home { background: url(../images/backgrounds/home.jpg) top center no-repeat #000; }
body#conference { background: url(../images/backgrounds/conference.jpg) top center no-repeat #000; }
body#speaker-bios { background: url(../images/backgrounds/speaker-bios.jpg) top center no-repeat #000; }
body#supplier-exhibition { background: url(../images/backgrounds/supplier-exhibition.jpg) top center no-repeat #000; }
body#world-cafe-workshops { background: url(../images/backgrounds/world-cafe.jpg) top center no-repeat #000; }
body#awards { background: url(../images/backgrounds/awards.jpg) top center no-repeat #000; }
body#award-categories { background: url(../images/backgrounds/awardcategories.jpg) top center no-repeat #000; }
body#venue { background: url(../images/backgrounds/venue.jpg) top center no-repeat #000; }
body#order-tickets { background: url(../images/backgrounds/order-tickets.jpg) top center no-repeat #000; }
body#sponsorship, body#gold, body#silver, body#bronze { background: url(../images/backgrounds/sponsorship.jpg) top center no-repeat #000; }
body#contact { background: url(../images/backgrounds/contact.jpg) top center no-repeat #000; }
body#about, body#site-credits, body#privacy-statement, body#site-map { background: #000; }
body#winners {  background: url(../images/backgrounds/awards.jpg) top center no-repeat #000; }

/* Layout: Menu - last ul li a element's right margin will push onto two lines if using 800px container, so we've increased container to 840px and set right margin on menu ul */
#menu { width: 840px; height: 120px; margin: 0 auto; }
#menu ul { float: left; width: 820px; height: 120px; margin: 0 0 0 20px; }
#menu ul li { display: inline; }
#menu ul li a { display: block; float: left; margin: 0px 40px 0 0; height: 112px; line-height: 112px; font-size: 1.5em; text-decoration: none; text-indent: -9999px; }
#menu ul li a.home { width: 47px; background: url(../images/menu/home.png) top left no-repeat; }
#menu ul li a.conference { width: 93px; background: url(../images/menu/conference.png) top left no-repeat; }
#menu ul li a.awards { width: 63px; background: url(../images/menu/awards.png) top left no-repeat; }
#menu ul li a.venue { width: 50px; background: url(../images/menu/venue.png) top left no-repeat; }
#menu ul li a.order-tickets { width: 109px; background: url(../images/menu/order-tickets.png) top left no-repeat; }
#menu ul li a.sponsorship { width: 99px; background: url(../images/menu/sponsorship.png) top left no-repeat; }
#menu ul li a.contact { width: 63px; background: url(../images/menu/contact.png) top left no-repeat; }
#menu ul li a.selected { margin: 0 40px 0 0; font-weight: bold; border-top: 8px solid #e91b1f; height: 104px; background-position: 0 100%; } /* Display red top border and move background image on selected element */
#menu ul li a.supplier-exhibition { margin: 0 40px 0 0; font-weight: bold; border-top: 0px solid #f0c; height: 104px; background-position: 0 100%; } /* Display red top border and move background image on selected element */

/* Layout: Sub Menu */
#sub-menu { float: left; width: 505px; margin: 25px 0 25px 0; font-size:14px;}
#sub-menu ul { float: left; width: 505px; }
#sub-menu ul li { display: compact; }
#sub-menu ul li a { display: block; float: left; margin: 0px 25px 0 0; text-decoration: none; color:#0C3; }
#sub-menu ul li a.selected { color:#12213d; font-weight:bold; }

/* Layout: Site Map */
#sitemap {font-size:14px;}
#sitemap ul {width: 505px; }
#sitemap ul li { list-style:none;}
#sitemap ul li a {text-decoration: none; }

/* Layout: Main Content Area - contains Wordpress page content */
div.container { width: 800px; margin: 0 auto; } 
div.content { float: left; width: 505px; margin: 0 0 7px 0; padding: 25px; background: url(../images/backgrounds/content.png) top left repeat; } /* Default page content width */
div.content-full { float: left; width: 750px; margin: 0 0 7px 0; padding: 25px; background: url(../images/backgrounds/content.png) top left repeat; } /* Full page content width */
body#home div.content { /*width: 227px;*/ width: 400px; } /* Smaller width content area for home */
body#venue div.content { width: 300px; } /* Smaller width content area for venue */
body#site-map div.content { height:400px; width: 400px; } /* Smaller width content area for home */
div.entry h1 { margin: 0 0 10px 0; }
div.entry ul { list-style-type: disc; list-style-position: inside; font-size: 1.2em; margin: 0 0 10px 0; }
div.entry ol { list-style-type: decimal; list-style-position: inside; font-size: 1.2em; margin: 0 0 10px 0; }
div.entry a { text-decoration: underline; }
div.entry img.alignleft { float: left; margin: 0 5px 0 0; }
div.entry img.alignright { float: right; margin: 0 0 0 5px; }

/* Layout: Logo */
div.content #logo { width: 97px; height: 73px; margin: 0 0 10px 0; background: url(../images/logos/logo.png) top left no-repeat; text-indent: -9999px; }

/* Layout: Map and Directions / Extra Content */
#directionsMap { float: right; width: 400px; height: 375px; }
#directions { float: right; width: 400px; margin: 20px 0 0 0; }
#directions h1 { margin: 0 0 10px 0; }
#directions h2 { margin: 0 0 5px 0; }

/* Layout: Contact Forms */
div.content div.entry form.wpcf7-form p span.wpcf7-form-control-wrap { float: left; width: 250px; margin: 0 2px 5px 0; }
div.content div.entry form.wpcf7-form p span.wpcf7-form-control-wrap input.text { float: left; width: 243px; margin: 0 2px 0 0; }
div.content div.entry form.wpcf7-form p input.submit { float: right; width: 70px; height: 24px; border: none; text-indent: -9999px; font-size: 0px; display: block; line-height: 0px; background: url(../images/buttons/submit.png) top left no-repeat; cursor: pointer; }

/* Layout: Full Width Contact Form */
div.content-full div.entry form.wpcf7-form p span.wpcf7-form-control-wrap { clear: left; float: left; width: 370px; margin: 0 2px 5px 0; }
div.content-full div.entry form.wpcf7-form p span.reasons { clear: none; float: right; width: 345px; margin: 0 2px 0 0; }
div.content-full div.entry form.wpcf7-form p span.wpcf7-form-control-wrap input.text { float: left; width: 365px; margin: 0 2px 0 0; }
div.content-full div.entry form.wpcf7-form p span.wpcf7-form-control-wrap select { float: left; width: 365px; margin: 0 2px 0 0; }
div.content-full div.entry form.wpcf7-form p span.wpcf7-form-control-wrap textarea { float: left; width: 340px; height: 125px; margin: 0 2px 0 0; }
div.content-full div.entry form.wpcf7-form p input.nominate { clear: both; float: right; width: 70px; height: 24px; border: none; text-indent: -9999px; font-size: 0px; display: block; line-height: 0px; background: url(../images/buttons/nominate.png) top left no-repeat; cursor: pointer; }

/* Layout: Contact Forms Messages */
div.wpcf7-validation-errors { clear: both !important; float: left !important; margin: 0 !important; padding: 0 !important; border: none !important; font-weight: bold; }

/* Layout: Footer */
#footer { float: left; width: 100%; margin: 10px 0 0 0; padding: 10px 0 20px 0; background: url(../images/backgrounds/footer.jpg) top left repeat-x #ebebeb; }
#footer #dsa { float: left; width: 275px; height: 81px; }
#footer #iceni { float: left; width: 300px; font-size: 0.9em; margin: 10px 0 0 0; } /* TRISH ENTER WIDTH OF ICENI LOGO GIFF/PNG*/ 
img.iceni{margin: 10px 0 0 0;}

/* Layout: Footer Box */
#footer #box { float: left; width: 750px; height: 180px; margin: 0 0 10px 0; padding: 30px 25px 0 25px; background: url(../images/backgrounds/footer-box.jpg) top left no-repeat #dedede; }
#footer #box h1, #footer #box p { color: #484b4c; }
#footer a { color: #000; text-decoration: none; }
#footer #box #buy-tickets { float: left; width: 120px; height: 135px; margin: 0 40px 0 0; }
#footer #box #update-nominate-form { float: left; width: 195px; height: 135px; margin: 0 40px 0 0; }
#footer #box #update-nominate-form form { float: left; width: 195px; margin: 0 0 25px 0; }
#footer #box #update-nominate-form form p label { float: left; width: 195px; color: #000; }
#footer #box #update-nominate-form form p label.title { font-weight:bold; font-size:1.6em; color: #484b4c;}
#footer #box #update-nominate-form form p label.success { color: #3d741b; }
#footer #box #update-nominate-form form p label.error { color: #9b1f1f; }
#footer #box #update-nominate-form form p input.text { float: left; width: 169px; height: 15px; border: 1px solid #4f4f4f; margin:5px 0px 0px 0px; }
#footer #box #update-nominate-form form p label.doubleText{ line-height:1.2em; margin:5px 0px 0px 0px;}
#footer #box #update-nominate-form form p input.button { float: left; width: 20px; height: 17px; border: 1px solid #4f4f4f; margin:5px 0px 0px 0px; }
#footer #box #update-nominate-form form p select { float: left; width: 195px; height: 22px; margin: 2px 0 0 0; }
#footer #box #speakers-list { float: left; width: 135px; height: 135px; margin: 0 40px 0 0; }
#footer #box #countdown { float: left; width: 180px; height: 135px; }
#footer #box #countdown #counter p { font-size: 1.6em; font-weight: bold; color: #000; }
#footer #box #countdown #counter p span { font-weight: normal; color: #484b4c; }

/* Layout: Footer Partner Logos */
#footer #partner-logos { float: left; width: 800px; height: 74px; margin: 0 0 10px 0; border-bottom:#ccc solid 1px; padding:0 0 30px 0;}
#footer #partner-logos ul li { float: left; width: 95px; height: 74px; }
#footer #partner-logos ul li a { width: 95px; height: 74px; }

/* Layout: Footer Menu */
#footer #footer-menu { float: right; /*width: 225px;*/ height: 20px; margin: 10px 0 0 0; }
#footer #footer-menu ul li { display: inline; color: #000; font-size: 0.9em; }
#footer #footer-menu ul li a { display: block; float: left; height: 20px; line-height: 20px; margin: 0 15px 0 0; }

.img-inline li{display:inline;}
.img-inline li.c{margin: 0 26px;}