/*
THEME NAME: ICNS Conference
THEME URI: http://i-cns.org
DESCRIPTION: Theme for ICNS Conference web site.  
VERSION: 1.2
AUTHOR: ICNS Conference
AUTHOR URI: http://i-cns.org
TEMPLATE: sandbox16
*/

/*
	This design is released under GPL: http://www.gnu.org/copyleft/gpl.html
*/

/* bases
************************* */
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;
}
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: 72%/1.6em verdana, tahoma, arial, sans-serif; 
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center;
}
a, div#content h2.entry-title a:link, div#content h2.entry-title a:visited, div#content h2.entry-title a:hover, div#content h2.entry-title a:active, div#content h2.page-title a:link, div#content h2.page-title a:visited, div#content h2.page-title a:hover, div#content h2.page-title a:active
{
	text-decoration: none;
	

}
a:link, a:visited
{
	color: #003366;   /* #015A1E changed to #003366 */
	text-decoration:underline;

}
a:hover, a:active
{
	color: #CC0000;	
	text-decoration:underline;

}




/* LINK STYLES FOR CONTENT AREA */

div#content a:link, div#content a:visited
{
	color: #006699;  
	text-decoration:underline;

}

div#content a:hover, div#content a:active
{
	color: #CC0000;	
	text-decoration:underline;

}

h1, h2, h3, h4, h5, h6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;

	
/*
	font-family: garamond,georgia,times,serif;
	font-weight:400;
*/
}


/* Etc
******************** */
br.clear {
	clear: both;
}

/* Layout
******************** */

#wrapper {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	background: #fff url(bg-h.gif) 0 0 repeat-y;   /*background was/is/used to be also referenced in the body tag */
	position: relative;
	background-color:#fff;

}

/* For styling the page with only two columns*/

body.page-template-page-2col-php #wrapper {
	background: #fff url(bg-h-2col.gif) 0 0 repeat-y;  
	}

body.page-template-page-2col-php div#secondary.sidebar {
	display:none;
	}

body.page-template-page-2col-php div#content  {
	margin:1em 0 0 210px;

	}	




#header {
	height: 135px;  /* Was 100px */
	padding: 1em 1em 1em 0;
	/*border: 1px black dashed;*/
	background: #fff url(ICNS-header.gif) 0 0 no-repeat;
	border-bottom:1px #000 solid;
	/*border:0;*/ /*TODO: You may want to check box model between IE and non-IE, and check IE7; there's 1px of space under menu items for latter; not urgent; but you don't want to make header have no border unless you adjust positioning of menu with it. So far, it's fixed with styles on Menu */
	

}	
div#container {
	float: left;
	width: 100%;
	/*border: 1px red dashed;*/
	/*border-top: 2px solid #FFF; */ /* Separates Container from Menu*/
	padding-top: 10px;
}
div#content {
	margin: 1em 210px 0 210px;   /* WAS 200 px for both; changed to 205 because you added 10 with 950 to 960, but then IE messes it up. TODO: How about revising the left margin for IE Only? or just the background image? And move right sidebar over a little.  */
		padding: 0 18px 1.2em 18px; /*added, TODO check IE7 */
		/* border:1px #666 dashed; */ /* TESTING BORDERS */
}

div#content2col {
	margin: 1em 5px 0 210px;   /* WAS 200 px for both; changed to 205 because you added 10 with 950 to 960, but then IE messes it up. TODO: How about revising the left margin for IE Only? or just the background image? And move right sidebar over a little.  */
		padding: 0 18px 1.2em 18px; /*added, TODO check IE7 */
		/* border:1px #666 dashed; */ /* TESTING BORDERS */
}


div.sidebar {
	float: left;
	overflow: hidden;
	width: 180px;
	padding-top: 1em;
}

* html div.sidebar {
font-size:.98em;
}


div#primary {
	margin: 0 0 0 -950px;   /*10 pixels less than OVERALL WIDTH*/  
	
}


