/*

General styling

*/

body {
	margin:0;
	padding:0.2em 0 0.2em 0;
	/* background-color:; */
	background: #cccccc none repeat;
	font-family:\"Trebuchet MS\", sans-serif;
	font-size:100%; /* 16px; */
	color:#333;
}

#wrapper {
		background: #ffffff none repeat;
    width:50em; /* 750px  46.875em */
    margin:0 auto;
		padding:0 1em 1em 1em;
}

a:link, a:visited {
	text-decoration:none;
	color:#73A533;
}

a:hover {
    text-decoration:underline;
}
em.underline {
	text-decoration:underline;
}

* {
padding:0;
margin:0;
}

/* HEADER */

#header {
    margin-bottom:0; /* 20px; 1.25em; */
}

    #title {
	    font: \"Trebuchet MS\", sans-serif;
	    z-index: 10;
	    float:right;
	    text-align:right;
	    margin:1.25em 0.3125em 0 0; /* 20px 5px 0 0; */
	    font-size:1.25em;
	    line-height:1.2;		
	    font-weight:normal;
	    color:#73A533;
    }
		#title span.darkgray {
			color: #333333;
		}
		#title span.red {
			color: #CB6828;
		}
		#title span.blue {
			color: #006699;
		}
    
    #title a:hover {
        text-decoration:none;
        color:#006699;
    }

    #topmenu {
        margin-top:1.875em; /* 30px; */
        z-index:5;
        float:left;
        width:25em; /* 400px; */
    }
    
        #topmenu a:link, #topmenu a:visited {
        		z-index:5;
            color:#333;
        }
        
        #topmenu a:hover {
        		z-index:5;
            text-decoration:none;
        }
    
		#topmenu ul { 
			list-style:none;
			z-index:5;
			margin:0 0.3125em 0 0; /* 0 0 0 5px; */
			padding:0;
		}
				#topmenu ul li {
					display:block;
					line-height:0.6875em; /* 11px */
					float:left;
					z-index:5;
					position:relative; 
				}
				/* top level menu not active */
				#topmenu ul li a:link, #topmenu ul li a:visited {
					display:block;
					line-height:1em; /* 11px; */
					background-color: #006699;
					/* Transparency */
					/* filter:alpha(opacity=93);-moz-opacity:.93;opacity:.93; */
					z-index:5;
					padding:0.46em 0.46em 0.19em 0.46em; /* 5px 15px(1.36em) 2px 5px; */
					margin:0 0.46em 0 0; /* 0 5px 0 0; */
					font-size:0.6875em; /* 11px; */
					color: #FFF;
					font-weight:bold;
					border-bottom:0.19em solid #006699; /* 2px */
					text-transform:uppercase;
				}			
				/* top level menu active */
				#topmenu ul li a.activate:link, #topmenu ul li a.activate:visited {
					display:block;
					line-height:1em; /* 11px; */
					background-color: #73A533;
					z-index:5;
					padding:0.46em 0.46em 0.19em 0.46em;  /* 5px 15px 2px 5px; */
					margin:0 0.46em 0 0; /* 0 5px 0 0; */
					font-size:0.6875em; /* 11px; */
					color: #FFF;
					font-weight:bold;
					border-bottom:0.19em solid #73A533; /* 2px*/
					text-transform:uppercase;
				}				
				
				#topmenu ul li a:hover {
						z-index:5;
						background-color: #73A533;
				    border-bottom:0.19em solid #73A533; /* 2px */
				}
				#topmenu ul li ul {
					display:block;
					line-height:1em; /* 11px */
					position:absolute;
					top:auto;
					list-style:none;
					z-index:5;
					margin:0;
					padding:0;
					visibility:hidden;
					border-top:0px solid #CCC; 
					width:13.75em; /* 220px */
				}
				
				#topmenu ul li:hover ul,
				#topmenu ul li.msiefix ul {
					visibility:visible;
					z-index:5;
				}
				
				#topmenu ul li ul li {
					display: inline; /* this display property removes gap between li in IE */
					position:relative;
					float:none;
					margin:0;
					z-index:5;
					color:#333;
					font-size:1em; /* 11px */
					line-height:1.64; /* 18px */
					_height:1px; /* 1px; */
					border: 0px;
				}
				/* top menu sub categories */
				#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a {
					display:block;
					margin:0;
					line-height:1.5em; /* 15px */
					width:22em; /* 220px */
					z-index:5;
					padding:0.2em 0 0.2em 1em; /* 2px 0 2px 10px; */
					color:#FFF;
					_height:1px; /* 1px; */
					text-transform:none;
					font-weight:normal;
					border: 0px;
					background-color:#006699;
				}
				
				#topmenu ul li ul li a:hover {
					display:block;
					
					background-color:#73A533;
					margin:0;
					color:#FFF;
					z-index:5;
				}
				
    #banner {
        clear:both;
        height:75px; /* 110px 8.3em;*/
        border-top:1px solid #006699;
        border-bottom:1px solid #006699;
    }
	#banner h1#headerText {
		clear:none
		z-index:20;
		float: left;
        background-image:url(images/header/header_text.gif);
        background-repeat:no-repeat;
        background-position: top left;
		height:75px;	
		width:385px;	
	}	
    #banner h1#headerGraphic {
		clear:none
		z-index:20;
		float: right;
        background-image:url(images/header/header_graphic.jpg);
        background-repeat:no-repeat;
        background-position: top right;
		height:75px;
		width:406px;
    }	
		#banner h1 {
			text-indent: -1000px;
		}
		#header div#headermenu {
			position: relative;
			top: 0; /* 50px; */
			left: 0;
			padding:0.1em 0 0.1em 0;
			margin-bottom:20px;
			border-bottom:1px solid #006699;
		}   
		* html #header div#headermenu	{
			zoom: 1;
		}		
		#header div#headermenu ul {
			line-height: 1.4;
			list-style-type: none;
			overflow:hidden;
			background:#FFFFFF url(images/header/headerbg.gif) 0 0;
		} 
		* html #header div#headermenu ul {
			zoom: 1;
		}		
		#header div#headermenu ul li {
			margin: 0;
  		list-style: none;
			display:block;
	  	float: left;
			font-size:0.8em; /* 11px; */
      background-image:url(images/icons/bullet.gif);
      background-position: 0 0.3em;	
      background-repeat:no-repeat;
			padding:0 0.3125em 0 1.2em; /* 0 5px 0 15px; */
		}
		#header div#headermenu ul li a {
			color: #006699;
		}
		#header div#headermenu ul li a.color0 {
			color: #006699;
		}		
		#header div#headermenu ul li a.color1 {
			color: #CC3300;
		}		
		#header div#headermenu ul li a.color2 {
			color: #CC6600;
		}				
		#header div#headermenu ul li a.color3 {
			color: #669900;
		}				
		#header div#headermenu ul li a.color4 {
			color: #333333;
		}							
