html
{
height: 100%;
margin-bottom: 0.1em;
}
*
{
margin: 0;
padding: 0;
}
img
{
border: 0;
}
p /* OK for site overall */
{
line-height: 1.5em;
margin: 0.7em 0;
font-size:12px;
}
dl
{
margin: 1em 0;
}
dt
{
font-weight: bold;
}
dd
{
margin: 0.5em;
padding: 0;
}
hr
{
display: none;
}
body
{
/*background: #fff url(bg.png) 0 0 repeat-x;*/ /*This is referenced twice; also in #wrapper; not needed here */
background-color:#FFFFFF;
color: #333;
/* font: 74%/1.6em "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, verdana, tahoma, arial, sans-serif; */
font: 75%/1.6em verdana, tahoma, arial, sans-serif;
margin: 1em 0 0 0;
padding: 0;
text-align: center;
}
a
{
text-decoration: none;
}
a:link, a:visited
{
color: #003366; /* #015A1E changed to #003366 */
}
a:hover, a:active
{
color: #CC0000;
}
/*
font-family: garamond,georgia,times,serif;
font-weight:400;
*/
/* Etc
******************** */
br.clear {
clear: both;
}
/* Layout
******************** */
#wrapper {
text-align: left;
width: 100%;
margin: 0 auto;
position: relative;
}
#header {
padding: 0;
margin:0;
}
div#container {
width: 100%;
}
div#content {
margin:0;
padding:0;
}
div.sidebar, div#primary, div#secondary, div#menu {
display:none;
}
div#footer {
clear:both;
padding: 2px 100px;
color:#333;
font-size:10px;
}
div#footer p {
text-align:center;
}
/* header
********** */
#header h1#blog-title {
font-size: 2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom:.75em;
}
#blog-description {
padding-top: 8px;
}
/* Header Styles, referencing/compared to page-title and entry-title
********** */
h1, h2, h3, h4, h5, h6
{
font-family:Georgia, "Times New Roman", Times, serif;
}
h2 {font-size: 1.5em;} /* Added to page-title below */
h3 {
font-size: 1.3em;
color: #333366; /* same as entry-title */
}
h4 { font-size: 1.2em; color: #333366; }
h5 { font-size: 1.1em; color: #333366; }
h6 { font-size: 1.0em; color: #333366; }
/* post
********** */
#nav-above {
display: none;
}
h2, .page-title {
font-size: 1.5em; /*was 1.3 em*/
border-bottom: 1px solid #666;
margin-bottom: .75em; /*was 1em */
padding-bottom: .3em; /*added for bottom border spacing */
}
h2.page-title {
font-size: 1.8em; /*was 1.3 em*/
}
.page-title span {
color: #000;
}
.entry-content { /* Added to increase entry font vs. sidebars */
font-size:1em;
}
/* NEED TO claifify Styling Lists; templates and other CSS stylings always forget. This is good for now. */
.entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6
{
padding: .5em 0 .5em 0; /*JB3 Needs adjusting */
}
.entry-content p,
{
line-height: 1.5em;
margin: 0.7em 0;
}
.entry-content li
{
line-height: 1.5em;
margin: 0.25em 0;
}
.entry-content ul, .entry-content ol { /* For First List Block*/
margin: 0em 0 1em 2em;
}
.entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul { /* For All Successive List Blocks*/
margin: 0 0 0 1.2em;
list-style:disc;
}
.entry-content a {
text-decoration:underline
/*border-bottom: 1px solid #333;*//*Hmmmm, more control over underline link, eh? Let's change it to same color as link */
}
.entry-content a:hover, .entry-content a:active {
text-decoration:underline
/*border-bottom: 1px solid #CC0000; */ /*Hmmmm, more control over underline link, eh? Let's change it to same color as link */
}
.entry-meta {
border-top: 1px solid;
border-top-color: #666; /* #C7F1D5 has been replaced with #CCCCCC*/
margin-top:0.75em;
margin-bottom:0.25em;
color: #666; /* #5EB97C has been replaced with #ccc*/
font-size: 0.9em;
}
body.single entry-meta { /* Moving the meta info a little lower on a Single Post Page; hey, how do you grab just the attributes you need? */
margin-top:1.5em;
}
.entry-meta a:link, .entry-meta a:visited {
/*Leave as with rest of site*/
}
.entry-meta a:hover, .entry-meta a:active {
text-decoration:underline;
}
div#nav-below{
display:none;
}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
ul#archives-page {
list-style: none;
}
ul#archives-page ul {
margin-left: 20px;
}
/* comment
********** */
#comments {
}
#comments h3 {
font-size: 1.2em;
border-bottom: 1px solid #666;
}
#comments ol{
list-style: none;
margin: 1em 0;
}
#comments ol li{
background: #F5FDF8;
padding: 5px;
}
#comments ol li.alt{
background: #DCE7F1; /* #C7F1D5 has been replaced with #DCE7F1*/
}
#comments ol .comment-author {
font-size: 1.1em;
font-weight: bold;
}
#comments #author , #comments #email, #comments #url{
border: 2px solid #DCE7F1; /* #C7F1D5 has been replaced with #DCE7F1*/
padding: 0.4em;
margin: 0.5em 0;
color: #333366;
}
#comments #author:focus , #comments #email:focus, #comments #url:focus,#comments #author:hover , #comments #email:hover, #comments #url:hover {
border: 2px solid #0099CC; /*#5EB97C replaced with #0099CC */
}
textarea#comment {
width: 490px;
border: 2px solid #DCE7F1; /* #C7F1D5 has been replaced with #DCE7F1*/
padding: 0.4em;
margin: 0.5em 0;
}
textarea#comment:focus,textarea#comment:hover {
border: 2px solid #0099CC; /*#5EB97C replaced with #0099CC */
}
.form-submit input {
background: #003366;
color: #fff;
font-weight: bold;
margin-bottom: 2em;
padding: 0.2em 0.5em;
border: 2px solid #0099CC;
border-right: 2px solid #003366;
border-bottom: 2px solid #003366;
}
.form-submit input:focus, .form-submit input:hover {
background-color: #003366;
color: #fff;
font-weight: bold;
margin-bottom: 2em;
padding: 0.2em 0.5em;
border: 2px solid #003366;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
/* Entry Meta Info doesn't need to be displayed for the moment, since this site is more a site and less a blog */
.entry-meta {
/*display:none; we won't take it all out */}
.author.vcard, .comments-link {
display:none;
}
/* Revising style of entry-date */
.entry-date {
border: none;
color: #666;
font-size:.9em;
}
.published {
border: none;
}
/*REMOVE home on homepage */
body.home li.page_item.page-item-20 {
display:none;
}
.archive-meta {
font-size: 1.1em;
font-weight:bold;}
/* Adding Style for breadcrumb_nav_xt_display, if you decide to use it */
.breadcrumbNavXT {
text-align:right;
font-size:0.9em;
padding:0 0 .5em 0;
margin:-1.5em 0 0 0;
color:#999999;
}
* html .breadcrumbNavXT {
margin:-1em 0 0 0;
}
* + html .breadcrumbNavXT {
margin: -.5em 0 0 0;
}
/* For stying of any category-conference-chair posts on home page only */
/* Adjusting headers and date spacing on home page only. Perhaps these could/should be global.*/
body.home h2.entry-title {
/*background:#F8F8F8;*/
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
body.single h2.entry-title {
/*background:#F8F8F8;*/
border-bottom:1px dotted dashed;
clear:both;
font-size:1.4em;
}
body.home div.entry-date {
/*background:#F8F8F8;*/
margin-bottom:0;
margin-top:0;
padding-top:0;
padding-bottom:0;
}
/* Styles for Flexible Upload Plugin and image styling overall */
.imageframe { margin: 10px; padding: 4px; border: 0px solid #aaa; }
.imgalignleft { float: left; margin: 0 10px 0 0; }
.imgalignright { float: right; margin: 10px 0 0 10px; }
.imgaligncenter { margin-left: auto; margin-right: auto; }
/* REFERENCE */
.entry-content img { /*Need this? */
}
.entry-content img a:link, .entry-content img a { /*Need this? */
}
/* Styling for DD Site Map Generator; prefer if h2 could be converted to h3 in code */
div.ddsg-wrapper { /* Adding margin above, since H2 in this site doesn't use or need top padding or margin */
margin: 1em 0
}
div.ddsg-wrapper h2 { /* Should be similar/go with to entry-title */
font-size: 1.2em;
clear:both;
color: #000;
}
.hidden { /* JB3 For hiding elements as necessary (kluge) Initiated due to Site Map issue where WP puts br into blank Site Map page content-input area when php code is inserted directly into Site Map template. */
display:none;
}
/* Adjust the way the Events Calendar Listing is displayed on the Post page. */
/* This is just a copy of what goes into the EC3.css, in case it's overwritten */
table.ec3_schedule {
border-collapse:collapse;
margin:1.5ex 1ex 0.5ex 0;
border:solid 1px #800;
float:none;
font-weight:bold;
background-color:#ececec;
}
.noborder { /*In case you need to remove a border from an image. */
border:none;
}
.highlight { /* Attempting a universal highlight */
background-color:#FFFFCC;
width:40%;
font-size:.9em;
float:right;
border: 1px solid #336699;
padding:.5em;
margin: 1em 0 1em .5em ;
clear:both;
}
#printonly {
display:none;}
/* Cleaning up the Search Page a little; you may want to do this to the other archive pages when time allows */
body.search .entry-meta {
margin-bottom:1em;
}
/* Simply used to highlight the search note about the archive. You may want to use it for similar concept */
#search-note {
padding:.7em;
background-color:#FFFFD9;
margin-bottom:.75em;
font-size:.9em;
border: 1px dotted #006699;
}
/* Styling of particular pages, particularly the Agenda. Issue: How can you use current structure to change body background image, wrapper, based on Page Template */
/*Where we set up the different wrapper backgrounds. Right now, background is only different on the two column Page Template. And don't forget, classes cannot start with numbers! */
body.twocol #wrapper {
background: #fff url(bg-h-2col.gif) 0 0 repeat-y;
}
/* Styling a data table */
/* Using table CSS found here http://veerle.duoh.com/index.php/blog/comments/a_css_styled_table/ */
/* Updated to reflect ICNS current style, keeping images for now */
.datatable {
width: 99%;
padding: 0;
margin: 0;
border-left: 1px solid #333;
font-size:.9em;
}
.datatable p { /*Removes padding and spacing of p tags are inside tds */
margin:0;
padding:0;
}
.datatable caption {
padding: 0 0 5px 0;
width: 99%;
text-align: center;
font-weight:bold;
color:#333333;
}
.datatable th {
font: bold;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
padding: 6px 6px 6px 12px;
background: #ECF5FD url(table_bg_header.jpg) no-repeat;
}
.datatable th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #333;
background: none;
}
.datatable td {
border-right: 1px solid #333;
border-bottom: 1px solid #333;
background-color: #fff;
padding: 6px 6px 6px 12px;
}
.datatable td.alt {
background: #F5FAFA;
}
/* Special styles not used that often */
.datatable th.spec, .datatable td.spec {
border-top: 0;
background: url(table_bullet1.gif) no-repeat;
background-color:#EAEAEA;
font: bold;
font-size:1em;
}
.datatable th.specalt, .datatable td.specalt {
border-top: 0;
background: #f5fafa url(table_bullet2.gif) no-repeat;
font: bold;
font-size:1em;
}
/*Calendar Stying */
/* Remove from display the link love*/
.kjo-link, p.linklove {
display:none;
}
div#blog-description {
display:none;}
/* Remove Display of Home from Home page - Page Nav and h2 */
body.home li.current_page_item, body.home h2.entry-title /*, li#flexi-pages-1 h3.widgettitle*/ {
display:none;}
/*Tweak archives widget dropdown */
li#archives.widget select {
margin-top:6px;
}
/*HOME PAGE*/
body.home div#container div#content {
}
div#home-wrap {
/*border:1px dashed blue;*/
background-image:url(../dzfi_09/home-mid.gif);
font-size:11px;
width:504px;
}
div#home-top {
background-image:url(../dzfi_09/home-top.gif);
height:100px
}
div#home-mid {
padding:0 40px;
}
div#home-mid-1 {
float:left;
width:205px;
margin:0;
/*background-color:#FFFF99;*/
/*border:1px red solid;*/
}
div#home-mid-2 {
float:right;
margin:0;
width:205px;
/*background-color:#E1FFFF;*/
/*border:1px green solid;*/
}
div#home-foot {
clear:both;
background-image:url(../dzfi_09/home-foot.gif);
height:20px;
}
/* Text Styling for Home Wrap, esp lists */
div#home-wrap ul, div#home-wrap ol { /* For First List Block*/
margin: 0em 0 .5em 0em;
border:1px solid #999999;
padding:4px;
}
div#home-wrap li {
margin-left: 2em;
line-height:1.4em;
}
div#home-wrap ul ul, div#home-wrap ol ol, div#home-wrap ul ol, div#home-wrap ol ul { /* For All Successive List Blocks*/
margin: 0 0 0 .1px;
list-style:disc;
border:none; /*protect children from border */
/*background-color:#33FF00;*/
}
div#home-wrap h2, div#home-wrap h3 {
margin: .25em 0; /*was .75em */
color: #333366;
font-size:12px;
}
div#home-wrap p
{
line-height: 1.5em;
margin: 0.7em 0;
}
div#home-wrap a {
color: #333;
text-decoration:underline
/*border-bottom: 1px solid #333;*//*Hmmmm, more control over underline link, eh? Let's change it to same color as link */
}
div#home-wrap a:hover, div#home-wrap a:active {
color: #CC0000;
text-decoration:underline
/*border-bottom: 1px solid #CC0000; */ /*Hmmmm, more control over underline link, eh? Let's change it to same color as link */
}
/* changing color of h3 widget titles to match bouding color */
h3.widgettitle {
letter-spacing:1px;
}
h3.widgettitle a:link, h3.widgettitle a:visited {
color:#FFFFFF;
}
h3.widgettitle a:hover, h3.widgettitle a:active {
color:#FF0000;
}
.thedate {
color:#666666;
font-size:.8em;
}
/*REMOVE CREDITS*/
div.ddsg-wrapper {
}
/************************************************
* Images *
************************************************/
/* Styles already defined; so save yourself the grief JHB3 and simply revise as needed */
img.aligncenter, div.aligncenter { /*updated with correct class name for 2.6 NOTIFY TC */
display: block;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
img.alignnone {
padding: 0px;
margin: 0px 6px 10px 0px;
/*display: inline;*/
}
img.alignright {
padding: 0px;
margin: 0px 0px 10px 15px; /*Added 5 px to 10px right margin so that photo img and photo divs line up the same if they appear together, especially with the WP insert+10px*/
/*display: inline;*/
clear:right; /* For when images appear close to each other */
}
img.alignleft {
padding: 0px;
margin: 0px 15px 10px 0px; /*Added 5 px to left margin, ditto above */
/*display: inline;*/
/*border:1px dashed blue;*/
clear:left; /* For when images appear close to each other */
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
div.wp-caption { /* wp-caption is only applied to captioned div, not image */
margin: 0px;
padding: 0px;
/*border:1px dashed blue;*//*TESTING*/
/*text-align:center;*/
}
div.wp-caption.alignright { /* JHB3 It's late, so we'll leave this alone, good enough for now GEFN. Overall, makes right-floating images work with WPimg+10px add-to-div thang */
/*margin-left:5px;*/
text-align:left;
margin-left:15px;
}
div.wp-caption.alignleft {
/*nothing needed*/
}
div.wp-caption img {
margin: 0px 0 3px 0; /* Space between photo and caption is here */
padding: 0px;
/*border: 0px;*/ /*JHB3 0px removed. If the image is linked, then show a link*/
}
div.wp-caption p.wp-caption-text {
margin: 0; /*ineffective*/
padding: 0; /*ineffective*/
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif; /*JHB3 more readable at small size 10px*/
font-weight: bold;
line-height: 13px;
/*background-color:#CCCCCC;*/
text-align:left;
width:95%; /*KLUGE. Essentially removes "space", leftover from WP img+10 applied to container div, on either side, depending if we've text-aligned the div so that the image aligns left or right */
}
form#commentform {
display:none;}
div#respond {
display:none;}
div.skip-link {
display:none;}
/* Easy Table Styling*/
.dataTable {
margin: 0px 0px 0px 0px;
padding: 0px; /*Probably doesn't work*/
border-top: 1px solid #39609F;
border-left: 1px solid #39609F;
font-size:11px;
line-height:13px;
}
.dataTable p {
font-size:11px;
line-height:13px;
}
.dataTable th, .dataTable thead td {
background-color:#DFDFF4;
margin: 0px 0px 0px 0px;
padding: 4px;
border-right: 1px solid #39609F;
border-bottom: 1px solid #39609F;
text-align:center;
}
.dataTable td{
background-color:#F2EEF7;
margin: 0px 0px 0px 0px;
padding: 4px;
border-right: 1px solid #39609F;
border-bottom: 1px solid #39609F;
}
.dataTable td.highlightcell {
background-color:#FFFF99;
}
.dataTable td:hover {
/*background-color:#C8D2EA;*/
}
/* Adjust the way the Events Calendar Listing is displayed on the Post page. */
/* This should overwrite what's written in the EC3 Style sheet */
div#content table.ec3_schedule {
border-collapse:collapse;
margin:1.5ex 0ex 0.5ex 1ex;
border:solid 1px #666;
float:right;
font-weight:bold;
background-color:#fff;
font-size:.8em;
color:#000;
border-bottom:none;
}
div#content table.ec3_schedule td.ec3_start, div#content table.ec3_schedule td.ec3_to, div#content table.ec3_schedule td.ec3_end {
border-bottom:1px solid #666;
background-color:#F2F2F2;