* html div#primary {
	left: 20px;
	position: relative;
	margin: 0 0 0 -970px;    /*SAME AS OVERALL WIDTH*/
}
div#secondary {
	margin: 0 0 0 -190px;  /*was -180px*/

}
div#footer {
	clear: left;
	border-top: 1px solid;
	width: 760px; /*Don't forget your box model! 960-100x2 */
	padding: 2px 100px;
	border-top-color: #003300; /* #C7F1D5 has been replaced with #006600*/
	background-color:#FFFFFF;
	background: #fff url(ICNS-footer.gif) 0 0 no-repeat;
	height:60px;
	color:#FFFFFF; 
	font-size:9px;
}

div#footer p {
	text-align:center;
	margin: .25em 0;

}

div#footer a:link, div#footer a:visited
{
	color: #FFFF99;   /* #015A1E changed to #003366 */
}
div#footer a:hover, div#footer a:active
{
	color: #FFCC00;
}

span#footercopy {
	display:block;}

.side1 {
	width: 200px;
	float: left;
	color: #000;
	
	margin-left: -950px;
}
.side2 {
	width: 200px;
	float: left;
	color: #000;
	margin-left: -200px;
	
}

/* header
********** */
#header  h1#blog-title {
	padding-top: 1em;
	font-size: 3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:none;
}
#blog-description {
	padding-top: 8px;
}
.skip-link {
	right: 0;
	top: 5px;
	position: absolute;
	display:none;
}
.skip-link a {
	
	height: 22px;
	width:114px;
	display: block;
	text-indent: -9000px;
}
.skip-link a:hover {

	height: 22px;
	width:114px;
	display: block;
	text-indent: -9000px;
}
/* menu
********** */
#access {
	
}

#menu {
	position: absolute;
	right: 0px;  /* WAS 0px*/
	left: 100px;
	top: 127px; /*originally 90px*/ /* ?? Adding 8 px for added header border-top of 8px*/
	margin:0;
	padding:0;
	border-left: 1px solid #fff; 
}

* html #menu {  /* IE6 */
	top: 129px; /*2px more than FF et al. */
	height: 1%;
}

* + html #menu { /* IE7 */
	top: 129px; /*2px more than FF et al. */
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
#menu ul li {
	float: left;
}
#menu ul li a {
	padding: 3px 10px;
	display: block;
	color: #FFF;					/* #F5FDF8 changed to #FFF */
	border-right: 1px solid #fff;   /*Changed from left to right */
	border-top: 1px solid #fff;
	background-color: #003366;   /*#5EB97C replaced with #003366 */

}

* html #menu ul li a {  /*redundant if only display attr repeated */
	display: block;
	}


#menu ul li a:hover {
	background-color: #6F0000;
	color: #fff;
	display: block;
	
}
#menu ul li.current_page_item a {  /* Unfortunately, this adds bold to secondary menu nav too */
	background-color: #006600;   /* superceded below */
	font-weight: bold;
}


/* JB3  adding same styling to current_page_parent, too. */

#menu ul li.current_page_parent a {
	background-color: #006600;  /* superceded below */
	color: #fff;
	font-weight: bold;
	
}


#menu ul ul{  /*Revised to correct font size of lower items. */
	display:none; /*This needs to be none*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;  
	height:1%;
	
	}
#menu ul ul li{float:none;display:block;}
#menu ul ul li a{margin:0;padding:0;display:block;}
#menu ul li:hover ul{
	display:block;
	position:absolute;
	height:1%;
	}
	
/*HEY, does the following work in IE6, anyway? */
#menu ul li:hover ul li a{
	border-top: 1px solid #fff;
	background-color:#003366;  /* Needs to be same as upper level ul li */
	color: #FFF;
	display:block;
	padding: 3px 10px;
	width:10em;
	height:1%;
}
#menu ul li:hover ul li a:hover{
	background-color: #6F0000;
	color: #fff;
	display:block;
}

/*Suckerfish Nav from Plugin, if used */