/* SIDEBAR */

#sidebar {
    width: 11.25em; /* 180px; */
    float:right;
    margin:0 0.3125em 0 0; /* 0 5px 0 0; */		
		font-weight: normal;
}

#sidebar a:link, #sidebar a:visited {
    color:#333;
}

#sidebar a:hover {
    color:#73A533;
    text-decoration:none;
}

#sidebar li {
	line-height: 1em;
}

#sidebar h3 {
	font-size: 1.0em;
	line-height: 1;	
}
#sidebar h2 {
	font: 1.0em \"Trebuchet MS\", sans-serif;
  line-height:1.2;
  color:#006699;
  margin:0 0 0.125em 0; /* 0 0 2px 0; */
  font-weight:bold;
	text-transform: none;
}#sidebar h2.greenbg {	font: 0.8em \"Trebuchet MS\", sans-serif;  line-height:1.2;  background-color:#73A533;	color: #FFFFFF;	  margin:0;	padding: 0.25em 0.5em 0.25em 0.5em;  font-weight:bold;	}#sidebar div#icontact {	font: 0.8em \"Trebuchet MS\", sans-serif;  line-height:1.2;		padding: 0.5em;	}
#sidebar span.darkgray {
	color: #333333;
}
#sidebar span.red {
	color: #CC6600;
}
#sidebar span.blue {
	color: #006699;
}
#searchform #s {
	background-color: #fff;
	padding: 1px;
	border: 1px solid #ccc;
	margin-bottom: 0px;
}
#searchform input.searchbutton {
	background-color: #fff;
	margin-top: 5px;
	border: 0px;
	margin-bottom: 0px;
}#icontactform input.contactform {	background-color: #fff;	padding: 1px;	border: 1px solid #ccc;	margin-bottom: 0px;}#icontactform input.submitbutton {	background-color: #fff;	margin-top: 5px;	border: 0px;	margin-bottom: 0px;}

