/* FEVA Create Conference 2009 styles - v 1.0 */ /* Author: Ben Crothers, Catch Media */ /* Release date: 12 Oct 2009 */ body { background: #9FDCEB url("images/bg-body.gif") top left repeat-x; margin: 0; padding: 0; color: #001A22; font-family: "Segoe UI", "Lucida Sans", Arial, Helvetica, sans-serif; font-size: 0.9em; } h1 {margin: 0 0 0.25em 0; padding: 0; text-transform: uppercase; color: #018FB9; font-weight: normal; letter-spacing: 1px;} h1 span {position: absolute; top: 0; left: -9999px;} h2 {margin: 0 0 0.25em 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #007A9F; font-weight: bold;} h3 {margin: 0.5em 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #007A9F; font-weight: bold; font-size: 1.4em;} h4 {margin: 0 0 0.5em 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; color: #007A9F; font-weight: bold; font-size: 1.1em;} h5 {margin: 0; padding: 0; font-size: 1em;} p {margin: 0 0 1em 0; padding: 0; line-height: 1.4em;} ul, ol {margin-top: 0; margin-bottom: 1em;} ul li, ol li {margin-top: 0; margin-bottom: 0.5em;} a:link, a:visited {color: #b10c15; text-decoration: none;} a:hover {text-decoration: underline;} /* LAYOUT */ #container-outer {background: url("images/bg-clouds-body.jpg") center top no-repeat; margin: 0; padding: 0; width: 100%;} #container-inner {width: 100%; margin: 0; padding: 0; background: url("images/bg-header-home.jpg") center top no-repeat; text-align: center;} #container-inner-content {width: 100%; margin: 0; padding: 0; background: url("images/bg-header-content.jpg") center top no-repeat; text-align: center;} #header-home {margin: 0 auto; padding: 0; height: 394px; width: 960px; text-align: left;} #header-content {margin: 0 auto; padding: 0; height: 230px; width: 960px; text-align: left;} #register {margin: 0; position: relative; top: 349px; left: 720px; width: 215px;} #register-content {margin: 0; position: relative; top: 177px; left: 748px; width: 215px;} #navigation, #navigation-content {margin: 0 auto; padding: 0; height: 50px; width: 960px;} #footer-outer {clear: both; width: 100%; margin: 0; padding: 0; background: url("images/bg-footer.png") center top no-repeat; text-align: center;} #footer {width: 960px; margin: 0 auto; padding: 10px 0; text-align: left; font-size: 0.85em;} #footernav {margin: 15px 0 4em 20px; padding: 0 0 40px 40px;} #main {margin: 0 auto; padding: 0; width: 960px; text-align: left;} #breadcrumbs {margin: 0; padding: 0; text-align: right; height: 30px;} #rightcol {float: right; width: 240px; margin: 0; padding: 0;} #rightcol-home {padding: 10px 0 0 0; margin: 0; background: #BCCBD0 url("images/bg-rightcol-home.gif") top left no-repeat;} #rightcol-content {padding: 10px 0 0 0; margin: 0; background: #BCCBD0 url("images/bg-rightcol.gif") top left no-repeat;} #maincontent {margin: 0 260px 0 0; padding: 0;} #maincontent-fullwidth {margin: 0; padding: 0;} /* PAGE ELEMENTS */ #breadcrumbs p {font-size: 0.8em; padding-top: 5px;} #tblSpeakerLinks {margin: -1em 0 1em 0; border: 0;} #tblSpeakerLinks caption {visibility: hidden;} #tblSpeakerLinks td {font-size: 0.85em;} #tblSpeakerLinks td a:link, #tblSpeakerLinks td a:visited {padding: 3px; display: block; color: #fff; background: #033;} #tblSpeakerLinks td a:hover {background: #044343; text-decoration: none;} #tblProgram, #tblCritiques {margin: -1em 0 1em 0; border: 0; border-top: 1px solid #EBF5F7;} #tblProgram caption, #tblCritiques caption {visibility: hidden;} #tblProgram th, #tblCritiques th {padding: 5px; text-align: left; border-bottom: 1px solid #EBF5F7; border-right: 1px solid #EBF5F7;} #tblProgram td, #tblCritiques td {padding: 5px; font-size: 0.8em; border-bottom: 1px solid #EBF5F7; border-right: 1px solid #EBF5F7;} #tblProgram tr:hover, #tblCritiques tr:hover {background: #C2EBF3; border-bottom: 1px solid #fff;} #tblProgram th.colTime, #tblProgram td.colTime, #tblCritiques th.colTime, #tblCritiques td.colTime {background: #01A5D8; border-bottom: 1px solid #55D6FE;} #tblProgram th.colTime:hover, #tblProgram td.colTime:hover, #tblCritiques th.colTime:hover, #tblCritiques td.colTime:hover {background: #28B3DD; border-bottom: 1px solid #fff;} #tblProgram th span, #tblProgram td span {position: absolute; text-indent: -9999px;} #tblProgram h5 {margin-bottom: 0.5em;} #tblProgram h5 a {color: #014054; text-decoration: underline;} #tblProgram h5 a:hover {color: #011F28;} #tblProgram td p, #tblCritiques td p {margin: 0; padding: 0;} #tblCritiques td.colTime {color: #fff; font-size: 1.2em;} #tblThemes {margin: -1em 0 1em 0; border: 0;} #tblThemes caption {visibility: hidden;} #tblThemes th {padding: 0 0 15px 5px; text-align: left; background: url(images/bg-arrow1.gif) bottom left no-repeat;} #tblThemes td {padding: 5px; font-size: 0.8em; border-bottom: 1px dashed #AC9B8E; border-right: 1px dashed #AC9B8E;} #tblThemes tr.alternate {background: #F0D5C3;} #tblThemes th.colTheme {border-right: 4px solid #3B2323;} #tblThemes td.colTheme {font-weight: bold; border-right: 4px solid #3B2323;} #tblThemes h5 a {color: #044343; text-decoration: underline;} #tblThemes h5 a:hover {color: #426469;} #tblThemes td p {margin: 0; padding: 0;} /* NAVIGATION */ #navigation ul, #navigation-content ul {margin: 0; padding: 0; list-style-type: none; height: 50px;} #navigation ul li, #navigation-content ul li {float: left; display: inline; margin: 0; padding: 0;} #navigation ul li a, #navigation-content ul li a {display: block; height: 50px;} #navigation ul li a span, #navigation-content ul li a span {position: absolute; left: -9999px;} #navigation ul li a#nav-home {background: url("images/bg-navigation.gif"); width: 97px; background-position: 0px 0px; background-repeat: no-repeat;} #navigation ul li a#nav-home.active, #navigation li a#nav-home.active:hover {background: url("images/bg-navigation.gif"); background-position: 0px -100px; background-repeat: no-repeat;} #navigation ul li a#nav-home:hover {background: url("images/bg-navigation.gif"); background-position: 0px -50px; background-repeat: no-repeat;} #navigation ul li a#nav-program {background: url("images/bg-navigation.gif"); width: 139px; background-position: -97px 0px; background-repeat: no-repeat;} #navigation ul li a#nav-program.active, #navigation li a#nav-program.active:hover {background: url("images/bg-navigation.gif"); background-position: -97px -100px; background-repeat: no-repeat;} #navigation ul li a#nav-program:hover {background: url("images/bg-navigation.gif"); background-position: -97px -50px; background-repeat: no-repeat;} #navigation ul li a#nav-speakers {background: url("images/bg-navigation.gif"); width: 149px; background-position: -236px 0px; background-repeat: no-repeat;} #navigation ul li a#nav-speakers.active, #navigation li a#nav-speakers.active:hover {background: url("images/bg-navigation.gif"); background-position: -236px -100px; background-repeat: no-repeat;} #navigation ul li a#nav-speakers:hover {background: url("images/bg-navigation.gif"); background-position: -236px -50px; background-repeat: no-repeat;} #navigation ul li a#nav-venue {background: url("images/bg-navigation.gif"); width: 112px; background-position: -385px 0px; background-repeat: no-repeat;} #navigation ul li a#nav-venue.active, #navigation li a#nav-venue.active:hover {background: url("images/bg-navigation.gif"); background-position: -385px -100px; background-repeat: no-repeat;} #navigation ul li a#nav-venue:hover {background: url("images/bg-navigation.gif"); background-position: -385px -50px; background-repeat: no-repeat;} #navigation ul li a#nav-blog {background: url("images/bg-navigation.gif"); width: 92px; background-position: -497px 0px; background-repeat: no-repeat;} #navigation ul li a#nav-blog.active, #navigation li a#nav-blog.active:hover {background: url("images/bg-navigation.gif"); background-position: -497px -100px; background-repeat: no-repeat;} #navigation ul li a#nav-blog:hover {background: url("images/bg-navigation.gif"); background-position: -497px -50px; background-repeat: no-repeat;} #navigation ul li a#nav-about {background: url("images/bg-navigation.gif"); width: 199px; background-position: -589px 0px; background-repeat: no-repeat;} #navigation ul li a#nav-about.active, #navigation li a#nav-about.active:hover {background: url("images/bg-navigation.gif"); background-position: -589px -100px; background-repeat: no-repeat;} #navigation ul li a#nav-about:hover {background: url("images/bg-navigation.gif"); background-position: -589px -50px; background-repeat: no-repeat;} #navigation ul li a#nav-contact {background: url("images/bg-navigation.gif"); width: 172px; background-position: -788px 0px; background-repeat: no-repeat;} #navigation ul li a#nav-contact.active, #navigation li a#nav-contact.active:hover {background: url("images/bg-navigation.gif"); background-position: -788px -100px; background-repeat: no-repeat;} #navigation ul li a#nav-contact:hover {background: url("images/bg-navigation.gif"); background-position: -788px -50px; background-repeat: no-repeat;} #navigation-content ul li a#nav-home {background: url("images/bg-navigation-content.gif"); width: 97px; background-position: 0px 0px; background-repeat: no-repeat;} #navigation-content ul li a#nav-home.active, #navigation-content li a#nav-home.active:hover {background: url("images/bg-navigation-content.gif"); background-position: 0px -100px; background-repeat: no-repeat;} #navigation-content ul li a#nav-home:hover {background: url("images/bg-navigation-content.gif"); background-position: 0px -50px; background-repeat: no-repeat;} #navigation-content ul li a#nav-program {background: url("images/bg-navigation-content.gif"); width: 139px; background-position: -97px 0px; background-repeat: no-repeat;} #navigation-content ul li a#nav-program.active, #navigation-content li a#nav-program.active:hover {background: url("images/bg-navigation-content.gif"); background-position: -97px -100px; background-repeat: no-repeat;} #navigation-content ul li a#nav-program:hover {background: url("images/bg-navigation-content.gif"); background-position: -97px -50px; background-repeat: no-repeat;} #navigation-content ul li a#nav-speakers {background: url("images/bg-navigation-content.gif"); width: 149px; background-position: -236px 0px; background-repeat: no-repeat;} #navigation-content ul li a#nav-speakers.active, #navigation-content li a#nav-speakers.active:hover {background: url("images/bg-navigation-content.gif"); background-position: -236px -100px; background-repeat: no-repeat;} #navigation-content ul li a#nav-speakers:hover {background: url("images/bg-navigation-content.gif"); background-position: -236px -50px; background-repeat: no-repeat;} #navigation-content ul li a#nav-venue {background: url("images/bg-navigation-content.gif"); width: 112px; background-position: -385px 0px; background-repeat: no-repeat;} #navigation-content ul li a#nav-venue.active, #navigation-content li a#nav-venue.active:hover {background: url("images/bg-navigation-content.gif"); background-position: -385px -100px; background-repeat: no-repeat;} #navigation-content ul li a#nav-venue:hover {background: url("images/bg-navigation-content.gif"); background-position: -385px -50px; background-repeat: no-repeat;} #navigation-content ul li a#nav-blog {background: url("images/bg-navigation-content.gif"); width: 92px; background-position: -497px 0px; background-repeat: no-repeat;} #navigation-content ul li a#nav-blog.active, #navigation-content li a#nav-blog.active:hover {background: url("images/bg-navigation-content.gif"); background-position: -497px -100px; background-repeat: no-repeat;} #navigation-content ul li a#nav-blog:hover {background: url("images/bg-navigation-content.gif"); background-position: -497px -50px; background-repeat: no-repeat;} #navigation-content ul li a#nav-about {background: url("images/bg-navigation-content.gif"); width: 199px; background-position: -589px 0px; background-repeat: no-repeat;} #navigation-content ul li a#nav-about.active, #navigation-content li a#nav-about.active:hover {background: url("images/bg-navigation-content.gif"); background-position: -589px -100px; background-repeat: no-repeat;} #navigation-content ul li a#nav-about:hover {background: url("images/bg-navigation-content.gif"); background-position: -589px -50px; background-repeat: no-repeat;} #navigation-content ul li a#nav-contact {background: url("images/bg-navigation-content.gif"); width: 172px; background-position: -788px 0px; background-repeat: no-repeat;} #navigation-content ul li a#nav-contact.active, #navigation-content li a#nav-contact.active:hover {background: url("images/bg-navigation-content.gif"); background-position: -788px -100px; background-repeat: no-repeat;} #navigation-content ul li a#nav-contact:hover {background: url("images/bg-navigation-content.gif"); background-position: -788px -50px; background-repeat: no-repeat;} #rightcol-content ul, #rightcol-home ul {margin: 0; padding: 0; list-style-type: none; line-height: 1em;} #rightcol-content ul li, #rightcol-home ul li {margin: 0; padding: 0;} #rightcol-content ul li a, #rightcol-home ul li a {margin: 0; padding: 8px 5px 0 30px; display: block; height: 32px; color: #333; text-decoration: none; background: url("images/bg-sidenav.png") top left no-repeat; border-bottom: 1px solid #EBF5F7;} #rightcol-content ul li a:hover, #rightcol-home ul li a:hover {color: #000; text-decoration: none; background: #C3D7DD url("images/bg-sidenav-over.png") top left no-repeat;} #footernav ul { margin: 0; padding: 0; display: inline; list-style-type: none; } #footernav li { overflow: hidden; float: left; margin: 0 25px 0 0; } #footernav li a:link, #footernav li a:visited {display: block; background: #364F53; padding: 8px; border: 1px solid #142425; color: #A5B9BD; text-decoration: none;} #footernav li a:hover {background: #37595F; color: #fff; text-decoration: none;} /* FORMATTING */ .firstPara {font-weight: bold;} .byline {font-size: 0.83em;} .bioPhoto {float: left; margin: 0 10px 20px 0;} .bioName {border-top: 1px dashed #E1C49C; padding-top: 5px;} .setRight {clear: right; text-align: right;} .setRight a:link, .setRight a:visited {background: url(images/bg-backtotop.gif) top left no-repeat; padding: 0 0 0 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 0.8em;} /*.speaker {background: url(images/bg-speaker.gif) top left no-repeat; padding: 0 0 0 10px;} */ #footer p {margin: 1em 0; color: #007A9F; padding: 10px 0 0 40px;} #footer a:link, #footer a:visited {color: #b10c15;} #footer a:hover {text-decoration: underline;} /* BLOG STYLES */ /* These are made to work in with WordPress v 2.6.2+ */ #rightcol-blog {padding: 10px 0 0 0; margin: 0; background: #BCCBD0 url("images/bg-rightcol.gif") top left no-repeat;} #rightcol-blog ul {margin: 0; padding: 0; list-style-type: none;} #rightcol-blog ul li {margin: 0 7px 1em 7px; padding: 0; border-bottom: 5px solid #38211D;} #rightcol-blog ul li form {margin: 0; padding: 0 0 1em 0;} #rightcol-blog ul li ul {margin: 0 0 0.5em 0; padding: 0; list-style-type: square;} #rightcol-blog ul li ul li {margin: 0 0 0 2em; padding: 0; border-bottom: none; line-height: 1.6em; font-size: 0.85em;} #rightcol-blog ul li h2 {padding: 0; margin: 0 0 0.5em 0; color: #38211D; font-size: 1em; text-transform: uppercase;} #leftcol-blog {margin: 0 260px 0 0; padding: 20px 0 1px 20px;} #leftcol-blog .post small.datestamp {margin: 0 0 0.5em 0; color: #735F58; padding: 0 0 4px 20px; background: url(images/icon-blog-date.gif) top left no-repeat;} #leftcol-blog .entry {margin: 0.5em 0 0 0;} .postmetadata {font-size: 0.83em; color: #735F58; padding: 0 0 4px 20px; background: url(images/icon-blog-gear.gif) top left no-repeat;} small {color: #735F58;} .commentlist {list-style-type: none; margin: 0 0 1em 0; padding: 0;} .commentlist li {margin: 0 0 1px 0; padding: 5px 0 1px 0; border-bottom: 1px dashed #AC9B8E;} .commentlist li img {float: left; margin: 0;} .commentlist li cite, .commentlist li small {margin-left: 10px;} .commentlist li p {margin-left: 40px;} #leftcol-blog form textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em;} #tag_cloud {padding-bottom: 20px;} ul.speakerThumbs {margin: 0 0 1em 0; padding: 0; list-style-type: none;} ul.speakerThumbs li {margin: 0 7px 7px 0; padding: 0; float: left;} ul.speakerThumbs li a img {border: 0;} a.key-u, a.key-u:hover {font-size: 12px; color: #ccc; text-decoration: none; font-weight: bold; padding: 0 5px 0 10px; background: transparent url("images/bg-key-u.png") top left no-repeat;} a.key-c, a.key-c:hover {font-size: 12px; color: #ccc; text-decoration: none; font-weight: bold; padding: 0 5px 0 10px; background: transparent url("images/bg-key-c.png") top left no-repeat;} a.key-p, a.key-p:hover {font-size: 12px; color: #ccc; text-decoration: none; font-weight: bold; padding: 0 5px 0 10px; background: transparent url("images/bg-key-p.png") top left no-repeat;} .inline {float: left; margin: 0 10px 0 0; line-height: 1.6em;}