.mctestycolorstyle {background-color:#6F0000;}

ul#suckerfishnav {margin: -15px 0 0 22px; border-left: 1px solid #fff; }

* html ul#suckerfishnav {margin: -27px 0 0 16px; }  /* IE6 OK Explain this */
+ html ul#suckerfishnav {margin: -27px 0 0 16px; }  /* IE7 and this one while you're at it */

#suckerfishnav { font-size:12px; font-family:verdana,sans-serif; font-weight:normal; z-index:1; margin:0;padding:0;} #suckerfishnav, #suckerfishnav ul { float:left; list-style:none; line-height:26px; padding:0; border:0px solid #fff; margin:0 0 0px 0;width:100%;  z-index:1; } #suckerfishnav ul {} #suckerfishnav a { display:block; color:#fff; text-decoration:none; padding:0px 10px;} #suckerfishnav li { float:left; padding:0; border-right:1px solid #fff; border-top: 1px solid #fff; background:#003366;} #suckerfishnav li ul { position:absolute; left:-999em; height:auto; width:150px; font-weight:normal; margin:0; line-height:16px; -moz-opacity:1; opacity:1; khtml-opacity:1; } #suckerfishnav li li { padding-right:1px; width:150px; /* border-bottom:1px solid #fff; */} #suckerfishnav li li a { padding:5px 10px; border-top: 0px solid #fff; } #suckerfishnav li ul li { font-weight:normal; font-family:verdana,sans-serif; } #suckerfishnav li ul li a { font-size:12px; color:#fff; } #suckerfishnav li:hover ul li a { color:#fff; } #suckerfishnav li ul ul { margin:-24px 0 0 150px;  } #suckerfishnav li ul li:hover { background:#6F0000} #suckerfishnav li ul li:hover a { color:#fff; } #suckerfishnav li ul li:hover li a { color:#fff; } #suckerfishnav li ul li li:hover a { color:#fff; } #suckerfishnav li ul li ul li:hover ul li a { color:#fff; } #suckerfishnav li ul li ul li:hover ul li:hover a { color:#fff; } #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul { left:-999em; } #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul { left:auto; background:#003366;  border-left:1px solid #fff;  border-bottom: 1px solid #fff; } #suckerfishnav li:hover, #suckerfishnav li.sfhover { background:#6F0000; } #suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color:#fff; }

/* Hi Ryan! */

#suckerfishnav li.current_page_item {   
	font-weight: bold;
	background-color:#006699;  /*A simple addition here, makes the current_page_item link NOT change on rollover in IE, which is actually just fine. When more time, I'll chart out all the attributes above. Just need to drill down.  */
	/* color:#FFFF99; */ /* Puts color on first level, but not on rest. Good for now. I am beginning to see scope of developer's details... */
}

#suckerfishnav li.current_page_item a { 
	
	
}

#suckerfishnav li.current_page_parent { /* AGAIN ISSUES WITH/Understanding of Text/Background COLOR 'a' INHERITANCE! No time to test further. Good enough. Just specify current_page_item for now */
	/* font-weight: bold;  */
	/* color:#FFFF99; */
	} 

/* Header Styles, referencing/compared to page-title and entry-title
********** */

h2 {} /* Added to page-title below */