/* LISTS */

html>body .the_content ul {
	font-size:1em; /* 0.75 */
	margin-left: 0px;
	padding: 0 0 0 1.875em; /* 30px */
	list-style: none;
	padding-left: 0.625em; /* 10px */
	text-indent: -0.625em;
	} 

html>body .the_content li {
	margin: 0.4375em 0 0.5em 0.625em; /* 7px 0 8px 10px */
	clear:left;
	}

.the_content ol {
	padding: 0 0 0 0.9375em; /* 15px */
	margin: 0;
	text-indent:-0.3125em; /* -5px */
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style: none;
	margin-bottom: 0.9375em; /* 15px */
	}
#sidebar ul li#widget_icontact {	border:1px solid #73A533;	}
#sidebar ul p, #sidebar ul select {
	margin: 0.3125em 0 0.5em; /* 5px 0 8px; */
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 0.3125em 0 0 0.3125em; /* 5px 0 0 5px;	*/
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0.625em;	/* 0 0 0 10px; */
	}

#sidebar ul li ul {
	list-style:none;
	list-style-type: none;
}

#sidebar ul li ul li, #sidebar ul ol li {
	margin-top: 0.1875em; /* 3px */
	margin-right: 0;
	margin-bottom: 0; 
	margin-left: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.6875em;
	line-height: 1.2;
	font-weight: normal;	
	background-image:url("/wp-content/themes/abecedarium/images/icons/bullet.gif");
	background-position:0 50%;
	background-repeat:no-repeat;
	padding:0 0 0.3125em 1.2em;	 /* 0 0 5 15px; */
	}
/* social bookmark list with icons */
#sidebar ul li ul li.delicious, #sidebar ul ol li.delicious {
	padding:3px 0 3px 20px;	
  background-image:url(images/icons/delicious.gif);	
}
#sidebar ul li ul li.digg, #sidebar ul ol li.digg {
	padding:3px 0 3px 20px;	
  background-image:url(images/icons/digg.gif);
}
#sidebar ul li ul li.facebook, #sidebar ul ol li.facebook {
	padding:3px 0 3px 20px;	
  background-image:url(images/icons/facebook.gif);
}
#sidebar ul li ul li.reddit, #sidebar ul ol li.reddit {
	padding:3px 0 3px 20px;	
  background-image:url(images/icons/reddit.gif);
}
#sidebar ul li ul li.stumbleupon, #sidebar ul ol li.stumbleupon {
	padding:3px 0 3px 20px;	
  background-image:url(images/icons/stumbleupon.gif);
}

/* this probably does more harm than good.
.the_content ul li:before {
	content: "\00BB\00A0";
	color:#73A533;
	}
*/

div#pagetab {
  	font-size: 0.75em;
	margin:0;
  	padding: 0;
	float:left;
  	width:100%;
}
div#pagetab1 {
  	clear:both;
	margin: 0;
	padding: 0.5em;
  	border:1px solid #cc6600;
	width: 100%;
}
div#pagetab2 {
  	clear:both;
	margin: 0;
	padding: 0.5em;
  	border:1px solid #CC6600;
	width: 100%;
}
div#pagetab3 {
  	clear:both;
	margin: 0;
	padding: 0.5em;
  	border:1px solid #CC6600;
	width: 100%;
}
ul#pagetab {
	list-style-type: none;
	margin: 0;
	padding: 0;		
}
ul#pagetab li {
	margin: 0 0.4em 0 0;
	list-style: none;
	float: left;
	position: relative;
	background:#d3d3d3;		
	font-size:1.2em; 
	padding:0 0.4em 0.2em 0.4em;
	border:0;
	clear:none;
}
ul#pagetab li a {
	/*width:103px;*/
	/* height:16px; */	
	/* padding:3px 0 0 9px; */
	/* font-size:12px; */
	/* text-transform:uppercase; */
	margin: 0;
	padding: 0 0.4em 0.2em 0.4em;		
	text-decoration:none;
	color:#333333 !important;		
}
ul#pagetab li a:hover {
	color:#333333 !important;	
}
ul#pagetab li.on {
	background:#CC6600;		
}
ul#pagetab li.on a {
	color:#fff !important;
	font-weight: bold;
}

