* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
color: #EEE;
font: 10px normal Arial, Helvetica, sans-serif;
}
body#home #link_home a,
body#register #link_conference a,
body#schedule #link_conference a,
body#callforpapers #link_conference a,
body#archives #link_conference a,
body#accreditation #link_conference a,
body#accomodations #link_conference a,
body#agenda #link_agenda a,
body#exhibitors #link_exhibitors a,
body#faculty #link_exhibitors a,
body#sessions #link_exhibitors a,
body#locations #link_locations a,
body#videos #link_videos a,
body#about #link_about a {
color: #E76E34;
}
body#about,
body#accomodations,
body#accreditation,
body#agenda,
body#archives,
body#callforpapers,
body#exhibitors,
body#faculty,
body#locations,
body#register,
body#schedule,
body#sessions,
body#videos {
background:url("../images/bgbody.jpg") repeat-x scroll 0 0 transparent;
}
body#home {
background:url("../images/bgbody-main.jpg") repeat-x scroll 0 0 transparent;
}
a img {
border: none;
}
a {
position: relative;
text-decoration: none;
}
a:link {
text-decoration: none;
color: #1790AB;
}
a:visited,
a:active {
color: #1790AB;
}
a:hover {
color: #57B6DD;
}
p {
margin: 0 0 13px;
}
h1 {
font-size: 42px;
color: #FFF;
display: block;
line-height: 20px;
}
#bodyWrapper {
width: 1130px;
max-width: 1130px;
min-height: 100%;
margin: 0 auto;
padding:0;
/*background: #FFF; What the!? */
}
#header {
width: 1130px;
height: 115px;
/*margin: 0 0 1px;*/
/*float: left; What is this? */
/*background: url(../images/headerBg.jpg) repeat-x;*/
}
#headerTop {
width: 1130px;
height: 10px;
position: relative;
top: 0;
left: 0;
}
#headerLogo {
width: 450px;
height: 100px;
position: relative;
top: 32px;
left: 30px;
z-index: 10;
}
/* NAVIGATION
---------------------------------------------------*/
#navigation {
height: 52px;
margin: -52px 25px 0 0;
float: right;
}
#nav a {
text-decoration: none;
color: #333;
font-weight: bold;
text-transform: uppercase;
}
#nav a:hover{
color: #E76E34;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
margin: 0;
padding: 0;
list-style: none;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: right;
line-height: 1.6em;
vertical-align: middle;
margin: 0 11px 0 0;
padding: 0 9px 0 21px;
zoom: 1;
}
#firstMenu, #parentMenu {
height: 56px;
padding-top: 20px;
}
#parentMenu {
background: url(../images/navSep.png) top left no-repeat;
}
#subMenu {
margin-top: -35px;
background: url(../images/menuDropDownBg.png) bottom repeat-x;
margin: -35px 0 0 3px;
width: 110px;
}
#subMenu_videos {
margin-top: -35px;
background: url(../images/menuDropDownBg.png) bottom repeat-x;
margin: -35px 0 0 3px;
width: 190px;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
margin: -25x 0 0;
}
ul.dropdown ul li {
float: none;
margin: 10px 0 10px;
}
ul.dropdown ul li a {
font-size: 10px;
margin: 0 0 0 -3px;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
table#schedule {
padding-bottom: 10px;
}
tr { }
td {
padding-bottom: 30px;
}
td.time {
width: 100px;
}
.subHeader h1{
width: 600px;
float: left;
margin-top: 35px;
font-weight:normal;
}
.subheading {
width: 600px;
font-size: 16px;
float: left;
margin: 0 0 -10px;
}
.subHeader p{
float: left;
margin-bottom: 1em;
/*margin-right: 500px;*/
font-size: 15px;
line-height: 22px;
color: #FFF;
}
#subHeaderHome{
/*float: left; Nope */
width: 1130px;
height: 260px;
position: relative;
background: url(../images/bg-subheader.jpg) no-repeat;
}
#subHeaderHome h3 {
margin: 0;
padding: 0;
}
#subHeaderHome h3 a {
background: url(../images/video.png) no-repeat top left;
display: block;
height: 61px;
outline: none;
position: absolute;
right: 23px;
top: 170px;
text-indent: -9999px;
width: 200px;
}
#subHeaderHome h3 a:hover{
background :url(../images/video.png) no-repeat bottom left;
}
#subHeaderDetail{
/*float:left;*/
width: 1130px;
height: 221px;
background: url(../images/bg-subheader.jpg) no-repeat;
}
#subHeaderLeft{
float:left;
width:665px;
margin: 0 0 0 45px;
}
#pageBadge{
margin-top:-20px;
margin-right:20px;
float:right;
}
/* SHOWCASE
---------------------------------------------------*/
#showCase {
width: 1130px;
height: 260px;
/*float: left; Why? */
/* What!? background: url(../images/showCaseBg.jpg) repeat-x; */
}
.showCaseSect, .showCaseSectFirst {
float:left;
width:375px;
position: relative;
}
.showCaseSect{
background: url(../images/showCaseSectSep.jpg) no-repeat;
}
.showCaseSect h2, .showCaseSectFirst h2{
font-size:25px;
font-weight:normal;
margin:15px 45px 5px;
}
.showCaseSect p, .showCaseSectFirst p{
font-size:12px;line-height:19px;
margin:0 45px 10px;
}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.button {
background: transparent url('../images/bg_button_span.png') no-repeat scroll top right;
color: #fff;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 28px; /* sliding doors padding */
text-decoration: none;
}
a.showCase_button {
background: transparent url('../images/bg_button_span.png') no-repeat scroll top right;
color: #fff;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin: 0 0 0 42px;
padding-right: 28px; /* sliding doors padding */
text-decoration: none;
position: absolute;
top: 215px;
}
a.showCase_button span,
a.button span {
background: transparent url('../images/bg_button_a.png') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
.showCase_button:active,
.button:active {
background-position: bottom right;
color: #fff;
outline: none; /* hide dotted outline in Firefox */
}
a.showCase_button:active span,
a.button:active span {
padding: 6px 0 4px 18px;
background-position: bottom left;
}
#sticker-register {
width: 155px;
height: 155px;
display: block;
top: -30px;
left: 223px;
position: absolute;
background: transparent url('../images/sticker-register.png') no-repeat 0 0;
}
#content {
width: 1130px;
min-height: 425px;
/*float: left;*/
color: #666;
font-size: 12px;
line-height: 19px;
/*background: #FFF url('../images/contentBg.jpg') repeat-x 0 0;*/
}
#content h2 {
font-size:37px;
font-weight:normal;
margin-bottom:15px;
}
#content h3 {
font-size:18px;
font-weight:normal;
color:#E76E34;
margin-bottom:5px;
}
#content ul {
margin-bottom: 25px;
padding: 0 0 0 15px;
}
#content li {
font-size: 12px;
margin-bottom: 2px;
}
.btn-schedule {
clear: both;
}
.wideColWrapper{
width:750px;
float:left;
}
.wideCol {
width: 680px;
margin: 30px 0 35px 45px;
}
#schedule #content h2, #home #content h2{float:left;}
#content h3.scheduleTitle{clear:both;}
.wideCol h5.video{float:left;margin:10px 0 10px 0;padding:0;}
.wideCol h5.video a{
background:url(../images/video-sm.png) no-repeat top left;
display:block;
height:37px;
outline:none;
text-indent:-9999px;
width:122px;
}
.wideCol h5.video a:hover{
background:url(../images/video-sm.png) no-repeat bottom left;
}
.subColLeft{
width: 322px;
float: left;
}
.subColRight{
width:322px;
float:right;
}
.narrowColWrapper{
width:380px;
float:left;
background: url(../images/colBorderBg.png) top left no-repeat;
}
.narrowCol {
width: 320px;
margin: 30px 0 35px 45px;
}
.fullColWrapper{
width:1030px;
float:left;
padding:45px;
}
.medColLeft {
width: 475px;
float: left;
clear: left;
}
.medColLeft h3 {
margin: 20px 0 0;
}
.medColRight{
width: 475px;
float: right;
}
.medColRight h3 {
margin: 20px 0 0;
}
.triCol{
float:left;
}
.triColLeft{
width: 220px;
float:left;
}
.triColMid{
width: 220px;
}
.triColRight{
width: 220px;
float:right;
}
/* LOCATION
---------------------------------------------------*/
#locationList {
clear: both;
}
#locationList ul {
margin: 20px 0 2em;
clear: both;
list-style: none;
}
#locationList li {
margin: 0 0 15px;
font-size: 12px;
color: #666;
}
#locationList li img {
margin: 0 1em 0 0;
vertical-align: middle;
}
#location-mini {
width: 305px;
height: 183px;
margin: 10px 0 0;
background: transparent url(../images/location-mini.png) no-repeat 0 0;
}
#facultyList h4 {
font-size: 16px;
font-family: Lucidia Grande, Helvetica, Arial;
}
#facultyList{
margin-bottom:2em;
}
.faculty-wrap {
width: 320px;
height: 88px;
margin: 0 0 20px;
}
.narrowCol #facultyList ul {
margin: 0;
padding: 10px 0 0;
list-style-type: none;
}
#facultyList ul li {
margin: 0 0 2px;
}
#facultyList img{
float:left;
margin:0 15px 0 0;
}
#facultyList ul{
list-style:none;
margin-bottom:2em;
}
#facultyList li img{
margin-right:1em;
vertical-align:top;
}
.brightRed{
color:#E44044;
}
/* FOOTER
---------------------------------------------------*/
#footer-wrap {
width: 100%;
height: 82px;
margin: -82px 0 0;
/*float: left;*/
clear: both;
background: transparent url(../images/footerBg.jpg) repeat-x 0 0;
}
#footer {
width: 1130px;
margin: 0 auto;
font-size: 10px;
}
#advertising {
height: 112px;
}
#colophon {
height: 80px;
}
#copyright {
margin: 36px 0 0 44px;
float: left;
}
/* SOCIAL MEDIA
---------------------------------------------------*/
#footerSocialMediaLinks {
margin:30px 44px 0 0;
float: right;
}
#footerSocialMediaLinks a {
margin: 0 0 0 2em;
}
a#facebook,
a#twitter,
a#linkedin {
width: 83px;
height: 23px;
float: left;
display: block;
}
a#facebook {
background: transparent url(../images/social_facebook.png) repeat-x 0 0;
}
a#twitter {
background: transparent url(../images/social_twitter.png) repeat-x 0 0;
}
a#linkedin {
background: transparent url(../images/social_linkedin.png) repeat-x 0 0;
}