h3 { font-size: 1.3em; color: #003366; /* same as entry-title */}

h4 { font-size: 1.2em; color: #003366; }

h5 { font-size: 1.1em; color: #003366; }

h6 { font-size: 1.0em; color: #003366; }

/* post
********** */
#nav-above {
	display: none;
}
h2, .page-title {
	font-size: 1.6em;  /*was 1.3 em*/
	border-bottom: 1px solid #666;
	margin-bottom: .75em;   /*was 1em */
	padding-bottom: .3em; /*added for bottom border spacing */
	color: #003366;  /* #3A9476 changed to #003366 */
}

h2.page-title {
	font-size: 1.8em;  /*was 1.3 em*/
	
	}


.page-title span {
	color: #000;
}
/*.entry-title {
	font-size: 1.4em; 
	clear:both;
	border-bottom:none;
	
}*/

.entry-title a:link, h2.entry-title a:visited {
	color: #003366;  /* #3A9476 changed to #003366 */
}
.entry-title a:hover {
	color: #CC0000;
	border-bottom: 1px #CC0000 solid;
}
.post {
	margin-bottom: 20px;
	margin-right: 1em;
}
.post ul, .post ol{
	margin-left: 40px;
}

.entry-content {  /* Added to increase entry font vs. sidebars */
font-size:1.1em;
}

/* NEED TO READ UP ON 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 {
	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 */
}
.entry-content a:hover, .entry-content 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 */
}

.entry-meta {
	border-top: 1px solid;
	border-top-color: #CCCCCC; /* #C7F1D5 has been replaced with #CCCCCC*/
	padding-top:0.5em;
	margin-bottom:0.25em;
	color: #999; /* #5EB97C has been replaced with #999 */
	font-size: 0.9em;
}

p.feedburnerFlareBlock {
	color: #999; /* #5EB97C has been replaced with #999 */
	font-size: 0.9em;
	border-bottom: 1px solid;
	border-bottom-color: #CCCCCC; /* #C7F1D5 has been replaced with #CCCCCC*/
	padding-bottom:0.75em;
}



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 {
	color: #B6B6B6; /* Subtle color simlar to text color of entry-meta */
	
}

.entry-meta a:hover, .entry-meta a:active {
	color: #3399CC; /* Subtle color simlar to text color of entry-meta */
	text-decoration:underline;
	/*border-bottom: solid thin #3399CC; */ /* REMOVED for consistency. Same as above */
}


.entry-meta .author{
	background: url(author.gif) 0 0 no-repeat;
	padding-left: 16px;
}
.entry-meta .cat-links{
	background: url(tag_red.gif) 0 0 no-repeat;
	padding-left: 16px;
}
.entry-meta .edit-link{
	background: url(pencil.gif) 0 0 no-repeat;
	padding-left: 16px;
}
.entry-meta .comments-link{
	background: url(comment.gif) 0 0 no-repeat;
	padding-left: 16px;
}

.meta-sep {
	visibility: hidden;
}

div#nav-below{
	width: 100%;
	float: left;
	margin-bottom: 1em;
}
.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: #003366;  /* #3A9476 changed to #003366 */
}
#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: 530px;
	border: 2px solid #DCE7F1;  /* #C7F1D5 has been replaced with #DCE7F1*/
	padding: 0.4em;
	margin: 0.5em 0;
	color: #003366;  /* #3A9476 changed to #003366 */
}
textarea#comment:focus,textarea#comment:hover {
	border: 2px solid #0099CC; /*#5EB97C replaced with #0099CC */
}
.form-submit input {
	background: #003366;  /* #3A9476 changed to #003366 */
	color: #fff;
	font-weight: bold;
	margin-bottom: 2em;
	padding: 0.2em 0.5em;
	border: 2px solid #0099CC; /*#5EB97C replaced with #0099CC */
	border-right: 2px solid #003366;   /* #2C7058 changed to #003366 */
	border-bottom: 2px solid #003366;   /* #2C7058 changed to #003366 */
}
.form-submit input:focus, .form-submit input:hover {
	background-color: #003366;   /* #2C7058 changed to #003366 */
	color: #fff;
	font-weight: bold;
	margin-bottom: 2em;
	padding: 0.2em 0.5em;
	border: 2px solid #003366;  /* #3A9476 changed to #003366, was 3366CC HEY */
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}

/* sidebar
********** */
.sidebar h3 {
	font-size:1.2em;
	border-bottom:1px solid #999999; /* #666 becomes #999 */
	color: #333;
		/* TODO: For Text Widget and Announcemets widget, bottom border is disappearing in IE6*/
}


/*Bothered by padding & margin below .sidebar h3 with border bottom, and ligatures */ 
.sidebar h3 {
padding-bottom:.2em;
margin-bottom:2px;

}