/* CONTENT */

#content {
    width:35em; /* 520px 32.5em; */
    margin:0 0 0 0;
		padding: 0;
    float:left;
		font-weight: normal;
}

/* PAGE TITLE begin */

h1.title {
	font: 1.375em \"Trebuchet MS\", sans-serif; /* 22px */
	text-align: center;
  margin: 0.3em 0; padding-bottom: 0.2em; /* 0.75em */	
}
h2.shortDefinition {
	font: 0.75em \"Trebuchet MS\", sans-serif; /* 22px */
	text-align: center;
  	margin: 0.4em 0; padding-bottom: 1.3em;	
}
h2.articleAuthor {
	font: 0.75em \"Trebuchet MS\", sans-serif; /* 22px */
	line-height: 1.5;
	text-align: center;
  	margin: 0.4em 0; padding-bottom: 1.3em;	
}
div.lastUpdated {
	font-size:0.6875em; /* 11px */
  line-height:1em;
  text-transform:uppercase;			
	text-align: center; border-bottom: 1px dotted #669900;
  padding-bottom: 1em; margin-bottom: 1.0em;
}
div.statusMsg {
	font-size: 0.6875em; /* 11px; */
	padding: 0.3125em; /* 5px; */
	background-color: #ffffff;	
	border-style: dotted;
	border-width: 1px;
	margin: 0 0 5px 0;
	border-color: #669900;
}

div.postButton {
	width:131px;
	height:19px;
	margin:7px 0 7px 0;
	background:url(images/buttons/post.gif) no-repeat; 
}
div.postButton a {
	display:block;
	width:131px;
	height:19px;
	text-indent:-9000px;
}
div.postButton a:hover {
	background:url(images/buttons/post_over.gif) no-repeat;
}

div.registerButton {
	width:53px;
	height:19px;
	margin:7px 0 7px 0;
	background:url(images/buttons/register.gif) no-repeat; 
}
div.registerButton a {
	display: block;
	width: 53px;
	height:19px;
	text-indent:-9000px;
}
div.registerButton a:hover {
	background:url(images/buttons/register_over.gif) no-repeat;
}

div.loginButton {
	width:37px;
	height:19px;
	margin:7px 0 7px 0;
	background:url(images/buttons/login.gif) no-repeat; 
}
div.loginButton a {
	display: block;
	width:37px;
	height:19px;
	text-indent:-9000px;
}
div.loginButton a:hover {
	background:url(images/buttons/login_over.gif) no-repeat;
}

div.respondButton {
	width:108px;
	height:19px;
	margin:7px 0 7px 0;
	background:url(images/buttons/comment.gif) no-repeat; 
}
div.respondButton a {
	display:block;
	width:115px;
	height:19px;
	text-indent:-9000px;
}
div.respondButton a:hover {
	background:url(images/buttons/comment_over.gif) no-repeat;
}

/* PAGE TITLE end */