div.sidebar input#s {
	width: 145px;
	border: 1px solid;  
	/*border-color: #DCE7F1*/ /* #C7F1D5 has been replaced with #DCE7F1*/
	padding: 0.4em 0.4em 0.4em 1.7em;
	background: #fff url(zoom.gif) 0.4em center no-repeat; /*added background color of #fff incase sidebar gets a color */
	margin: 0.5em 0;
	color: #006600;  /* #3A9476 changed to #006600 */
}
div.sidebar input#s:focus,div.sidebar input#s:hover {
	border: 1px solid;
	border-color: #6F0000; /*#5EB97C replaced with #009900 */
}
input#searchsubmit {
	background: #666;
	border: 2px solid #333;
	padding: 0.1em 0.4em;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	color: #fff;
	font-weight: bold;
}
input#searchsubmit:focus, input#searchsubmit:hover {
	background: #333;
	border: 2px solid #000;
	padding: 0.1em 0.4em;
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	color: #fff;
	font-weight: bold;
}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0}
.sidebar ul ul li{
	margin:0;
	border-bottom: 1px dashed #DCE7F1; /* #C7F1D5 has been replaced with #DCE7F1 */
	padding: 0.2em 0;
}

.sidebar ul ul li, .sidebar ul ul li {
	background: url(go.gif) 0 3px no-repeat ;
	padding-left: 18px;
}
.sidebar ul ul li a:hover{
	color: #CC0000;
}
.sidebar .current_page_item {
	font-weight: bold;
}
.sidebar ul li.linkcat ul li a{
	background: url(link.gif) 0 0 no-repeat;
	padding-left: 16px;
}
.sidebar ul li#categories ul li a{
	background: url(tag_red.gif) 0 0 no-repeat;
	padding-left: 16px;
	color: #DA5F5D;
}
.current-cat {
	font-weight: bold;
}

.sidebar ul li#archives ul li a{
	background: url(archives.gif) 0 0 no-repeat;
	padding-left: 16px;
	color: #4571AF;
}
.sidebar ul li#rss-links ul li a{
	background: url(feed-icon.gif) 0 0 no-repeat;
	padding-left: 16px;
	color: #D1670C;
}

.sidebar ul li.ec3_list.ec3_list_day ul li a { /*TEST*/
	/*Decided to leave it alone for now, but may change icon. */
	
}
.sidebar ul ul ul li{
	border: none;
}
div.sidebar ul ul ul{margin:0 0 0 1em;}
div.sidebar ul ul ul li{}

/* Event Calendar Restyles */

#wp-calendar caption, #wp-calendar table #today, #wp-calendar table .eventday {
font-weight:bold;}

  /* Like the outline around .eventday so we add it here */
	
#wp-calendar table td .eventday {
 border:solid 1px #a00;
}	

/* 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 {

}

/* Revising style of entry-date */

.entry-date {
	border: none;
	color: #999999;   /*#CCCCCC*/
	font-size:11px;
	font-weight:bold;
}

.published {
	border: none;
}

/*REMOVE "home" in top nav and breadcrumb link, on homepage */

body.home li#home-navlink, body.home div.breadcrumb {
display:none;
}

.archive-meta p {
font-size: 1.1em;
font-weight:bold;
background-color:#EFEFEF;
padding:10px;
border:1px solid #003399;
margin-bottom:1.2em;
}

.fontcolor2008 {
	color:#003366;
}


/*ICNS Email Widget */ /* You may want to add this to the other form styling*/


/* Adding style to Child Page Nav in Sidebar, right side */

#childnav {
	color:#003366;
}

/* Adding Style for breadcrumb_nav_xt_display, if you decide to use it */

div.breadcrumb {
	text-align:right;
	font-size:0.9em;
	padding:0 0 .5em 0;
	margin:-1.5em 0 0 0;
	color:#999999;

}

* html div.breadcrumb {
	margin:-1em 0 0 0;
}

* + html  div.breadcrumb {
	margin: -.5em 0 0 0;
}

/* For stying of any category-conference-chair posts on home page only */


body.home div.post.category-conference-chair  {
	background-color:#F2F2FF;
	padding: 1em;
	border: 1px #666 dashed;
}

body.home div.post {  /* balance out non-conference-chair posts */

	padding: 1em;
	border: 1px #666 dashed;
	
}