.definition {
  width: 35em; /* 32.5em; */
	padding: 0;
	margin: 0;
	/* background-image: url(images/texture/book.jpg); */
	background-color: #FFFFFF;	
	background-repeat:repeat;
	display:block;
	overflow:visible;
	border-top:1px dotted #666666;
	height:auto;
}
.contributorPost {
  width: 35em; /* 32.5em; */
	padding: 0;
	margin: 0;
	/* background-image: url(images/texture/notepad_yellow.gif); */
	background-color: #FFFFFF;	
	background-repeat: repeat;
	display:block;
	overflow:visible;
	border-top:1px dotted #666666;	
	height:auto;
}
.author {
   width: 35em; /* 32.5em; */
	padding: 0;
	margin: 0;
	/* background-image: url(images/texture/sketchbook.jpg); */
	background-color: #FFFFFF;	
	background-repeat: repeat;
	display:block;
	overflow:visible;
	border-top:1px dotted #666666;	
	height:auto;
}
.clearer {
	clear: left; 
	line-height: 0; 
	height: 0;
}
.post {
    margin:0 0 1.875em 0; /* 0 0 30px 0; */
    clear:both;
		height:auto;
		overflow:visible;		
}

    .post .posttitle {
    	float: left;
			font: 1em \"Trebuchet MS\", sans-serif;
      color:#006699;
      margin:0 0 2px 0;
  		font-weight:bold;
    }
		.post .maplink {
			float:right;
			position: relative;
			top: 0.1em;
			right: 0.1em;
			font-size:0.6875em;
      color:#73A533;			
      text-transform:uppercase;
      margin:0 0 0 0;			
		}		
        .post .maplink a:link, .post .maplink a:visited {
						color:#73A533;
        }		
        .post .maplink a:hover {
						color:#73A533;
            text-decoration:underline;
        }    
        .post a:link, .post a:visited {
            color:#006699;
        }
    
        .post a:hover {
						color:#73A533;
            text-decoration:none;
        }
    
        .post a:link span, .post a:visited span {
						color:#CCC;
        }
        
        .post a:hover span {
						color:#AAA;
        }

    .post .postdate {
				font-size:0.6875em;
        color:#333333;
        text-transform:uppercase;
        margin: 0;
    }
		        
    .post .postmeta {
				font-size:0.6875em;
        color:#666666;
        text-transform:uppercase;
        margin:0 0 0 0;
    }
    
        .post .postmeta a:link, .post .postmeta a:visited {
						color:#006699;
        }
				.post .postmeta  span.black {
					font-weight:bold;
					color: #000000;
				}
        
        .post .postmeta a:hover {
						color:#73A533;
            text-decoration:none;
        }
        
    .post p {
			word-wrap:break-word;  /* break unbreakable words for IE to prevent overflow */
      font-size:0.875em; /* 14px */
			line-height: 1.4;
			margin:0 0 1em 0;
			height:auto;
			text-align:justify;
			clear:left;		
    }
    
        .post p a:link,
        .post p a:visited,
        .post ul a:link,
        .post ol a:link,
        .post ul a:visited,
        .post ol a:visited {
            color:#73A533;
        }
    
        .post p a:hover,
        .post ul a:hover,
        .post ol a:hover {
            text-decoration:underline;
        }
        
				.post .the_content h3 {
					 margin-bottom:0.875em;
				}
        .post .the_content ul, .post .the_content ol {
			font-size:0.875em; /* 0.75em */
			line-height: 1.4;
            margin-bottom:15px;
        }
    .post blockquote {
        margin:0 0 15px 20px;
        padding:5px;
        border-top:1px solid #73A533;
        border-bottom:1px solid #73A533;
    }
    
        .post blockquote p {
            margin:0;
            font-style:italic;
        }
        
        .post blockquote blockquote {
            margin-top:15px;
            background-color:#F3F3F3;
        }

    .post img {
    float:left;
    border:1px solid #73A533;
    margin:10px 10px 10px 20px;
    }
	.post img.inline {
		float:none;
		border: 0;
		margin: 0;
		padding: 0;
	}
    
    .post .wp-smiley {
        float:none;
        border:0;
        margin:0;
    }

#socialBookMarks {
	padding: 0;
	margin: 0;	
}

#socialBookMarks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;			
} 
#socialBookMarks ul li {
	margin: 0;
	list-style: none;
	float: left;
	position: relative;
	font-size:11px;
	line-height: 1.4;
	min-height:16px;
	font-style:normal;
	font-weight:normal;
	padding:0 10px 0 0;	
  background-position: 0 0.1em;	
  background-repeat:no-repeat;
}
#socialBookMarks ul li.delicious {
	padding:0 15px 0 20px;	
  background-image:url(images/icons/delicious.gif);	
}
#socialBookMarks ul li.digg {
	padding:0 15px 0 20px;	
  background-image:url(images/icons/digg.gif);
}
#socialBookMarks ul li.facebook {
	padding:0 15px 0 20px;	
  background-image:url(images/icons/facebook.gif);
}
#socialBookMarks ul li.reddit {
	padding:0 15px 0 20px;	
  background-image:url(images/icons/reddit.gif);
}
#socialBookMarks ul li.stumbleupon {
	padding:0 15px 0 20px;	
  background-image:url(images/icons/stumbleupon.gif);
}
#sidebar ul li ul li.my_yahoo, #sidebar ul ol li.my_yahoo {
	padding:3px 0 3px 17px;	
  background-image:url(images/icons/my_yahoo.gif);
}
#sidebar ul li ul li.google_reader, #sidebar ul ol li.google_reader {
	padding:3px 0 3px 17px;	
  background-image:url(images/icons/google_reader.gif);
}
#sidebar ul li ul li.abecedarium, #sidebar ul ol li.abecedarium {
	padding:3px 0 3px 20px;	
  background-image:url(images/icons/abecedarium.gif);
}
#sidebar ul li ul li.flickr, #sidebar ul ol li.flickr {
	padding:3px 0 3px 20px;	
  background-image:url(images/icons/flickr.gif);
}
#sidebar ul li ul li.picasa, #sidebar ul ol li.picasa {
	padding:3px 0 3px 20px;	
  background-image:url(images/icons/picasa.gif);
}
#sidebar ul li ul li.nypl, #sidebar ul ol li.nypl {
	padding:3px 0 3px 20px;	
  background-image:url(images/icons/nypl.gif);
}
		
/* COMMENTS */

#commentlist, #trackbacks {
    list-style:none;
}

    #commentlist li {
        margin:0;
        padding:15px 10px 0 10px;
        border-bottom:1px solid #73A533;
    }

    #commentlist li.odd {
        background-color:#F3F3F3;
    }
    
    #trackbacks li {
        padding:5px 10px 5px 10px;
    }

.post .commenttitle {
        font-size:16px;
        line-height:16px;
        color:#006699;
        margin:0 0 2px 0;
        font-weight:normal;
    }
    
        .post #commentlist .commenttitle a:link, .post #commentlist .commenttitle a:visited {
            color:#006699;
        }
    
        .post #commentlist .commenttitle a:hover {
            color:#73A533;
            text-decoration:none;
        }
        
        textarea {
            width:100%;
						background-color: #fff;
						padding: 1px;
						border: 1px solid #ccc;
						margin-bottom: 0px;						
        }

#commentform input {
	background-color: #fff;
	padding: 1px;
	border: 1px solid #ccc;
	margin-bottom: 0px;
}

/* Flexible upload image css */	
.imageframe { margin: 10px; padding: 5px; border: 1px solid #aaa; }
.imgalignleft { float: left; }
.imgalignright { float: right; }
.imgaligncenter { margin-left: auto; margin-right: auto; }

/* EMAIL */
div#loginInfo {
	padding: 0.5em; /* 5px; */
	background-color: #fafafa;	
	border-style: solid;
	border-width: 1px;
	margin: 0 0 5px 0;	
}

h1#emailHeader.darkgray {
	color: #333333;
}
h1#emailHeader.red {
	color: #cc6600;
}
h1#emailHeader.blue {
	color: #006699;
}
#emailHeader a:hover {
  text-decoration:none;
  color:#006699;
}

/* hr */
hr {
	border: 1px solid #000;
}

			
/* FOOTER */
        
#footer {
    clear:both;
    border-top:1px solid #CCC;
}

    #footer p {
        margin:5px 0 30px 5px;
        color:#CCC;
        text-transform:uppercase;
        font-size:10px;
    }
    
    #footer a:link, #footer a:visited {
        color:#AAA;
    }
    
    #footer a:hover {
        color:#73A533;
        text-decoration:none;
    }