body.category div.category-2010.post { /*Highlighting current year on category pages JHB3 CHANGEYEAR */

	padding: 1em;
	border: 1px #666 dashed;
	background-color:#FFFFCC;
	background-image:none;
}

body.category div.post, body.archive div.post { /* Style of non-current years on category pages */

	padding: 1em;
	border: 1px #666 dashed;
	background-color:#fff;
	background-image:url(icns-arch-bak.gif);
	background-repeat:no-repeat;
	background-position:center 50px;
}

body.single div.post {
	background-color:#fff;
	background-image:url(icns-arch-bak.gif);
	background-repeat:no-repeat;
	background-position:center 75px;
}

body.single div.category-2010.post { /*CHANGE THIS TO CURRENT YEAR*/
	background-color:#fff;
	background-image:none;
}


/* 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;
	margin-top:12px;
	font-size:14px;
}

.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, .linklove {
display:none;
}

/*Change color of particular, archive items in navbar to GREY for visual cues */

ul#suckerfishnav li.page-item-124, ul#suckerfishnav li.page-item-115, ul#suckerfishnav li.page-item-113, ul#suckerfishnav li.page-item-112, ul#suckerfishnav li.page-item-104, ul#suckerfishnav li.page-item-102, ul#suckerfishnav li.page-item-74, ul#suckerfishnav li.page-item-37, ul#suckerfishnav li.page-item-19, ul#suckerfishnav li.page-item-101  {
background-color:#999999;

}
    /*And then, add them to the list below, putting ".current_page_item" inbetwen li and page-item-XXX */

ul#suckerfishnav li.current_page_item.page-item-104, ul#suckerfishnav li.current_page_item.page-item-102, ul#suckerfishnav li.current_page_item.page-item-74, ul#suckerfishnav li.current_page_item.page-item-37, ul#suckerfishnav li.current_page_item.page-item-19, ul#suckerfishnav li.current_page_item.page-item-101  {
background-color:#006699;
}

/* Change color of Home item */

ul#suckerfishnav li#home-navlink {
background-color:#000;
}
   /* And reset the hover color */
#suckerfishnav li:hover#home-navlink, #suckerfishnav li.sfhover#home-navlink { background-color:#6F0000; }


/*Style for 2009 */

.title2009 {
font-size:12px;
color:#990000;
}

.linklove, div.ddsg-wrapper h2 {  /*DDDAGON SiteMap Generator stylings */
display:none;
}

.more-link {
background-color:#FFFF99;
padding:2px;
}

body.home .entry-meta {  /* Confusing to users: all years shown when clicking on cateogory links; only current year is relevant. */
display:none;
}

div#content div.category-2010 { /*Highlighting current year on category pages */ 

}

/*TEMP STYLES*/

/*Flu Announcement Widget */
/* Style the widget */

li#text-423893191.widget.widget_text {
border: 2px solid #990000;
padding: 6px;
background-color:#FFFFCC;
}

/*Don't display widget on post page, and don't display the announcement on the home page*/
body.postid-212 li#text-423893191.widget.widget_text, 
body.home div#post-212 {
display:none;
}

div#wp-print {
	text-align:right;
	}
	
/*Styling blogroll links */

ul.xoxo.blogroll a {
	display:block;
	}
	
div.aktt_tweets {
	font-size:.9em;
	font-weight:bold;
	}
	
div #content div.sexy-bookmarks {
margin:0;
}

/* FOR HIGHLIGHTING TEXT WIDGETS, PUT ID next to LI */
li#text-448278433{
	padding:4px;
	border:2px #900 dotted;
	background-color:#FF9;
	text-align:center;
	}

li#text-448278433 h3 {
	color:#900;
	border-bottom:1px solid #900;
	}
	
	
/* Add This Styling */

li#addthis-widget h3 {display:none;} /*Because the widget adds a header, unfortunately */

div.entry-content div.addthis_container {
	border:1px dotted #56A5DE;
	padding:3px;
	margin: 12px 0;}